/*2023.07.21更新*/
html{width: 100%;height: 100%;}
/*@import "/static/style/commonality.css";*/ 
body{font-family:inherit,"Source Han Sans CN",sans-serif;background: #fff; font-size: 14px;}
a{text-decoration: none;}
ul li,ol li{list-style:none;text-decoration: none;}
input,input:hover,input:focus{-webkit-appearance: none;-webkit-tap-highlight-color:rgba(255,255,255,0);}
input,textarea,button{outline:none;border: none;}
select:-moz-focusring{color: transparent;text-shadow: 0 0 0 #705a39;}
a,button{cursor: pointer;}
img{ border:none;}
.fl{float: left;}.fr{float:right;}
.login_back{height:100%; overflow:hidden;background: url(../images/login01.jpg) no-repeat #323232; background-size: cover;}
/*登录*/
.login_boxs{margin: auto;position: relative;margin-top: 60px;max-width: 1560px;min-width: 1050px;min-height: 550px;	height: calc(100% - 60px);}
.login_box{position: absolute;top: 50%;width: 100%;overflow: hidden;margin-top: 0px; transform: translateY(-50%);}
.login_box>div{width: 50%;}
.login_l_img img{margin: auto;width: 485px;display: block;margin-top: 10px;}
.login{width: 50%;position: absolute;right: 0; top: 0;/*top: 50%;transform: translateY(-50%);*/}
.login h3{width:420px;margin: auto;color: rgba(255,255,255,1);text-align: center;font-size: 30px;font-weight: inherit;margin-bottom: 15px;}
.login section{width:400px;margin: auto;background: rgba(255,255,255,0.9); padding: 30px 40px; border-radius: 8px; position: relative;}
.login_logo{ width:120px; height:120px; border:5px solid #93defe;border-radius:100px; background:#fff; text-align:center; line-height:110px; position:absolute; top:-60px; right:140px;}
.login_name{ width:100%; float:left; text-align:center; margin-top:20px;}
.login_name p{ width:100%; text-align:center; font-size:18px; color:#444; padding:10px 0 20px;}
.login_logo img{ width:60px; height:60px;display: inline-block; vertical-align: middle;}
.copyright { font-size:14px; color:#fff; display:block;width:100%; float:left; text-align:center; margin-top:60px;}
#password_text{border: 1px solid #DCDEE0; vertical-align: middle; border-radius: 3px; height: 50px; padding: 0px 16px; font-size: 14px; color: #888; outline:none; width:100%;margin-bottom: 15px;display: block; line-height:50px;}

.login .errormsg{font-size: 12px;color: red;text-align: center;	position: absolute;top: 5px;left: 30px;}
.login button,.login input{border: none;width: 100%;height: 38px;margin-bottom: 8px;}
.login input[type='text'],.login input[type='password']{border-bottom: 1px solid #cccaca;font-size: 14px;color: #333;text-indent: 2.5em;}
.login .name{background: url(../images/people.png) 6px center no-repeat; background-size: 17px;}
.login .key{background: url(../images/key.png) 6px center no-repeat; background-size: 17px;}
.login .password{background: url(../images/yzm.png) 6px center no-repeat;background-size: 17px;}

/*验证码*/
.captcha{overflow: hidden;}
.captcha .frig:first-child{width: 150px;}
.captcha .frig:last-child{width: 150px;text-align: center;}
.captcha input{margin-bottom: 0px;}
.captcha img{width: 150px;height: 78px;}
.captcha span{color:#d7000f;font-size: 14px;margin: 7px 0 0 7px;float: left;}
.captcha a{color: #035dac;font-size: 14px;}
.login button,.login input[type='button']{font-size: 16px;margin-top: 10px;background: #2391f2;color: #fff;border-radius: 8px;}
.login p{font-size: 14px;padding: 0 10px;}
.login a{color: #035dac;margin-top: 3px;display: inline-block;}
.login span a{color: #ef7e3a;}
.login label a{
    font-size: 16px;margin-top: 0px;background: #2391f2;color: #fff;border-radius: 8px;
    height: 38px;width: 130px;float: right;line-height: 37px;text-align: center;
}
#loginBtnCode{margin-top: 30px;margin-bottom: 0;}
/*登录验证弹框*/
.login .hint{
    font-style: inherit;color:#ff552e;text-indent: 18px;height: 18px; margin-left:8px;display: none;
    background: url(../images/login_icon.png) no-repeat left center;background-size: 15px;
}
.captcha .hint{margin-top: 2px;}

/*2020.2.21 注册register*/
.login_body{background: #fff;min-width: 1050px;/*! min-height: 1533px; */}
.login_head{background: url("../images/login_zc.jpg") no-repeat center 75%;	height:400px;}
.login_head>h3{
    text-align: center; font-size: 24px; color: #fff;width: 448px;margin: auto;padding-top: 130px;
    font-weight: initial; letter-spacing: 2px;
}
.login_head h3 span{font-size: 34px;padding: 0 5px;}
.login_banner{width:100%;position: relative;}
.login_zc{width:448px;background: rgba(255,255,255,.35);z-index: 2;	padding: 22px 0;border-radius: 8px;box-shadow: 2px 2px 8px rgba(30,72,111,.15);}
.login_zc .register{background:#fff;margin: auto;border-radius: 8px;width: 404px;padding: 25px 30px;box-shadow: 1px 1px 8px rgba(30,72,111,.15);}
.login_zc input::-webkit-input-placeholder {color: #9b9b9b;}
.login_zc input:-moz-placeholder {color: #9b9b9b;}
.login_zc input::-moz-placeholder {color: #9b9b9b;}
.login_zc input:-ms-input-placeholder {color: #9b9b9b;}
.register h4{text-align: center;color: #1a97d7;font-size: 24px;font-weight: 100;margin-bottom: 24px;}
.register label{display: block;margin-bottom: 24px;}
.register label span{width: 42px;display: inline-block;text-align: justify;text-align-last: justify;font-weight: inherit;}
.register label input[type="text"],
.register label input[type="password"]{color: #323232;	border: 1px solid #d7d7d7;border-radius: 6px;width: 283px;height: 36px; padding: 0 10px;}
.register .Verification input[type="text"]{margin-right: 15px;width: 145px;}
.register .Verification a{
    background: #5fb2f4;color:#fff;width: 119px;width: 119px; height: 36px;	line-height: 36px;
    display: inline-block; text-align: center;	border-radius: 6px;box-shadow: 2px 0px 13px rgba(99,170,250,.5);
}
.register button{width: 100%;height: 36px;line-height: 36px;background: #5fb2f4;color:#fff;border-radius: 6px;box-shadow: 2px 0px 13px rgba(99,170,250,.5);}
.register .clause{margin-top: 18px;font-size: 14px;color: #9b9b9b;text-align: center;margin-bottom: 0;}
.register .checkbox{display: none;}
.register .clause label{margin-bottom: 0;}
.checkbox + label {	position: relative; display: block;	cursor: pointer; vertical-align: middle;}
.checkbox + label:before {
    position: absolute; top: 2px; left: 8px; display: inline-block; content: '';
    width: 13px; height: 13px;border: 1px solid #c0c0c0; border-radius:50% ;
}
.checkbox + label:after {position: absolute;display: none; content: ''; }
.checkbox:checked + label:after { display: block; }
.checkbox + label:after {
    top: 4px; left: 13px; box-sizing: border-box;width: 5px; height: 9px; transform: rotate(45deg);
    border: 1.5px solid #fff;  border-top: 0; border-left: 0;
}
.checkbox:checked + label:before { border: 1px solid #5fb2f4;  background: #5fb2f4; }
.register .clause a{color:#5fb2f4;}
/*注册成功*/
.login_zc .success{
    background:#fff;margin: auto;border-radius: 8px;width: 404px;padding: 25px 30px;text-align: center;
    box-shadow: 1px 1px 8px rgba(30,72,111,.15);
}
.success h4{text-align: center;color: #616161;font-size: 24px;font-weight: 100;	margin-bottom: 24px;margin-top: 5px;}
.success label{display: block;margin-bottom: 24px;}
.success label span{width: 58px;display: inline-block;text-align: justify;	text-align-last: justify;	font-weight: inherit;}
.success label input[type="text"]{color: #323232;	border: 1px solid #d7d7d7;border-radius: 6px;width: 265px;height: 36px; padding: 0 10px;}
.success button{width: 100%;height: 36px;line-height: 36px;border-radius: 6px;box-shadow: 2px 0px 13px rgba(99,170,250,.5);}
.success button:nth-of-type(1){ width: 50%; background: #5fb2f4;color:#fff;}
.success button:nth-of-type(2){width: 50%; background: #fff;color:#5fb2f4;	border: 1px solid #5fb2f4;font-weight: bold;box-shadow: 0px 0px 3px rgba(99,170,250,.5);}
.success p{color: #196ead;margin: 24px 0;}
/*密码强度*/
.gradeL p{margin-top: 10px;display: none;margin-left: 95px;color: #3e3d3d;}
.gradeL span{text-align: left;margin-right: 0;width: auto;}
.gradeL b i{
    font-style: normal;font-size: 10px;line-height: 16px;width: 34px;  height: 16px;margin-left: 1px;
    display: inline-block;text-align: center;background: #dbdbdb;color: #fff;
}
.gradeL b { width: 108px; height: 16px; overflow: hidden; margin-top: 5px; font-weight: 400;}
.gradeL i{background: #D7D9DD;}/*灰色 .pw-defule*/
.gradeL .grade {background: #8fd1ff;}
.gradeL .grade1 {background: #43b1fe;}
.gradeL .grade2 {background: #3399e0;}
.login_zc label{position: relative;}
/*贰*/
.login_zc .hint{
    display: none;position: inherit;font-style: inherit;color: #ff552e;text-indent: 18px; margin-left: 105px;margin-top: 5px;height: 18px;
    background: url(../images/login_icon.png) no-repeat left center;background-size: 15px;
}
/*验证*/
#rotateWrap,.shade{display:none;}
.shade{	width: 100%;height: 100%;background: rgba(0,0,0,.6);position:fixed;top:0;left:0; z-index: 100000;}
#rotateWrap{
    width: 248px; padding: 25px;position: fixed;margin: 0 auto; z-index: 100001;left: 50%;  top: 50%;  margin-left: -150px;  margin-top: -189px;
    border: 1px solid #ccc; background: #fff;  border-radius: 25px;
}
#rotateWrap img{cursor: pointer;position: absolute;right: 10px;top: 10px;}
#rotateWrap span{font-size: 18px; color: #333; display: block;text-align: center; margin-bottom: 25px;margin-top: 15px;}
#rotateWrap .control-wrap{margin-top: 20px;}
/*找回密码*/
.login_find{width: 50%;/*float: left;*/position: absolute;right: 0;top: 0;}
.login_find h3{width:420px;margin: auto;}
.login_find form{width:420px;margin: auto;}
.login_find h3{color: rgba(255,255,255,1);text-align: center;font-size: 30px;font-weight: inherit;margin: 30px auto 30px;}
.login_find form{background: rgba(255,255,255,0.9); padding:40px 50px; border-radius: 8px;}
.login_find input{
    border: none;background: none;border-bottom: 1px solid #cccaca;font-size: 14px;color: #333;
    width: 100%;height: 40px;margin-bottom: 15px;text-indent: 2.5em;
}
.login_find .phone{background: url(../images/phone1.png) 6px center no-repeat; background-size: 17px;}
.login_find .key{background: url(../images/key.png) 6px center no-repeat; background-size: 17px;}
.login_find .password{background: url(../images/yzm.png) 6px center no-repeat;background-size: 17px;}
.login_find button{width: 80%;height: 40px;font-size: 16px;background: #2391f2;color: #fff;border: none;border-radius: 12px;display: block;margin: 20px auto 0;}
.login_find p{font-size: 14px;padding: 0 10px;}
.login_find a{color: #035dac;margin-top: 3px;display: inline-block;}
.login_find span a{color: #ef7e3a;}
.login_find label{position: relative;}
.login_find .hint{
    font-style: inherit;color:#ff552e;text-indent: 18px;height: 18px;margin-left:8px;display: none;
    background: url(../images/login_icon.png) no-repeat left center;background-size: 15px;
}
.login_find .verify{width: 175px;margin-right: 20px;}
.login_find .verify_btn{padding: 6px 10px;text-align: center;background:#01be6e;/*4278fe*/color:#fff;border: none;border-radius: 5px;cursor: pointer;}
/*2023.5.12*/
.loginBox .boxesTab{display: none;}
.loginBox .MobileLogin{display: block;}
.loginTab{ overflow: hidden;font-size: 16px;margin-bottom: 20px;margin-top: 5px;padding: 0;}
.loginTab li{position: relative;float: left;width: 49%;padding-bottom: 6px;	box-sizing: border-box;cursor: pointer;}
.loginTab li.current:after{content: "";position: absolute; width: 60px;	height: 2px;background: #2391f2;left: 0;bottom: 0px;border-radius: 20px;}
.MobileLogin{margin-bottom: 40px;}
.MobileLogin label{ overflow: hidden;display: block;}
.MobileLogin .password {width: calc(100% - 150px);margin-bottom: 0;float: left;}
.MobileLogin input[type='button']{width: 130px;margin: 0;float: right;line-height: 37px;}
/*旋转验证*/
.safetyCheck {
    margin: 0 auto; display: none;border: 1px solid #ccc; background: #fff; border-radius: 25px;
    width: 300px; padding: 25px; position: absolute; left: 50%; top: 50%; z-index: 2;transform: translate(-50%,-50%);
}
.safetyCheck h6,.safetyCheck h4{display: block; text-align: center;font-weight: inherit;}
.safetyCheck h6{font-size: 14px;color: #999; margin-bottom: 8px;}
.safetyCheck h4{font-size: 18px;color: #333; margin-bottom: 25px;}
.cuo {position: absolute;right: 10px; top: 5px;cursor: pointer;}
.safetyCheck footer{margin-top: 15px;text-align: center;font-weight: inherit;}
.safetyCheck footer span{font-size: 14px;color: #999;padding: 0 10px;cursor: pointer;position: relative;}
.safetyCheck .ECT:after{content: ""; width: 1px; background: #ccc; height: 100%;position: absolute;top: 0;right: -3px;}
/*注册 - 完善信息*/
.login_EVPI,.login_zc{margin: auto;margin-top: -180px;}
.login_EVPI{
    width:448px;background: rgba(255,255,255,1);padding: 30px 40px;border-radius: 8px;
    box-shadow: 2px 2px 8px rgba(30,72,111,.15);display: none;position: relative;
}
.login_EVPI .jumpOver{color: #1a97d7;font-size: 20px;font-weight: 500; cursor: pointer;position: absolute;right: 18px;top: 12px;}
.login_EVPI h4 {text-align: center;color: #1a97d7;font-size: 19px;font-weight: 500;margin-bottom: 24px;}
.login_EVPI>img{width: 60px;margin: auto;display: block;margin-bottom: 14px;}
.login_EVPI label{display: block;margin-bottom: 15px;}
.login_EVPI label span{width: 60px;display: inline-block;text-align: justify;text-align-last: justify;font-weight: inherit;}
.login_EVPI label input{color: #323232;border: 1px solid #d7d7d7;border-radius: 6px;width: calc(100% - 80px);height: 36px; padding: 0 10px;}
.login_EVPI button{
    width: 100%;height: 36px;line-height: 36px;margin-top: 10px;color:#fff;
    background: #5fb2f4;border-radius: 6px;box-shadow: 2px 0px 13px rgba(99,170,250,.5);
}

@media screen and (max-width:1500px){
    .login_head{background: url("../images/login_zc.jpg") no-repeat center 80%;height:400px;background-size: 115%;}
}
@media screen and (max-width:1350px){
    .login_head {background: url("../images/login_zc.jpg") no-repeat center bottom; background-size: cover;}
}
.login_EVPI .clause{text-align: center;color: #5fb2f4;margin-top: 14px;}