/**
 * 登录页面背景图片
 */
body {
    background: #fff;
}
.account-pages {
    --border-radius: 3.2rem;
    --input-size: 1.6rem;
    --tabs-title-size: 1.6rem;
    --table-top: 5.6rem;
    --login-title-size: 3.6rem;
    --input-verify: 4rem;
    --input-height: 4.2rem;
    --register-top: 7.4rem;
    --verification-code-password: 1.4rem;
}
.bg-slides {
    position: absolute;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
}
.bg-slides-item {
    width: 100%;
    height: 100%;
    background: no-repeat 50% 50%;
    background-size: cover;
}
/**
 * 登录页面
 */
.account-pages {
    height: 100vh;
    width: 100%;
    display: flex;
    align-items: center;
    background: #fff;
    overflow: hidden;
}
form input {
    max-width: 100%;
}
.login-left-page {
    width: 50%;
    height: 100%;
}
.bg-text-bottom {
    position: absolute;
    width: 50%;
    bottom: 10%;
    text-align: center;
    font-family: PingFangSC, PingFang SC;
    color: #FFFFFF;
    font-style: normal;
}
.bg-text-bottom p:nth-child(1) {
    font-size: 3.6rem;
    font-weight: 600px;
}
.bg-text-bottom p:nth-child(2) {
    margin-top: 1.4rem;
    font-size: 2.1rem;
    font-weight: 400px;
}
.login-right-page {
    width: 50%;
    height: 100%;
    overflow-y: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}
.wrapper-page {
    max-width: 55rem;
    min-height: 72rem;
    padding-top: 3rem;
    padding-bottom: 3rem;
    width: 100%;
}
.logo {
    font-family: PingFangSC, PingFang SC;
    font-weight: 600;
    font-size: var(--login-title-size);
    color: #333333;
    line-height: 5rem;
    font-style: normal;
}
.login-title {
    display: flex;
}
.login-title li {
    flex: 1;
    background: #FAFAFA;
    border-radius: var(--border-radius);
    border: 1px solid #EEEEEE;
}
.login-title li a {
    border: 0 !important;
}
.login-title li .iconfont{
    padding-right: 1rem;
}
.login-title li.am-active {
    border-bottom: 0px;
    background: #EDF4FF;
    border-radius: var(--border-radius);
    border: 1px solid var(--color-main); 
    color: var(--color-main);
}
.am-form-title {
    font-family: PingFangSC, PingFang SC;
    font-weight: 400;
    font-size: 1.4rem;
    color: #999999;
    line-height: 2rem;
    font-style: normal;
}
.login-title > li+li {
    margin-left: 2rem;
}
.am-input-icon {
    display: flex;
    align-items: center;
}
.erp-content .am-position-eye, 
.erp-content .am-position-verify-sms,
.erp-content .am-position-verify {
    position: absolute;
    z-index: 1;
}
.erp-content .am-position-eye {
    right: 3rem;
}
.erp-content .am-position-verify {
    right: 16rem;
    top: 2.6rem;
}
.erp-content .am-position-verify-sms {
    right: 8rem;
}
.erp-content .am-position-verify-sms .am-btn:focus{
    box-shadow: inset 0 0 0.1rem 0 #fff;
}
.erp-content .am-position-verify-sms .am-btn{
    font-size: 1.4rem;
    background: transparent;
    border: 0px;
    font-family: PingFangSC, PingFang SC;
    font-weight: 400;
    font-size: var(--verification-code-password);
    color: #999999;
    line-height: 20px;
    font-style: normal;
}
.erp-content .am-position-verify img {
    height: var(--input-verify);
    border-radius: 3rem;
}
.erp-content .am-form-group.login-button {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
    padding: 0;
}
.erp-content .am-form-group.login-button .am-fr a{
    font-family: PingFangSC, PingFang SC;
    font-weight: 400;
    font-size: var(--verification-code-password);
    color: #999999;
    line-height: 2rem;
    font-style: normal;
}
.erp-content .am-form-group.login-button .am-btn-primary {
    width: 20.4rem;
    height: 7.5rem;
    border: 0;
    background: var(--color-main);
    border-radius: 3.7rem;
    font-weight: 400;
    font-size: var(--input-size);
    color: #FFFFFF;
}
.erp-content .am-form-group .am-form-field {
    font-weight: 400;
    font-size: var(--input-size) !important;
    color: #333333;
    line-height: 2.2rem;
    font-style: normal;
}
.bottom-container .am-center {
    text-align: center;
    font-weight: 400;
    font-size: var(--input-size);
    color: #999999;
    line-height: 2rem;
    font-style: normal;
    margin-top: var(--register-top);
}
.bottom-container .am-center a{
    text-decoration: underline;
}

select:hover, 
textarea:hover, 
input[type="text"]:hover, 
input[type="password"]:hover, 
input[type="number"]:hover, 
input[type="email"]:hover
{
    box-shadow: none;
}
/**
 * 公共样式覆盖
 */
.am-btn {
    padding: 1rem;
}
.am-form input[type="text"], .am-form input[type="password"], .am-form input[type="number"] , .am-form input[type="email"]{
    padding: 0;
    height: var(--input-height);
    border: 0px;
    border-bottom: 1px solid #BDBDBD;
}
.am-form-error .am-form-field, .am-field-error {
    box-shadow: inset 0 0 0.1rem 0 #fff;
}
.am-nav-tabs {
    border-bottom: 0px;
}
.am-input-group-btn > .am-btn.am-btn-default {
    background: transparent;
    border: 0px;
}
.am-tabs-bd .am-tab-panel {
    padding: 0;
    padding-top: var(--table-top);
}
.am-nav-tabs>li a {
    font-weight: 400;
    font-size: var(--tabs-title-size);
    color: #333333;
    font-style: normal;
}
.am-form-error .am-form-field:focus, .am-field-error:focus {
    box-shadow: none !important;
}
/* 输入框被全局覆盖了，登录页面需要额外覆盖 */
.am-form input[type="text"]:focus, 
.am-form input[type="password"]:focus, 
.am-form input[type="number"]:focus, 
.am-form input[type="email"]:focus {
    border: 0 !important;
    border-bottom: 0.1rem solid var(--color-main) !important;
}
@media (max-width: 76.8rem) {
    .account-pages {
        --border-radius: 3rem;
        --input-size: 1.4rem;
        --tabs-title-size: 1.4rem;
        --table-top: 2.5rem;
        --login-title-size: 2rem;
        --input-verify: 3.8rem;
        --register-top: 3.2rem;
    }
    .login-right-page {
        width: 90%;
        position: absolute;
        top: 50%; 
        left: 50%; 
        transform: translate(-50%,-50%);
        background: #fff;
        padding: 2rem;
        padding-top: 3rem;
        border-radius: 1rem;
        height: auto;
        max-width: 55rem;
    }
    .account-pages {
        display: block;
    }
    .bg-text-bottom, .bg-text-center {
        display: none;
    }
    .login-left-page {
        width: 100%;
    }
    .wrapper-page {
        min-height: 53rem;
        padding: 0;
    }
    .logo { 
        line-height: 3rem;
    }
    .login-title li .iconfont{
        padding-right: 0.5rem;
    }
    .login-title>li+li {
        margin-left: 1rem;
    }
    .erp-content  .am-position-verify {
        right: 15.2rem;
    }
    .erp-content .am-form-group.login-button .am-btn-primary {
        width: 15rem;
        height: 6rem;
    }
    form.am-form .am-form-group {
        padding: 0 0 1.5rem 0;
    }
}
@media only screen and (max-width: 500px) {
    .account-pages {
        --border-radius: 3rem;
        --input-size: 1.2rem;
        --tabs-title-size: 1.2rem;
        --table-top: 2rem;
        --login-title-size: 2rem;
        --input-verify: 3.8rem;
        --register-top: 2.5rem;
        --verification-code-password: 1.2rem;
    }
    .am-form-title{
        font-size: var(--tabs-title-size);
    }
    .login-title li .iconfont {
        padding-right: 0.1rem;
    }
    .erp-content .am-form-group.login-button .am-btn-primary {
        width: 10rem;
        height: 4rem;
    }
    form .am-form-group.row, form .am-form-group:not(:has(.am-radio-inline, .am-checkbox-inline)) {
        gap: 0rem;
    }
    .erp-content  .am-position-verify {
        right: 15.5rem;
        top: 1.6rem;
    }
    .erp-content .am-position-verify-sms {
        right: 7.5rem;
    }
    .wrapper-page {
        min-height: 47rem;
        padding: 0;
    }
}