@font-face{
    font-family:jstFont;
    src:url(/Common/login/t/font_536278_tmeebv4eqq.eot);
    src:url(/Common/login/t/font_536278_tmeebv4eqq.eot?#iefix) format('embedded-opentype'),url(/Common/login/t/font_536278_tmeebv4eqq.woff2) format('woff2'),url(/Common/login/t/font_536278_tmeebv4eqq.woff) format('woff'),url(/Common/login/t/font_536278_tmeebv4eqq.ttf) format('truetype'),url(/Common/login/t/font_536278_tmeebv4eqq.svg#jstFont) format('svg')
}
.icon-zhanghao:before{
    content:'\e747'
}
.icon-mima1:before{
    content:'\e618'
}
.icon-shouji:before{
    content:'\e7e5'
}
.icon-yanzhengma:before{
    content:'\e7e7'
}
body,html{
    width:100%;
    height:100%;
      /*min-width:1440px;*/
    min-width:1170px;
    /*min-height:628px;*/
    font-family:jstFont,'PingFang SC',Arial,'Microsoft YaHei',sans-serif;
    font-size:12px;
    /*user-select:none*/
}
.show{
    display:block!important
}
.login{
    width:100%;
    min-width:1440px;
    transform:translateY(-50%);
    position:absolute;
    top:50%;
    text-align:center
}
.login-main{
    width:480px;
    padding-bottom:40px;
    background:#fff;
    border-radius:5px;
    position:relative;
    display:inline-block;
    font-size:12px;
    overflow:hidden
}
.login-main>.unsupport-bar{
    display:none;
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:58px;
    background:#feecec;
    box-shadow:0 8px 20px rgba(0,0,0,.1)
}
.login-main>.unsupport-bar>.icon-danger{
    margin-left:16px;
    margin-top:12px;
    display:block;
    width:20px;
    height:20px;
    background-image:url(/Common/login/t/5bee1b6e-1b4a-4c40-869e-e56c166d3338_40_40.png);
    background-size:contain;
    background-repeat:no-repeat;
    float:left
}
.unsupport-text-wrap{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    width:100%;
    text-align:left;
    padding:0 16px 0 44px
}
.unsupport-text{
    font-style:normal;
    font-weight:400;
    font-size:12px;
    line-height:17px;
    color:#1d2129
}
#loginTitle{
    font-style:normal;
    font-weight:500;
    font-size:22px;
    line-height:31px;
    color:#1d2129;
    text-align:left
}
.login-pc-tabs{
    margin-top:95px;
    font-size:16px;
    line-height:22px;
    cursor:pointer;
    overflow:hidden;
    padding:0 60px
}
.login-pc-tabs .tabs-tab{
    display:inline-block
}
.login-pc-tabs .tabs-tab.one{
    float:left
}
.login-pc-tabs .tabs-tab.two{
    float:right
}
.login-pc-tabs .tabs-tab.on::after{
    content:'';
    display:block;
    margin:4px auto 0;
    width:98%;
    height:2px;
    overflow:hidden
}
.login-input{
    height:40px;
    margin-bottom:20px;
    position:relative
}
.input-icon{
    font-size:22px;
    position:absolute;
    left:10px;
    top:50%;
    line-height:22px;
    height:22px;
    margin-top:-11px
}
.psw-wrap{
    display:flex;
    flex-direction:row;
    flex-wrap:nowrap;
    align-items:baseline;
    justify-content:space-between
}
.login-input.password-wrap{
    margin-bottom:8px
}
.login-input.password-wrap{
    margin-bottom:8px
}
.login-input.verification-code-wrap{
    margin-bottom:0;
    padding-bottom:34px
}
.psw-forgetPWD-wrap{
    padding-bottom:8px;
    display:flex;
    flex-direction:row;
    flex-wrap:nowrap;
    align-items:baseline;
    justify-content:flex-end
}
.psw-forgetPWD{
    color:#448ef7;
    text-align:center;
    font-size:13px;
    font-style:normal;
    font-weight:400;
    line-height:18px;
    text-decoration:none
}
h5{
    font-family:'PingFang SC';
    font-style:normal;
    font-weight:500;
    font-size:13px;
    line-height:20px;
    color:#1d2129;
    margin:0 0 4px 0;
    padding:0;
    text-align:left
}
input{
    display:inline-block;
    border:0;
    box-sizing:border-box;
    width:100%;
    height:100%;
    line-height:28px;
    padding:5px;
    padding-left:10px;
    box-shadow:0 0 4px 0 #f1f1f1 inset;
    font-size:13px;
    border:1px solid #d5d9e0;
    border-radius:4px
}
input:focus{
    outline:0
}
.login-main .tab-panel-item{
    display:none
}
.login-main .login-pc{
    width:372px;
    margin:44px auto 0 auto
}
.login-pc .tab-panel .error{
    min-height:52px;
    font-style:normal;
    font-weight:400;
    font-size:14px;
    line-height:20px;
    color:rgba(245,63,63,.9);
    box-sizing:border-box;
    display:inline-block!important;
    padding:16px 0 16px 0
}
.error .error-img{
    width:20px;
    height:20px;
    margin-right:3px;
    display:none;
    vertical-align:top
}
.error.show .error-img{
    display:block;
    float:left
}
.error .error-txt{
    display:block;
    overflow:hidden
}
.error .error-txt a{
    color:#3d7fff;
    text-decoration:none;
    margin-left:4px
}
.login-btn-code{
    color:#3d7fff;
    text-decoration:none;
    display:inline-block;
    position:absolute;
    top:0;
    right:16px;
    line-height:40px;
    cursor:pointer;
    font-size:13px
}
.login-btn-code:hover{
    color:#3d7fff;
    text-decoration:underline
}
.login-input.verify_code{
    margin-bottom:16px;
    display:none;
    align-items:center;
    justify-content:space-between
}
.login-input.verify_code input{
    width:180px;
    text-align:left;
    padding-left:10px;
    font-size:13px
}
.login-input.verify_code .refres-vc{
    font-style:normal;
    font-weight:400;
    font-size:13px;
    line-height:18px;
    color:#868d9c;
    text-decoration:none
}
.login-input.verify_code .refres-vc:hover{
    color:#528dec;
    text-decoration:underline;
    cursor:pointer
}
.login-pc .tab-panel.ver{
    display:none
}
.tab-panel.ver .tip{
    font-size:16px;
    margin-bottom:16px
}
.tab-panel.ver .account,.tab-panel.ver .mobile{
    font-size:16px;
    margin-bottom:16px
}
.tab-panel.ver .mobile span{
    color:red
}
.agreement-wrap{
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:flex-start
}
.agreement-wrap>#agreementCheck{
    margin-right:4px;
    width:14px;
    height:14px
}
.agreement-wrap>.agreement-text{
    color:#868d9c;
    font-size:13px;
    font-style:normal;
    font-weight:400;
    line-height:18px
}
.agreement-wrap>.agreement-text.agreement-text-link{
    cursor:pointer;
    color:#3d7fff
}
.agreement-wrap>.agreement-text.toogleAgreement{
    cursor:pointer
}
.tab-panel .login-sub{
    margin-top:8px
}
.login-qr{
    width:372px;
    margin:74px auto 0 auto
}
.login-qr .tab-panel-item{
    position:relative
}
.login-qr .tab-panel-item .wx_qr_tips{
    text-align:center;
    color:#898d90;
    font-size:14px;
    position:absolute;
    top:270px;
    width:100%
}
.qr-tip{
    position:absolute;
    top:44px;
    right:64px;
    background:#448ef7;
    border-radius:4px;
    width:116px;
    height:30px;
    color:#fff;
    font-size:12px;
    text-align:center;
    line-height:30px
}
.qr-tip-arrow{
    width:8px;
    height:8px;
    background:#448ef7;
    position:absolute;
    top:11px;
    right:-3px;
    transform:rotate(45deg)
}
.login-qr-tip{
    position:absolute;
    top:44px;
    left:54px;
    font-style:normal;
    font-weight:500;
    font-size:22px;
    line-height:31px;
    color:#1d2129
}
.login-switch{
    position:absolute;
    top:0;
    right:0
}
.login-switch .login-switch-img{
    display:none;
    width:90px;
    height:90px;
    cursor:pointer
}
.login-pc,.login-qr{
    display:none
}
.login-pc .login-sub{
    display:block;
    width:100%;
    height:40px;
    border:0;
    line-height:40px;
    text-align:center;
    cursor:pointer;
    border-radius:4px;
    font-size:14px
}
.login-pc .login-sub:hover{
    opacity:.8
}
.login-pc .login-sub.ver{
    text-decoration:none
}
.login-pc .login-link{
    line-height:28px;
    display:flex;
    flex-direction:column
}
#more>div.switch-wrap{
    margin-top:6px;
    width:100%;
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:space-between
}
#more>div.account-wrap{
    margin-top:40px;
    width:100%;
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:center
}
.account-wrap>.account-register{
    color:#448ef7;
    text-align:center;
    font-size:13px;
    font-style:normal;
    font-weight:400;
    line-height:18px
}
.account-wrap>.line-col{
    margin-left:15px;
    color:#868d9c;
    font-size:13px;
    font-style:normal;
    font-weight:400;
    line-height:18px
}
.account-wrap>.account-logoff{
    margin-left:15px;
    color:#868d9c;
    font-size:13px;
    font-style:normal;
    font-weight:400;
    line-height:18px
}
.account-wrap>.account-logoff:hover{
    color:#528dec
}
.login-link a{
    font-style:normal;
    font-weight:400;
    font-size:13px;
    line-height:18px;
    color:#868d9c;
    text-decoration:none;
    cursor:pointer
}
.login-link a:hover{
    color:#528dec
}
.login-link a:not(:first-child){
    font-style:normal;
    font-weight:400;
    font-size:13px;
    line-height:18px;
    color:#868d9c
}
.login-link .tabs-tab{
    display:flex;
    flex-direction:row;
    flex-wrap:nowrap;
    align-items:center;
    justify-content:center
}
.tabs-tab .icon-tab.forget-psd{
    width:14px;
    height:14px;
    background-image:url(/Common/login/t/forgot_password-35ad30e523.png);
    background-size:100% auto;
    background-repeat:no-repeat
}
.tabs-tab .icon-tab.lock{
    width:14px;
    height:14px;
    background-image:url(/Common/login/t/lock-7b4f851b47.png);
    background-size:100% auto;
    background-repeat:no-repeat
}
.tabs-tab .tab-text{
    margin-left:3px;
    font-style:normal;
    font-weight:400;
    font-size:13px;
    line-height:18px;
    text-align:center;
    color:#448ef7;
    cursor:pointer
}
.copyright{
    min-width:1170px;
    position:fixed;
    right:0;
    bottom:0;
    left:0;
    line-height:38px;
    text-align:center
}
.copyright a{
    padding-left:8px;
    text-decoration:none
}
.load-box{
    display:none;
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    background:rgba(0,0,0,.6);
    border-radius:5px;
    z-index:9999
}
.load-box .load-tip{
    font-size:14px;
    color:#fff;
    font-weight:700;
    position:relative;
    top:52%;
    text-align:center
}
.load-tip.ver-btn{
    color:#fff;
    margin-top:10px
}
.ver-btn span{
    text-decoration:underline;
    cursor:pointer
}
.ver-btn span:hover{
    color:#ccc
}
.ver-btn .cancel{
    margin-right:30px;
    color:#00a8ec
}
.load-box .loader{
    color:#fff;
    font-size:10px;
    width:1em;
    height:1em;
    border-radius:50%;
    text-indent:-9999em;
    animation:load4 1.3s infinite linear;
    transform:translateZ(0);
    position:relative;
    top:42%;
    margin:0 auto
}
@keyframes load4{
    0%,100%{
        box-shadow:0 -3em 0 .2em,2em -2em 0 0,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 0
    }
    12.5%{
        box-shadow:0 -3em 0 0,2em -2em 0 .2em,3em 0 0 0,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em
    }
    25%{
        box-shadow:0 -3em 0 -.5em,2em -2em 0 0,3em 0 0 .2em,2em 2em 0 0,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em
    }
    37.5%{
        box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 0,2em 2em 0 .2em,0 3em 0 0,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em
    }
    50%{
        box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 0,0 3em 0 .2em,-2em 2em 0 0,-3em 0 0 -1em,-2em -2em 0 -1em
    }
    62.5%{
        box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 0,-2em 2em 0 .2em,-3em 0 0 0,-2em -2em 0 -1em
    }
    75%{
        box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 0,-3em 0 0 .2em,-2em -2em 0 0
    }
    87.5%{
        box-shadow:0 -3em 0 0,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 0,-3em 0 0 0,-2em -2em 0 .2em
    }
}
.tip-box{
    min-width:320px;
    max-width:520px;
    text-align:left;
    display:inline-block;
    position:relative;
    background-color:#fff;
    border:0;
    border-radius:2px;
    pointer-events:auto;
    margin:0 auto
}
.tip-box .tip-header{
    padding:16px 24px;
    color:rgba(0,0,0,.85);
    background:#fff;
    border-bottom:1px solid #f0f0f0;
    border-radius:2px 2px 0 0;
    font-weight:500;
    font-size:16px;
    line-height:22px
}
.tip-box .tip-body{
    padding:24px;
    font-size:14px;
    word-wrap:break-word
}
.tip-box .tip-footer{
    padding:10px 16px;
    text-align:right;
    background:0 0;
    border-top:1px solid #f0f0f0;
    border-radius:0 0 2px 2px
}
.tip-footer .btn{
    position:relative;
    display:inline-block;
    font-weight:400;
    white-space:nowrap;
    text-align:center;
    box-shadow:0 2px 0 rgb(0 0 0 / 2%);
    cursor:pointer;
    transition:all .3s cubic-bezier(.645,.045,.355,1);
    /*user-select:none;*/
    touch-action:manipulation;
    height:32px;
    padding:4px 15px;
    font-size:14px;
    border-radius:2px;
    color:rgba(0,0,0,.85);
    background:#fff;
    border:1px solid #d9d9d9
}
.btn:active,.btn:focus{
    outline:0
}
.btn.btn-primary:hover{
    opacity:.8
}
#login_container,#wx_login_container{
    width:372px!important;
    height:334px!important;
    font-size:0
}
#login_container iframe,#wx_login_container iframe{
    width:372px!important;
    height:334px!important
}
.tab-panel.ver.idaas .account{
    margin-bottom:32px
}
.tab-panel.ver.idaas .login-sub{
    margin-top:48px
}
.modal-box{
    width:552px;
    background:#fff;
    box-shadow:0 8px 20px rgba(0,0,0,.1);
    border-radius:8px;
    padding:24px
}
.modal-box .modal-head{
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    align-items:center
}
.modal-box .modal-head .modal-title{
    font-style:normal;
    font-weight:500;
    font-size:16px;
    line-height:22px;
    color:#1d2129
}
.modal-box .modal-head .icon-close{
    display:block;
    cursor:pointer;
    width:24px;
    height:24px;
    background-size:cover;
    background-image:url(Common/login/t/83cb4091-d387-4961-a5d2-d324faad0b5d_48_48.png)
}
.modal-box .modal-body{
    margin-top:40px;
    display:flex;
    flex-direction:column;
    align-items:center
}
.modal-box .modal-body .body-iframe{
    width:100%;
    height:50vh;
    border:#666 1px solid;
    padding:8px 0 8px 8px;
    overflow:hidden;
    box-sizing:border-box
}
.modal-box .modal-body .icon-error{
    display:block;
    width:44px;
    height:44px;
    background-image:url(Common/login/t/4f876645-02a0-4cd6-9f79-f9310588560a_88_88.jpg);
    background-size:contain
}
.modal-box .modal-body .modal-text-main{
    margin-top:8px;
    display:block;
    width:250px;
    font-style:normal;
    font-weight:600;
    font-size:16px;
    line-height:22px;
    color:#1d2129
}
.modal-box .modal-body .modal-text-desc{
    margin-top:8px;
    display:block;
    font-style:normal;
    font-weight:400;
    font-size:14px;
    line-height:20px;
    color:#868d9c
}
.modal-box .modal-footer{
    margin-top:74px;
    display:flex;
    flex-direction:row;
    justify-content:flex-end
}
.modal-box .modal-footer .btn{
    position:relative;
    display:inline-block;
    font-weight:400;
    white-space:nowrap;
    text-align:center;
    box-shadow:0 2px 0 rgb(0 0 0 / 2%);
    cursor:pointer;
    transition:all .3s cubic-bezier(.645,.045,.355,1);
    /*user-select:none;*/
    touch-action:manipulation;
    height:32px;
    padding:4px 15px;
    font-size:14px;
    border-radius:2px;
    color:rgba(0,0,0,.85);
    background:#fff;
    border:1px solid #d9d9d9
}
.modal-box .modal-footer .btn:active,.modal-box .modal-footer .btn:focus{
    outline:0
}
.modal-box .modal-footer .btn.btn-default:hover{
    color:#4096ff;
    border-color:#4096ff
}
.modal-box .modal-footer .btn.btn-primary:hover{
    opacity:.8
}
.modal-box .modal-footer .btn.btn-primary{
    margin-left:6px
}
#regUserAgreementModal .modal-box{
    width:480px;
    padding-left:0;
    padding-right:0
}
#regUserAgreementModal .modal-box .modal-head{
    padding-left:24px;
    padding-right:24px
}
#regUserAgreementModal .modal-box .modal-body{
    margin-top:16px;
    padding:16px 0 69px 0;
    border-top:1px solid #f1f0ef;
    border-bottom:1px solid #f1f0ef
}
#regUserAgreementModal .modal-box .modal-body .modal-body-inner{
    box-sizing:border-box;
    width:100%;
    padding:0 24px;
    flex-direction:row;
    align-items:flex-start;
    justify-content:flex-start;
    flex-wrap:wrap;
    text-align:left
}
#regUserAgreementModal .modal-box .modal-body .modal-text-desc{
    display:inline;
    color:#000;
    font-size:14px;
    font-style:normal;
    font-weight:400;
    line-height:normal
}
#regUserAgreementModal .modal-box .modal-body .modal-text-desc.agreement-text-link{
    color:#1890ff;
    cursor:pointer
}
#regUserAgreementModal .modal-box .modal-footer{
    margin-top:12px;
    padding:0 24px
}
.other-account{
    margin-top:16px
}