@charset "UTF-8";

.code-box[data-v-10666178] {
    width: 100%;
    height: 64px;
    display: flex;
    gap: 10px;
    margin-top: 24px
}

.code-box input[data-v-10666178] {
    width: 58px;
    border-radius: 8px;
    border: 1px solid var(--bg4-color);
    height: 100%;
    background-color: transparent;
    text-align: center;
    font-size: 25px
}

.code-box input[type=number][data-v-10666178]::-webkit-outer-spin-button,
.code-box input[type=number][data-v-10666178]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.code-box input[type=number][data-v-10666178] {
    -moz-appearance: textfield
}

.btn[data-v-10666178] {
    margin-top: 24px
}

@media(max-width:767px) {
    .code-box[data-v-10666178] {
        height: 14.8837vw;
        gap: 2.3256vw;
        margin-top: 5.5814vw
    }

    .code-box input[data-v-10666178] {
        width: 13.4884vw;
        border-radius: 1.8605vw;
        font-size: 5.814vw
    }

    .btn[data-v-10666178] {
        width: 100%;
        height: 11.1628vw;
        font-size: 3.2558vw;
        margin-top: 5.5814vw
    }
}

.login-scanner-box[data-v-87eb8642] {
    height: 100%;
    padding-bottom: 20px
}

.login-scanner-box .code[data-v-87eb8642] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 24px
}

.login-scanner-box .code .costumn-qrcode[data-v-87eb8642] {
    width: 160px;
    height: 160px;
    position: relative;
    border-radius: 13px;
    overflow: hidden
}

.login-scanner-box .code .costumn-qrcode .qrcode-mask[data-v-87eb8642] {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #0006
}

.login-scanner-box .code .costumn-qrcode .qrcode-success[data-v-87eb8642] {
    width: 100%;
    height: 100%;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column
}

.login-scanner-box .code .costumn-qrcode .qrcode-success .icon-success-box[data-v-87eb8642] {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background-color: var(--green-color);
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 8px
}

.login-scanner-box .code .costumn-qrcode .qrcode-success .icon-success-box svg[data-v-87eb8642] {
    width: 37px;
    height: 37px;
    font-size: 14px;
    font-weight: 500
}

.login-scanner-box .code .costumn-qrcode .qrcode-loading[data-v-87eb8642] {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.login-scanner-box .code .costumn-qrcode .qrcode-expired[data-v-87eb8642] {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 8px;
    font-size: 14px
}

.login-scanner-box .code .costumn-qrcode .qrcode-expired span[data-v-87eb8642] {
    color: #fff
}

.login-scanner-box .code .costumn-qrcode .qrcode-expired button[data-v-87eb8642] {
    width: 60px;
    height: 32px;
    border-radius: 4px;
    background-color: #fff;
    border: none;
    cursor: pointer
}

.login-scanner-box .code .app-preview[data-v-87eb8642] {
    width: 160px;
    height: 160px;
    color: var(--bg7-color)
}

.login-scanner-box p[data-v-87eb8642] {
    text-align: center;
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
    margin: 36px 0 20px;
    color: var(--ft1-color)
}

.login-scanner-box p span[data-v-87eb8642] {
    color: var(--primary-color)
}

.ant-popconfirm[data-v-87eb8642] {
    display: none;
    width: 430px;
    min-height: 248px
}

.ant-popconfirm .ant-popover-content[data-v-87eb8642] {
    height: 100%
}

.ant-popconfirm .ant-popover-content .ant-popover-inner[data-v-87eb8642] {
    padding: 24px 0 0;
    height: 100%
}

.ant-popconfirm .ant-popover-content .ant-popover-inner .login-scanner-box[data-v-87eb8642] {
    height: 100%;
    padding-bottom: 20px
}

.ant-popconfirm .ant-popover-content .ant-popover-inner .login-scanner-box .code[data-v-87eb8642] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 24px
}

.ant-popconfirm .ant-popover-content .ant-popover-inner .login-scanner-box .code .costumn-qrcode[data-v-87eb8642] {
    width: 160px;
    height: 160px;
    position: relative;
    border-radius: 13px;
    overflow: hidden
}

.ant-popconfirm .ant-popover-content .ant-popover-inner .login-scanner-box .code .costumn-qrcode .qrcode-mask[data-v-87eb8642] {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #0006
}

.ant-popconfirm .ant-popover-content .ant-popover-inner .login-scanner-box .code .costumn-qrcode .qrcode-success[data-v-87eb8642] {
    width: 100%;
    height: 100%;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column
}

.ant-popconfirm .ant-popover-content .ant-popover-inner .login-scanner-box .code .costumn-qrcode .qrcode-success .icon-success-box[data-v-87eb8642] {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background-color: var(--green-color);
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 8px
}

.ant-popconfirm .ant-popover-content .ant-popover-inner .login-scanner-box .code .costumn-qrcode .qrcode-success .icon-success-box svg[data-v-87eb8642] {
    width: 37px;
    height: 37px;
    font-size: 14px;
    font-weight: 500
}

.ant-popconfirm .ant-popover-content .ant-popover-inner .login-scanner-box .code .costumn-qrcode .qrcode-loading[data-v-87eb8642] {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.ant-popconfirm .ant-popover-content .ant-popover-inner .login-scanner-box .code .costumn-qrcode .qrcode-expired[data-v-87eb8642] {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 8px;
    font-size: 14px
}

.ant-popconfirm .ant-popover-content .ant-popover-inner .login-scanner-box .code .costumn-qrcode .qrcode-expired span[data-v-87eb8642] {
    color: #fff
}

.ant-popconfirm .ant-popover-content .ant-popover-inner .login-scanner-box .code .costumn-qrcode .qrcode-expired button[data-v-87eb8642] {
    width: 60px;
    height: 32px;
    border-radius: 4px;
    background-color: #fff;
    border: none;
    cursor: pointer
}

.ant-popconfirm .ant-popover-content .ant-popover-inner .login-scanner-box .code .app-preview[data-v-87eb8642] {
    width: 160px;
    height: 160px;
    color: var(--bg7-color)
}

.ant-popconfirm .ant-popover-content .ant-popover-inner .login-scanner-box p[data-v-87eb8642] {
    text-align: center;
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
    margin-top: 24px;
    color: var(--ft1-color)
}

.ant-popconfirm .ant-popover-content .ant-popover-inner .login-scanner-box p span[data-v-87eb8642] {
    color: var(--primary-color)
}

.btn-sly[data-v-87eb8642] {
    width: 100%;
    height: 48px;
    margin-top: 10px
}

.img-box[data-v-87eb8642] {
    text-align: center
}

.img-box .img-sly[data-v-87eb8642] {
    padding: 20px 0 0
}

.text-box[data-v-87eb8642] {
    min-height: 75px;
    font-size: 18px
}

.text-box .sub-text[data-v-87eb8642] {
    padding-top: 10px;
    font-size: 14px;
    color: var(--ft2-color)
}

@media(max-width:767px) {
    .login-wrap[data-v-87eb8642] {
        padding: 0 3.7209vw;
        box-sizing: border-box
    }

    .login-wrap .wrap[data-v-87eb8642] {
        width: 100%;
        margin-top: 8.8372vw;
        color: var(--ft1-color)
    }

    .login-wrap .wrap .bg-box[data-v-87eb8642] {
        display: none
    }

    .login-wrap .wrap .phone-box[data-v-87eb8642] {
        display: flex;
        align-items: center;
        gap: 1.8605vw
    }

    .login-wrap .wrap .phone-box .select[data-v-87eb8642] {
        width: 38.1395vw;
        height: 11.1628vw;
        border: .2326vw solid var(--bg4-color);
        border-radius: 1.3953vw;
        color: var(--ft1-color);
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 2.093vw;
        cursor: pointer;
        font-size: 3.4884vw
    }

    .login-wrap .wrap .phone-box .select span[data-v-87eb8642] {
        color: #8d8d8d;
        font-size: 3.4884vw
    }

    .login-wrap .wrap .phone-box .select img[data-v-87eb8642] {
        width: 4.6512vw;
        height: 4.6512vw
    }

    .login-wrap .wrap .phone-box .select svg[data-v-87eb8642] {
        width: 3.7209vw;
        height: 3.7209vw;
        color: #8d8d8d;
        transform: rotate(90deg)
    }

    .login-wrap .wrap[data-v-87eb8642] .country-select-dropdown {
        width: 47.907vw;
        background-color: var(--bg4-color);
        overflow: scroll;
        min-height: 23.2558vw;
        max-height: 37.2093vw;
        border-radius: 1.3953vw;
        padding: 4.4186vw 2.7907vw;
        box-sizing: border-box;
        font-size: 3.2558vw;
        font-weight: 400;
        scrollbar-width: none;
        -ms-overflow-style: none
    }

    .login-wrap .wrap[data-v-87eb8642] .country-select-dropdown::-webkit-scrollbar {
        display: none
    }

    .login-wrap .wrap[data-v-87eb8642] .country-select-dropdown>div {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 4.186vw;
        cursor: pointer
    }

    .login-wrap .wrap[data-v-87eb8642] .country-select-dropdown>div:last-child {
        margin-bottom: 0
    }

    .login-wrap .wrap[data-v-87eb8642] .country-select-dropdown>div span:first-child {
        color: var(--ft1-color)
    }

    .login-wrap .wrap[data-v-87eb8642] .country-select-dropdown>div span:last-child {
        color: #8d8d8d
    }

    .login-wrap .wrap[data-v-87eb8642] .country-select-dropdown>div:hover span:first-child {
        color: var(--primary-color)
    }

    .login-wrap .wrap[data-v-87eb8642] .country-select-dropdown>div:hover span:last-child {
        color: var(--ft1-color)
    }

    .login-wrap .wrap .form-box h3[data-v-87eb8642] {
        margin-top: 11.8605vw;
        font-weight: 600;
        font-size: 5.5814vw;
        line-height: 7.907vw;
        margin-bottom: 7.6744vw
    }

    .login-wrap .wrap .form-box .scanner-btn[data-v-87eb8642],
    .login-wrap .wrap .form-box[data-v-87eb8642] .ant-tabs .ant-tabs-nav {
        display: none
    }

    .login-wrap .wrap .form-box[data-v-87eb8642] .ant-tabs .ant-tabs-nav:before {
        display: none
    }

    .login-wrap .wrap .form-box[data-v-87eb8642] .ant-tabs .ant-tabs-nav .ant-tabs-tab-btn {
        font-size: 3.7209vw
    }

    .login-wrap .wrap .form-box[data-v-87eb8642] .ant-tabs label {
        font-size: 3.2558vw;
        font-weight: 400;
        color: #8d8d8d
    }

    .login-wrap .wrap .form-box[data-v-87eb8642] .ant-tabs .input-label {
        display: none;
        margin-bottom: 1.8605vw
    }

    .login-wrap .wrap .form-box[data-v-87eb8642] .ant-tabs p {
        width: 100%;
        display: flex
    }

    .login-wrap .wrap .form-box[data-v-87eb8642] .ant-tabs p .forget {
        margin-left: auto;
        color: var(--primary-color);
        cursor: pointer;
        font-size: 3.2558vw
    }

    .login-wrap .wrap .form-box[data-v-87eb8642] .ant-tabs p.forgotPassword {
        margin-top: 10vw;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center
    }

    .login-wrap .wrap .form-box[data-v-87eb8642] .ant-tabs p.forgotPassword>span {
        color: var(--primary-color);
        cursor: pointer;
        font-size: 3.2558vw;
        line-height: 4.6512vw;
        margin-bottom: 3.7209vw
    }

    .login-wrap .wrap .form-box[data-v-87eb8642] .ant-tabs .login-btn {
        width: 100%;
        height: 11.1628vw;
        font-size: 3.7209vw;
        border-radius: 2.7907vw
    }

    .login-wrap .wrap .form-box .email-form .ant-form-item[data-v-87eb8642] {
        margin-bottom: 2.7907vw
    }

    .login-wrap .wrap .form-box .email-form .ant-form-item[data-v-87eb8642]:first-child .ant-form-item-row .ant-form-item-control-input .ant-form-item-control-input-content>p,
    .login-wrap .wrap .form-box .email-form .ant-form-item[data-v-87eb8642]:nth-child(2) .ant-form-item-row .ant-form-item-control-input .ant-form-item-control-input-content>p {
        display: none
    }

    .login-wrap .wrap .form-box .email-form .ant-form-item[data-v-87eb8642]:first-child .ant-form-item-row .ant-form-item-control-input .ant-form-item-control-input-content .ant-input-affix-wrapper .ant-input,
    .login-wrap .wrap .form-box .email-form .ant-form-item[data-v-87eb8642]:nth-child(2) .ant-form-item-row .ant-form-item-control-input .ant-form-item-control-input-content .ant-input-affix-wrapper .ant-input {
        font-size: 3.2558vw
    }

    .login-wrap .wrap .form-box .email-form .ant-form-item[data-v-87eb8642]:first-child .ant-form-item-row .ant-form-item-control-input .ant-form-item-control-input-content .ant-input-affix-wrapper .ant-input:autofill,
    .login-wrap .wrap .form-box .email-form .ant-form-item[data-v-87eb8642]:nth-child(2) .ant-form-item-row .ant-form-item-control-input .ant-form-item-control-input-content .ant-input-affix-wrapper .ant-input:autofill {
        -webkit-box-shadow: 0 0 0 232.5581vw var(--bg1-color) inset !important;
        box-shadow: 0 0 0 232.5581vw var(--bg1-color) inset !important;
        -webkit-text-fill-color: var(--ft1-color) !important
    }

    .login-wrap .wrap .form-box .login_or[data-v-87eb8642] {
        margin: 3.7209vw 4.6512vw 5.814vw;
        font-weight: 400;
        font-size: 3.2558vw;
        line-height: 3.2558vw;
        width: calc(100% - 9.3023vw);
        display: flex;
        justify-content: center;
        align-items: center
    }

    .login-wrap .wrap .form-box .login_or[data-v-87eb8642]:before,
    .login-wrap .wrap .form-box .login_or[data-v-87eb8642]:after {
        content: "";
        display: block;
        flex: 1;
        height: .2326vw;
        background-color: var(--bg4-color);
        margin: 0 3.2558vw
    }

    .login-wrap .wrap .form-box .no-user[data-v-87eb8642] {
        display: none;
        font-size: 3.2558vw;
        font-weight: 400;
        margin-bottom: 3.7209vw;
        color: #8d8d8d;
        text-align: center
    }

    .login-wrap .wrap .form-box .no-user span[data-v-87eb8642] {
        color: var(--primary-color);
        cursor: pointer
    }

    .login-wrap .wrap .form-box[data-v-87eb8642] .ant-divider span {
        color: #8d8d8d;
        font-weight: 400;
        font-size: 2.7907vw
    }

    .login-wrap .wrap .form-box[data-v-87eb8642] .ant-divider:before,
    .login-wrap .wrap .form-box[data-v-87eb8642] .ant-divider:after {
        border-color: var(--bg4-color)
    }

    .login-wrap .wrap .form-box .btn-group[data-v-87eb8642] {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 3.7209vw
    }

    .login-wrap .wrap .form-box .btn-group div[data-v-87eb8642] {
        flex: 1;
        height: 11.1628vw;
        gap: 1.8605vw;
        font-size: 2.7907vw;
        border-radius: 2.7907vw;
        border: .2326vw solid var(--bg6-color);
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer
    }

    .login-wrap .wrap .form-box .btn-group div svg[data-v-87eb8642] {
        width: 5.5814vw;
        height: 5.5814vw
    }

    .login-wrap .wrap .form-box[data-v-87eb8642] .ant-checkbox {
        width: 2.7907vw;
        height: 2.7907vw
    }

    .login-wrap .wrap .form-box[data-v-87eb8642] .ant-checkbox input,
    .login-wrap .wrap .form-box[data-v-87eb8642] .ant-checkbox .ant-checkbox-inner {
        width: 100%;
        height: 100%
    }

    .login-wrap .wrap .form-box[data-v-87eb8642] .ant-checkbox .ant-checkbox-inner:after {
        width: .9302vw;
        height: 1.3953vw
    }

    .login-wrap .wrap .ant-form-item .ant-input-affix-wrapper[data-v-87eb8642] {
        height: 11.1628vw;
        font-size: 3.2558vw;
        background-color: var(--bg4-color);
        border-radius: 2.7907vw
    }

    .bind-uzx-modal .bind-uzx-modal-error[data-v-87eb8642] {
        height: 9.3023vw;
        background-color: var(--red15-color);
        display: flex;
        align-items: center;
        padding-left: 3.9535vw;
        border-radius: 1.8605vw;
        margin-bottom: 5.5814vw
    }

    .bind-uzx-modal .bind-uzx-modal-error[data-v-87eb8642]:before {
        content: "!";
        display: block;
        width: 3.7209vw;
        height: 3.7209vw;
        line-height: 3.7209vw;
        border-radius: 50%;
        background-color: var(--red-color);
        margin-right: 2.093vw;
        text-align: center;
        font-size: 2.7907vw;
        color: #fff;
        font-weight: bolder
    }

    .bind-uzx-modal p[data-v-87eb8642] {
        font-size: 3.7209vw
    }

    .bind-uzx-modal .btn[data-v-87eb8642] {
        margin-top: 5.5814vw !important;
        display: block;
        width: 100%;
        height: 11.1628vw;
        font-size: 3.2558vw
    }

    .secret-key-modal .btn[data-v-87eb8642] {
        width: 100%;
        height: 11.1628vw;
        font-size: 3.7209vw;
        margin-top: 5.5814vw !important
    }

    .secret-key-modal textarea[data-v-87eb8642] {
        min-height: 66.0465vw;
        background-color: var(--bg4-color);
        line-height: 5.1163vw;
        padding-top: 4.186vw;
        padding-bottom: 4.186vw;
        box-sizing: border-box;
        font-size: 3.7209vw
    }
}

@media(min-width:768px) {
    .login-wrap[data-v-87eb8642] {
        min-height: calc(100vh - 55px);
        display: flex;
        justify-content: center;
        align-items: center
    }

    .login-wrap .wrap[data-v-87eb8642] {
        width: 100%;
        height: 733px;
        display: flex;
        color: var(--ft1-color);
        border-radius: 16px;
        overflow: hidden
    }

    .login-wrap .wrap .bg-box[data-v-87eb8642] {
        background-image: url(img-loginbg.1768985873673.png);
        background-size: 100% 100%;
        background-color: var(--bg4-color);
        width: 50%
    }

    .login-wrap .wrap .bg-box h2[data-v-87eb8642] {
        font-size: 48px;
        font-weight: 700;
        line-height: 56px;
        margin: 38px 0 0 50px
    }

    .login-wrap .wrap .bg-box p[data-v-87eb8642] {
        font-size: 18px;
        font-weight: 400;
        line-height: 21px;
        margin: 10px 0 0 50px
    }

    .login-wrap .wrap .phone-box[data-v-87eb8642] {
        display: flex;
        align-items: center;
        gap: 8px
    }

    .login-wrap .wrap .phone-box .select[data-v-87eb8642] {
        width: 164px;
        height: 48px;
        border: 1px solid var(--bg4-color);
        border-radius: 6px;
        color: var(--ft1-color);
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 9px;
        cursor: pointer;
        font-size: 15px
    }

    .login-wrap .wrap .phone-box .select span[data-v-87eb8642] {
        color: #8d8d8d;
        font-size: 15px
    }

    .login-wrap .wrap .phone-box .select img[data-v-87eb8642] {
        width: 20px;
        height: 20px
    }

    .login-wrap .wrap .phone-box .select svg[data-v-87eb8642] {
        width: 16px;
        height: 16px;
        color: #8d8d8d;
        transform: rotate(90deg)
    }

    .login-wrap .wrap[data-v-87eb8642] .country-select-dropdown {
        width: 206px;
        background-color: var(--bg4-color);
        overflow: scroll;
        min-height: 100px;
        max-height: 160px;
        border-radius: 6px;
        padding: 19px 12px;
        box-sizing: border-box;
        font-size: 14px;
        font-weight: 400;
        scrollbar-width: none;
        -ms-overflow-style: none
    }

    .login-wrap .wrap[data-v-87eb8642] .country-select-dropdown::-webkit-scrollbar {
        display: none
    }

    .login-wrap .wrap[data-v-87eb8642] .country-select-dropdown>div {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 18px;
        cursor: pointer
    }

    .login-wrap .wrap[data-v-87eb8642] .country-select-dropdown>div:last-child {
        margin-bottom: 0
    }

    .login-wrap .wrap[data-v-87eb8642] .country-select-dropdown>div span:first-child {
        color: var(--ft1-color)
    }

    .login-wrap .wrap[data-v-87eb8642] .country-select-dropdown>div span:last-child {
        color: #8d8d8d
    }

    .login-wrap .wrap[data-v-87eb8642] .country-select-dropdown>div:hover span:first-child {
        color: var(--primary-color)
    }

    .login-wrap .wrap[data-v-87eb8642] .country-select-dropdown>div:hover span:last-child {
        color: var(--ft1-color)
    }

    .login-wrap .wrap .form-box[data-v-87eb8642] {
        flex: 1;
        background-color: var(--bg7-color);
        padding: 38px 50px 0;
        box-sizing: border-box;
        display: flex;
        flex-direction: column
    }

    .login-wrap .wrap .form-box h3[data-v-87eb8642] {
        font-size: 32px;
        font-weight: 600;
        line-height: 54px;
        margin-bottom: 10px
    }

    .login-wrap .wrap .form-box .scanner-btn[data-v-87eb8642] {
        min-width: 112px;
        height: 36px;
        font-size: 16px;
        font-weight: 500;
        padding: 0 3px;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 12px;
        color: var(--ft1-color);
        background-color: var(--bg4-color);
        border-radius: 4px;
        cursor: pointer
    }

    .login-wrap .wrap .form-box .scanner-btn svg[data-v-87eb8642] {
        width: 20px;
        height: 20px;
        display: inline-block;
        color: var(--ft1-color)
    }

    .login-wrap .wrap .form-box[data-v-87eb8642] .ant-tabs .ant-tabs-nav:before {
        display: none
    }

    .login-wrap .wrap .form-box[data-v-87eb8642] .ant-tabs label {
        font-size: 14px;
        font-weight: 400;
        color: #8d8d8d
    }

    .login-wrap .wrap .form-box[data-v-87eb8642] .ant-tabs .input-label {
        display: block;
        margin-bottom: 8px
    }

    .login-wrap .wrap .form-box[data-v-87eb8642] .ant-tabs p {
        width: 100%;
        display: flex
    }

    .login-wrap .wrap .form-box[data-v-87eb8642] .ant-tabs p .forget {
        margin-left: auto;
        color: var(--primary-color);
        cursor: pointer
    }

    .login-wrap .wrap .form-box[data-v-87eb8642] .ant-tabs p.forgotPassword {
        display: none
    }

    .login-wrap .wrap .form-box[data-v-87eb8642] .ant-tabs .login-btn {
        width: 100%;
        height: 48px;
        font-size: 16px
    }

    .login-wrap .wrap .form-box .email-form .ant-form-item[data-v-87eb8642]:first-child,
    .login-wrap .wrap .form-box .email-form .ant-form-item[data-v-87eb8642]:nth-child(2) {
        margin-bottom: 10px
    }

    .login-wrap .wrap .form-box .email-form .ant-form-item[data-v-87eb8642]:first-child .ant-form-item-row .ant-form-item-control-input .ant-form-item-control-input-content .ant-input-affix-wrapper .ant-input:autofill,
    .login-wrap .wrap .form-box .email-form .ant-form-item[data-v-87eb8642]:nth-child(2) .ant-form-item-row .ant-form-item-control-input .ant-form-item-control-input-content .ant-input-affix-wrapper .ant-input:autofill {
        -webkit-box-shadow: 0 0 0 1000px var(--bg7-color) inset !important;
        box-shadow: 0 0 0 1000px var(--bg7-color) inset !important;
        -webkit-text-fill-color: var(--ft1-color) !important
    }

    .login-wrap .wrap .form-box .email-form .ant-form-item[data-v-87eb8642]:nth-child(3) {
        margin-bottom: 36px
    }

    .login-wrap .wrap .form-box .login_or[data-v-87eb8642] {
        display: none
    }

    .login-wrap .wrap .form-box .no-user[data-v-87eb8642] {
        font-size: 14px;
        font-weight: 400;
        margin-bottom: 24px;
        color: #8d8d8d;
        text-align: center
    }

    .login-wrap .wrap .form-box .no-user span[data-v-87eb8642] {
        color: var(--primary-color);
        cursor: pointer
    }

    .login-wrap .wrap .form-box .code-no-user[data-v-87eb8642] {
        text-align: left;
        margin-bottom: 10px
    }

    .login-wrap .wrap .form-box[data-v-87eb8642] .ant-divider span {
        color: #8d8d8d;
        font-weight: 400;
        font-size: 12px;
        white-space: nowrap
    }

    .login-wrap .wrap .form-box[data-v-87eb8642] .ant-divider:before,
    .login-wrap .wrap .form-box[data-v-87eb8642] .ant-divider:after {
        border-color: var(--bg4-color)
    }

    .login-wrap .wrap .form-box .btn-group[data-v-87eb8642] {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 16px
    }

    .login-wrap .wrap .form-box .btn-group div[data-v-87eb8642] {
        flex: 1;
        height: 40px;
        gap: 8px;
        font-size: 12px
    }

    .login-wrap .wrap .form-box .btn-group div svg[data-v-87eb8642] {
        width: 24px;
        height: 24px
    }

    .login-wrap .wrap .btn-group div[data-v-87eb8642] {
        border-radius: 4px;
        border: 1px solid var(--bg4-color);
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer
    }

    .bind-uzx-modal .bind-uzx-modal-error[data-v-87eb8642] {
        height: 40px;
        background-color: var(--red15-color);
        display: flex;
        align-items: center;
        padding-left: 17px;
        border-radius: 8px;
        margin-bottom: 24px
    }

    .bind-uzx-modal .bind-uzx-modal-error[data-v-87eb8642]:before {
        content: "!";
        display: block;
        width: 16px;
        height: 16px;
        line-height: 16px;
        border-radius: 50%;
        background-color: var(--red-color);
        margin-right: 9px;
        text-align: center;
        font-size: 12px;
        color: #fff;
        font-weight: bolder
    }

    .bind-uzx-modal .btn[data-v-87eb8642],
    .secret-key-modal .btn[data-v-87eb8642] {
        margin-top: 24px !important
    }

    .secret-key-modal textarea[data-v-87eb8642] {
        min-height: 284px;
        background-color: var(--bg4-color);
        line-height: 22px;
        padding-top: 18px;
        padding-bottom: 18px;
        box-sizing: border-box
    }
}

@media(min-width:1200px) {
    .login-wrap .wrap[data-v-87eb8642] {
        width: 1200px
    }

    .login-wrap .wrap .bg-box[data-v-87eb8642] {
        width: 598px
    }
}