@charset "utf-8";
/* CSS Document  font-family:"Microsoft YaHei",Arial,SimHei, sans-serif;*/
.register-contain{
	width:650px;
	margin:auto;
	padding:50px 0px 160px 0px;
	/*overflow:hidden;*/
	}

.register-top{
	overflow:hidden;
	margin-bottom:20px;
	}

.register-top div{
	font-size:24px;
	float:left;
	width:50%;
	text-align: center;
	cursor:pointer;
	position:relative;
	padding-bottom:10px;
	}

.register-type{
	font-weight:bold;
	color:#3b8cff;
	}

.register-type span{
	display:block;
	width:48px;
	height:2px;
	background-color:#3b8cff;
	position:absolute;
	bottom:0px;
	left:50%;
	margin-left:-24px;
	}

.register-item{

	overflow:hidden;
	float:left;
	clear:both;
	}

.register-title{
	width:124px;
	height:36px;
	line-height:36px;
	float:left;
	text-align:right;
	}

.register-input{
	float:left;
	}

.register-input input{
	width:288px;
	height:34px;
	border:1px solid #dcdcdc;
	padding-left:10px;
	margin-left:10px;
	}

.register-item .verification-code{
	position:relative;
	}

.verification-code img{
	position:absolute;
	top:8px;
	right:7px;
	}

.institutional-type .register-input input{
	width:210px;
	height:34px;
	border:1px solid #dcdcdc;
	padding-left:10px;
	margin-left:0px;
	}

.institutional-type .register-input .area-select .area-selected{
	padding:0px 32px 0px 10px!important;
	border-radius:0px!important;
	height:34px;
	line-height:34px;;
	font-size:12px;
	margin-left:10px;
	border:1px solid #dcdcdc;
	}

.institutional-type .register-input .area-select .area-options{
	border-radius:0px;
	border:1px solid #dcdcdc;
	margin-left:10px;
	}

.verification-type-box{
	overflow:hidden;
	margin:20px 0px 0px 73px;;
	text-align: center;
	}

.verification-type-box .verification-type{
	padding:0px 20px;
	background-color:#cdcdcd;
	border-radius:4px;
	color:white;
	line-height:36px;
	text-align:center;
	display:inline-block;
	margin:0px 50px;
	cursor:pointer;
	}

.verification-type-box .verification-type i{
	font-size:18px;
	margin-right:5px;
	}

.phone-verification .register-item .register-input .country-code{
	width:80px;
	height:34px;
	}

.phone-verification .register-item .register-input .phone-enter{
	width:186px;
	height:34px;
	margin-left:8px;
	}

.verification-infor .user-agreement-box{
	float:right;
	overflow:hidden;
	}

.user-agreement-box .layui-form-checkbox{
	height:16px;
	width:16px;
	margin:0px;
	padding:0px;
}

.user-agreement-box .layui-form-checkbox i{
	width:20px;
}

.verification-infor .user-agreement-box input{
	float:left;
	}

.verification-infor .user-agreement-box div{
	float:left;
	line-height:12px;
	}

.verification-infor,
.verification-type-box,
.register-infor,
.register-top{
	float:left!important;
	clear:both!important;
	width:100%;
	}

.register-now{
	display:block;
	float:left;
	clear:both;
	width:300px;
	height:36px;
	color:white;
	line-height:36px;
	text-align:center;
	border-radius:4px;
	margin:20px 0px 0px 164px;
	}

.register-now:hover,
.register-now:focus{
	color:white;
	}

.register-successful-box{
	width:100%;
	max-width:1200px;
	padding:30px 0px 50px 0px;
	background-color:#f3fdf6;
	border:1px solid #def3e6;
	margin:auto;
	margin-top:50px;
	text-align:center;
	}

.register-successful-box i{
	font-size:50px;
	}

.register-successful-box h1{
	margin-top:10px;
	font-size:24px;
	color:#333333;
	}

.register-successful-box h2{
	margin-top:10px;
	font-size:12px;
	color:#999999;
	}

.register-successful-box div{
	margin-top:30px;
	}

.register-successful-box div a{
	margin:0px 20px;
	}

.steps{
	width:100%;
	position:relative;
	height:60px;
	}

.steps ul{
	width:100%;
	overflow:visible;
	}

.steps ul li{
	display:block;
	float:left;
	text-align:center;
	position:relative;
	}

.steps .step-bar-box{
	width:100%;
	height:5px;
	background-color:#cccccc;
	position:absolute;
	top:12px;
	left:0px;
	z-index:-2;
	}
	
.steps ul li .step-bar{
	position:absolute;
	top:12px;
	background-color:#cccccc;
	width:100%;
	height:5px;
	z-index:-1;
	}

.steps ul li .step{
	display:block;
	width:26px;
	height:26px;
	border-radius:13px;
	line-height:26px;
	color:white;
	font-size:16px;
	font-weight:bold;
	background-color:#cccccc;
	position:absolute;
	top:4px;
	left:50%;
	margin-left:-13px;
	}

.steps ul li .title{
	display:block;
	margin-top:40px;
	}

.steps ul .done .title{
	color:#caecb6;
	}

.steps ul .done .step{
	background-color:#caecb6;
	}

.steps ul .done .step-bar{
	background-color:#caecb6;
	}

.steps ul .active .title{
	color:#63bd62;
	}

.steps ul .active .step{
	background-color:#63bd62;
	}

.steps ul .active .step-bar{
	background-color:#63bd62;
	}

.retrieve-contain{
	width:750px;
	margin:auto;
	padding:50px 0px 240px 0px;
/*	overflow:hidden;*/
	}

/*.retrieve-step-one-phone .btn,
.retrieve-step-one-mail .btn,
.retrieve-step-two .btn{
	float:left;
	clear:both;
	margin:20px 0px 0px 230px;
	}*/

.phone-to-mail,
.mail-to-phone{
	clear:both;
	margin-top:20px;
	}

.retrieve-mail{
	text-align:center;
	}

.retrieve-mail i{
	font-size:40px;
	}

.retrieve-mail h2{
	font-size:16px;
	margin-top:10px;
	color:#333333;
	}

.retrieve-mail div{
	margin-top:30px;
	}

.retrieve-step-three{
	overflow:hidden;
	}

.retrieve-step-three i{
	display:block;
	float:left;
	font-size:50px;
	margin:20px 10px 0px 120px;
	}

.retrieve-step-three div{
	float:left;
	margin:26px 0px 0px 0px;
	}

.retrieve-step-three div h1{
	color:#7abd54;
	font-size:14px;
	font-weight:bold;
	}

.retrieve-step-three div p{
	font-size:14px;
	margin-top:5px;
	}

.register-form{
	padding:0px 60px;
	margin-top:20px;
	}

.register-form .layui-form-item .layui-form-label{
	width:31%;
	}

.register-form .layui-form-item .layui-input-block{
	width:69%;
	text-align: left;
	}

.register-form .layui-form-item .country-code{
	width:22%!important;
	}

.register-form .layui-form-item .phone-num{
	width:calc(47% - 10px)!important;
	margin-right:0px;
	}

.phone-verification-box i{
	margin-top:4px;
	}

.retrieve-step-one-phone,
.retrieve-step-one-mail,
.retrieve-step-two{
	text-align:center;
	}

.language{
	overflow:hidden;
	margin:60px 20px 0px 0px;
}

.language a{
	padding:0px 5px;
}

.language a:nth-child(1){
	border-right:1px solid #333;
}