.content-box {

	width:100%;

	height:606px;

	position:relative;

	border-top:1px solid #EDEDED;

	border-bottom:1px solid #EDEDED

}

.content-box .title {

	text-align:center;

	margin:59px 0 41px 0;

	line-height:1;

	font-weight:400;

	font-size:24px

}

.content-box .con {

	width:400px;

	position:absolute;

	left:0;

	right:0;

	margin:auto

}

.content-box .con .tel {

	width:400px;

	height:50px;

	position:relative

}

.content-box .con .ts {

	margin-left:30px;

	color:#FF5151;

	font-size:12px;

	position:absolute;

	left:-30px;

	bottom:-16px;

	line-height:1

}

.content-box .con .tel input {

	width:100%;

	height:100%;

	border:1px solid #ddd;

	border-radius:2px;

	padding-left:42px

}

.content-box .con .tel .iconfont {

	position:absolute;

	width:16px;

	height:20px;

	top:15px;

	left:13px

}

.content-box .con .img-code {

	width:400px;

	margin-top:30px;

	display:none

}

.content-box .con .show {

	display:block

}

.content-box .con .img-code .left {

	position:relative;

	float:left;

	width:280px;

	height:50px

}

.content-box .con .img-code .left input {

	width:100%;

	height:100%;

	padding-left:41px;

	border:1px solid #ddd

}

.content-box .con .img-code .left .iconfont {

	position:absolute;

	width:18px;

	height:16px;

	top:17px;

	left:12px

}

.content-box .con .img-code .right {

	width:110px;

	height:50px;

	float:right;

	cursor:pointer

}

.content-box .con .phone-code {

	margin:30px 0 30px 0

}

.content-box .con .phone-code .left {

	position:relative;

	float:left;

	width:280px;

	height:50px

}

.content-box .con .phone-code .left input {

	width:100%;

	height:100%;

	padding-left:41px;

	border:1px solid #ddd

}

.content-box .con .phone-code .left .iconfont {

	position:absolute;

	width:18px;

	height:16px;

	top:17px;

	left:12px

}

.content-box .con .phone-code .right {

	width:110px;

	height:50px;

	float:right;

	text-align:center;

	line-height:50px;

	border-radius:2px;

	color:#3F85ED;

	background:#fff;

	border:1px solid #3f85ed;

	font-size:14px;

	cursor:pointer

}

.content-box .con .phone-code .has-get {

	background:#f1f3f7;

	border:1px solid #ddd;

	color:#AFAFB5

}

.content-box .con .next {

	width:400px;

	height:50px;

	background:#3F85ED;

	border-radius:2px;

	text-align:center;

	margin:64px 0 11px 0;

	line-height:50px;

	color:#ffffff;

	cursor:pointer;

	font-size:18px

}

.content-box .con .password {

	position:relative;

	width:400px;

	height:50px

}

.content-box .con .pwd-con {

	margin:0

}

.content-box .con .password input {

	width:100%;

	height:100%;

	border:1px solid #ddd;

	border-radius:2px;

	padding-left:41px

}

.content-box .con .password .left {

	position:absolute;

	width:18px;

	height:20px;

	top:15px;

	left:12px

}

.content-box .con .password .right {

	position:absolute;

	top:20px;

	right:10px;

	cursor:pointer

}

.content-box .con .register {

	width:400px;

	height:50px;

	background:#3F85ED;

	border-radius:2px;

	text-align:center;

	line-height:50px;

	color:#ffffff;

	cursor:pointer;

	font-size:18px

}

.content-box .con input::placeholder {

	font-size:14px;

	color:#AFB0B5

}

.content-box .con input.showPHolder {

	font-size:14px;

	color:#AFB0B5

}

.content-box .iconfont {

	color:#AFB0B5

}

.content-box input:focus {

	border:1px solid #3f85ed !important;

	-webkit-transition:border linear .2s,-webkit-box-shadow linear .5s;

	-webkit-box-shadow:0 0 2px #3f85ed

}



.content-box .con input[type="checkbox"] {

	display:none

}

.content-box .con input[type="checkbox"]+label::before {

	content:'\a0';

	display:inline-block;

	width:14px;

	height:14px;

	text-align:center;

	margin-right:11px;

	border-radius:8px;

	background:#fff;

	line-height:1;

	border:1px solid #ddd;

	cursor:pointer

}

.content-box .con input[type="checkbox"]:checked+label::before {

	content:'\2713';

	color:#ffffff;

	background:#4085ED

}

.content-box .con label {

	font-size:12px;

	color:#afafb5;

	cursor:pointer;

	display:inline-block;

	width:100%

}

.content-box .con label a{

	color:#3F85ED;

}