/*通用*/
*{margin:0px; padding:0px; font-weight:normal;}
html{height:100%;}
body{color: #404040; font-family:"microsoft yahei", Arial, Helvetica, sans-serif; height:100%;padding-top: 0px;}
a{text-decoration:none;  text-shadow:none;font-weight:normal; color: #000;-webkit-tap-highlight-color: rgba(255, 255, 255, 0);-webkit-user-select: none;-moz-user-focus: none;-moz-user-select: none;}
ul{list-style:none;}
textarea,input,button{outline:none;-webkit-appearance:none;font-family:Microsoft YaHei;}
.clear{ clear:both; overflow:hidden; height:0px;}
.dk{ width:100%; max-width:750px; min-width:320px; margin:0 auto;height:100%; background-size:100%; background-repeat:no-repeat; background-attachment:fixed;}
img{ border:0; display: block;}
input[type="button"],input[type="checkbox"],input[type="radio"], input[type="submit"], input[type="reset"],select {-webkit-appearance: none;outline:none; border:none;font-family:Microsoft YaHei;}
span:focus,div:focus,a:focus{outline: none;}
html {font-size: 625%; /*100 ÷ 16 × 100% = 625%*/}

/*.toast-message{*/
/*  color: #fff;font-size: 14px;height: 24px;*/
/*}*/
/*出的各分辨率媒体查询换算：*/
@media screen and (min-width:360px) and (max-width:374px) and (orientation:portrait){html{font-size:703%;}}
@media screen and (min-width:375px) and (max-width:383px) and (orientation:portrait){html{font-size:732.4%;}}
@media screen and (min-width:384px) and (max-width:399px) and (orientation:portrait){html{font-size:750%; }}
@media screen and (min-width:400px) and (max-width:413px) and (orientation:portrait){html{font-size:781.25%;}}
@media screen and (min-width:414px) and (max-width:431px) and (orientation:portrait){html{font-size:808.6%;}}
@media screen and (min-width:432px) and (max-width:479px) and (orientation:portrait){html {font-size:843.75%;}}
@-webkit-keyframes rotation{
from {-webkit-transform: rotate(0deg);}
to {-webkit-transform: rotate(360deg);}
}
@-webkit-keyframes scale-three2{
0% {transform:scale(1);opacity:.8;}
100% {transform:scale(1.3);opacity:0;}
}

.color{font-size: 16px;color: #397ef7;}
.whiteColor{font-size: 16px;color: #fff;}
.font{font-size: 16px;color: #404040;}
.blackColor{font-size: 20px;color: #000;}
.wrap{width: 100%;height: 100%;display: flex;background-color: rgba(0,0,0,0.5);position: fixed;top: 0;left: 0;overflow-y: scroll;}

/*背景图*/


/*********
登录
********/
.mainB{padding-top: 0px;}
.main-form{margin:0 auto;width: 1246px;border-radius: 20px;overflow: hidden;display: flex;justify-content: space-between;}
.l-box{width: 623px;}
.l-box img{width: 100%;}
.r-box{width: 623px;background: #fff;padding: 0 120px;}
.title{font-size: 30px;line-height: 40px;padding-top: 45px;padding-bottom: 45px;margin: 0;}
.input-new{margin-bottom: 8px;}
.name{padding-left: 32px;background-position: left center;background-repeat: no-repeat;line-height: 44px;}
.user{background-image: url(../image/user.png);}
.password{background-image: url(../image/password.png);}
.inpB{padding: 0 32px;width: 100%;background-color: #f4f4f4;border-radius: 6px;box-sizing: border-box;position: relative;}
.inp{width: 100%;height: 50px;line-height: 50px;border:none;background-color: transparent;}
/*验证控件开始*/
.verificationB{padding-top: 22px;}
.embed-captcha{border:1px solid #eee;height: 48px;background-color: #fafafa;}
/*验证控件结束*/
.forgetB{margin-top: 18px;height: 20px;display: flex;align-items: center;justify-content: space-between;}
.forgetB label{line-height: 20px;}
.forgetB input{width: 14px;height: 14px;border:1px solid #dcdcdc;border-radius: 2px;vertical-align: middle;}
.forgetB input:checked{background-color: #397ef7;border:1px solid #397ef7;background-image: url(../image/checked.png);background-repeat: no-repeat;background-position: center;}
.forgetB span{padding-left: 10px;vertical-align: middle;}
.loginB{margin-top: 30px;}
.login-btn{background-color: #397ef7;width: 100%;height: 50px;text-align: center;line-height: 0px;border-radius: 6px;border:none;}
.registerP{margin-top: 16px;line-height: 20px;}
.KFB{margin-top: 46px;}
.KFB p{text-align: center;line-height: 20px;}
.KFB-list{margin-top: 20px;display: flex;align-items: center;justify-content: center;}
.KFB-list li{margin:0 15px;}
/*******底部版权*******/
.copyB{margin-top: 30px;line-height: 20px;text-align: center;}

/*********
修改密码
********/
.tx-Box{width: 464px;background-color: #fff;border-radius: 6px;margin:auto;}
.tx-title{padding: 0 42px;display: flex;align-items: center;justify-content: space-between;line-height: 74px;border-bottom: 1px solid #e5e5e5;}
.tx-form{padding: 30px 42px 50px;}
.tel{background-image: url(../image/tel.png);}
.yzm{background-image: url(../image/yzm.png);}
.newPassword{background-image: url(../image/newPassword.png);}
.send{height: 50px;line-height: 50px; background-color:transparent;border:none;position: absolute;right: 32px;top: 0;cursor: pointer;text-decoration: underline;}
#resetpwd-form>.loginB {
    margin-bottom: 5px;padding:0 20px;
}
/*********
注册
********/
.qq{background-image: url(../image/qq-icon.png);}
#resetpwd-form>.form-group{
  padding: 0 20px;
  margin: 0;
}
#resetpwd-form>.form-group>.controls{
  background-color: #f4f4f4;
  border-radius: 6px;
}
#resetpwd-form>.form-group>.controls>input{
  border: none;
  background: #f4f4f4;
  height: 42px;
}
#resetpwd-form>.form-group>.controls>.input-group>input{
  border: none;
  background: #f4f4f4;
  height: 42px;
}
#resetpwd-form>.form-group>.controls>.n-right {
  padding: 0 20px;
}

@media  screen and (max-width:1679px ) and ( min-width:1400px){
.color{font-size: 14px;}
.whiteColor{font-size: 14px;}
.font{font-size: 14px;}
.blackColor{font-size: 18px;}
/*********
登录
********/
.mainB{padding-top: 0px;}
.main-form{width: 1046px;}
.l-box{width: 523px;}
.r-box{width: 523px;padding: 0 95px;}
.title{font-size: 26px;line-height: 40px;padding-top: 35px;padding-bottom: 35px;}
.input-new{margin-bottom: 8px;}
.name{padding-left: 26px;line-height: 34px;background-size: auto 38px;}
.inpB{padding: 0 32px;}
.inp{height: 40px;line-height: 40px;}
/*验证控件开始*/
.verificationB{padding-top: 22px;}
.embed-captcha{height: 38px;}
/*验证控件结束*/
.forgetB{margin-top: 14px;height: 20px;}
.forgetB label{line-height: 20px;}
.forgetB input{width: 14px;height: 14px;}
.forgetB span{padding-left: 10px;}
.loginB{margin-top: 26px;}
.login-btn{height: 40px;line-height: 0px;}
.login-btn:hover{opacity: 0.7;}
.registerP{margin-top: 14px;line-height: 20px;}
.KFB{margin-top: 30px;}
.KFB p{line-height: 20px;}
.KFB-list{margin-top: 18px;}
.KFB-list li{margin:0 15px;}
/*******底部版权*******/
.copyB{margin-top: 20px;line-height: 20px;}
/*********
修改密码
********/
.tx-Box{width: 364px;}
.tx-title{padding: 0 32px;line-height: 54px;}
.tx-form{padding: 20px 32px 30px;}
.send{height: 40px;line-height: 40px; right: 32px;}
}

@media  screen and (max-width:1399px ) and ( min-width:1280px){
.color{font-size: 12px;}
.whiteColor{font-size: 12px;}
.font{font-size: 12px;}
.blackColor{font-size: 16px;}
/*********
登录
********/
.mainB{padding-top: 0px;}
.main-form{width: 900px;}
.l-box{width: 450px;}
.l-box img{height: 586.5px;}
.r-box{width: 450px;padding: 0 60px;}
.title{font-size: 22px;line-height: 36px;padding-top: 30px;padding-bottom: 30px;}
.input-new{margin-bottom: 8px;}
.name{padding-left: 26px;line-height: 34px;background-size: auto 34px;}
.inpB{padding: 0 26px;}
.inp{height: 32px;line-height: 32px;}
/*验证控件开始*/
.verificationB{padding-top: 20px;}
.embed-captcha{height: 30px;}
/*验证控件结束*/
.forgetB{margin-top: 32px;height: 20px;}
.forgetB label{line-height: 20px;}
.forgetB input{width: 14px;height: 14px;}
.forgetB span{padding-left: 10px;}
.loginB{margin-top: 24px;}
.login-btn{height: 32px;line-height: 0px;}
.login-btn:hover{opacity: 0.7;}
.registerP{margin-top: 12px;line-height: 20px;}
.KFB{margin-top: 22px;}
.KFB p{line-height: 20px;}
.KFB-list{margin-top: 14px;}
.KFB-list li{margin:0 12px;}
.KFB-list li img{width: 28px;height: 28px;}
/*******底部版权*******/
.copyB{margin-top: 12px;line-height: 20px;}
/*********
修改密码
********/
.tx-Box{width: 304px;}
.tx-title{padding: 0 28px;line-height: 40px;}
.tx-form{padding: 4px 28px 20px;}
.send{height: 32px;line-height: 32px; right: 26px;}
}

@media  screen and (max-width:1279px ) and ( min-width:960px){
.color{font-size: 12px;}
.whiteColor{font-size: 12px;}
.font{font-size: 12px;}
.blackColor{font-size: 16px;}
/*********
登录
********/
.mainB{padding-top: 0px;}
.main-form{width: 800px;}
.l-box{width: 400px;}
.l-box img{height: 558.333px;}
.r-box{width: 400px;padding: 0 40px;}
.title{font-size: 18px;line-height: 30px;padding-top: 30px;padding-bottom: 20px;}
.input-new{margin-bottom: 6px;}
.name{padding-left: 26px;line-height: 34px;background-size: auto 34px;}
.inpB{padding: 0 26px;}
.inp{height: 30px;line-height: 30px;}
/*验证控件开始*/
.verificationB{padding-top: 18px;}
.embed-captcha{height: 28px;}
/*验证控件结束*/
.forgetB{margin-top: 32px;height: 20px;}
.forgetB label{line-height: 20px;}
.forgetB input{width: 14px;height: 14px;}
.forgetB span{padding-left: 10px;}
.loginB{margin-top: 22px;}
.login-btn{height: 30px;line-height: 0px;}
.login-btn:hover{opacity: 0.7;}
.registerP{margin-top: 10px;line-height: 20px;}
.KFB{margin-top: 20px;}
.KFB p{line-height: 20px;}
.KFB-list{margin-top: 12px;}
.KFB-list li{margin:0 12px;}
.KFB-list li img{width: 28px;height: 28px;}
/*******底部版权*******/
.copyB{margin-top: 12px;line-height: 20px;}
/*********
修改密码
********/
.tx-Box{width: 304px;}
.tx-title{padding: 0 28px;line-height: 40px;}
.tx-form{padding: 4px 28px 20px;}
.send{height: 30px;line-height: 30px; right: 26px;}
}

@media  screen and (max-width:959px ) and ( min-width:640px){
.color{font-size: 12px;}
.whiteColor{font-size: 12px;}
.font{font-size: 12px;}
.blackColor{font-size: 16px;}
/*********
登录
********/
.mainB{padding-top: 0px;}
.main-form{width: 80%;margin:0 auto;}
.l-box{width: 400px;display: none;}
  .r-box{width: 80%;padding: 0 10% 30px;}
.title{font-size: 18px;line-height: 30px;padding-top: 50px;padding-bottom: 20px;}
.input-new{margin-bottom: 6px;}
.name{padding-left: 26px;line-height: 34px;background-size: auto 34px;}
.inpB{padding: 0 26px;}
.inp{height: 40px;line-height: 40px;}
/*验证控件开始*/
.verificationB{padding-top: 18px;}
.embed-captcha{height: 38px;}
/*验证控件结束*/
.forgetB{margin-top: 32px;height: 20px;}
.forgetB label{line-height: 20px;}
.forgetB input{width: 14px;height: 14px;}
.forgetB span{padding-left: 10px;}
.loginB{margin-top: 22px;}
.login-btn{height: 40px;line-height: 0px;}
.registerP{margin-top: 10px;line-height: 20px;}
.KFB{margin-top: 20px;}
.KFB p{line-height: 20px;}
.KFB-list{margin-top: 12px;}
.KFB-list li{margin:0 12px;}
.KFB-list li img{width: 28px;height: 28px;}
/*******底部版权*******/
.copyB{margin-top: 12px;line-height: 20px;}
/*********
修改密码
********/
.tx-Box{width: 80%;}
.tx-title{padding: 0 10%;line-height: 60px;}
.tx-form{padding: 4px 10% 20px;}
.send{height: 40px;line-height: 40px; right: 26px;}
}

@media only screen and (max-width: 639px) {
.color{font-size: 0.12rem;}
.whiteColor{font-size: 0.12rem;}
.font{font-size: 0.12rem;}
.blackColor{font-size: 0.14rem;}
/*********
登录
********/
.mainB{padding-top: 0.0rem;}
.main-form{width: 88%;margin:0 auto;border-radius: 0.06rem;}
.l-box{width: 400px;display: none;}
.r-box{padding: 0 9% 0.2rem;}
.title{font-size: 0.15rem;line-height: 0.22rem;padding-top: 0.3rem;padding-bottom: 0.16rem;}
.input-new{margin-bottom: 0.06rem;}
.name{padding-left: 0.2rem;line-height: 0.36rem;background-size: auto 0.3rem;}
.inpB{padding: 0 0.2rem;border-radius: 0.04rem;}
.inp{height: 0.32rem;line-height: 0.32rem;}
/*验证控件开始*/
.verificationB{padding-top: 0.2rem;}
.embed-captcha{height: 0.3rem;}
/*验证控件结束*/
.forgetB{margin-top: 0.06rem;height: 0.16rem;}
.forgetB label{line-height: 0.16rem;}
.forgetB input{width: 0.12rem;height: 0.12rem;}
.forgetB span{padding-left: 0.06rem;}
.loginB{margin-top: 0.2rem;}
.login-btn{height: 0.32rem;line-height: 0rem;}
.registerP{margin-top: 0.06rem;line-height: 0.16rem;}
.KFB{margin-top: 0.16rem;}
.KFB p{line-height: 0.16rem;}
.KFB-list{margin-top: 0.16rem;}
.KFB-list li{margin:0 0.1rem;}
.KFB-list li img{width: 0.28rem;height: 0.28rem;}
/*******底部版权*******/
.copyB{line-height: 0.16rem;width: 88%;margin:0.06rem auto 0;}
/*********
修改密码
********/
.tx-Box{width: 88%;border-radius: 0.06rem;}
.tx-title{padding: 0 10%;line-height: 0.4rem;}
.tx-form{padding: 0.04rem 10% 0.3rem;}
.send{height: 0.32rem;line-height: 0.32rem; right: 0.2rem;}
}