/* AD */
.login-ad {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 50%;
    background: linear-gradient(339deg, rgba(255, 243, 231, 1) 10%, rgba(192, 240, 253, 1) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    border-right: 1px solid #dcf1f3;
}

    .login-ad img {
        width: clamp(1rem,100%,36.625rem)
    }

.login-form {
    position: fixed;
    right: 0;
    top: 0;
    bottom: 0;
    width: 50%;
    /*    padding-left: clamp(1rem, 16.667vw, 20rem);*/
    z-index: 1;
    display: flex;
    background: #FFF;
    flex-direction: row;
    justify-content: center;
    min-width: 330px;
}

    .login-form .col {
        min-width: .5rem
    }

    .login-form h1 {
        font-size: 2.125rem;
        font-weight: bold;
        margin: 1.2rem 0;
    }

.languageslect {
    margin-right: 1rem
}

/* 品牌区 */
.auth-header {
    position: absolute;
    top: 1rem;
    right: 1rem;
    align-items: center;
    z-index: 10;
    display: flex
}

@media (max-width: 600px) {
    .auth-header .appicon {
        content: url(../img/icon.png);
        width: 32px;
        height: 32px;
    }
}

/* 卡片内容样式 */
.tab-pane {
    display: none;
}

    .tab-pane.active {
        display: block
    }

.login-card {
    border: transparent;
    justify-content: center;
}

.nav-tabs .nav-link.active {
    color: rgba(0,76,161,1);
    border-color: transparent;
    background-color: transparent;
    font-weight: bold;
}

.nav-tabs {
    border-color: transparent;
}

.nav-link {
    color: rgba(0,0,0,.5);
    padding: .5rem 0;
    margin-right: 1rem
}

.nav-tabs .nav-link.active ~ span {
    background: linear-gradient(90deg, rgba(130, 190, 248, 1), rgba(40, 110, 233, 1));
    height: .3125rem;
    width: 2.625rem;
    display: block;
    margin: 0 auto;
    border-radius: .5rem;
}

.nav-tabs .nav-link:hover {
    color: rgba(0,76,161,1);
    border-color: transparent;
}

.nav-justified .nav-item {
    flex-basis: auto;
    flex-grow: initial;
}

.login-card {
    min-width: 320px;
}

.form-control, .btn {
    padding: .5rem .875rem;
    border-radius: 6px;
    font-size: 1rem;
    transition: border-color 0.2s;
}

    .btn-primary, .btn.w-100 {
        background: #004ca1;
        color: #fff;
        font-weight: bold;
    }

        .btn-primary:hover, .btn.w-100:hover {
            background: #06325a;
        }

.btn-outline-primary {
    border-color: #ced4da;
}

.useragree, .useragree a {
    font-size: .875rem;
    color: rgba(255,77,79,1);
}

    .useragree a:hover {
        color: rgba(191,52,10,1);
    }

    .useragree .form-check-label {
        padding-left: .25rem;
        opacity: .8;
        cursor: pointer
    }

        .useragree .form-check-label:hover {
            opacity: 1
        }

.usersmscode {
    border-right-color: transparent
}

.usersmscoderight {
    height: 1.2rem;
    background: #ced4da;
    width: 1px;
    display: block;
    margin-top: .75rem;
}

.sendsmsbtn {
    border-left-color: transparent
}

.resetsecret {
    display: inline-block;
    font-size: .875rem
}

.wechat-login {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: inline-block;
    background: url(../img/wechat/login.png) no-repeat center;
    background-size: 100%; 
}