.mar-left55{margin-left: 55px;}
.mar-left100{margin-left: 100px;}
body {
    background-color: #516ec6;
    background-image: url(../../images/login/bg.png);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position:center top;
    background-size: cover;
}
html,body{height: 100%;}
/*背景图*/
.login-content .header{padding-top: 20px;}
.login-content{height: calc(100% - 128px);width: 100%;min-width: 1000px;}
.login-content .title{margin: 220px 0 0 55px;}
.w{position: absolute;left: 50%;transform: translate(-50%, -50%);top: 40%;height: 550px;z-index: 2;}
.login-content .cont-box{background: #ffffff;width: 400px;min-height: 450px;box-sizing: border-box;border-radius: 8px;padding: 40px 32px;margin-top: 70px;position: relative;overflow: hidden;}
.login-content .cont-box .qrCode{width: 66px;height: 66px;position: absolute;top: 0;right: 0;background-image: linear-gradient(45deg, #fff 50%, #EDF3FD 50%);cursor: pointer;}
.login-content .cont-box .qrCode img{position: absolute;top: 7px;right: 7px;}
.login-content .cont-box .title-text{position: relative;height: 30px;width: 100%;color: #333;font-size: 24px;font-weight: bold;}
.login-content .cont-box .title-text img{width: 100px;height: 14px;margin-left: 8px;}
.login-content .cont-box .user-text{font-size: 12px;margin: 8px 0;font-weight: 400;color: #333333;line-height: 18px;}
.login-content .cont-box .input-box{width: 336px; height: 40px;box-sizing: border-box; line-height: 40px; border: 1px solid #d7d7d7;position: relative;padding-right: 25px;box-sizing: border-box;padding: 0 8px;border-radius: 4px;}
.login-content .cont-box .input-box input{width: 100%;box-sizing: border-box;}
 .cont-box .user .input-box:focus {border-color: #1D68E6!important;}
.login-content .cont-box .name::before{background: url(../../images/login/phone.png) no-repeat;content:'';position: absolute;height: 25px;width: 25px;top: 0px;left: 0px;}
.login-content .cont-box .password{position: relative;}
/* .login-content .cont-box .password::before{background: url(../../images/login/password.png) no-repeat;content:'';position: absolute;height: 25px;width: 25px;top: 0px;left: 0px;} */
/* .login-content .cont-box .code::before{background: url(../../images/login/code.png) no-repeat;content:'';position: absolute;height: 25px;width: 25px;top: 0px;left: 0px;} */
.login-content .cont-box .password>i{background: url(../../images/login/eyes2.png) no-repeat;position: absolute;right: 0px;bottom: 0px;display: block;height: 25px;width: 25px;cursor: pointer;}
.login-content .cont-box .password>i:hover{background: url(../../images/login/eyes2-hover.png) no-repeat;}
.login-content .cont-box .password>i.eyes{background: url(../../images/login/eyes1.png) no-repeat;}
.login-content .cont-box .password>i.eyes:hover{background: url(../../images/login/eyes1-hover.png) no-repeat;}
.login-content .cont-box .pos>img{position: absolute;right: 1px;bottom: 2px;width: 86px;height: 28px;border-radius: 10px;cursor: pointer;}
.login-content .cont-box .code input{width: 216px;}
.login-content .cont-box .err-title{height: 38px;box-sizing: border-box;padding: 10px 0px;color: #ff5f5f;font-size: 12px;}
.btn-1 {height: 45px;line-height: 45px;width: 100%;color: #fff;background-color: #1D68E6 ;display: block;border-radius: 4px;text-align: center;font-size: 18px;}
.btn-1:hover{color: #fff;background-color: #1A5CCC;}
.rember{font-size: 16px;color: #333333;display: block;margin-top: 20px;padding-left: 30px;background: url(../../images/login/icon_nor@2x.png) no-repeat;background-size: 21px 21px;height: 21px;line-height: 18px;width: 120px;cursor: pointer;}
.rember.active{background: url(../../images/login/icon_sel@2x.png) no-repeat;background-size: 21px 21px;}
.nailing .title {font-size: 16px;font-weight: 400;color: #333333;line-height: 24px;margin: 8px 0 0;}
.nailing .title a{color: #2C72E8;}
.nailing .nailing-code{overflow: hidden;height: 263px;}
.nailing .nailing-code .qrcode{width: 240px; margin: 0 auto;padding: 10px;box-sizing: border-box;position: relative;top: -26px;}
.nailing .nailing-code .nailing-err{font-size: 14px;font-weight: 400;color: #ff5f5f;line-height: 21px;text-align: center;margin: 0 0 16px 0;position: relative;top: -32px}
.nailing .nailing-code .btn-1{width: 136px;border-radius: 4px;margin: 12px auto 0;}
.module-qrcode .module-qrcode-area{background: #EDF3FD !important;}
/*.module-qrcode-wrapper-iframe .module-qrcode-area {*/
/*    position: absolute !important;*/
/*    left: 50%;*/
/*    top: 50%;*/
/*    margin-left: -140px !important;*/
/*    margin-top: -170px !important;*/
/*}*/
/* .nailing .nailing-code .btn-1:hover{color: #fff;background-color: #1A5CCC;} */
.cont-box input::-webkit-input-placeholder {
    font-size: 16px;
    color: #999999;
}
.cont-box input:-moz-placeholder {
    font-size: 16px;
    color: #999999;
}
.cont-box input:-ms-input-placeholder {
    font-size: 16px;
    color: #999999;
}
.cont-left{margin-top: 0px;}
.cont-left .c1{letter-spacing: 2px;color: #FAE1C3;font-family: SourceHanSansCN-Bold, SourceHanSansCN;font-size: 80px;font-weight: bold;width:100%;background: linear-gradient(180deg, #F7D9BA 0%, #FFEBCD 100%);-webkit-background-clip: text;line-height: 90px;position: relative;margin-top: 190px;}
.cont-left .c2{letter-spacing: 1px;color: #FBE1C3;font-size: 68px;font-weight: 200;line-height: 90px;margin-top: 16px;font-family: SourceHanSansCN-ExtraLight, SourceHanSansCN;background: linear-gradient(180deg, #F7D9BA 0%, #FFF2DE 100%), linear-gradient(180deg, #F7D9BA 0%, #FFEBCD 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;}
.cont-left .c3{width: 100%;height: 28px;background: url(../../images/login/integrated_managemen.png) no-repeat;margin-top: 12px;}
input::-ms-clear,input::-ms-reveal {display: none; }
/*尾部 */
.footer{width: 100%;min-width: 1000px;height: 128px;box-sizing: border-box; text-align: left;color: #fff;background: rgba(61,77,141,.6) url(../../images/login/footer.png) no-repeat;background-size: contain;line-height: 24px;}
.footer .wrap{padding: 40px 0;margin: 0 auto;}
.footer .wrap .copyrigyt a{font-weight: 400;color: #BABFD5;}
/*忘记密码页面*/
.fd .cont-box .code{width: 100% !important;}
.fd .cont-box .code>input{width: 180px  !important;}
.fd .cont-box .code>span{display: block;font-size: 16px;color: #4281e7;width: 108px;text-align: right;position: absolute;right: 0px;top: 0px;cursor: pointer;}
.fd .cont-box .code>span.get-code{color: #b9b9b9;cursor: default;}
.fd .go-login{display: block;font-size: 16px;color: #999999;width: 48px;padding-right: 18px;background: url(../../images/login/go.png) no-repeat 100% 50%;margin: 20px auto 0;}

/*绑定账号*/
.bind .cont-box{min-height: 350px;}
@media screen and (max-width:1440px){
    .wrap{
        width: 1100px;
    }
}
@media screen and (max-width:1200px){
    .wrap{
        width: 1000px;
    }
}
/* .cont-box,.cont-left{transform: translateY(-20px);} */
.cont-box{transform: translateY(-20px);} 
.cont-left{transform: translateX(-20px);} 
.box-animate{animation: box .3s linear;animation-fill-mode:forwards;}
@keyframes box {
    0% {
        transform: translateY(-20px);
    }
    100% {
        transform: translateY(0);
    }
}
.box-animate-left{animation: box1 .3s linear;animation-fill-mode:forwards;width: 530px;height: 395px; background: url(../../images/login/font_da.png) no-repeat center center;}
@keyframes box1 {
    0% {
        transform: translateX(-20px);
    }
    100% {
        transform: translateX(0);
    }
}
.box-animate-right{animation: box .3s linear;animation-fill-mode:forwards;}
@keyframes box2 {
    0% {
        transform: translateX(20px);
    }
    100% {
        transform: translateX(0);
    }
}
.c2,.c3{opacity: 0;animation: opa-ani .3s linear;animation-fill-mode:forwards;animation-delay:0.8s;}
@keyframes opa-ani {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }
    100% {
        opacity: 1;
        transform: translateY(0px);
    }
}
input:-webkit-autofill { box-shadow: 0 0 0px 1000px white inset;}
.pos{position: relative;}
.maT20{margin-top: 20px;}
.hide{display: none !important;}