/* CSS Document */
 :root{
 	--main-color:#04a2ff;
 }
.wrap{ width:932px;margin:0 auto;}
.login_box{width:100%;height:530px; position:relative}
.login_banner>div{width:100%; height:530px;background-repeat:no-repeat; background-position: top center;}
.login_banner>div.banner_01{ background-image:url(../images/login_banner_01.jpg)}
.login_banner>div a{height:530px; cursor:pointer;display:block}
.login_banner>div.banner_02{ background-image: url(../images/login_banner_02.jpg)}
.login_banner>div.banner_03{ background-image: url(../images/login_banner_03.jpg)}

.swiper-container {width:100%;height: 530px;}
.pagination {position: absolute;left: 0;text-align: center;bottom:5px;*bottom:12px;width: 100%; z-index:989}
.swiper-pagination-switch {display: inline-block;width: 12px;height: 12px;background:#0f252f;background:rgba(15,37,47,.8); border-radius: 12px;margin: 0 5px;cursor: pointer;}
.swiper-active-switch {width: 8px;height: 8px;background:none; border:2px #04131a solid}

.login_layer{ width:100%;height:1%;position:absolute; top:0;left:0; z-index:89898}

.login_main{width:932px;height:1%;margin:0 auto; position:relative}
.login_con{
	width:360px;background:#fff; border-radius:3px;padding-bottom: 35px;
	margin-top:58px;
	position:absolute;top:0;right:0;
	box-shadow:0 4px 15px rgba(0,0,0,.13);
}
.login-tab{
	border-bottom: 1px #e5e5e5 solid;padding:18px 0;overflow: hidden;
}
.login-tab a{width: 160px;font-size: 18px; height: 18px;line-height: 18px; display: block; text-align:center;float:left}
.login-tab a.first{
	width: 159px;border-right: 1px #dedede solid;
}
.login-tab a.active{
	color: #00afff;font-weight: bold;
}
.login-tab-con{
	padding: 0 28px;
}
.register-success{
	text-align: center;padding-top: 40px;
}
.register-success h3{font-size: 30px;color: #54c735;font-weight: bold;padding: 10px 0;}
.register-success .btn_box{
	padding-top: 40px;margin-bottom: 20px;
}
.login_swatch{text-align:right;padding: 15px 0 15px 0;}
.login_swatch a{
	color: #999;
}

.btn_box a.wechat-login{
	margin-top: 20px;
}

a.wechat-login{
	width: 302px;border: 1px #0cce15 solid;background: #fff;display: block;border-radius: 3px;text-align: center;
	height:42px;line-height: 42px;
}
a.wechat-login span{
	background: url(../images/icon-wechat.png) no-repeat left center;display: inline-block;color: #0cce15;
	padding-left: 28px;
}

.error_tip{height:18px;line-height:18px; color:#ff6600}
.error_tip .icon-tip{ background:url(../images/icon_tip.png) no-repeat left center; padding-left:22px; display:inline-block}

.login_con .input-item{width:100%;float:left;position:relative;}
.login_con .input-item .input{
	width:256px;padding:13px 10px 13px 36px; border:1px #d4d4d4 solid; border-radius:3px; color:#434343;background:#fff;
}
.login_con .input-item .message{
	height: 24px;line-height: 24px;color: #ff5454;display: block; visibility: hidden;font-size: 12px;
}
.login_con .input-item .message a{color: var(--main-color);}
.login_con .input-item.error .message{
	visibility: visible;
}
.login_con .input-item.password-item .inner{
	position: relative;
}
.login_con .reg-item-cont{
	padding-top: 30px;
}
.login_con .SMS-login .input-item  input.w130,
.login_con .reg-item-cont .input-item  input.w130{width: 152px}

.login_con .input-item input:focus{ border-color:#999}
.icon-user,
.icon-password{width:24px;height:24px; background:url(../images/icon-sprit.png) no-repeat; display:block}
.login_con .input-item .icon-user,
.login_con .input-item .icon-password{ position:absolute; top:11px; left:8px; background-position:0 -30px; z-index:10}
.login_con .input-item .icon-password{background-position:0 -60px;top:9px}

.login_con .input-item .verifi_box,
.login_con .input-item .phone_verifi_box{width: 116px;height: 44px; position: absolute;right: 0;top: 0;}
.login_con .input-item .phone_verifi_box input{width:116px;line-height: 44px; font-size: 12px;color: #fff;background: var(--main-color);}
.login_con .input-item .phone_verifi_box input.disabled{color:#999;background: #f2f2f2;}

.check_box{width:100%;line-height:18px; overflow:hidden; margin-bottom:18px;float:left}
.check_box label{float:left}
.check_box input{float:left; margin:3px 5px 0 0}

.login_con .SMS-login .input-item .input,
.login_con .reg-item-cont .input-item .input{width:282px;padding-left: 10px;}

.login_con .SMS-login .btn_box,
.reg-item-cont .btn_box{
	padding-top: 10px;
}

.btn_box {float:left}
.btn_box p{line-height:30px; text-align:right;margin-top:15px}
.btn_box p a{color:#ff8417; text-decoration:underline}
.icon-go{ background:url(../images/icon-go.gif) no-repeat left center; padding-left:26px; display:inline-block}
.submit_btn,
a.submit_btn{
	width:304px;height:44px;line-height:44px; color:#fff; background:var(--main-color); border:1px #007db6 solid;font-size:18px; cursor:pointer; border-radius:3px;
	box-shadow:0 0 2px rgba(255,255,255,.6) inset;
	display: block; text-align: center;
}
.submit_btn:hover{ background:#44bcf3}

.cont-txt{font-size:18px; padding:30px 0; overflow:hidden}
.cont-txt li{width:336px;height:38px;line-height:38px;padding-top:10px;padding-bottom:10px;padding-left:44px;float:left; border-bottom:1px #e5e5e5 solid;}
.cont-txt li span{color:var(--main-color);padding:0 2px;font-size:20px}
.cont-txt li.icon-cont{ background: url(../images/icon_cont.png) no-repeat 0 50%;}
.cont-txt li.icon-cont2{ background: url(../images/icon_cont-02.png) no-repeat 0 50%; float:right}
.cont-txt li.icon-cont3{ background: url(../images/icon_cont-03.png) no-repeat 0 50%; border-bottom:none}
.cont-txt li.icon-cont4{ background: url(../images/icon_cont-04.png) no-repeat 0 50%; border-bottom:none;float:right}
.cont_img{width:100%;height:445px; background:url(../images/login_cont_img.jpg) no-repeat top center #f1f1f1}

.placeholder-tip{height:auto;padding-top: 11px;}


/*新增于2020-04-07*/
body.dark_gray{
	background: #2c2c32;color: #fff;
}
.wechat-logo{
	position: fixed;left: 106px;top: 45px;
}
.wechat-login-box{
	width:420px;height: 520px;position: fixed;left: 50%;top: 50%;margin-top: -260px;margin-left:-210px ;
}
.wechat-login-box h3{
	text-align: center;font-size: 30px;margin-bottom: 52px;
}
.wechat-login-box h3 span{
	background: url(../images/icon-success-03.png) no-repeat left;display: inline-block;line-height: 45px;
	padding-left: 65px;
}
.wechat-login-box .form-box{
	padding: 45px 40px 0 40px;border-top: 1px #56565b solid;
}
.wechat-login-box .form-box h4{
	text-align: center;font-size: 18px;font-weight: 300;
}
.wechat-login-box .form-box .input-item{
	padding-bottom: 35px;
}
.wechat-login-box .form-box .input{
	width: 308px;padding: 15px;background: #272528;border: 1px #fff solid;border-radius: 6px;
	color: #fff;
}
.wechat-login-box .form-box .input.w190{
	width: 172px;
}
.wechat-login-box .form-box .verifi_box,
.wechat-login-box .form-box .phone_verifi_box{
	width: 120px;height: 48px;
}
.wechat-login-box .form-box .phone_verifi_box input{
	height: 48px;
	background: #272528;border: 1px #fff solid;color: #fff;border-radius: 6px;
}
.wechat-login-box .form-box .btn_box .submit_btn{
	width:340px;height: 48px;
}