.uc_index_box_c {
            width: 100%;
            margin-bottom: 20px;
            background-color: #fff;
            border-radius: 4px;
            box-shadow: 0 0 2px 0 rgba(88, 118, 138, .1);
            padding: 15px;
            /* 使用flexbox替代浮动 */
            display: flex;
            gap: 15px;
        }

        .uc_index_box_list {
            /* 移除浮动 */
            /* float: left; */
            flex: 1;
            padding: 15px;
            border-right: 1px solid #eee;
        }

        .uc_index_box_list2 {
            /* 移除浮动 */
            /* float: left; */
            flex: 1;
            padding: 15px;
        }

        .uc_index_box_list_end {
            border-right: none;
        }

        .uc_index_dataname {
            font-size: 14px;
            color: #666;
        }

        .uc_index_box_list_desc {
            font-size: 24px;
            font-weight: bold;
            margin: 10px 0;
        }

        .uc_index_box_list_name a {
            display: inline-block;
            margin-right: 10px;
            color: #333;
            text-decoration: none;
            font-size: 14px;
        }

        .uc_index_box_list_name a.text-red {
            color: #f00;
        }

        .uc_index_box_list_name_2 {
            font-size: 14px;
            margin-bottom: 10px;
        }

        .open-vip-btn {
            display: inline-block;
            background-color: #f00;
            color: #fff;
            padding: 8px 20px;
            border-radius: 3px;
            text-decoration: none;
            font-size: 14px;
        }

        .h-box {
            margin-bottom: 20px;
            background-color: #fff;
            border-radius: 4px;
            box-shadow: 0 0 2px 0 rgba(88, 118, 138, .1);
            padding: 15px;
            /* 使用flow-root清除浮动 */
            display: flow-root;
            width: 100%;
        }

        .u-userinfo {
            margin-bottom: 15px;
            /* 使用flexbox替代浮动 */
            display: flex;
            align-items: center;
        }

        .u-avatar {
            margin-right: 15px;
        }

        .u-avatar img {
            width: 80px;
            height: 80px;
            border-radius: 50%;
        }

        .u-nickname {
            font-size: 18px;
            font-weight: bold;
        }

        .u-grade {
            font-size: 14px;
            color: #666;
            margin-left: 10px;
        }

        .text-desc {
            font-size: 14px;
            color: #666;
        }

        .text-red {
            color: #f00;
        }

        .main-bind-card {
            list-style: none;
            padding: 0;
            margin: 10px 0;
        }

        .main-bind-card li {
            display: inline-block;
            margin-right: 10px;
        }

        .main-bind-icon-center {
            display: inline-block;
            width: 30px;
            height: 30px;
            background-color: #eee;
            border-radius: 50%;
            text-align: center;
            line-height: 30px;
            color: #999;
        }

        .u-perfect {
            display: block;
            margin-top: 10px;
            font-size: 14px;
            color: #666;
            text-decoration: none;
        }

        .u-login-info {
            font-size: 14px;
            color: #666;
            /* 使用flexbox排列信息 */
            display: flex;
            gap: 20px;
        }

        .assets-manage {
            margin-top: 20px;
            /* 使用flexbox排列按钮 */
            display: flex;
            gap: 10px;
        }

        .btn {
            display: inline-block;
            padding: 8px 15px;
            border-radius: 3px;
            text-decoration: none;
            font-size: 14px;
        }

        .btn-upload-doc {
            background-color: #f00;
            color: #fff;
        }

        .btn-manage-doc {
            background-color: #333;
            color: #fff;
        }

        .quick-box .title {
            font-size: 16px;
            font-weight: bold;
            margin-bottom: 15px;
        }

        .quick-box .box {
            /* 使用flexbox排列快捷入口 */
            display: flex;
            flex-wrap: wrap;
        }

        .quick-box .box a {
            width: 110px;
            text-align: center;
            margin: 10px;
            text-decoration: none;
            color: #333;
            display: flex;
            flex-direction: column;
            align-items: center;
            text-decoration: none;
            color: inherit;
        }

        .quick-box .box img {
            width: 60px;
            height: 60px;
            margin-bottom: 5px;
            display: block;
        }

        .quick-box .box a span {
            white-space: nowrap;
            /* 防止文字换行 */
        }

        .u-tit {
            list-style: none;
            padding: 0;
            margin: 0;
            border-bottom: 1px solid #eee;
        }

        .u-tit li {
            display: inline-block;
            padding: 10px 20px;
            cursor: pointer;
        }

        .u-tit li.on {
            border-bottom: 2px solid #06c;
            font-weight: bold;
        }

        .u-tit li a {
            color: #333;;
        }

        .u-tabcontent {
            padding: 15px 0;
        }

        .u-table {
            width: 100%;
            border-collapse: collapse;
        }

        .u-table th,
        .u-table td {
            padding: 10px;
            border-bottom: 1px solid #eee;
        }

        .u-table th {
            text-align: left;
            font-weight: bold;
        }

        .u-table .textl {
            text-align: left;
        }
        
        .u-table td a {
            color: #253137;
            text-decoration: none;
            font-weight: bold;
        }

        .u-table td a:hover {
text-decoration: underline;
        }

        .uc_index_box_c td a {
            color: #253137;
            text-decoration: none;
            font-weight: bold;
        }

        .uc_index_box_c td a:hover {
text-decoration: underline;
        }

        .ui-link-red {
            color: #f00;
            text-decoration: none;
        }

        .no-data {
            text-align: center;
            padding: 50px 0;
            color: #666;
        }

        .no-data a {
            color: #f00;
            text-decoration: none;
        }





        .b-con {
            font-size: 13px;
            margin: 20px 10px
        }

        .wtbd_tip {
            position: relative;
            padding: 20px 30px 20px 90px;
            background: #f0fbff url(../images/user/wx-ts.svg) no-repeat 30px center;
            margin-bottom: 20px;
            border-radius: 8px
        }

        .wtbd_tip .wtbd_tip_tit {
            font-size: 14px;
            color: #06a7ff
        }

        .wtbd_tip .wtbd_tip_p {
            padding-top: 5px;
            color: #999
        }

        .wtbd_tip .wtbd_tip_p .wtbd_tip_bth {
            width: 94px;
            height: 34px;
            line-height: 34px;
            text-align: center;
            display: inline-block;
            border-radius: 30px;
            background: #06a7ff;
            position: absolute;
            right: 20px;
            top: 25px;
            color: #fff
        }

        .wtbd_tip .wtbd_tip_p .wtbd_tip_bth:hover {
            background: #059aec;
            color: #fff;
            text-decoration: none
        }

        .moneyBox a {
            border: 1px solid #edecec;
            border-radius: 3px;
            display: inline-block;
            margin-right: 10px;
            width: 150px;
            height: 68px;
            position: relative;
            cursor: pointer;
            vertical-align: top;
            text-align: center;
            font-size: 18px;
            color: #666;
            margin-bottom: 15px
        }

        .moneyBox a .text {
            position: relative;
            width: 100%;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            vertical-align: middle;
            text-align: center;
        }

        .moneyBox a .text .give {
            font-size: 12px;
            padding: 2px 4px;
            color: #999;
        }

        .moneyBox a .text .recommend {
            color: #fff;
            position: absolute;
            display: inline-block;
            padding: 0 6px;
            top: -9px;
            right: 0;
            line-height: 20px;
            font-size: 12px;
            background: #f60;
        }

        .moneyBox a i {
            display: inline-block;
            position: absolute;
            right: -2px;
            bottom: -5px;
            color: #edecec
        }

        .moneyBox a .dw {
            font-size: 12px;
            color: #999
        }

        .moneyBox a.active {
            border-color: #f60;
            color: #f60
        }

        .moneyBox a.active i {
            color: #f60
        }

        .moneyBox .custom {
            border: 1px solid #edecec;
            border-radius: 3px;
            display: inline-block;
            height: 68px;
            text-align: center;
            font-size: 18px;
            color: #666;
            margin-bottom: 15px;
            padding: 0 10px;
            line-height: 60px
        }

        .moneyBox .custom .dw {
            font-size: 12px;
            color: #999
        }

        .paymethod-list {
            margin-bottom: 15px;
            clear: both;
            display: flex;
            flex-direction: row;
            align-items: center
        }

        .paymethod-list {
            display: flex;
            flex-direction: row;
            align-items: center
        }

        .paymethod-list.coinrecharge li:hover {
            border-color: #f60;
            color: #333
        }

        .paymethod-list.coinrecharge .paymethod-item {
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: center;
            position: relative;
            float: left;
            width: 135px;
            height: 60px;
            margin-right: 13px;
            margin-top: 14px;
            line-height: 60px;
            border: 1px solid #e6e6e6;
            cursor: pointer;
            background-size: 18%;
            box-sizing: border-box;
            border-radius: 3px;
            text-align: center
        }

        .paymethod-list.coinrecharge .paymethod-item svg {
            width: 35px;
            height: 35px;
        }

        .paymethod-list.coinrecharge .active {
            border-color: #f60 !important;
            color: #333
        }

        .paymethod-list.coinrecharge .active:before {
            font-family: iconfont;
            display: block;
            content: "\e6d0";
            position: absolute;
            color: #f60;
            right: -9px;
            bottom: 4px;
            width: 35px;
            height: 35px;
            font-size: 22px
        }

        .margin-top-sm {
            margin-top: 10px;
        }

        .margin-bottom-sm {
            margin-bottom: 10px;
        }

        .text-bold {
            font-weight: bold;
        }

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

        .recharge-btns {
            margin-top: 20px;
            margin-bottom: 30px
        }

        .recharge-btns .pay-btn {
            display: inline-block;
            color: #fff;
            background-image: -webkit-gradient(linear, left top, right top, from(#fe7532), to(#e5232a));
            background-image: -webkit-linear-gradient(left, #fe7532, #e5232a);
            background-image: linear-gradient(to right, #fe7532, #e5232a);
            border-radius: 4px;
            background-color: #e33;
            text-align: center;
            border: none;
            cursor: pointer;
            padding: 15px 80px
        }

        .recharge-btns .pay-btn:hover {
            color: #fff
        }
        
/* 文本框样式 */
.wenbenkuang {
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 4px 16px;
    width: 250px;
    font-size: 14px;
}

.wenbenkuang2 {
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 4px 16px;
    width: 450px;
    height: 300px;
    font-size: 14px;
}

/* 选项组样式 */
.xuanxiang {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.xuanxiang label {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.xuanxiang input[type="radio"] {
    margin-right: 8px;
}

/* 按钮样式 */
.anniu {
    background-color: #fff;
    border: 1px solid #ebebeb;
    border-radius: var(--wb-item-radius, 3px);
    display: inline-block;
    font-size: 14px;
    line-height: 30px;
    margin-right: 10px;
    padding: 0 9px;
    vertical-align: top;
    color: #06c;
    transition: all .3s ease;
}

.anniu:hover {
    background-color: #06c;
    border-color: #06c;
    color: #fff;
}

.anniu:active {
    background-color: #06c;
    border-color: #06c;
    color: #fff;
}

    .xiala {
        display: block;
        width: 150px;
        padding: 4px 16px;
        font-size: 14px;
        line-height: 1.5;
        color: #333;
        background: white;
        border: 1px solid #ddd;
        border-radius: 4px;
        box-shadow: 0 1px 2px rgba(0,0,0,0.05);
        appearance: none;
        transition: all 0.2s;
        position: relative; /* 添加定位上下文 */
    }

    .xiala:focus {
        border-color: #666;
        outline: 0;
    }

    .xiala:hover {
        border-color: #999;
    }

    /* 使用Unicode字符替代SVG箭头 */
    .xiala-wrapper {
        position: relative;
        display: inline-block;
        width: 150px;
    }

    .xiala-wrapper::after {
        content: "▼";
        position: absolute;
        right: 12px;
        top: 50%;
        transform: translateY(-50%);
        pointer-events: none;
        color: #666;
    }