body,html,form,input,h1,h2,h3,h4,h5,h6,button,iframe,ul,ol,li,dt,dd,dl,p{list-style:none;margin:0px;padding:0px;}
html{font-size:14px;}
body{font-family:"microsoft yahei";color:#414141;}
a{outline:none;text-decoration:none;color:#414141;cursor:pointer;}
a:hover{color:#ff4d48;}
a img,img{vertical-align:bottom;border:none;}
input,button{outline:none;}
input:focus,select:focus,video:focus{outline:none;}
.layout{width:1200px;margin:0px auto;clear:both;}
.head,.main,.btn{float:left;width:100%;position:relative;}
.head .weather{float:left;position:absolute;left:10px;top:0px;width:220px;height:98px;overflow:hidden;}
.head h1.title{margin:50px auto 0px;width:100%;line-height:2em;text-align:center;font-size:1.45rem;color:#212121;}
.main ul{float:left;width:100%;margin-top:30px;font-size:0px;text-align:center;}
.main ul li{display:inline-block;position:relative;width:320px;padding:14px;margin:30px 0px 0px 30px;border:1px solid #bee6ef;border-radius:8px;background:#def0f4;}
.main ul li:nth-of-type(3n+1){margin-left:0px;}
.main ul li .pic{float:left;width:40px;height:35px;padding:0px 15px 0px 0px;text-align:center;overflow:hidden;}
.pic img{width:auto;height:100%;}
.main ul li h3.biaoti,.main ul li .introduce,.main ul li .down{float:right;width:265px;text-align:left;overflow:hidden;}
.main ul li h3.biaoti{font-size:1rem;color:#288199;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.main ul li .introduce{padding-top:6px;font-size:1rem;white-space:normal;}
.main ul li .down{padding-top:6px;font-size:0.88rem;}
.main ul li .down font{color:#f00;}
.main ul li .ok{display:none;position:absolute;left:-14px;top:-27px;width:60px;height:58px;}
.main ul li.hover{background:url(../images/ok.png) no-repeat 280px 35px #def0f4!important;cursor:pointer;}
.btn{padding:60px 0px;text-align:center;}
.btn button{border:none;width:200px;padding-bottom:4px;height:50px;color:#fff;font-size:1.3rem;background:url(../images/btn.png) no-repeat center;cursor:pointer;}
.register .layui-layer-content{width:100%;height:100%;}
.register{width:340px;height:auto;background:transparent!important;background-size:100% auto;}
.register .box{padding:25px;box-sizing:border-box;background:#fff;border:6px solid #00cadc;border-width:6px 3px;border-radius:10px;}
.register h3{padding-bottom:15px;border-bottom:1px solid #f2f2f2;font-size:1.3rem;text-align:center;}
.register h4{font-size:0.88rem;font-weight:normal;color:#f00;}
.register ul li{padding:15px 0px 0px;text-align:left;}
.register ul li span.Validform_wrong{padding-left:30px;background:url(../images/error.png) no-repeat 5px center;}
.register ul li input{width:100%;border:0px solid #ddd;background:#f0f0f0;box-sizing:border-box;padding:3px 6px;line-height:36px;height:36px;font-size:1rem;color:#000;}
.register ul li input::placeholder{color:#757575;}
.register ul li:nth-of-type(2) input{width:180px;}
.register ul li:nth-of-type(4){color:#bbb;line-height:20px;font-size:0.88rem;}
.register ul li button{width:100%;line-height:36px;height:36px;border:none;cursor:pointer;border-radius:5px;background:#00cadc;color:#fff;font-size:1.15rem;}
.register ul li span.code{float:right;width:100px;line-height:34px;height:34px;border:1px solid #ccc;/*手机验证码表单使用background:#f5f5f5;border-radius:0px;color:#787878;font-size:12px;text-align:center;*/overflow:hidden;}
.register ul li span.code img{width:100%;height:100%;}
/*弹出窗口关闭按钮旋转动画效果*/
.layui-layer-close2{animation:rotateclose 1s linear infinite;}
/* 
turn : 定义的动画名称
1s : 动画时间
linear : 动画以何种运行轨迹完成一个周期
infinite :规定动画应该无限次播放
*/
@keyframes rotateclose{0%{-webkit-transform:rotate(0deg);}25%{-webkit-transform:rotate(90deg);}50%{-webkit-transform:rotate(180deg);}75%{-webkit-transform:rotate(270deg);}100%{-webkit-transform:rotate(360deg);}}