body{font-size: 14px;background: #fff;}
body,html{height: 100%;padding: 0;margin: 0;}
div{margin: 0px;padding: 0;}
a{color: #1d5d95;}
.mainContent{width: 1200px;margin: 0 auto;}
.footer{text-align: center;padding:30px 0;font-size: 16px;color: #666;}
input{ outline: none; }
ul{padding-inline-start:0}
li{list-style: none;}
.mt10{margin-top: 10px;}
/*登录*/
.loginbg{background:url(../images/login/loginbgV3.png) no-repeat;background-size: 100% 100%; height: 100%;}
.loginHead{padding: 25px 50px;display: flex;align-items: center;}
.loginHead .logobox{flex: 1;color: #fff;font-size: 16px;line-height: 55px;}
.loginHead .logobox .name{font-size: 30px;margin-right: 20px;}
.loginHead .logobox  img{vertical-align: middle;margin-top: -10px;margin-right: 30px;}
.loginHead .sevice{width: 180px;text-align: right;position: relative;cursor: pointer;}
.loginHead .sevice .kefuPop{display: none; position: absolute;top:40px;right: 0px;width: 180px;height: 46px;background: url(../images/login/kefubg.png) no-repeat;}
.loginHead .sevice .kefuPop p{padding-top: 2px;text-align: center;font-size: 14px;color: #fff;}
.loginHead .sevice:hover .kefuPop{display: block;}
.loginbox{width:440px;position: absolute;top:20%;left:60%;background: #fff;padding: 8px;box-sizing: border-box;}
.loginbox h1{font-size: 36px;color: #0A1833;padding:30px;text-align: center;margin: 0;font-weight: normal;}
.loginbox .form-control{background: #FFFFFF;border-radius: 4px;border: 1px solid #C7D1DB;padding:0 0px;padding-left: 44px; height: auto; position: relative;margin:20px 30px;margin-top: 0;box-sizing: border-box;width: auto;}
.loginbox .form-control img{position: absolute;left:12px;top:12px}
.loginbox .form-control  input{width: 100%;border: none;line-height:46px;font-size: 14px;color: #333;}
.loginbox .psdHide{display: inline-block;position: absolute;right:15px;top:12px;width: 24px;height: 24px;background: url(../images/login/icon-hide.png) no-repeat;cursor: pointer;}
.loginbox .psdShow{background-image: url(../images/login/icon-show.png);}
.loginbox .custom-control{text-align: center;}
.loginbox .custom-control input{vertical-align: middle;margin-top:0px;}
.loginbox .custom-control-label{color: #7B8BA0;}
.btn-primary{display:block; height: 48px; line-height: 48px; background: linear-gradient(270deg, #1E8A84 0%, #1A5585 100%);border-radius: 4px;min-width: 72px;padding: 0 24px;box-sizing: border-box;font-size: 14px;color: #fff; text-align: center;text-decoration: none;}
.loginBtn{padding: 15px 30px;}
.loginBtn .btn-primary{width: 100%;}
.loginBtn .btn-primary img{display: none; vertical-align: middle;margin-top:-1px;margin-right: 5px;}
.botInfo{position: absolute;width: 100%;left:0px;bottom: 0px;padding-bottom: 24px;text-align: center;font-size: 14px;color: rgba(255,255,255,.5);}
.ortherLogin{position: absolute;right:0px;top:0px}
.saomaLogin{text-align: center;padding-bottom: 30px;}
.saomaLogin p{margin-top: 10px;font-size: 14px;color: #7B8BA0;text-align: center;}
.saomaLogin p img{vertical-align: middle;margin-top: -3px;margin-right: 5px;}
.loginbox .errorTips{ display: none; font-size: 14px;color: #FF5743;padding-top:3px;margin-bottom:15px;padding-left:30px;margin-block-start:0}
.loginbox .has-error .form-control{background: rgba(255, 87, 67, 0.1);border: 1px solid #FF5743;margin-bottom:0;}
.loginbox .has-error .form-control input{background: transparent;}
.loginbox .has-error .errorTips{display: block;}
.loginbox .btnDisabled {opacity: 0.5;}
.loginbox .btnDisabled img{display:inline-block;animation: round_animate 1s linear infinite; }
@keyframes round_animate {
    to {
        transform: rotate(1turn);
    }
}
.loginbox .hasImgCode{display: flex;}
.loginbox .hasImgCode .imgCode{width: 110px;height:48px;position: inherit;top:0;left: 0;}
.loginbox .hasImgCode  input{flex: 1;}
.loginbox .hasVCode{display: flex;}
.loginbox .hasVCode .btn-primary{width: 118px;height: 100%;font-size: 12px;padding: 0;}
.loginbox .hasVCode  input{flex: 1;}