@CHARSET "UTF-8";
.login-wp{text-align:center}
.newLogin{width:554px;display:none}
.btn-org {
    box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.47);
    background: #cb7637;
    background: -moz-linear-gradient(-45deg,#cb7637 0%,#db5248 100%);
    background: -webkit-linear-gradient(-45deg,#cb7637 0%,#db5248 100%);
    background: linear-gradient(135deg,#cb7637 0%,#db5248 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cb7637',endColorstr='#db5248',GradientType=1);
}
.login-wp img{width:500px;display:block;margin:0 auto}
.login-content,.loginMb-Check{margin:0 auto;background:#3f4660}
.login-content{display:flex}
.login-content .dow-app{width:265px;box-shadow:1px 0 3px #333;height:375px;background:url(../image/login_r_bg.jpg) no-repeat center;text-align:center}
.login-content .dow-app h4{font-size:20px;color:#c8a96f;padding-bottom:18px;font-weight:700;padding-top:53px}
.login-content .erweima-box-a{width:110px;height:110px;background-color:#fff;padding:15px;display:inline-block;position:relative}
.login-content .erweima-box-a .logo_s{position:absolute;width:25px;height:25px;border:2px solid #fff;display:block;left:50%;top:50%;margin-left:-13px;margin-top:-13px;background:url(../image/erweimalogo.jpg) no-repeat center;background-size:100%}
.login-content .dow-app p{color:#c0caef;font-size:14px;line-height:20px;padding:5px 0}
.login-content .dow-app .free-btn{background:url(../image/free-app.png) no-repeat center;background-size:100%;display:inline-block;width:142px;height:32px}
.login-content .erweima-box-a img{width:100px;height:100px;border:1px solid #c8a96f;padding:5px}
.login-content .title{font-size:32px;font-weight:bolder;padding-bottom:36px;color:#d5b986}
.login-content .routine{padding:40px 37px;width:259px;padding-bottom:0;position:relative}
.login-content .routine .erwe-login{background:url(../image/ervl.png) no-repeat;width:45px;height:45px;position:absolute;right:2px;top:0;background-size:100%}
.login-content .routine .tab-login{display:flex}
.login-content .mask {
    position: absolute;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: #000000; 
    background-color: rgba(0, 0, 0, 0.8);
    font-size: 14px;
    left: 0px;
}

.login-content .mask p {
    padding: 45% 15%;
    color: #fff;
    text-align: center
}
#j-tab-login li{display:inline-block;width:130px;height:40px;background:#62687f;line-height:3;cursor:pointer}
#j-tab-login li a{color:#c0caef}
#j-tab-login li.active{background:#c8a96f}
#j-tab-login li.active a{color:#fff}
#j-tab-login li.this1{border-top-left-radius:5px;border-bottom-left-radius:5px}
#j-tab-login li.this2{border-top-right-radius:5px;border-bottom-right-radius:5px}
.box > .login{position:relative;color:#c2caec;padding-top:20px}
.login > .md_in{position:relative;width:260px;margin:0 auto 10px}
.login-wp .loginCode-box{position:relative;margin-bottom:0;display:none}
.login-content .routine.cur .login1 .loginCode-box{display:block}
.login-wp .loginCode-box .imgLoginCode{position:absolute;top:15px;right:15px;color:#ffffff;}
.loginCode-box input{display:block;width:208px;height:40px;background:#252d41;border:1px solid #546180;border-radius:5px;padding-left:50px;color:#fff;box-sizing:inherit}
.login-wp .loginCodePhone-box .imgLoginCode{position:absolute;top:15px;right:15px;color:#ffffff;}
.loginCodePhone-box input{display:block;width:208px;height:40px;background:#252d41;border:1px solid #546180;border-radius:5px;padding-left:50px;color:#fff;box-sizing:inherit}
.login > .md_in input[type="text"],.login > .md_in input[type="password"]{display:block;width:208px;height:40px;background:#252d41;border:1px solid #546180;border-radius:5px;padding-left:50px;color:#fff;box-sizing:inherit}
.login > .md_in i{position:absolute;top:9px;left:15px;font-size:25px;color:#c8a96f;line-height: 25px;}
.login > .md_in i.eye{position:absolute;top:9px;left:225px;font-size:25px;color:#c8a96f}
.login > .md_in .yzb-btn{position:absolute;top:5px;right:5px;color:#c8a96f;width:94px;height:32px;line-height:32px;border-radius:5px}
.login-cb{position:relative;width:350px;margin:0 auto;text-align:left;color:#c2caec;line-height:33px}
.login-cb label{width:20px;height:20px;position:absolute;top:4px;left:4px;cursor:pointer;border:2px solid #a88b5e;border-radius:5px}
.login-cb input[type=checkbox]{width:35px;height:35px;visibility:hidden}
.login-cb input[type=checkbox]:checked + label:after{opacity:1}
.login-cb label:after{content:'';width:9px;height:5px;position:absolute;top:5px;left:5px;border:2px solid #ac946f;border-top:none;border-right:none;background:transparent;opacity:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
.btn-login{width:260px;height:40px;border-radius:5px;margin:0 0 10px 0;color:#fff}
#login-img{position:absolute;top:4px;right:2px;height:35px}
.loginMb-Check .user-box{color:#c0caef;font-size:14px;padding-bottom:20px}
.loginMb-Check .user-list li{position:relative;display:inline-block;padding:30px}
.loginMb-Check .user-list li i{display:none}
.loginMb-Check .user-list li.cur i{position:absolute;top:30px;right:25px;display:block;color:#c2a56e;font-size:30px}
.loginMb-Check .user-list li img{width:100px;border:2px solid #363c51;border-radius:97px;background:#363c51;padding:10px}
.loginMb-Check .user-list li.cur img{border:2px solid #c2a56e}
.btn-box > a{display:inline-block;height:40px;border-radius:3px;margin:0 3px;color:#fff;text-align:center;line-height:3;cursor:pointer;padding:0 15px}
.reg1-user-name{display:block;width:200px;height:40px;background:#252d41;border:1px solid #546180;border-radius:5px;padding-left:10px;color:#fff}


.layui-layer-move{display:none;position:fixed;*position:absolute;left:0;top:0;width:100%;height:100%;cursor:move;opacity:0;filter:alpha(opacity=0);background-color:#fff;z-index:2147483647}
.top-class{background-color:#40465e!important;padding:0 18px 18px!important;box-shadow:initial!important;-webkit-background-clip:initial!important;border-radius:5px!important;border:2px solid #c8a96f}
.top-class .layui-layer-title{background-color:initial;color:#f0bb46;text-align:center;font-weight:700;font-size:24px;padding:0;height:55px;line-height:56px;border-color:#303447}
.top-class .layui-layer-content{border-top:1px solid #5e6583;color:#c2caec;overflow-y:hidden}
.top-class .layui-layer-btn .layui-layer-btn0{border-radius:4px;min-width:75px;text-align:center;background-image:-moz-linear-gradient(180deg,#da5547 0%,#cc7438 100%);background-image:-webkit-linear-gradient(180deg,#da5547 0%,#cc7438 100%);background-image:-ms-linear-gradient(180deg,#da5547 0%,#cc7438 100%);box-shadow:inset 0 1px 0 0 rgba(255,255,255,0.47);border:0}
.top-class .layui-layer-close{background-position:0 -65px!important;cursor:pointer;width:30px;height:30px;top:-43px;right:-50px}
#modal-login{margin:0 auto;position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000002!important;display:none;overflow:hidden;-webkit-overflow-scrolling:touch;outline:0}
#modal-login .modal-dialog{position:relative;margin:0 auto;top:20%;width:510px;height:340PX;background:#3e455e;border-radius:5px;border:2px solid #c8a96f;color:#fff;font-size:24px;text-align:center}
#modal-login .modal-dialog .close{position:absolute;top:-39px;right:-35px;width:32px;height:32px;background:url(../image/dialogClose.png) top center no-repeat;font-size:30px;cursor:pointer}
.rightBox > .title{text-align:left;margin-left:20px;font-size:18px;color:#000}
#dialogloginname,#dialogpassword{width:233px;height:44px;margin-top:20px;padding-left:10px;border-radius:5px}
#modal-title{width:430px;height:60px;margin:0 auto;line-height:2.5;color:#f0bb46;font-weight:bolder;border-bottom:2px solid #5e6583}
.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1001!important;background-color:#000}
.modal-backdrop.in{opacity:.9;filter:alpha(opacity=90)}
#modal-content{margin:0 auto;padding:10px 30px 15px;color:#c0caef}
.login_open{padding:0!important}
.routine .login-box2{display:none;width:259px;text-align:center}
.routine .login-box2 .phone-saoma{background-color:#c8a96f;padding:15px;width:125px;height:125px;position:relative;display:inline-block;text-align:center}
.routine .login-box2 .phone-saoma .shix{position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.8)}
.routine .login-box2 .phone-saoma .shix p{color:#fff;font-size:14px;padding-top:48px;padding-bottom:13px}
.routine .login-box2 .phone-saoma .shix .btn{display:inline-block;width:105px;height:30px;line-height:30px;text-align:center;color:#fff;border-radius:5px}
.routine .login-box2 .phone-saoma img{width:125px;height:125px}
.routine .login-box2 .phone-saoma .shix{display:none}
.routine .login-box2 h3{font-size:20px;color:#c8a96f;padding-bottom:18px}
.routine .login-box2 .tps{padding:10px 10px 10px 15px;margin-top:15px;padding-left:39px;background:#373c4c url(../image/saoma.png) no-repeat 13px center;position:relative}
.routine .login-box2 .tps:before{position:absolute;content:'';left:47%;top:-8px;width:0;height:0;border-style:solid;border-width:0 10px 10px;border-color:transparent transparent #373c4c}
.routine .login-box3{display:none;font-size:20px;font-weight:700}
.routine .login-box3 img{width:70px}
.routine .login-box3 p{color:#f0bb46;padding:7px 0 20px;color:#f0bb46}
.routine .login-box3 .p2{color:#d8bb87}
.routine .login-box3 .bac{color:#fff;display:block;font-size:18px;padding-bottom:30px}
.routine .login-box3 .b-boxa{font-size:14px;color:#c8a96f;font-weight:400}


@media screen and (max-width: 1200px) {
    .login-content {
        height: 100%;
    }
    .newLogin{
        width: 100%;
    }

    .login-content .routine .erwe-login{
        width:68px;
        height:68px;
    }

    .login-content .dow-app h4{
        font-size: 30px;
    }
    .login-content .dow-app p{
        font-size: 21px;
        line-height: 40px;
        padding: 20px 0;
    }
    .login-content .dow-app {
        width: 398px;
        height:100%;
        background-size: 100%;
    }

    .login-content .dow-app .free-btn{
        width: 213px;
        height: 48px;
    }
    .login-content .routine{
        width: 389px;
    }
    .login-content .erweima-box-a {
        width: 165px;
        height: 165px;
    }
    .login-content .erweima-box-a img {
        width: 150px;
        height: 150px;
    }
    .login-content .routine{
        padding: 80px 37px;
    }


    #j-tab-login li{
        width: 195px;
        height:60px;
        font-size: 21px;
    }
    .box > .login{
        font-size: 21px;
    }
    .login > .md_in{
        width: 340px;
        margin: inherit;
    }


    .login-wp .loginCodePhone-box .imgRegisterTryCodePhone{
        height: 50px;
        width: auto;
        right: -45px;
        position: absolute;
        top: 6px;
    }

    .login-wp .loginCode-box .imgRegisterTryCode{
        font-size: 2rem;
        right: -30px;
        top: 15px;
    }

    .login > .md_in i{
        top:20px;
    }
    .btn-login{
        width: 396px;
        height: 50px;
        font-size: 21px;
    }

    .login > .md_in .yzb-btn {
        top: 13px;
        right: -22px;
        width: 110px;
        height: 32px;
    }
}