@charset "UTF-8";

.login-wrapper[data-v-49879f19] {
    min-height       : 100vh;
    box-sizing       : border-box;
    padding          : 20px;
    display          : flex;
    flex-direction   : column;
    align-items      : center;
    justify-content  : center;
    background-image : url(../img/login-bg-2f630cea.png);
    background-repeat: no-repeat;
    background-size  : 100% 100%
}

.login-wrapper .login-card[data-v-49879f19] {
    width    : 920px;
    max-width: 100%;
    overflow : hidden
}

.login-wrapper .login-card[data-v-49879f19] .el-card__body {
    display: flex;
    padding: 0;
    height : 462px
}

.login-cover[data-v-49879f19] {
    flex               : 1;
    padding            : 36px 8px;
    box-sizing         : border-box;
    background-color   : #1681fd;
    background-image   : url(../img/login-img-f0a89e6b.png);
    background-repeat  : no-repeat;
    background-position: bottom;
    background-size    : contain;
    text-align         : center
}

.login-body[data-v-49879f19] {
    width      : 400px;
    flex-shrink: 0;
    padding    : 32px 48px 0;
    box-sizing : border-box
}

.login-body[data-v-49879f19] .el-checkbox {
    height: auto
}

.login-body[data-v-49879f19] .el-checkbox .el-checkbox__label {
    color: inherit
}

.login-body[data-v-49879f19] .el-input__prefix-inner>.el-icon {
    margin-right: 12px;
    transform   : scale(1.26) translateY(-1px)
}

.login-captcha-group[data-v-49879f19] {
    width      : 100%;
    display    : flex;
    align-items: center
}

.login-captcha-group[data-v-49879f19] .el-input {
    flex: 1
}

.login-captcha-group .login-captcha[data-v-49879f19] {
    width        : 108px;
    height       : 40px;
    margin-left  : 8px;
    border-radius: 4px;
    border       : 1px solid hsla(0, 0%, 60%, .46);
    transition   : border .2s;
    box-sizing   : border-box;
    background   : #fff;
    overflow     : hidden;
    cursor       : pointer
}

.login-captcha-group .login-captcha img[data-v-49879f19] {
    width     : 100%;
    height    : 100%;
    object-fit: contain;
    display   : block
}

.login-captcha-group .login-captcha[data-v-49879f19]:hover {
    border-color: #999c
}

.login-captcha-group[data-v-49879f19] .el-input__prefix-inner>.el-icon {
    transform: scale(1.16)
}

.login-title[data-v-49879f19] {
    color         : #fffffffa;
    font-size     : 26px;
    margin        : 0 0 6px;
    font-weight   : 400;
    font-family   : AliPuHui;
    letter-spacing: 1.2px
}

.login-subtitle[data-v-49879f19] {
    color         : #fffc;
    font-size     : 16px;
    margin        : 0;
    font-weight   : 400;
    font-family   : AliPuHui;
    letter-spacing: 4px
}

@font-face {
    font-family : AliPuHui;
    font-weight : 300;
    src         : url(//at.alicdn.com/wf/webfont/jWZHcEP2lzge/5AfKUTWZEo8W.woff2) format("woff2"), url(//at.alicdn.com/wf/webfont/jWZHcEP2lzge/Dvhs41TtRdYF.woff) format("woff");
    font-display: swap
}

.login-qrcode-group[data-v-49879f19] {
    display       : flex;
    flex-direction: column;
    align-items   : center;
    padding       : 24px 0
}

.login-qrcode[data-v-49879f19] {
    font-size    : 0;
    display      : inline-block;
    border       : 1px solid #ddd;
    border-radius: 4px;
    overflow     : hidden
}

@media screen and (max-width: 680px) {
    .login-wrapper[data-v-49879f19] {
        padding   : 0;
        display   : block;
        background: #fff
    }

    .login-wrapper .login-card[data-v-49879f19] {
        width        : 100%;
        background   : none;
        box-shadow   : none;
        border-radius: 0
    }

    .login-wrapper .login-card[data-v-49879f19] .el-card__body {
        display: block;
        height : auto
    }

    .login-cover[data-v-49879f19] {
        padding        : 24px 12px 100px;
        background-size: auto 100px
    }

    .login-body[data-v-49879f19] {
        width: 100%
    }
}

html.dark .login-wrapper {
    background: #000
}