@charset "utf-8";
/* CSS Document */

body{ background-color:#1d1623; }




.userLoginContent{ background-color:#FFFFFF;  margin:0 auto; position: relative; }
.userLoginContent a.clickQRcode{ width: 60px; height: 60px; background: url('../images/loginQRcode.png') no-repeat right top; position: absolute; top: 0; right: 0; z-index: 20; display: none; }

.userLoginC-title{ text-align:center; border-bottom:1px solid #e8e8e8; }
.userLoginC-title h3{ display:inline-block; vertical-align:top;  color:#222222; font-weight:normal;  border-bottom:2px solid #222222; margin-bottom:-1px; }


.userLoginContent .phoneNumber ,.userLoginContent .password{ background-color:#FFF;  border:1px solid #e8e8e8; }
.userLoginContent .phoneNumber:focus ,.userLoginContent .password:focus{ border-color:#222222; }

.userLoginContent span.biaoTi{  float:left;  text-align:right; color:#222222; }





.userLoginContent .verificationCode{ float:left;  text-align:center; border:1px solid #e8e8e8; }
.userLoginContent .verificationCode:focus{ border-color:#222222; }


.userLoginContent span.idcode{ float:left;  }


.userLoginC-btns input{  border:none; background-color:#FF0E2B;  color:#FFF; cursor:pointer;  }




.userLoginContent .forgetPasswordWrap{}
.userLoginContent .forgetPasswordWrap span.fuHao{ color:#E8E8E8; }

.userLoginContent a.forgetPassword{ text-decoration:none; color:#999999; }
.userLoginContent a.register{ text-decoration:none; color:#FE6376; }



.userLogin{ padding-top:120px; }
.userLoginContent{ width:352px; padding:11px 32px 29px; 
-webkit-border-radius:5px;
-moz-border-radius:5px;
-o-border-radius:5px;
-ms-border-radius:5px;
border-radius:5px; }

.userLoginC-title h3{ font-size:20px; line-height:57px; padding-left:17px; padding-right:17px; }

.userLoginContent ul{ padding-top:22px; }
.userLoginContent ul li{ padding-bottom:10px; }

.userLoginContent .phoneNumber ,.userLoginContent .password{ width:320px; height:45px; font-size:14px; padding:0 15px; 
-webkit-border-radius:6px;
-moz-border-radius:6px;
-o-border-radius:6px;
-ms-border-radius:6px;
border-radius:6px; }

.userLoginContent span.biaoTi{ width:63px; padding-right:5px; line-height:47px; font-size:14px; }

.userLoginContent .verificationCode{ width:130px; height:45px; font-size:14px; margin-right:10px; 
-webkit-border-radius:6px;
-moz-border-radius:6px;
-o-border-radius:6px;
-ms-border-radius:6px;
border-radius:6px; }
.userLoginContent span.idcode{ padding-top:8px; }



.userLoginC-btns input{ width:352px; height:45px; font-size:18px; 
-webkit-border-radius:6px;
-moz-border-radius:6px;
-o-border-radius:6px;
-ms-border-radius:6px;
border-radius:6px; }

.userLoginContent .forgetPasswordWrap{ font-size:14px; padding-top:18px; padding-left: 9px; padding-right:9px; }
.userLoginContent .forgetPasswordWrap .fP-left{ float: left; }
.userLoginContent .forgetPasswordWrap label.mianLogin{ display: inline-block; vertical-align: top; }
.userLoginContent .forgetPasswordWrap label.mianLogin input{ vertical-align: top; width: 15px; height: 15px; margin-right: 5px; margin-top: 2px; }

.userLoginContent .forgetPasswordWrap .fP-right{ float: right; }
.userLoginContent .forgetPasswordWrap span.fuHao{padding-left:10px; padding-right:12px;}


@media screen and (min-height:700px) {
	.userLogin{ padding-top:186px; }	
}



@media screen and (min-height:900px) {
	.userLogin{ padding-top:233px; }
	.userLoginContent{ width:442px; padding:19px 40px 37px; 
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	-ms-border-radius:5px;
	border-radius:5px; }

	.userLoginC-title h3{ font-size:24px; line-height:64px; padding-left:17px; padding-right:17px; }

	.userLoginContent ul{ padding-top:29px; }
	.userLoginContent ul li{ padding-bottom:15px; }

	.userLoginContent .phoneNumber ,.userLoginContent .password{ width:402px; height:56px; font-size:16px; padding:0 19px; 
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	-o-border-radius:6px;
	-ms-border-radius:6px;
	border-radius:6px; }

	.userLoginContent span.biaoTi{ width:75px; padding-right:10px; line-height:58px; font-size:16px; }

	.userLoginContent .verificationCode{ width:186px; height:56px; font-size:16px; margin-right:10px; 
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	-o-border-radius:6px;
	-ms-border-radius:6px;
	border-radius:6px; }
	.userLoginContent span.idcode{ padding-top:12px; }

	.userLoginC-btns input{ width:442px; height:58px; font-size:20px; 
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	-o-border-radius:6px;
	-ms-border-radius:6px;
	border-radius:6px; }

	.userLoginContent .forgetPasswordWrap{ font-size:16px; padding-top:18px; padding-left: 9px; padding-right:9px; }
	.userLoginContent .forgetPasswordWrap label.mianLogin input{ width: 17px; height: 17px; }
	.userLoginContent .forgetPasswordWrap span.fuHao{padding-left:10px; padding-right:12px;}

}