@charset "utf-8";
/* ==========================================================
 * 公共样式（登录后各页面共用）
 *   1. rem 适配基准
 *   2. 底部导航栏 tabbar
 *   3. 轻提示 toast
 *
 * 约定：1rem = 100 设计像素（设计稿宽 1080），
 * html 的 font-size 由 js/rem.js 计算（= 页面宽度 / 10.8），
 * 所有尺寸 = 设计稿像素 ÷ 100。
 * ========================================================== */

/* JS 未执行时的兜底（支持 vw 的内核）：100 / 10.8 = 9.2593vw */
html {
    font-size: 9.2593vw;
}

html, body {
    height: 100%;
}

/* ---------------------------------------------------------
 * 通用页面容器 / 卡片 / 表单
 * 视觉与个人中心保持一致：
 *   页面底色 #F2F1F1；卡片 #FCF6F0 + 2.57px #BE1914 描边 + 圆角 24.4
 *   红色标题条 #B80404 + 金色标题字 #F8DBAD；分隔线 #FFD790
 * 表单页统一用文档流 + rem（不用绝对定位），增删行、文案变长都不错位
 * ------------------------------------------------------- */
.page-light {
    background-color: #f2f1f1;
}

.page {
    position: relative;
    width: 10.8rem;
    margin: 0 auto;
    min-height: 100%;
    background-color: #f2f1f1;
    overflow: hidden;
}

.page__bd {
    padding: 0.4rem 0.1413rem 0.6rem;   /* 左右与个人中心卡片对齐 */
}

/* 卡片 */
.card {
    position: relative;
    margin-bottom: 0.4rem;
    background-color: #fcf6f0;
    -webkit-box-shadow: inset 0 0 0 0.0257rem #be1914;
    box-shadow: inset 0 0 0 0.0257rem #be1914;
    -webkit-border-radius: 0.244rem;
    border-radius: 0.244rem;
    overflow: hidden;
}

.card__hd {
    height: 0.7448rem;
    background-color: #b80404;
    -webkit-border-radius: 0.2119rem 0.2119rem 0 0;
    border-radius: 0.2119rem 0.2119rem 0 0;
}

.card__hd span {
    display: block;
    height: 0.7448rem;
    line-height: 0.7448rem;
    text-align: center;
    font-size: 0.35142rem;
    color: #f8dbad;
}

.card__bd {
    padding: 0 0.4rem;
}

/* 表单行 */
.frow {
    position: relative;
    height: 1.16rem;
    border-top: 0.0257rem solid #ffd790;
}

.frow:first-child {
    border-top: 0;
}

.frow__label {
    position: absolute;
    left: 0;
    top: 0;
    height: 1.16rem;
    line-height: 1.16rem;
    font-size: 0.32rem;
    color: #8e1515;
    white-space: nowrap;
}

.frow__ctrl {
    position: relative;
    height: 1.16rem;
    margin-left: 2.1rem;
}

.frow__ctrl--wide {
    margin-left: 2.6rem;
}

.finput {
    display: block;
    width: 100%;
    height: 1.16rem;
    line-height: normal;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 0;
    background: transparent;
    text-align: right;
    font-size: 0.32rem;
    color: #3a3735;
}

.finput[readonly] {
    color: #8a7b6d;
}

.finput::-webkit-input-placeholder { color: #bda893; }
.finput:-moz-placeholder           { color: #bda893; }
.finput::-moz-placeholder          { color: #bda893; }
.finput:-ms-input-placeholder      { color: #bda893; }

/* 下拉选择：显示层 + 透明原生 select 覆盖（兼容性最好） */
.fpicker {
    padding-right: 0.4rem;
}

.fpicker__text {
    display: block;
    height: 1.16rem;
    line-height: 1.16rem;
    text-align: right;
    font-size: 0.32rem;
    color: #3a3735;
    white-space: nowrap;
    overflow: hidden;
}

.fpicker__arrow {
    position: absolute;
    right: 0;
    top: 50%;
    width: 0;
    height: 0;
    margin-top: -0.05rem;
    border-left: 0.11rem solid transparent;
    border-right: 0.11rem solid transparent;
    border-top: 0.14rem solid #b07a76;
}

.fpicker__native {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 1.16rem;
    border: 0;
    opacity: 0;
    filter: alpha(opacity=0);
}

/* 金色主按钮（与登录/注册按钮同色系） */
.btn-gold {
    display: block;
    width: 100%;
    height: 1.1rem;
    line-height: 1.1rem;
    margin: 0.6rem 0 0.2rem;
    text-align: center;
    font-size: 0.4rem;
    font-weight: 600;
    color: #6a3906;
    border: 0;
    background-color: #f0b64a;
    background-image: -webkit-linear-gradient(top, #f8d489 0%, #e9a636 100%);
    background-image: linear-gradient(to bottom, #f8d489 0%, #e9a636 100%);
    -webkit-border-radius: 0.2rem;
    border-radius: 0.2rem;
}

.btn-gold:active,
.btn-gold.is-loading {
    opacity: 0.82;
    filter: alpha(opacity=82);
}

/* 只读信息行 */
.finfo {
    position: relative;
    padding: 0.3rem 0;
    border-top: 0.0257rem solid #ffd790;
    overflow: hidden;
}

.finfo:first-child {
    border-top: 0;
}

.finfo__label {
    float: left;
    font-size: 0.31rem;
    color: #8e1515;
}

.finfo__val {
    float: right;
    max-width: 6.4rem;
    text-align: right;
    font-size: 0.31rem;
    color: #3a3735;
    word-break: break-all;
}

/* 状态区（已认证 / 审核中 / 未通过等） */
.fstate {
    padding: 0.5rem 0.4rem 0.1rem;
    text-align: center;
}

.fstate__tag {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    height: 0.62rem;
    line-height: 0.62rem;
    padding: 0 0.34rem;
    font-size: 0.3rem;
    color: #ffffff;
    background-color: #d99a2b;
    -webkit-border-radius: 0.31rem;
    border-radius: 0.31rem;
}

.fstate__tag--pass   { background-color: #1e7a3c; }
.fstate__tag--reject { background-color: #be1914; }

.fstate__desc {
    margin-top: 0.24rem;
    font-size: 0.3rem;
    line-height: 1.6;
    color: #7a5a44;
}

.freject {
    margin: 0 0.4rem 0.1rem;
    padding: 0.22rem 0.28rem;
    font-size: 0.28rem;
    line-height: 1.6;
    color: #be1914;
    background-color: #fdeceb;
    -webkit-border-radius: 0.12rem;
    border-radius: 0.12rem;
    word-break: break-all;
}

/* 空状态 */
.fempty {
    padding: 0.6rem 0.4rem;
    text-align: center;
    font-size: 0.3rem;
    color: #a08a76;
}

/* 温馨提示 */
.tips__bd {
    padding: 0.3rem 0.4rem 0.36rem;
}

.tip {
    position: relative;
    padding-left: 0.34rem;
    margin-top: 0.2rem;
    font-size: 0.28rem;
    line-height: 1.72;
    color: #6b4a32;
}

.tip:first-child {
    margin-top: 0;
}

.tip:before {
    content: "";
    position: absolute;
    left: 0.06rem;
    top: 0.16rem;
    width: 0.14rem;
    height: 0.14rem;
    background-color: #be1914;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

/* ---------------------------------------------------------
 * 顶部导航栏（带返回按钮）
 * 组件：includes/topbar.php
 * ------------------------------------------------------- */
.topbar {
    position: relative;
    width: 100%;
    height: 1.28rem;
    background-color: #b80404;
}

.topbar__back {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 1.4rem;
    height: 1.28rem;
}

.topbar__back:active {
    background-color: rgba(0, 0, 0, 0.12);
}

.topbar__back img {
    position: absolute;
    left: 0.42rem;
    top: 50%;
    width: 0.24rem;
    height: 0.42rem;
    margin-top: -0.21rem;
}

.topbar__title {
    height: 1.28rem;
    line-height: 1.28rem;
    text-align: center;
    font-size: 0.4rem;
    font-weight: 600;
    color: #ffffff;
    white-space: nowrap;
}

/* ---------------------------------------------------------
 * 底部导航栏（固定底部，7 个入口）
 * 组件：includes/nav.php
 * ------------------------------------------------------- */
.tabbar {
    position: fixed;
    left: 50%;
    bottom: 0;
    z-index: 100;
    width: 10.8rem;
    height: 1.5282rem;
    margin-left: -5.4rem;
    background-color: #b80404;
    -webkit-border-radius: 0.2rem 0.2rem 0 0;
    border-radius: 0.2rem 0.2rem 0 0;
    overflow: hidden;
}

.tabbar__item {
    position: relative;
    display: block;
    float: left;
    width: 14.2857%;
    height: 1.5282rem;
}

/* 隐藏部分 tab 后按可见个数等分（个数由 includes/nav.php 输出到容器上） */
.tabbar--n3 .tabbar__item { width: 33.3333%; }
.tabbar--n4 .tabbar__item { width: 25%; }
.tabbar--n5 .tabbar__item { width: 20%; }
.tabbar--n6 .tabbar__item { width: 16.6666%; }
.tabbar--n7 .tabbar__item { width: 14.2857%; }

/* 最后一项靠右浮动，吃掉百分比取整产生的那一两像素缝 */
.tabbar__item.is-last {
    float: right;
}

.tabbar__item:active {
    background-color: rgba(0, 0, 0, 0.12);
}

.tabbar__icobox {
    position: relative;
    display: block;
    height: 0.8rem;
}

.tabbar__ico {
    position: absolute;
    left: 50%;
    bottom: 0;
    display: block;
}

.tabbar__txt {
    position: absolute;
    left: 0;
    top: 0.912rem;
    width: 100%;
    height: 0.32rem;
    line-height: 0.32rem;
    text-align: center;
    font-size: 0.24233rem;
    color: #ffffff;
    white-space: nowrap;
}

/* 「资产平移/恢复」字数多，单独缩一点避免换行 */
.tabbar__txt.is-long {
    font-size: 0.2135rem;
}

/* 当前所在页面（不需要高亮时删掉这条即可） */
.tabbar__item.is-active .tabbar__txt {
    color: #fbe6a8;
}

/* 各图标原始尺寸（设计稿像素 ÷ 100） */
.ico-nav-home     { width: 0.56rem; height: 0.57rem; margin-left: -0.28rem; }
.ico-nav-debt     { width: 0.58rem; height: 0.51rem; margin-left: -0.29rem; }
.ico-nav-bankcard { width: 0.57rem; height: 0.41rem; margin-left: -0.285rem; }
.ico-nav-transfer { width: 0.51rem; height: 0.51rem; margin-left: -0.255rem; }
.ico-nav-member   { width: 0.58rem; height: 0.51rem; margin-left: -0.29rem; }
.ico-nav-invite   { width: 0.58rem; height: 0.51rem; margin-left: -0.29rem; }
.ico-nav-equity   { width: 0.62rem; height: 0.47rem; margin-left: -0.31rem; }
.ico-nav-user     { width: 0.49rem; height: 0.49rem; margin-left: -0.245rem; }

/* ---------------------------------------------------------
 * 弹窗（带按钮，可放跳转操作）
 * 不用 transform 居中，兼容旧内核
 * ------------------------------------------------------- */
.dlg-mask {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9000;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.55);
    background-color: #000\9;
    display: none;
}

.dlg-mask.is-show {
    display: block;
}

/* 用 100% 高度的容器 + 内层垂直居中，避免依赖 transform */
.dlg-wrap {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    white-space: nowrap;
    overflow: auto;
}

/* 居中辅助：占满高度的零宽元素 */
.dlg-wrap:before {
    content: "";
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 0;
    height: 100%;
    vertical-align: middle;
}

.dlg {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    position: relative;
    width: 8.4rem;
    margin: 0.4rem 0;
    vertical-align: middle;
    text-align: left;
    white-space: normal;
    background-color: #fcf6f0;
    -webkit-box-shadow: inset 0 0 0 0.0257rem #be1914;
    box-shadow: inset 0 0 0 0.0257rem #be1914;
    -webkit-border-radius: 0.244rem;
    border-radius: 0.244rem;
    overflow: hidden;
}

.dlg__hd {
    height: 0.86rem;
    line-height: 0.86rem;
    text-align: center;
    font-size: 0.38rem;
    font-weight: 600;
    color: #f8dbad;
    background-color: #b80404;
}

.dlg__bd {
    padding: 0.44rem 0.44rem 0.36rem;
    font-size: 0.32rem;
    line-height: 1.7;
    color: #4d2a14;
    word-break: break-all;
}

.dlg__strong {
    font-weight: 600;
    color: #be1914;
}

.dlg__list {
    margin-top: 0.24rem;
    padding: 0.22rem 0.28rem;
    font-size: 0.29rem;
    line-height: 1.8;
    color: #7a5a44;
    background-color: #f7ece0;
    -webkit-border-radius: 0.12rem;
    border-radius: 0.12rem;
}

.dlg__ft {
    padding: 0 0.44rem 0.44rem;
    overflow: hidden;
}

.dlg-btn {
    display: block;
    float: left;
    width: 48%;
    height: 0.98rem;
    line-height: 0.98rem;
    text-align: center;
    font-size: 0.34rem;
    font-weight: 600;
    -webkit-border-radius: 0.16rem;
    border-radius: 0.16rem;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.dlg-btn + .dlg-btn {
    float: right;
}

.dlg-btn--single {
    float: none;
    width: 100%;
}

.dlg-btn--gold {
    color: #6a3906;
    background-color: #f0b64a;
    background-image: -webkit-linear-gradient(top, #f8d489 0%, #e9a636 100%);
    background-image: linear-gradient(to bottom, #f8d489 0%, #e9a636 100%);
}

.dlg-btn--plain {
    color: #8a7b6d;
    -webkit-box-shadow: inset 0 0 0 0.0257rem #d3c1ad;
    box-shadow: inset 0 0 0 0.0257rem #d3c1ad;
}

.dlg-btn:active {
    opacity: 0.85;
    filter: alpha(opacity=85);
}

/* ==========================================================
 * 成功弹窗（实名认证通过）
 *   在 .dlg 基础上去掉红色标题条，改成"金色勾章 + 标题 + 奖励清单"。
 *   配色沿用全站：红 #b80404 / #be1914，金 #f8dbad / #e9a636，米底 #fcf6f0。
 * ========================================================== */
.dlg--ok {
    padding-top: 0.62rem;
    text-align: center;
}

/* 金色圆形勾章 */
.vf-ok__badge {
    position: relative;
    width: 1.36rem;
    height: 1.36rem;
    margin: 0 auto;
    background-color: #e9a636;
    background-image: -webkit-linear-gradient(top, #f8d489 0%, #e9a636 100%);
    background-image: linear-gradient(to bottom, #f8d489 0%, #e9a636 100%);
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

/* 对勾用两条边框拼出来，不额外加图片请求 */
.vf-ok__tick {
    position: absolute;
    left: 0.42rem;
    top: 0.34rem;
    width: 0.28rem;
    height: 0.54rem;
    border-right: 0.09rem solid #fff;
    border-bottom: 0.09rem solid #fff;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.vf-ok__title {
    margin-top: 0.3rem;
    font-size: 0.42rem;
    font-weight: 600;
    color: #be1914;
}

.vf-ok__sub {
    margin-top: 0.14rem;
    font-size: 0.28rem;
    color: #8a7b6d;
}

.vf-ok__gifts {
    margin: 0.34rem 0.44rem 0.4rem;
    padding: 0.1rem 0.3rem;
    text-align: left;
    background-color: #f7ece0;
    -webkit-border-radius: 0.16rem;
    border-radius: 0.16rem;
}

.vf-ok__gift {
    height: 0.86rem;
    line-height: 0.86rem;
    overflow: hidden;
}

.vf-ok__gift + .vf-ok__gift {
    border-top: 0.0257rem solid #e6d4c0;
}

.vf-ok__gift-name {
    float: left;
    font-size: 0.3rem;
    color: #7a5a44;
}

.vf-ok__gift-num {
    float: right;
    font-size: 0.36rem;
    font-weight: 600;
    color: #be1914;
}

/* ---------------------------------------------------------
 * 轻提示 Toast
 * 外层满宽 + 内层 inline-block：无论文案多长都精准居中，
 * 不用 transform，旧内核同样生效
 * ------------------------------------------------------- */
.toast {
    position: fixed;
    left: 0;
    top: 45%;
    z-index: 9999;
    width: 100%;
    text-align: center;
    display: none;
    pointer-events: none;
}

.toast.is-show {
    display: block;
}

.toast__box {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    max-width: 7.6rem;
    padding: 0.28rem 0.44rem;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    text-align: center;
    font-size: 0.34rem;
    line-height: 1.5;
    color: #fff6e0;
    background-color: rgba(74, 8, 8, 0.92);
    background-color: #4a0808\9;
    -webkit-border-radius: 0.16rem;
    border-radius: 0.16rem;
    -webkit-box-shadow: 0 0.04rem 0.2rem rgba(0, 0, 0, 0.3);
    box-shadow: 0 0.04rem 0.2rem rgba(0, 0, 0, 0.3);
    word-break: break-all;
}