/*Huang CSS Document QQ:52710360 */
.login-body{ background:url(../images/bg2.jpg) center bottom no-repeat; background-size:100% 100%; overflow:hidden; padding-bottom:50px;}
.login-body2{ background:url(../images/bg3.jpg) center bottom no-repeat; background-size:100% 100%; overflow:hidden; padding-bottom:50px;}

.login-box{ width:100%; max-width:1000px; overflow:hidden; padding-bottom:188px;margin:80px auto 0 auto; border:1px #dcdcdc solid; border-radius:2px;
box-shadow:0 0 20px rgba(255, 255, 255, .5) inset;       
-webkit-box-shadow:0 0 20px rgba(255, 255, 255, .5) inset;    
-moz-box-shadow:0 0 20px rgba(255, 255, 255, .5) inset;    
}

.login-box .form{ width:74%; margin:15% auto 0 auto; overflow:hidden;}


.login-box .form input::-webkit-input-placeholder {color: #fff; } 
.login-box .form input:-moz-placeholder {color: #fff; } 
.login-box .form input::-moz-placeholder {color: #fff; } 
.login-box .form input:-ms-input-placeholder {color: #fff; } 



.login-box .form li{ width:100%; overflow:hidden; padding-left:46px; margin-top:30px;}
.login-box .form li.mt42{ margin-top:42px;}
.login-box .form li.u1{ background:url(../images/d18.png) left center no-repeat;}
.login-box .form li.u2{ background:url(../images/d19.png) 2px center no-repeat;}
.login-box .form li.u3{ background:url(../images/d21.png) left center no-repeat;}
.login-box .form li.u4{ background:url(../images/d22.png) left center no-repeat;}
.login-box .form li .itxt{ width:100%;border:1px #dcdcdc solid;height:52px; padding:0 15px; font-size:14px; background-color:transparent; overflow:hidden; font-size:16px; color:#FFF; border-radius:2px;

box-shadow:0 0 20px rgba(255, 255, 255, .5) inset;       
-webkit-box-shadow:0 0 20px rgba(255, 255, 255, .5) inset;    
-moz-box-shadow:0 0 20px rgba(255, 255, 255, .5) inset; 
}
 

 
.login-box .form li .upa{ float:right; color:#FFF; line-height:22px;}

.login-box .form li .checkbox{overflow:hidden; cursor:pointer;position: relative;height:22px; line-height:19px; font-size:14px; padding-left:30px;display:inline-block; float:left;}
.login-box .form li .checkbox label{width:100%; cursor:pointer; display:inline-block; float:left;overflow:hidden;font-weight:500; color:#fff;}
.login-box .form li .checkbox label a{ color:#2e8fe5; text-decoration:underline;}
.login-box .form li .checkbox input{ float:left; position:absolute; top:0; left:-20px;}
.login-box .form li .checkbox input[type="checkbox"]:checked + label:before,
.login-box .form li .checkbox input[type="checkbox"]:not(:checked) + label:before {content: " ";height:22px;position: absolute; left:0; top:0;width:22px;background:url(../images/d20.png) left 0px no-repeat;}
.login-box .form li .checkbox input[type="checkbox"]:checked + label:before {background:url(../images/d20s.png) left 0px no-repeat;}
.login-box .form li .checkbox input[type="checkbox"][disabled]:not(:checked) + label:before {background-size:0.38rem;background:url(../images/d20s.png) left 0px no-repeat;}

.login-box .form li .s-but{width:158px; float:left;border:1px #c9c9c9 solid;height:52px; font-size:18px; color:#fff;box-shadow:0 0 20px rgba(255, 255, 255, .5) inset;-webkit-box-shadow:0 0 20px rgba(255, 255, 255, .5) inset;    -moz-box-shadow:0 0 20px rgba(255, 255, 255, .5) inset; background-color:transparent; }
.login-box .form li .fast{ float:right;}
.login-box .form li .fast i{ float:left; height:52px; line-height:52px; overflow:hidden; display:inline-block; font-size:18px; color:#FFF; letter-spacing:1px;}
.login-box .form li .fast a{ margin-left:10px;height:52px; width:52px;overflow:hidden;display:inline-block; border-radius:50px;
box-shadow:0 0 20px rgba(255, 255, 255, .5) inset;       
-webkit-box-shadow:0 0 20px rgba(255, 255, 255, .5) inset;    
-moz-box-shadow:0 0 20px rgba(255, 255, 255, .5) inset; 
}
.login-box .form li .fast a.wb{ background:url(../images/wb5.png) center center no-repeat;}
.login-box .form li .fast a.facebook{ background:url(../images/facebook5.png) center center no-repeat;}
.login-box .form li .fast a.wx{ background:url(../images/wx5.png) center center no-repeat;}
.login-box .form li .fast a.alipay{ background:url(../images/alipay1.png) center center no-repeat;}
.login-box .form li .fast a.google{ background:url(../images/google1.png) center center no-repeat;}


.login-box .form li.u4 .itxt{ width:60%;}
.login-box .form li.u4 .s-but{width:38.5%; float:right;border:1px #c9c9c9 solid;height:52px; font-size:18px; color:#fff;box-shadow:0 0 20px rgba(255, 255, 255, .5) inset;-webkit-box-shadow:0 0 20px rgba(255, 255, 255, .5) inset;    -moz-box-shadow:0 0 20px rgba(255, 255, 255, .5) inset; background-color:transparent; }

.login-register{padding-bottom:75px;}
.login-register .form{ margin:50px auto 0 auto; }

.login-fast{width:100%; max-width:1000px; overflow:hidden; padding-bottom:75px;margin:80px auto 0 auto; border:1px #dcdcdc solid; border-radius:2px;
box-shadow:0 0 20px rgba(255, 255, 255, .5) inset;       
-webkit-box-shadow:0 0 20px rgba(255, 255, 255, .5) inset;    
-moz-box-shadow:0 0 20px rgba(255, 255, 255, .5) inset;    
}
.login-fast .form{ width:74%; margin:50px auto 0 auto; overflow:hidden;}
.login-fast .form li{ width:100%; overflow:hidden; margin-top:30px;}
.login-fast .form li i{ display:inline-block; height:48px; width:40px;vertical-align:middle;outline: medium none; margin-right:10px;}
.login-fast .form li i.wb{ background:url(../images/wb5.png) 0 center no-repeat;}
.login-fast .form li i.facebook{ background:url(../images/facebook5.png) 18px center no-repeat;}
.login-fast .form li i.wx{ background:url(../images/wx5.png) center center no-repeat;}
.login-fast .form li i.alipay{ background:url(../images/alipay1.png) center center no-repeat;}
.login-fast .form li i.google{ background:url(../images/google1.png) center center no-repeat;}


.login-fast .form li.fx{ text-align:center; max-width:100%; background:url(../images/h1.png) center center no-repeat; height:30px;}

.login-fast .form li .but{ width:100%;border:1px #dcdcdc solid;height:52px; padding:0 15px; font-size:14px; background-color:transparent; overflow:hidden; line-height:52px; text-align:center; display:block;font-size:16px; color:#FFF; border-radius:2px; font-size:18px; text-decoration:none;
box-shadow:0 0 20px rgba(255, 255, 255, .5) inset;       
-webkit-box-shadow:0 0 20px rgba(255, 255, 255, .5) inset;    
-moz-box-shadow:0 0 20px rgba(255, 255, 255, .5) inset; 
}

.login-body2 .htitle{ height:30px; line-height:30px; text-align:center; width:100%; font-size:24px; color:#0080bd; margin-top:50px; font-weight:bold;}
.login-body2 .htitle i{ padding:20px; background:url(../images/d24.png) center center no-repeat;}
.login-body2 .login-box .form { margin-top:20px;}
.login-body2 .login-box .form li .itxt{ border:1px #f0f0f0 solid; color:#0080bd;}
.login-body2 .login-box .form li .s-but{ border:1px #f0f0f0 solid; color:#0080bd; font-weight:bold;}
.login-body2 .login-box .form li.u4 .s-but{ border:1px #f0f0f0 solid; font-weight:500;}
.login-body2 .login-box .form input::-webkit-input-placeholder {color: #0080bd; } 
.login-body2 .login-box .form input:-moz-placeholder {color: #0080bd; } 
.login-body2 .login-box .form input::-moz-placeholder {color: #0080bd; } 
.login-body2 .login-box .form input:-ms-input-placeholder {color: #0080bd; } 

.login-body2 .login-box .form li.u1{ background:url(../images/d18s.png) left center no-repeat;}
.login-body2 .login-box .form li.u2{ background:url(../images/d19s.png) 2px center no-repeat;}
.login-body2 .login-box .form li.u3{ background:url(../images/d21s.png) left center no-repeat;}
.login-body2 .login-box .form li.u4{ background:url(../images/d22s.png) left center no-repeat;}



@media only screen and (max-width:760px){
.login-box .form li.u4 .itxt{ width:50%;}
.login-box .form li.u4 .s-but{ width:48%;}
}


@media only screen and (max-width:640px){

.login-fast{ width:90%;}
.login-fast .form{ width:86%;}
.login-box{ width:90%; padding-bottom:70px;}
.login-box .form li .upa{ width:100%; overflow:hidden; text-align:center; display:block; margin-top:30px;}
.login-box .form{ width:96%; padding-right:20px;}
.login-box .form li .fast{ width:100%; float:none; padding-top:30px; overflow:hidden;}
.login-box .form li .s-but{width:100%;}
.login-box .form li .fast i{ display:block; width:100%; text-align:center;}


.login-box .form li.u4{ background-position:left 10px;}
.login-body2 .login-box .form li.u4{ background-position:left 10px;}
.login-box .form li.u4 .itxt{ width:100%;}
.login-box .form li.u4 .s-but{ width:100%; margin-top:10px;}
.login-box .form li .checkbox{ height:auto;}
}