@charset "utf-8";
/* 移动端专题登录弹窗样式 */
.login-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1000;
}

.login-modal-content {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 84%;
    max-width: 28.57rem;  /* 400px */
    background: #fff;
    border-radius: 0.57rem;  /* 8px */
}

/* 输入框通用样式 */
.input-box {
    position: relative;
    width: 100%;
    height: 36px;  /* 36px */
    border: 0.07rem solid #E9ECF0;  /* 1px */
    border-radius: 0.14rem;  /* 2px */
    font-size: 0;
}

.input-box span.icon {
    display: inline-block;
    width: 34px;
    height: 34px;
    background-image: url("https://img02.hua.com/pc/assets/img/pc_icon.png");
    background-repeat: no-repeat;
}

.input-box span.icon-iphone {
    background-position: -88px -24px;  /* -88px -24px */
}

.input-box span.icon-message {
    background-position: 0 -24px;  /* 0 -24px */
}

.input-box span.icon-unlocked {
    background-position: -44px -24px;  /* -44px -24px */
}

.input-box input {
    width: calc(100% - 34px);
    height:34px;
    padding: 0.5rem 0.43rem;  /* 7px 6px */
    vertical-align: top;
    font-size: 1rem;  /* 14px */
    line-height: 1.43rem;  /* 20px */
    color: #232628;
    border: none;
}

.input-box input::placeholder {
    font-size: 0.86rem;  /* 12px */
    color: #B4BABF;
}

/* 验证码按钮样式 */
.input-box .get-code {
    position: absolute;
    top: 0;
    right: 0;
    width: 6.86rem;  /* 96px */
    height: 100%;
    font-size: 0.86rem;  /* 12px */
    text-align: center;
    line-height: 34px;
    background: #E9ECF0;
    color: #232628;
    cursor: pointer;
    border: 0;
}

.input-box .get-code.disabled {
    background: #DADDDF;
    color: #71797F;
    cursor: not-allowed;
}

.input-box .countdown {
    position: absolute;
    top: 0;
    right: 0;
    width: 6.86rem;  /* 96px */
    height: 100%;
    font-size: 0.86rem;  /* 12px */
    text-align: center;
    line-height: 34px;
    background: #DADDDF;
    color: #71797F;
}

/* 登录按钮样式 */
.form-btn {
    width: 100%;
    height: 3.14rem;  /* 44px */
    border-radius: 1.71rem;  /* 24px */
    font-size: 1.14rem;  /* 16px */
    cursor: pointer;
    border: none;
}

.login-btn {
    background: #FF734C;
    color: #fff;
}

/* 提示文本样式 */
.form-tip {
    margin-top: 0.86rem;  /* 12px */
    color: #B4BABF;
    font-size: 0.93rem;  /* 13px */
    line-height: 1.29rem;  /* 18px */
    text-align: center;
}

.form-tip .pwd-forget {
    color: #71797F;
}

.tips {
    display: block;
    padding-left: 2.86rem;  /* 40px */
    height: 1.29rem;  /* 18px */
    margin: 0.29rem 0;  /* 4px 0 */
    font-size: 0.86rem;  /* 12px */
    line-height: 1.29rem;  /* 18px */
    color: #FF734C;
}

/* 验证码框样式 */
.verify-box {
    margin-bottom: 1rem;
}

.verify-box .verify {
    padding-left: 0.86rem;  /* 12px */
    width: 15.29rem;  /* 214px */
}

.verify-box img {
    position: absolute;
    top: 0;
    right: 0;
    width: auto;  /* 96px */
    height: 100%;  /* 34px */
    cursor: pointer;
}

.verify-box .input-box {
    margin-bottom: 0;
}

.verify-box .refresh-code {
    position: absolute;
    top: 0;
    right: 0;
    width: 6.86rem;  /* 96px */
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.verify-box .refresh-code img {
    position: static;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* 登录方式切换样式 */
.login-form-box-toggle {
    text-align: right;
    margin-bottom: 1rem;  /* 14px */
}

.login-form-box-toggle a {
    color: #71797F;
    font-size: 0.93rem;  /* 13px */
    text-decoration: none;
}

.login-form-box-toggle .mini-icon {
    display: inline-block;
    width: 16px;  /* 16px */
    height: 16px;  /* 16px */
    margin-right: 0.29rem;  /* 4px */
    vertical-align: middle;
    background-image: url("https://img02.hua.com/pc/assets/img/pc_icon.png");
    background-repeat: no-repeat;
}

.mini-icon.icon-message {
    background-position: 0 0;
}

.mini-icon.icon-unlocked {
    background-position: -24px 0;  /* -24px 0 */
}

/* 模态框头部样式 */
.login-modal-header {
    padding-top: 2.86rem;  /* 40px */
}

.login-modal-header h3 {
    margin: 0;
    font-size: 1.29rem;  /* 18px */
    color: #232628;
    text-align: center;
}

.login-modal-close {
    position: absolute;
    right: 0.8rem;  /* 14px */
    top: 0.2rem;  /* 12px */
    font-size: 1.71rem;  /* 24px */
    color: #B4BABF;
    cursor: pointer;
}

/* 模态框内容区域样式 */
.login-modal-body {
    padding: 1.14rem 1.71rem 2.29rem;  /* 16px 24px 32px */
}

/* 遮罩层样式 */
.login-modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: -1;
}

/* 图形验证码弹窗样式 */
.subscriber-verify-box {
    padding: 2.14rem;  /* 30px */
}

.subscriber-verify-title {
    font-size: 1.14rem;  /* 16px */
    text-align: center;
    margin-bottom: 2.14rem;  /* 30px */
}

.subscriber-verify-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.subscriber-verify-content input {
    width: 15rem;  /* 210px */
    height: 3rem;  /* 42px */
    border: 0.07rem solid #E9ECF0;  /* 1px */
    border-radius: 0.29rem;  /* 4px */
    padding: 0 1.43rem;  /* 0 20px */
    font-size: 1rem;  /* 14px */
}

.subscriber-verify-content img {
    width: 8.57rem;  /* 120px */
    height: 3rem;  /* 42px */
}

.get-code.disabled {
    color: #999;
    cursor: not-allowed;
}

/* Layer弹窗样式覆盖 */
.layui-m-layer1 .layui-m-layerchild {
    border-radius: 0.57rem;  /* 8px */
}

.layui-m-layerchild .title {
    padding: 0 0.71rem;  /* 0 10px */
    height: auto;
    line-height: 1; 
    font-size: 1.43rem;  /* 20px */
    font-weight: 500;
    text-align: center;
}

.layui-m-layerchild .layui-m-layerchild {
    padding: 1.14rem 1.71rem;  /* 16px 24px */
}

.pwd-box {
    position: relative;
}

.pwd-forget {
    position: absolute;
    right: 0.71rem; /* 10px */
    top: 50%;
    transform: translateY(-50%);
    color: #71797F;
    font-size: 0.93rem; /* 13px */
    text-decoration: none;
    padding: 0.57rem 0; /* 8px 0 */
}

.input-box input {
    padding-right: 0.71rem; /* 10px */
}

.pwd-box .input-box {
    margin-bottom: 0;
}