/**
 * 登录、注册、密码找回
 */
.user-form-content-container {
    position: relative;
}

/**
 * 登录页面窗口高度固定
 * 底部入口勿用绝对定位：英文等长文案时表单变高，会与登录按钮重叠
 */
.user-login-content-container {
    min-height: 43rem;
    display: flex;
    flex-direction: column;
}
.user-login-content-container.not-login-verify {
    min-height: 39rem;
}
.user-login-content-container > .am-tabs-bd {
    flex: 1 1 auto;
}
.user-login-content-container .bottom-container {
    position: relative;
    left: auto;
    bottom: auto;
    width: 100%;
    margin-top: auto;
    flex-shrink: 0;
}


/**
 * 底部内容处理
 */
.footer-nav-content,
.friendship-list {
	display: none;
}
.am-footer-default,
.am-footer-miscs > .am-container {
	border-top: 0;
}
.am-footer-default {
    background: var(--body-bg-color);
}
/** 邮箱登录和注册共用的紧凑表单样式。 */
.user-register-container {
    padding: 3rem 2rem;
}
.user-register-container .register-container {
    max-width: 48rem;
}
.auth-form-card {
    padding: 2.4rem 3.2rem;
}
.auth-form-card .auth-heading {
    margin: 0 0 1.8rem;
    color: #222;
    font-size: 2.8rem;
    line-height: 1.4;
    text-align: center;
}
.user-form-content-container.auth-form-card form.am-form {
    padding: 0;
    overflow: visible;
}
.auth-form-card form.am-form .auth-field {
    position: relative;
    margin: 0 0 1.2rem;
    padding: 0;
    gap: 0;
}
.auth-form-card form.am-form .auth-field > label {
    display: block;
    margin-bottom: .4rem;
    padding: 0;
    color: #555;
    font-size: 1.4rem;
    font-weight: normal;
}
.auth-form-card form.am-form .auth-field > input {
    height: 4.8rem;
    padding: 1.1rem 1.4rem;
    border: 1px solid #dfe1e7;
    border-radius: .5rem;
    background: #fff;
    box-shadow: none;
}
.auth-form-card form.am-form .auth-field > input:focus {
    border-color: var(--color-main);
}
.auth-form-card form.am-form .auth-field > input.am-field-error {
    border-color: #dd514c;
}
.auth-form-card form.am-form .auth-field > input.register-input-action {
    padding-right: 5rem;
}
.auth-form-card form.am-form .auth-field > input[name="verify"] {
    padding-right: 15rem;
}
.auth-form-card form.am-form .auth-field .am-input-group-btn {
    position: absolute;
    top: auto;
    right: .6rem;
    bottom: .4rem;
    width: auto;
    height: 4rem;
}
.auth-form-card form.am-form .auth-field .am-input-group-btn button {
    height: 4rem;
    padding: 0 1rem;
    border: 0;
    background: transparent;
    border-radius: .4rem;
}
.auth-form-card form.am-form .auth-field .user-verify-submit {
    max-width: 14rem;
    color: var(--color-main);
    white-space: normal;
}
.auth-form-card .agreement {
    margin: .4rem 0 1.6rem;
    font-size: 1.3rem;
    line-height: 2;
}
.auth-form-card button[type="submit"] {
    min-height: 4.8rem;
    font-size: 1.6rem;
}
.auth-form-card .bottom-container {
    padding: .6rem 0 0;
}
@media only screen and (max-width: 640px) {
    .user-register-container {
        padding: 2.4rem 1.2rem;
    }
    .user-register-container > .am-container {
        padding: 0;
    }
    .auth-form-card {
        padding: 2rem 1.8rem;
    }
    .auth-form-card .auth-heading {
        font-size: 2.4rem;
        margin-bottom: 1.6rem;
    }
    .auth-form-card form.am-form .auth-field > input[name="verify"] {
        padding-right: 12rem;
    }
    .auth-form-card form.am-form .auth-field .user-verify-submit {
        max-width: 11rem;
        padding: 0 .5rem;
        font-size: 1.2rem;
    }
}

/* 登录页与弹窗共用表单，内容高度随当前登录方式自然展开。 */
.user-login-content-container.auth-form-card,
.user-login-content-container.auth-form-card.not-login-verify {
    min-height: 0;
}
.user-login-content-container.auth-form-card > .am-tabs-bd {
    flex: none;
    overflow: visible;
    margin-top: 1.2rem;
    padding: 0;
}
.user-login-content-container.auth-form-card .am-tab-panel {
    padding: 0;
}
.user-login-content-container.auth-form-card > ul.user-entrance-tabs.am-nav-tabs.am-nav {
    display: flex;
    gap: 2rem;
    margin: 0;
    padding: 0;
}
.user-login-content-container.auth-form-card .user-entrance-tabs.am-nav-tabs > li {
    max-width: none;
    flex: 1 1 0;
}
.user-login-content-container.auth-form-card .user-entrance-tabs.am-nav-tabs > li a {
    padding: .5rem 0 !important;
    line-height: 1.6;
    white-space: normal;
    text-align: center;
}
.user-login-content-container.auth-form-card form.am-form .auth-submit {
    margin-top: 1.8rem;
}
.user-login-content-container.auth-form-card .bottom-container {
    margin-top: 1.2rem;
    padding: 0;
}
.user-login-content-container.auth-form-card .form-verify img {
    max-height: 4rem;
    vertical-align: middle;
}
.user-login-container .user-right-container {
    width: 48rem;
    max-width: 100%;
    padding: 3rem 0;
}
.user-login-container .user-left-container {
    width: calc(100% - 48rem);
}
@media only screen and (max-width: 640px) {
    .user-login-container .user-right-container {
        width: 100%;
        padding: 2.4rem 0;
    }
    .user-login-content-container.auth-form-card > ul.user-entrance-tabs.am-nav-tabs.am-nav {
        gap: 1rem;
    }
}