.main .inner.w1330{
	width: 83.125em;
}
.section{
	padding: 6.77% 0 13%;
	background-repeat: no-repeat;
	background-image: url(../images/login_bg.jpg);
	background-position: center top;
	background-size: 100% auto;
}
.section .main-box{
	background-color: #fff;
	border-radius: 0.625em;
  	box-shadow: 0px 0px 2.28em rgba(11, 45, 77, 0.1);
  	margin: 0 auto;
  	width: 29.375em;
  	max-width: 100%;
}
.section .main-box.normal{
	padding: 5.25em 3.375em 7.375em;
}
.section .main-box.normal h3{
	font-size: 1.75em;
	color: #333;
	font-weight: bold;
	text-align: center;
}
.section .main-box.normal.changeaccount ul{
	margin: 4em 0 4.375em;
}
.section .main-box.normal.changemobile ul{
	margin: 2.5em 0 1.75em;
}
.section .main-box.login{
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-direction: row;
	padding: 5em 0 4em;
	width: 67.25em;
}
.section .main-box.info{
	width: 100%;
	margin-bottom: 1.125em;
	padding: 5.25em 5.75em 4em;
}
.section .main-box.info:last-child{
	margin-bottom: 0;
	padding: 6em 5.75em 4em;
}
.section .main-box.info .flex-box{
	margin-bottom: 4.375em;
}
.section .main-box.info .flex-box h2{
	font-size: 2.25em;
	color: #333;
	font-weight: bold;
}
.section .main-box.info .flex-box .layui-btn{
	padding: 0 1.5em;
	display: inline-block;
	width: auto;
}
.section .main-box.info .flex-box .layui-btn .wechat{
	width: auto;
	height: 1.25em;
	margin-right: 1em;
	display: inline-block;
}
.section .main-box.info .layui-form ul{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-direction: row;
	flex-wrap: wrap;
	margin-bottom: 1.875em;
}
.section .main-box.info .layui-form ul::after{
	content: "";
	display: block;
	width: 31.6%;
}
.section .main-box.info .layui-form .form-block{
	width: 31.6%;
	margin-bottom: 1.375em;
}
.section .main-box.info .layui-form .layui-btn{
	width: 9.375em;
	margin: 0 auto;
	display: block;
}
.section .main-box.info > dl{
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-direction: row;
}
.section .main-box.info > dl dd{
	margin-bottom: 2em;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-direction: row;
}
.section .main-box.info > dl dd .icon-box{
	width: 2.625em;
	height: 2.625em;
	border-radius: 50%;
	background-color: #00a4ff;
	margin-right: 1em;
	display: flex;
	align-items: center;
	justify-content: center;
}
.section .main-box.info > dl dd .icon-box img{
	width: auto;
	height: 1.125em;
}
.section .main-box.info > dl dd p{
	margin-right: 1.75em;
	display: none;
}
.section .main-box.info > dl dd p.on{
	display: block;
}
.section .main-box.info > dl dd p:last-child{
	margin-right: 0;
}
.section .main-box.info > dl dd input{
	width: 6.25em;
	font-size: inherit;
}
.section .main-box.reg{
	background-repeat: no-repeat;
	background-image: url(../images/login_redbg.jpg);
	background-size: cover;
	padding: 4.6875em 3.375em 5.3125em;
}
.section .main-box.reg h2{
	font-size: 2.25em;
	color: #333;
	font-weight: bold;
	text-align: center;
}
.section .main-box.reg ul{
	margin: 2.5em 0 2.125em;
}
.section .main-box.reg .layui-btn{
	margin-bottom: 1.25em;
}
.section .main-box.reg .flex-box.center{
	margin-bottom: 3.125em;
}
.section .main-box .flex-box{
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-direction: row;
}
.section .main-box .flex-box.center{
	justify-content: center;
}
.section .main-box p{
	color: #666;
}
.section .main-box p.center{
	text-align: center;
}
.section .main-box p a.blue{
	color: #00a4ff;
}
.section .main-box p .wechat{
	width: 1.125em;
	vertical-align: middle;
	margin-right: 0.5em;
	display: inline-block;
}
.section .main-box p span.middle{
	vertical-align: middle;
}
.section .qr-part{
	width: 31.25em;
	text-align: center;
	padding-top: 1.25em;
}
.section .qr-part h5{
	font-size: 1.375em;
	color: #333;
	font-weight: bold;
}
.section .qr-part .qr-box{
	width: 14em;
	border-radius: 0.625em;
	border: 1px solid #e1e1e1;
	padding: 1.125em;
	margin: 2.25em auto 2.75em;
}
.section .qr-part .unwork{
	width: 12.375em;
	margin: 1.5em auto 0.875em;
	display: block;
}
.section .qr-part p{
	color: #666;
}
.section .qr-part p span{
	font-size: 1.25em;
	font-weight: 500;
}
.section .login-part{
	width: 36em;
	border-left: 1px solid #e4e4e5;
	padding: 0 6.75em 0.875em;
}
.section .login-part .tab-control{
	margin-bottom: 3.5em;	
}
.section .login-part .tab-control a{
	font-size: 1.375em;
	color: #333;
	font-weight: bold;
	display: inline-block;
	margin-right: 2em;
	padding-bottom: 0.32em;
	border-bottom: 2px solid transparent;
}
.section .login-part .tab-control a:last-child{
	margin-right: 0;
}
.section .login-part .tab-control a.on{
	color: #00a4ff;
	border-color: #00a4ff;
}
.section .login-part .tab-content .layui-form{
	display: none;
	margin-bottom: 3.75em;
}
.section .login-part .tab-content .layui-form.on{
	display: block;
}
.section .login-part .tab-content ul{
	margin-bottom: 3em;
}
.section .login-part .tab-content .flex-box{
	margin-top: 1.125em;
}


.section .form-block{
	width: 100%;
	position: relative;
	margin-bottom: 1.25em;
}
.section .form-block:last-child{
	margin-bottom: 0;
}
.section .form-block .icon{
	width: 1em;
	height: 1em;
	position: absolute;
	top: 1.125em;
	left: 1em;
	z-index: 1;
	display: block;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}
.section .form-block .icon.icon-input{
	background-image: url(../images/login_input_icon1.png);
}
.section .form-block .icon.icon-email{
	background-image: url(../images/login_input_icon2.png);
}
.section .form-block .icon.icon-pass{
	background-image: url(../images/login_input_icon3.png);
}
.section .form-block .icon.icon-tel{
	background-image: url(../images/login_input_icon4.png);
}
.section .form-block .icon.icon-sex{
	background-image: url(../images/login_input_icon5.png);
}
.section .form-block .icon.icon-people{
	background-image: url(../images/login_input_icon6.png);
}
.section .form-block .icon.icon-city{
	background-image: url(../images/login_input_icon7.png);
}
.section .form-block .icon.icon-company{
	background-image: url(../images/login_input_icon8.png);
}
.section .form-block .icon.icon-job{
	background-image: url(../images/login_input_icon9.png);
}
.section .form-block .icon.icon-industry{
	background-image: url(../images/login_input_icon10.png);
}
.section .form-block .icon.icon-equipment{
	background-image: url(../images/login_input_icon11.png);
}
.section .form-block .icon.icon-needs{
	background-image: url(../images/login_input_icon12.png);
}
.section .form-block .icon.icon-code{
	background-image: url(../images/antifake_sec_icon3.png);
}
.section .layui-input,.section .layui-select,.section .layui-textarea{
	font-size: 1em;
	color: #333;
	border-radius: 0.625em;
	border: 1px solid rgba(204,204,204,0.5);
	padding-left: 3em;
	line-height: 2;
}
.section .layui-input,.section  .layui-select{
	height: 3.25em;
}
.section .form-block.captcha .layui-input{
	padding-right: 7.5em;
}
.section .form-block .verifycode{
	width: auto;
	height: 70.4%;
	max-width: none;
	position: absolute;
	right: 0.75em;
	top: 50%;
	transform: translateY(-50%);
}
.section .layui-textarea{
	height: 7.25em;
	padding-top: 0.75em;
	resize: none;
}
.section .layui-form-select dl{
	top: 100%;
	margin-top: 0.5em;
}
.section .layui-form-select .layui-input{
	padding-right: 3.75em;
}
.section .layui-form-select .layui-edge{
	border-top-color: #979797;
	right: 1.5em;
	border-width: 0.5em 0.375em 0 0.375em;
	margin-top: -0.25em;
}
.section .form-block .sendcode{
	font-size: inherit;
	color: #00a4ff;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	padding: 0 1.25em;
	border-left: 1px solid #e5e5e5;
	cursor: pointer;
}
.section .layui-input.code{
	padding-right: 7.5625em;	
}
.section .layui-btn{
	font-size: 1em;
	width: 100%;
	height: 2.8125em;
	line-height: calc(2.8125em - 2px);
	padding: 0;
	border-radius: 0.5em;
	border: 1px solid #00a4ff;
}
.section .layui-btn.alt{
	border: 1px solid #00a4ff;
	background-color: transparent;
	color: #00a4ff;
}

@media only screen and (min-width:1024px){
	.section .layui-textarea:focus{
		border-color: #00a4ff !important;
	}
	.section .layui-btn:hover{
		opacity: 0.8;
	}
	.section .layui-btn.alt:hover{
		opacity: 1;
		background-color: #00a4ff;
		color: #fff;
	}
	.section .login-part .tab-control a:hover{
		color: #00a4ff;
	}
	.section .main-box p a:hover{
		color: #00a4ff;
	}
}
@media only screen and (max-width: 1024px ){
	.section{
		padding: 20% 0 30%;
		background-size: cover;
		font-size: 0.875em;
	}


	.section .main-box.info{
		padding: 4.5em 2.5em;
	}
	.section .main-box.info:last-child{
		padding: 4.5em 2.5em;
	}
	.section .main-box.info .flex-box{
		margin-bottom: 3em;
	}
	.section .main-box.info .layui-form ul::after{
		display: none;
	}
	.section .main-box.info .layui-form .form-block{
		width: 100%;
	}
	.section .main-box.info > dl{
		display: block;
	}
	.section .main-box.info > dl dd input{
		width: 7em;
	}



	.section .main-box.login{
		padding: 4em 0;
	}
	.section .qr-part{
		display: none;
	}
	.section .login-part{
		width: 100%;
		border-left: 0 none;
		padding: 0 3em;
	}
}