.register-section{
	width: 100%;
	background: #F5F5F6;
	position: relative;
	padding-bottom: 32px;
	padding-top: 40px;
}
.main_nav{
	background: #000;
	top:10px;
}

.footer-section{
	height:80px;
	width:100%;
	background: #000;
	text-align: center;
	color:#fff;
	box-sizing: border-box;
}
.type-con,.form-con,.person-con,.company-con{
	height: calc(100vh - 244px);
	min-height: 476px;
	background: #fff;
	width: 1000px;
	/* position: absolute; */
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	box-sizing: border-box;
}
.type-con{
	min-height: 510px;

}
.person-con{
	/* padding: 40px 170px; */
	display: none;
	position: relative;
}
.company-con{
	padding: 40px 170px;
	display: none;
	min-height: 520px;
}
.type-con{
	/* padding: 40px 70px; */
	display: none;
	position: relative;
}
.type-box,.person-box,.company-box{
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	/* bottom: 0; */
	/* margin: auto; */
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	padding: 0 70px;
}
.person-box{
	padding: 0 170px;
}
.company-box{
	padding: 0 100px;
}
.type-title{
	font-size: 24px;
	color: #333333;
	font-weight: 600;
	text-align: center;
	/* margin-bottom: 45px;  */
}
.form-con{
	display: block;
}
.form-box {
	width: 410px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -240px;
	margin-top: -200px;
}
.form-title{
	font-size: 24px;
	color: #333333;
	font-weight: 600;
	text-align: center;
	margin-bottom: 48px;    
	width: 310px;
	margin-left: 21%;
}
.input-lable{
	float: left;
	width:90px;
	line-height: 32px;
	font-size: 14px;
	color: #333333;
	text-align: right;
}
.input,.yzm-con{
	float: left;
	width: 310px;
	color: #333;
	height: 32px;
	padding: 10px 0;
}
.yzm-con{
	padding: 0;
}
.mast-span{
	color: #FF8E8D;
}
.input:focus {
	border: 1px solid #3389FF;
}
.group-warp{
	height:auto;
}
.next-btn{
	background: #1434E1;
	border-radius: 4px;
	color:#fff;
	width:310px;
	height:40px;
	line-height: 40px;
	text-align: center;
	font-size: 14px;
	margin: 0 auto;
	margin-top: 28px;
	margin-left: 22%;
	cursor: pointer;
}
.yzm_input{
	width:60%;
	float: left;
}
.send-btn{
	float: right;
	width:35%;
	text-align: center;
	background: #FFFFFF;
	border: 1px solid #C1C4CB;
	border-radius: 24px;
	line-height: 32px;
	font-size: 14px;
	cursor: pointer;
	color: #3389FF;
}
.form-item{
	height: 32px;
}
.error_o{
	height: 20px;
	line-height: 20px;
	font-size: 13px;
	margin-left: 23%;
}
.select-input,.select-input2,.select-input3{
	cursor: pointer;
	float: left;
	width: 310px;
	font-size: 14px;
	color: #A2A8B4;
	height: 32px;
	line-height: 32px;
	border: 1px solid #C1C4CB;
	border-radius: 20px;
	text-indent: 10px;
	position: relative;
}
.active-select,.active-select2,.active-select3{
	color: #333;
}
.triangle_border_down{
	width:0;
	height:0;
	border-width:10px 8px 0;
	border-style:solid;
	border-color:#258CFF transparent transparent;
	position:relative;
	float: right;
	margin: 10px;
}
.select-con,.select-con2,.select-con3{
	position: absolute;
	top:45px;
	width:100%;
	background: #FFFFFF;
	box-shadow: 0 1px 4px 0 rgba(0,0,0,0.30);
	border-radius: 15px;
	overflow: hidden;
	height:0;
	z-index: 100;
}
.select-action2{
	width:100%;
	overflow: hidden;
}
.clear_icon{
	line-height: 32px;
	display: none;
	margin-left: 2px;
}
.select-font2{
	width: 70%;
	white-space:nowrap;
	overflow: hidden;
	display: inline;
	text-overflow: ellipsis;
}
.yx-con{
	display: none;
}
.select-li,.select-li2,.select-li3{
	width:100%;
	height:34px;
	box-sizing: border-box;
	line-height:34px;
	padding-left: 12px;
	color: #333333;
}
.select-li:hover{
	background: rgba(51,137,255,0.10);
}
.select-li2:hover{
	background: rgba(51,137,255,0.10);
}
.select-li3:hover{
	background: rgba(51,137,255,0.10);
}
.company_t{
	margin-top: 0;
}

.send-btn:hover{
	background: #258CFF;
	color:#fff;
	transition: all .2s;
}
.type-select-con{
	width:100%;
	height: auto;
	padding-top: 32px;
	/* overflow: hidden; */
}
.type-select-con:after{display:block;clear:both;content:"";visibility:hidden;height:0}
.person-section:after{display:block;clear:both;content:"";visibility:hidden;height:0}
.type-person{
	float: left;
	width:42%;
}
.type-company{
	float: right;
	width:42%;
}
.type-img{
	width:100%;
	height:270px;
	box-shadow: 0 10px 20px 0 rgba(50,137,255,0.20);
	border-radius: 4px;
	cursor: pointer;
}
.person{
	background: url('../images/ico_web_f3x.png') no-repeat center center;
	background-size: cover;
	/* box-shadow: 0 6px 28px 0 rgba(55,198,197,0.28); */
	box-shadow: 0 6px 28px 0 rgba(50,137,255,0.20);

}
.company{
	background: url('../images/ico_web_p3x.png') no-repeat center center;
	background-size: cover;
	box-shadow: 0 6px 28px 0 rgba(50,137,255,0.20);
}
.person:hover{
	/* outline: 4px solid #37C6C5; */
	outline: 4px solid #3389FF;

}
.company:hover{
	outline: 4px solid #3389FF;
}
.radio-con{
	margin: 16px;
	text-align: center;
	font-size: 16.2px;
	color: #7B848D;
}
.person-radio,.company-radio{
	background: #FFFFFF;
	/* border: 1px solid #19BCA1; */
	border: 1px solid #3389FF;
	width:12px;
	height:12px;
	border-radius: 50%;
	display: inline-block;
	cursor: pointer;
}
.company-radio{
	border: 1px solid #3389FF;
}
.active-radio{
	background: #3389FF;
	border: 1px solid #3389FF;
}
.p-active-radio{
	/* background: #37C6C5;
	border: 1px solid #37C6C5; */
	background: #3389FF;
	border: 1px solid #3389FF;
}
.person-active-img{
	/* outline: 4px solid #37C6C5; */
	outline: 4px solid #3389FF;

}
.company-active-img{
	outline: 4px solid #3389FF;
}
.next-btn-a{
	width:230px;
	height:40px;
	line-height: 40px;
	text-align: center;
	margin: 0 auto;
	margin-top: 24px;
	box-shadow: 0 10px 20px 0 rgba(193,196,203,0.30);
	border-radius: 24px;
	background: #C1C4CB;
	cursor: not-allowed;
	color:#fff;
}
.active-btn{
	cursor: pointer;
	background: #3389FF;
	background-image: linear-gradient(90deg, #00E5FF 0%, #258CFF 99%);
}
.type-sub{
	font-size: 15px;
	color: #333333;
	text-align: center;
	margin-top: 24px; 
}
.person-left{
	float: left;
	margin-left: 20px;
}
.person-right{
	float: right; 
	/* margin: 0 auto;*/
	margin-right: 20px;
}
.person-section{
	/* overflow: hidden; */
	margin: 0 auto;
	margin-top: 40px;
	width: 70%;
}
.person-img{
	width:150px;
	height:150px;
	position: relative;
	background: #FFFFFF;
	box-shadow: 0 3px 20px 0 rgba(50,137,255,0.20);
	border-radius: 4px;
	margin: 0 auto;
}
.person-img>img{
	width:150px;
	height:150px;
}
.person-sm{
	font-size: 14px;
	color: #5E6C84;
	text-align: center;
	margin-top: 25px;
}
.back-btn a{
	color:#fff;
}
.type-footer{
	margin-top: 30px;
	text-align: center;
	font-size: 14px;
	color: #5E6C84;
	text-align: center;
	}
.back-btn{
	background: #1434E1;
	border-radius: 4px;
	margin: 24px auto 0;
	width:120px;
	height:32px;
	line-height:32px;
	font-size: 16px;
	color: #FFFFFF;
	text-align: center;
	cursor: pointer;
}
.company-img{
	height:300px;
	width:522px;
	display: block;
	margin: 0 auto;
	margin-top: 30px;
}
.login-btn{
	font-size: 16px;
	line-height: 31px;
}
.input::-webkit-input-placeholder{
	color: #A2A8B4;
	font-size: 14px;
}    /* 使用webkit内核的浏览器 */
.input:-moz-placeholder{
	color: #A2A8B4;
	font-size: 14px;
}                  /* Firefox版本4-18 */
.input::-moz-placeholder{
	color: #A2A8B4;
	font-size: 14px;
}                  /* Firefox版本19+ */
.input:-ms-input-placeholder{
	color: #A2A8B4;
	font-size: 14px;
} 
@media only screen
	and (min-device-width : 768px)
	and (max-device-width : 1024px){
		.register-section{
			width:50%;
			margin: 0 auto;
			background: #fff;
		}
		.form-con{
			margin: 0 auto;
			width: 100%;
		}
		.form-title{
			margin: 20px 20px;
			width:auto;
		}
		.group-warp{
			margin: 0 auto;
		}
}
@media screen and (min-width: 320px) and (max-width: 1000px)  {
	.type-con,.form-con,.form-box,.person-con,.company-con{
		width: 90%;
		height:50rem;
		position: relative;
		margin-top: 2rem;
		margin-bottom: 2rem;
		margin: auto;
		top: 0;
		left: 0;
	}
	.company-img{
		height:auto;	
	}
	.person-right{
		float: none;
		margin: 0;
	}
	.person-left{
		float: none;
		margin: 0;
	}
	.person-img{
    margin: 0 auto;
	}
	.type-img{
    height: 20rem;
	}
	.type-box, .person-box, .company-box {
		position: inherit;
		top: 0;
		margin: none;
		transform: inherit;
		transform: inherit;
    -webkit-transform: inherit;
    -o-transform: inherit;
		-moz-transform: inherit;
		padding: 0;
	}
	.company-con{
		display: block;
		padding: 2rem 1rem;
		height:31rem;
		min-height: 31rem;
		display: none;
	}
	.person-con{
		padding: 2rem 1rem;
		height:685px;
		display: none;
	}
	.form-con{
		display: block;
		padding: 3rem 1rem;
	}
	.type-con{
		width: 90%;
		height:63rem;
		position: relative;
		/* margin-top: 2rem; */
		/* margin-bottom: 2rem; */
		display: none;
	}
	.footer-section{
		z-index: 100;
	}
	.type-con{
		padding: 2rem;
	}
	.type-sub{
		font-size: 12px;
	}
	.type-footer{
		font-size: 14px;
	}
	.type-title,.form-title{
		font-size: 17px;
	}
	.register-section{
		overflow: hidden;
		height: auto;
		display: block;
	}
	.type-select-con{
		padding-top:1rem;
	}
	.type-person,.type-company{
		width: 100%;
	}
	.type-img{
		/* height: 20rem;
		width: 100%; */
		background-size: cover;
	}
	.company{
		margin-top: 2rem;
	}
	.input-lable{
		font-size: 1rem;
		width:25%;
		line-height:32px;
	}
	.input{
		width:70%;
		height:32px;
	}
	  
	.select-input,.select-input2,.select-input3,.yzm-con{
		width:70%;
		height:32px;
		line-height: 32px;
	}
	.error_o{
		margin-left: 32%;
	}
	.yzm_input{
		width:60%;
	}
	.form-title{
		width:100%;
		text-align: center;
		margin-left: 0;
	}
	.send-btn{
		height: 32px;
		line-height: 32px;	
		font-size: .8rem;
	}
	.next-btn{
		margin: 0 auto;
		margin-top: 3rem;
		width: 70%;
	}
	.person-right{
		margin-top: 2rem;
	}
	.triangle_border_down{
		margin: 12px;
	}
}

.type-footer-tips{
	text-align: center;
	margin-top: 5px;
	font-size: 14px;
    color: #BDC2CB;
}