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

body{ background-color:#1d1623; }




.userRegContent{ margin:0 auto; }


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



.userRegContent .li-left{ float:left; text-align:right; color:#FFF; }
.userRegContent .li-right{ float:left; }

.userRegContent input.userName,
.userRegContent input.phoneNumber,
.userRegContent input.dxCode,
.userRegContent input.password0,
.userRegContent input.password1,
.userRegContent input.password2{ background:none; color:#FFF; border:1px solid #2E2337; }

.userRegContent input.userName:focus,
.userRegContent input.phoneNumber:focus,
.userRegContent input.dxCode:focus,
.userRegContent input.password0:focus,
.userRegContent input.password1:focus,
.userRegContent input.password2:focus{ border-color:#FF2A44; }


.userRegContent .getCodeWrap{ display:inline-block; vertical-align:top;  }
.userRegContent input.getCodeNumber{  background:none; border:1px solid #4A375A;  color:#675774; cursor:pointer; }
.userRegContent input.getCodeNumber:hover{ color:#FFF; }


.userRegContent span.countDown{ display:inline-block; vertical-align:top; border:1px solid #4A375A;  color:#FFF;  display:none; }






.userRegContent .buttons input{ display:block;  border:none; background-color:#FF0E2B; color:#FFF; cursor:pointer; }




.userRegContent .serviceAgreement{ color:#FFF; }
.userRegContent .serviceAgreement label{ display:inline-block; vertical-align:top; }
.userRegContent .serviceAgreement input{  display:inline-block; vertical-align:top; }
.userRegContent .serviceAgreement a{ color:#FF0E2B; text-decoration:none; }
.userRegContent .serviceAgreement a:hover{ text-decoration:underline; }


.userRegContent .div01{ text-align:right;  color:#999999; }
.userRegContent .div01 a{ color:#FE6376; text-decoration:none; }
.userRegContent .div01 a:hover{ text-decoration:underline; }


.userRegContent p.tiShi{ color:#FF0E2B; display:none; }







.warmPromptFixed{ width:100%; height:100%; background-color:rgba(0,0,0,0.4); position:fixed; left:0; top:0; z-index:500; display:none; }
.warmPrompt{ background:#FFF; position:absolute; left:50%; top:50%; }
.warmPromptFixed span.warmPrompt-close{ text-align:center; position:absolute; color:#cacaca; cursor:pointer; display:none; }
.warmPrompt-title{ border-bottom:1px solid #E8E8E8; }
.warmPrompt-title h3{ display:inline-block; vertical-align:top; color:#222222; font-weight:normal; border-bottom:2px solid #FF0E2B; margin-bottom:-1px; }
.warmPrompt-content p{ color:#222222; }
.warmPrompt-buttons{ text-align:center; }
.warmPrompt-buttons input{ background:#FF0E2B; border:none; color:#FFF; cursor:pointer;}







.userRegistration{ padding-top:100px; }
.userRegContent{ width:570px; }

.userRegCTitleWrap{ padding-left:109px; }
.userRegC-title{ width:352px; }
.userRegC-title h3{ font-size:22px; line-height:57px; padding-left:17px; padding-right:17px; }


.userRegContent ul{ padding-top:20px; }
.userRegContent ul li{ padding-bottom:15px; }

.userRegContent .li-left{ width:94px; padding-right:15px; font-size:14px; line-height:45px; }

.userRegContent input.userName,
.userRegContent input.phoneNumber,
.userRegContent input.dxCode,
.userRegContent input.password0,
.userRegContent input.password1,
.userRegContent input.password2{ height:45px; padding:0 15px; font-size:12px; 
-webkit-border-radius:6px;
-moz-border-radius:6px;
-o-border-radius:6px;
-ms-border-radius:6px;
border-radius:6px; }

.userRegContent input.userName,
.userRegContent input.phoneNumber,
.userRegContent input.password0,
.userRegContent input.password1,
.userRegContent input.password2{ width:320px; }

.userRegContent input.dxCode{ width:208px; }

.userRegContent .getCodeWrap{ padding-top:8px; padding-left:15px; }
.userRegContent input.getCodeNumber{ height:30px; padding-left:12px; padding-right:12px; font-size:14px; 
-webkit-border-radius:16px;
-moz-border-radius:16px;
-o-border-radius:16px;
-ms-border-radius:16px;
border-radius:16px; }

.userRegContent span.countDown{ padding-left:12px; padding-right:12px; line-height:30px; font-size:14px; 
-webkit-border-radius:16px;
-moz-border-radius:16px;
-o-border-radius:16px;
-ms-border-radius:16px;
border-radius:16px; }


.userRegContent .buttons{ padding-left:109px; padding-top:20px; }
.userRegContent .buttons 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; }


.userRegContent .serviceAgreement{ font-size:14px; padding-left:150px; padding-top:15px; }
.userRegContent .serviceAgreement input{ width:16px; height:16px; margin-right:8px; margin-top:3px; }

.userRegContent .div01{ font-size:14px; padding:15px 128px 0; }

.userRegContent p.tiShi{ font-size:12px; padding-left:20px; padding-top:11px; padding-bottom:4px; }




.warmPrompt{ width:480px; padding:9px 30px 30px; margin-left:-270px; margin-top:-165px; 
-webkit-border-radius:5px;
-moz-border-radius:5px;
-o-border-radius:5px;
-ms-border-radius:5px;
border-radius:5px; }
.warmPromptFixed span.warmPrompt-close{ width:30px; height:30px; line-height:30px; top:10px; right:10px; font-size:33px; }
.warmPrompt-title h3{ line-height:57px; font-size:22px; }
.warmPrompt-content{ padding:15px 6px; }
.warmPrompt-content p{ font-size:16px; line-height:30px; }
.warmPrompt-buttons{ padding-top:7px; }
.warmPrompt-buttons input{ width:189px; height:45px; font-size:16px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
-o-border-radius:5px;
-ms-border-radius:5px;
border-radius:5px; }



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


@media screen and (min-height:900px) {
	.userRegistration{ padding-top:179px; }
	.userRegContent{ width:660px; }

	.userRegCTitleWrap{ padding-left:109px; }
	.userRegC-title{ width:442px; }
	.userRegC-title h3{ font-size:24px; line-height:64px; padding-left:17px; padding-right:17px; }


	.userRegContent ul{ padding-top:29px; }
	
	
	.userRegContent .li-left{ width:94px; padding-right:15px; font-size:16px; line-height:58px; }

	.userRegContent input.userName,
	.userRegContent input.phoneNumber,
	.userRegContent input.dxCode,
	.userRegContent input.password0,
	.userRegContent input.password1,
	.userRegContent input.password2{ height:56px; padding:0 19px; font-size:14px; 
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	-o-border-radius:6px;
	-ms-border-radius:6px;
	border-radius:6px; }

	.userRegContent input.userName,
	.userRegContent input.phoneNumber,
	.userRegContent input.password0,
	.userRegContent input.password1,
	.userRegContent input.password2{ width:402px; }

	.userRegContent input.dxCode{ width:262px; }

	.userRegContent .getCodeWrap{ padding-top:9px; padding-left:20px; }
	.userRegContent input.getCodeNumber{ height:38px; padding-left:19px; padding-right:19px; font-size:16px; 
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	-o-border-radius:20px;
	-ms-border-radius:20px;
	border-radius:20px; }

	.userRegContent span.countDown{ padding-left:19px; padding-right:19px; line-height:38px; font-size:16px; 
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	-o-border-radius:20px;
	-ms-border-radius:20px;
	border-radius:20px; }


	.userRegContent .buttons{ padding-left:109px; padding-top:33px; }
	.userRegContent .buttons 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; }


	.userRegContent .serviceAgreement{ font-size:16px; padding-left:173px; padding-top:18px; }
	.userRegContent .serviceAgreement input{ width:16px; height:16px; margin-right:11px; margin-top:4px; }

	.userRegContent .div01{ font-size:16px; padding:18px 128px 0; }

	.userRegContent p.tiShi{ font-size:14px; padding-left:20px; padding-top:11px; padding-bottom:4px; }



	.warmPrompt{ width:544px; padding:39px 60px 60px; margin-left:-332px; margin-top:-219px; 
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	-o-border-radius:6px;
	-ms-border-radius:6px;
	border-radius:6px; }
	.warmPromptFixed span.warmPrompt-close{ width:30px; height:30px; line-height:30px; top:10px; right:10px; font-size:35px; }
	.warmPrompt-title h3{ line-height:64px; font-size:24px; }
	.warmPrompt-content{ padding:25px 6px; }
	.warmPrompt-content p{ font-size:18px; line-height:32px; }
	.warmPrompt-buttons{ padding-top:7px; }
	.warmPrompt-buttons input{ width:202px; height:58px; font-size:18px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	-o-border-radius:6px;
	-ms-border-radius:6px;
	border-radius:6px; }


}



.userRegContent ul li:last-of-type{ padding-bottom:0; }