:root {
    --pcol: #6366F1;
    --plgt: #818CF8;
    --pdak: #4F46E5;
    --scol: #EC4899;
    --succ: #10B981;
    --warn: #F59E0B;
    --dang: #EF4444;
    --tprm: #1F2937;
    --tsec: #6B7280;
    --tter: #9CA3AF;
    --bprm: #FFFFFF;
    --bsec: #F9FAFB;
    --bter: #F3F4F6;
    --bcol: #E5E7EB;
    --ssm: 0 1px 2px rgba(0, 0, 0, 0.05);
    --smd: 0 4px 6px rgba(0, 0, 0, 0.05);
    --slg: 0 10px 15px rgba(0, 0, 0, 0.1);
    --rsm: 4px;
    --rmd: 8px;
    --rlg: 12px;
    --rxl: 16px;
    --tran: all 0.3s ease;
}
/* 分页按钮开始 */
.dataTables_paginate {
    height: 100%;
    display: flex;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.pagination {
    height: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
}
.paginate_button {
    min-width: 35px;
    height: 100%;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    border: 1px solid var(--bcol);
    border-radius: var(--rsm);
    overflow: hidden;
    background-color: var(--bprm);
    transition: var(--tran);
}
.paginate_button.disabled {
    border-color: var(--bter);
    background-color: var(--bsec);
    cursor: not-allowed;
    opacity: 0.7;
}
.paginate_button.active {
    border: 1px solid var(--pcol);
    background-color: var(--pcol);
}
.paginate_button:not(.disabled):not(.active):hover {
    border-color: var(--plgt);
    background-color: var(--bter);
    transform: translateY(-1px);
}
.paginate_button a {
    min-width: 100%;
    height: 100%;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    font-size: 13px;
    line-height: 1;
    color: var(--tsec);
}
.paginate_button.active a {
    background: var(--pcol);
    color: var(--bprm);
}
.paginate_button.disabled a {
    color: var(--tter);
    pointer-events: none;
}
.paginate_button .first, .paginate_button .end, .paginate_button .prev, .paginate_button .next {
    min-width: auto;
    height: 100%;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    font-size: 13px;
    line-height: 1;
    color: var(--tsec);
    padding: 0 12px;
}
.paginate_button.disabled .first, .paginate_button.disabled .end, .paginate_button.disabled .prev, .paginate_button.disabled .next {
    color: var(--tter);
}
/* 分页按钮结束 */
/* 图片裁剪开始 */
.cropper-container {
    position: relative;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    overflow: hidden;
    border: 1px solid var(--bsqt);
    background-image: url(/uploads/allimg/20260220/1-2602201F131341.png);
}
.cropper-wrap-box, .cropper-canvas {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
}
.cropper-container img {
    display: block;
}
.cropper-modal {
    background-color: #000;
    opacity: 0.5;
    position: absolute;
    inset: 0; /* 替代 top/right/bottom/left: 0，更简洁 */
    cursor: crosshair;
}
.cropper-crop-box {
    position: absolute;
    inset: 0;
    overflow: hidden;
}
.cropper-view-box {
    display: block;
    width: 100%;
    height: 100%;
    outline: 1px solid rgba(51, 153, 255, 0.75);
    overflow: hidden;
}
.cropper-dashed {
    border: 0 dashed #eee;
    display: block;
    opacity: 0.5;
    position: absolute;
}
.cropper-dashed.dashed-h {
    border-top-width: 1px;
    border-bottom-width: 1px;
    width: 100%;
    height: 33.33333333%;
    left: 0;
    top: 33.33333333%;
}
.cropper-dashed.dashed-v {
    border-left-width: 1px;
    border-right-width: 1px;
    height: 100%;
    width: 33.33333333%;
    left: 33.33333333%;
    top: 0;
}
.cropper-center {
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 50%;
    top: 50%;
    opacity: 0.75;
}
.cropper-center::before, .cropper-center::after {
    content: ' ';
    background-color: #eee;
    position: absolute;
}
.cropper-center::before {
    width: 7px;
    height: 1px;
    left: -3px;
    top: 0;
}
.cropper-center::after {
    width: 1px;
    height: 7px;
    left: 0;
    top: -3px;
}
.cropper-face, .cropper-line, .cropper-point {
    position: absolute;
    display: block;
}
.cropper-face {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: var(--bprm);
    opacity: 0.1;
}
.cropper-line {
    background-color: var(--plgt);
    opacity: 0.1;
}
.cropper-line.line-e {
    width: 5px;
    height: 100%;
    right: -3px;
    top: 0;
    cursor: ew-resize;
}
.cropper-line.line-n {
    height: 5px;
    width: 100%;
    left: 0;
    top: -3px;
    cursor: ns-resize;
}
.cropper-line.line-w {
    width: 5px;
    height: 100%;
    left: -3px;
    top: 0;
    cursor: ew-resize;
}
.cropper-line.line-s {
    height: 5px;
    width: 100%;
    left: 0;
    bottom: -3px;
    cursor: ns-resize;
}
.cropper-point {
    width: 5px;
    height: 5px;
    background-color: var(--plgt);
    opacity: 0.75;
}
.cropper-point.point-e {
    right: -3px;
    top: 50%;
    margin-top: -3px;
    cursor: ew-resize;
}
.cropper-point.point-n {
    left: 50%;
    top: -3px;
    margin-left: -3px;
    cursor: ns-resize;
}
.cropper-point.point-w {
    left: -3px;
    top: 50%;
    margin-top: -3px;
    cursor: ew-resize;
}
.cropper-point.point-s {
    left: 50%;
    bottom: -3px;
    margin-left: -3px;
    cursor: ns-resize;
}
.cropper-point.point-ne {
    right: -3px;
    top: -3px;
    cursor: nesw-resize;
}
.cropper-point.point-nw {
    left: -3px;
    top: -3px;
    cursor: nwse-resize;
}
.cropper-point.point-sw {
    left: -3px;
    bottom: -3px;
    cursor: nesw-resize;
}
.cropper-point.point-se {
    width: 10px;
    height: 10px;
    right: -3px;
    bottom: -3px;
    opacity: 1;
    cursor: nwse-resize;
}
.cropper-point.point-se::before {
    content: ' ';
    display: block;
    position: absolute;
    right: -5px;
    bottom: -5px;
    width: 20px;
    height: 20px;
    background-color: var(--plgt);
    opacity: 0;
}
.cropper-invisible {
    opacity: 0;
}
.cropper-hide {
    position: absolute;
    width: 0;
    height: 0;
    display: block;
}
.cropper-move {
    cursor: move;
}
.cropper-disabled .cropper-drag-box, .cropper-disabled .cropper-face, .cropper-disabled .cropper-line, .cropper-disabled .cropper-point {
    cursor: not-allowed;
}
/* 图片裁剪结束 */
/* 会员登录开始 */
.hydl_tstc {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(26, 32, 44, 0.95);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: 12px;
    color: #fff;
    padding: 20px 30px;
    font-size: 15px;
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    min-width: 260px;
    text-align: center;
}
.hydl_tstc.show {
    opacity: 1;
    visibility: visible;
}
.hydl_jztc {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(26, 32, 44, 0.95);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: 12px;
    color: #fff;
    padding: 20px 30px;
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    min-width: 200px;
    text-align: center;
}
.hydl_jztc.show {
    opacity: 1;
    visibility: visible;
}
.hydl_jztc_a {
    width: 24px;
    height: 24px;
    border: 2px solid rgba(255,255,255,0.2);
    border-top: 2px solid #1064DC;
    border-radius: 50%;
    animation: spin 1s linear infinite;
    margin: 0 auto 12px;
}
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
.hydl {
    width: 100%;
    height: 100vh;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}
.hydl_a {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 0;
    overflow: hidden;
    background: rgb(26, 32, 44);
}
.hydl_aa {
    width: 120%;
    height: 120%;
    position: absolute;
    top: -10%;
    left: -10%;
    background: radial-gradient(circle at 50% 30%, rgba(28, 56, 128, 0.25) 0%, transparent 50%), radial-gradient(circle at 80% 70%, rgba(42, 98, 189, 0.15) 0%, transparent 40%);
    animation: bgMove 28s linear infinite alternate;
}
@keyframes bgMove {
    0%{ transform: translate(0,0) scale(1); }
    100%{ transform: translate(-2%, -3%) scale(1.05); }
}
.hydl_ab {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    z-index: 1;
}
.hydl_b {
    width: 100%;
    height: 100%;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    position: relative;
}
.hydl_ba {
    width: 500px;
    background: rgba(255, 255, 255, 0.035);
    backdrop-filter: blur(14px);
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    padding: 40px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.35);
    overflow: hidden;
    position: relative;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 40px;
}
.hydl_ba::before {
    content: "";
    width: 100%;
    height: 1px;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(90deg, transparent, rgba(165, 180, 255, 0.25), transparent);
}
.hydl_baa {
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.hydl_baaa {
    height: 50px;
    object-fit: cover;
    display: block;
}
.hydl_bab {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 30px;
}
.hydl_baba {
    width: 100%;
    height: 50px;
    background: rgba(255, 255, 255, 0.04);
    padding: 4px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    border-radius: 10px;
    position: relative;
}
.hydl_babaa {
    width: 100%;
    height: 100%;
    font-size: 15px;
    line-height: 1;
    color: rgba(255, 255, 255, 0.55);
    transition: all 0.25s ease;
    border-radius: 7px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.hydl_baba .hydl_babaa.active {
    color: #fff;
    background: rgba(16, 100, 220, 0.85);
}
.hydl_babb {
    width: 100%;
    display: flex;
    align-content: flex-start;
    justify-content: center;
    align-items: flex-start;
}
.hydl_babba {
    width: 100%;
    display: none;
}
.hydl_babba.active {
    animation: fadeIn 0.3s ease forwards;
    display: block;
}
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(6px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
.hydl_babbaa {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
}
.hydl_babbaaa {
    width: 100%;
    height: 50px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    position: relative;
    gap: 15px;
}
.hydl_babbaaaa {
    flex: 1;
    height: 100%;
    padding: 0 15px;
    color: #fff !important;
    font-size: 14px;
    transition: all 0.25s ease;
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 10px;
    outline: none;
    autocomplete: off !important;
    -webkit-autocomplete: off !important;
}
.hydl_babbaaaa:-webkit-autofill,
.hydl_babbaaaa:-webkit-autofill:hover,
.hydl_babbaaaa:-webkit-autofill:focus,
.hydl_babbaaaa:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0px 1000px rgba(255,255,255,0.05) inset !important;
    -webkit-text-fill-color: #fff !important;
    -webkit-background-clip: text !important;
    background-color: rgba(255,255,255,0.05) !important;
    background-image: none !important;
    transition: background-color 9999s ease-in-out 0s !important;
}
.hydl_babbaaaa:focus {
    bcol: rgba(16,100,220,0.6);
    background: rgba(255,255,255,0.07) !important;
}
.hydl_babbaaaa::placeholder {
    color: rgba(255,255,255,0.35);
}
.hydl_babbaaab {
    height: 100%;
    position: absolute;
    right: 15px;
    top: 0;
    display: flex;
    align-items: center;
    cursor: pointer;
    z-index: 2;
}
.hydl_babbaaaba {
    color: rgba(255, 255, 255, 0.4);
    font-size: 14px;
}
.hydl_babbaaaba.xxmm::before {
    content: '\e901';
}
.hydl_babbaaaba.ycmm::before {
    content: '\e633';
}
.hydl_babbaaac {
    width: 150px;
    height: 100%;
    border-radius: 10px;
    object-fit: cover;
    cursor: pointer;
}
.hydl_babbaaad {
    height: 50px;
    width: 150px;
    border-radius: 10px;
    background: rgba(16, 100, 220, 0.85);
    color: #fff;
    font-size: 14px;
    border: none;
    cursor: pointer;
}
.hydl_babbaaad:disabled {
    background: rgba(255,255,255,0.07);
    color: rgba(255,255,255,0.3);
    cursor: not-allowed;
}
.hydl_babbaab {
    width: 100%;
    height: 50px;
    border-radius: 10px;
    background: linear-gradient(90deg, #165DFF, #0F4EDB);
    color: #fff;
    font-size: 15px;
    border: none;
    cursor: pointer;
    transition: all 0.25s ease;
}
.hydl_babbaab:hover {
    transform: translateY(-1px);
}
.hydl_babbaab:disabled {
    background: rgba(255, 255, 255, 0.07);
    color: rgba(255, 255, 255, 0.3);
    transform: none;
    cursor: not-allowed;
}
.hydl_babbaac {
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.hydl_babbaaca {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.5);
    transition: all 0.25s ease;
    text-decoration: none;
}
.hydl_babbaaca:hover {
    color:#fff;
}
.hydl_babc {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: center;
}
.hydl_babca {
    width: 100%;
    font-size: 14px;
    color: rgba(255,255,255,0.3);
    position: relative;
    text-align: center;
}
.hydl_babca::before, .hydl_babca::after {
    content: "";
    position: absolute;
    top: 50%;
    width: calc(50% - 50px);
    height: 0.5px;
    background: rgba(255,255,255,0.08);
}
.hydl_babca::before { left: 0; }
.hydl_babca::after { right: 0; }
.hydl_babcb {
    display: flex;
    gap: 20px;
}
.hydl_babcba {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background: rgba(255,255,255,0.05);
    display: flex;
    align-items: center;
    justify-content: center;
}
.hydl_babcbaa {
    font-size: 25px;
    opacity: 0.7;
}
.hydl_babcbaa.wx::before {
    content: '\e632';
    color: #2aae67;
    font-family: iconfont;
}
.hydl_babcba:hover {
    background: rgba(255,255,255,0.1);
}
.hydl_babcba:hover .hydl_babcbaa {
    opacity: 1;
}
/* 会员登录结束 */
/* 加入会员开始 */
.hyzc {
    width: 100%;
    height: 100vh;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}
.hyzc_a {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 0;
    overflow: hidden;
    background: rgb(26, 32, 44);
}
.hyzc_aa {
    width: 120%;
    height: 120%;
    position: absolute;
    top: -10%;
    left: -10%;
    background: radial-gradient(circle at 50% 30%, rgba(28, 56, 128, 0.25) 0%, transparent 50%), radial-gradient(circle at 80% 70%, rgba(42, 98, 189, 0.15) 0%, transparent 40%);
    animation: bgMove 28s linear infinite alternate;
}
@keyframes bgMove {
    0%{ transform: translate(0,0) scale(1); }
    100%{ transform: translate(-2%, -3%) scale(1.05); }
}
.hyzc_ab {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    z-index: 1;
}
.hyzc_b {
    width: 100%;
    height: 100%;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    position: relative;
}
.hyzc_ba {
    width: 500px;
    background: rgba(255, 255, 255, 0.035);
    backdrop-filter: blur(14px);
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    padding: 40px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.35);
    overflow: hidden;
    position: relative;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 40px;
}
.hyzc_ba::before {
    content: "";
    width: 100%;
    height: 1px;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(90deg, transparent, rgba(165, 180, 255, 0.25), transparent);
}
.hyzc_baa {
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.hyzc_baaa {
    height: 50px;
    object-fit: cover;
    display: block;
}
.hyzc_bab {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
}
.hyzc_baba {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 10px;
}
.hyzc_babaa {
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 5px;
}
.hyzc_babaaa {
    color: rgba(255, 255, 255, 0.8);
    font-size: 14px;
    line-height: 1;
}
.hyzc_babaab {
    color: red;
    font-size: 14px;
    line-height: 1;
    margin-bottom: -8px;
}
.hyzc_babaac {
    color: #ff6b6b;
    font-size: 12px;
    line-height: 1;
    display: none;
}
.hyzc_babab {
    width: 100%;
    height: 50px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
    position: relative;
}
.hyzc_bababa {
    flex: 2;
    height: 100%;
    padding: 0 15px;
    color: var(--bprm);
    font-size: 14px;
    transition: all 0.25s ease;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 10px;
}
.hyzc_bababa:-webkit-autofill,
.hyzc_bababa:-webkit-autofill:hover,
.hyzc_bababa:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 1000px rgba(255,255,255,0.05) inset !important;
    -webkit-text-fill-color: var(--bprm) !important;
    transition: background-color 5000s ease-in-out 0s;
}
.hyzc_bababa:focus {
    bcol: rgba(16,100,220,0.6);
    background: rgba(255,255,255,0.07);
}
.hyzc_bababa::placeholder {
    color: rgba(255,255,255,0.35);
}
.hyzc_bababb {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    z-index: 2;
}
.hyzc_bababba {
    color: rgba(255, 255, 255, 0.4);
    font-size: 14px;
}
.hyzc_bababba.xxmm::before {
    content: '\e901';
}
.hyzc_bababba.ycmm::before {
    content: '\e633';
}
.hyzc_bababc {
    width: 124.12px;
    height: 100%;
    border-radius: 10px;
    object-fit: cover;
    display: block;
}
.hyzc_bababd {
    flex: 1;
    height: 100%;
    border-radius: 10px;
    background: linear-gradient(90deg, #165DFF, #0F4EDB);
    color: var(--bprm);
    font-size: 14px;
    line-height: 1;
    transition: all 0.25s ease;
}
.hyzc_bababd:hover:not(:disabled) {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(22, 93, 255, 0.3);
}
.hyzc_bababd:disabled {
    background: rgba(255, 255, 255, 0.07);
    color: rgba(255, 255, 255, 0.3);
    transform: none;
    cursor: not-allowed;
}
.hyzc_babac {
    width: 100%;
    height: 50px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
}
.hyzc_bababca {
    width: 100%;
    height: 100%;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.hyzc_bababcaa {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}
.hyzc_bababcaa:disabled + .hyzc_bababcab {
    opacity: 0.5;
    cursor: not-allowed;
    background: rgba(255, 255, 255, 0.03);
}
.hyzc_bababcab {
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 10px;
    color: rgba(255, 255, 255, 0.8);
    font-size: 14px;
    line-height: 1;
    transition: all 0.25s ease;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.hyzc_bababca:hover .hyzc_bababcab {
    background: rgba(255, 255, 255, 0.08);
    bcol: rgba(22, 93, 255, 0.3);
}
.hyzc_bababcaa:checked + .hyzc_bababcab {
    background: rgba(22, 93, 255, 0.15);
    bcol: #165DFF;
    color: var(--bprm);
}
.hyzc_babb {
    width: 100%;
    color: rgba(255, 255, 255, 0.7);
    font-size: 14px;
    line-height: 1;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 5px;
}
.hyzc_babba {
    width: 16px;
    height: 16px;
    accent-color: #1064DC;
    margin-bottom: -1px;
}
.hyzc_babbb {
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.hyzc_babbba {
    color: #165DFF;
}
.hyzc_babbba:hover {
    color: var(--ygjs);
}
.hyzc_babc {
    width: 100%;
    height: 50px;
    border-radius: 10px;
    background: linear-gradient(90deg, #165DFF, #0F4EDB);
    color: var(--bprm);
    font-size: 15px;
    border: none;
    cursor: pointer;
    transition: all 0.25s ease;
}
.hyzc_babc:hover {
    transform: translateY(-1px);
}
.hyzc_babc:disabled {
    background: rgba(255, 255, 255, 0.07);
    color: rgba(255, 255, 255, 0.3);
    transform: none;
    cursor: not-allowed;
}
.hyzc_babd {
    width: 100%;
    font-size: 14px;
    line-height: 1;
    color: rgba(255, 255, 255, 0.5);
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-end;
    align-items: center;
}
.hyzc_babda {
    color: #165DFF;
}
.hyzc_babda:hover {
    color: var(--ygjs);
}
.hyzc_tstc {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(26, 32, 44, 0.95);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: 12px;
    color: #fff;
    padding: 20px 30px;
    font-size: 15px;
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    min-width: 260px;
    text-align: center;
}
.hyzc_tstc.show {
    opacity: 1;
    visibility: visible;
}
.hyzc_jztc {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(26, 32, 44, 0.95);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: 12px;
    color: #fff;
    padding: 20px 30px;
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    min-width: 200px;
    text-align: center;
}
.hyzc_jztc.show {
    opacity: 1;
    visibility: visible;
}
.hyzc_jztc_a {
    width: 24px;
    height: 24px;
    border: 2px solid rgba(255,255,255,0.2);
    border-top: 2px solid #1064DC;
    border-radius: 50%;
    animation: spin 1s linear infinite;
    margin: 0 auto 12px;
}
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
.hyzc_zctc {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    z-index: 99999;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.hyzc_zctc.show {
    opacity: 1;
    visibility: visible;
}
.hyzc_zctc_a {
    width: 880px;
    height: 70vh;
    border-radius: 12px;
    position: relative;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    overflow: hidden;
}
.hyzc_zctc_aa {
    width: 100%;
    height: 70px;
    background: linear-gradient(135deg, var(--bbt), var(--bsjs));
    padding: 0 20px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}
.hyzc_zctc_aaa {
    height: 100%;
    font-size: 18px;
    line-height: 1;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    font-weight: 550;
    color: #fff;
}
.hyzc_zctc_aab {
    width: 30px;
    height: 30px;
    color: var(--bprm);
    font-size: 10px;
    line-height: 1;
    transition: var(--gdjh);
    border-radius: 50%;
    background: rgb(255 255 255 / 30%);
    display: flex;
    align-items: center;
    justify-content: center;
}
.hyzc_zctc_aab::before {
    content: "\eac4";
}
.hyzc_zctc_aab:hover {
    transform: rotate(90deg);
}
.hyzc_zctc_ab {
    padding: 20px;
    height: calc(100% - 70px);
    overflow-y: auto;
    font-size: 14px;
    line-height: 20px;
    text-align: justify;
    color: #333;
    background: #fff;
    gap: 15px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
}
.hyzc_zctc_ab p {
    width: 100%;
    margin: -3px 0;
}
/* 加入会员结束 */
/* 找回密码开始 */
.zhmm_tstc {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(26, 32, 44, 0.95);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: 12px;
    color: #fff;
    padding: 20px 30px;
    font-size: 15px;
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    min-width: 260px;
    text-align: center;
}
.zhmm_tstc.show {
    opacity: 1;
    visibility: visible;
}
.zhmm_jztc {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(26, 32, 44, 0.95);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: 12px;
    color: #fff;
    padding: 20px 30px;
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    min-width: 200px;
    text-align: center;
}
.zhmm_jztc.show {
    opacity: 1;
    visibility: visible;
}
.zhmm_jztc_a {
    width: 24px;
    height: 24px;
    border: 2px solid rgba(255,255,255,0.2);
    border-top: 2px solid #1064DC;
    border-radius: 50%;
    animation: spin 1s linear infinite;
    margin: 0 auto 12px;
}
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
.zhmm {
    width: 100%;
    height: 100vh;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}
.zhmm_a {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 0;
    overflow: hidden;
    background: rgb(26, 32, 44);
}
.zhmm_aa {
    width: 120%;
    height: 120%;
    position: absolute;
    top: -10%;
    left: -10%;
    background: radial-gradient(circle at 50% 30%, rgba(28, 56, 128, 0.25) 0%, transparent 50%), radial-gradient(circle at 80% 70%, rgba(42, 98, 189, 0.15) 0%, transparent 40%);
    animation: bgMove 28s linear infinite alternate;
}
@keyframes bgMove {
    0%{ transform: translate(0,0) scale(1); }
    100%{ transform: translate(-2%, -3%) scale(1.05); }
}
.zhmm_ab {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    z-index: 1;
}
.zhmm_b {
    width: 100%;
    height: 100%;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    position: relative;
}
.zhmm_ba {
    width: 500px;
    background: rgba(255, 255, 255, 0.035);
    backdrop-filter: blur(14px);
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    padding: 40px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.35);
    overflow: hidden;
    position: relative;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 40px;
}
.zhmm_ba::before {
    content: "";
    width: 100%;
    height: 1px;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(90deg, transparent, rgba(165, 180, 255, 0.25), transparent);
}
.zhmm_baa {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
}
.zhmm_baaa {
    height: 50px;
    object-fit: cover;
    display: block;
}
.zhmm_baab {
    font-size: 20px;
    line-height: 1;
    color: #fff;
}
.zhmm_bab {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
}
.zhmm_baba {
    width: 100%;
    height: 50px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    position: relative;
    gap: 15px;
}
.zhmm_babaa {
    flex: 1;
    height: 100%;
    padding: 0 15px;
    color: #fff !important;
    font-size: 14px;
    transition: all 0.25s ease;
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 10px;
    outline: none;
    autocomplete: off !important;
    -webkit-autocomplete: off !important;
}
.zhmm_babaa:-webkit-autofill,
.zhmm_babaa:-webkit-autofill:hover,
.zhmm_babaa:-webkit-autofill:focus,
.zhmm_babaa:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0px 1000px rgba(255,255,255,0.05) inset !important;
    -webkit-text-fill-color: #fff !important;
    -webkit-background-clip: text !important;
    background-color: rgba(255,255,255,0.05) !important;
    background-image: none !important;
    transition: background-color 9999s ease-in-out 0s !important;
}
.zhmm_babaa:focus {
    bcol: rgba(16,100,220,0.6);
    background: rgba(255,255,255,0.07) !important;
}
.zhmm_babaa::placeholder {
    color: rgba(255,255,255,0.35);
}
.zhmm_babac {
    width: 150px;
    height: 100%;
    border-radius: 10px;
    object-fit: cover;
    cursor: pointer;
}
.zhmm_babad {
    height: 50px;
    width: 150px;
    border-radius: 10px;
    background: rgba(16, 100, 220, 0.85);
    color: #fff;
    font-size: 14px;
    border: none;
    cursor: pointer;
}
.zhmm_babad:disabled {
    background: rgba(255,255,255,0.07);
    color: rgba(255,255,255,0.3);
    cursor: not-allowed;
}
.zhmm_babb {
    width: 100%;
    height: 50px;
    border-radius: 10px;
    background: linear-gradient(90deg, #165DFF, #0F4EDB);
    color: #fff;
    font-size: 15px;
    border: none;
    cursor: pointer;
    transition: all 0.25s ease;
}
.zhmm_babb:hover {
    transform: translateY(-1px);
}
.zhmm_babb:disabled {
    background: rgba(255, 255, 255, 0.07);
    color: rgba(255, 255, 255, 0.3);
    transform: none;
    cursor: not-allowed;
}
.zhmm_babc {
    width: 100%;
    display: flex;
    justify-content: flex-end;
}
.zhmm_babca {
    font-size: 14px;
    line-height: 1;
    color: rgba(255, 255, 255, 0.5);
    transition: all 0.25s ease;
}
.zhmm_babca:hover {
    color:#fff;
}
/* 找回密码结束 */
/* 重置密码开始 */
.czmm_tstc {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(26, 32, 44, 0.95);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: 12px;
    color: #fff;
    padding: 20px 30px;
    font-size: 15px;
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    min-width: 260px;
    text-align: center;
}
.czmm_tstc.show {
    opacity: 1;
    visibility: visible;
}
.czmm_jztc {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(26, 32, 44, 0.95);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: 12px;
    color: #fff;
    padding: 20px 30px;
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    min-width: 200px;
    text-align: center;
}
.czmm_jztc.show {
    opacity: 1;
    visibility: visible;
}
.czmm_jztc_a {
    width: 24px;
    height: 24px;
    border: 2px solid rgba(255,255,255,0.2);
    border-top: 2px solid #1064DC;
    border-radius: 50%;
    animation: spin 1s linear infinite;
    margin: 0 auto 12px;
}
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
.czmm {
    width: 100%;
    height: 100vh;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}
.czmm_a {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 0;
    overflow: hidden;
    background: rgb(26, 32, 44);
}
.czmm_aa {
    width: 120%;
    height: 120%;
    position: absolute;
    top: -10%;
    left: -10%;
    background: radial-gradient(circle at 50% 30%, rgba(28, 56, 128, 0.25) 0%, transparent 50%), radial-gradient(circle at 80% 70%, rgba(42, 98, 189, 0.15) 0%, transparent 40%);
    animation: bgMove 28s linear infinite alternate;
}
@keyframes bgMove {
    0%{ transform: translate(0,0) scale(1); }
    100%{ transform: translate(-2%, -3%) scale(1.05); }
}
.czmm_ab {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    z-index: 1;
}
.czmm_b {
    width: 100%;
    height: 100%;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    position: relative;
}
.czmm_ba {
    width: 500px;
    background: rgba(255, 255, 255, 0.035);
    backdrop-filter: blur(14px);
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    padding: 40px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.35);
    overflow: hidden;
    position: relative;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 40px;
}
.czmm_ba::before {
    content: "";
    width: 100%;
    height: 1px;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(90deg, transparent, rgba(165, 180, 255, 0.25), transparent);
}
.czmm_baa {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
}
.czmm_baaa {
    height: 50px;
    object-fit: cover;
    display: block;
}
.czmm_baab {
    font-size: 20px;
    line-height: 1;
    color: #fff;
}
.czmm_bab {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
}
.czmm_baba {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.czmm_babaa {
    width: 100%;
    height: 50px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    position: relative;
    gap: 15px;
}
.czmm_babab {
    width: 100%;
    font-size: 12px;
    color: #ff4d4f;
    line-height: 1;
    margin-top: 10px;
    display: none;
}
.czmm_babaaa {
    flex: 1;
    height: 100%;
    padding: 0 15px;
    color: #fff !important;
    font-size: 14px;
    transition: all 0.25s ease;
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 10px;
    outline: none;
    autocomplete: off !important;
    -webkit-autocomplete: off !important;
}
.czmm_babaab {
    height: 100%;
    position: absolute;
    right: 15px;
    color: rgba(255, 255, 255, 0.4);
    font-size: 14px;
    line-height: 1;
    z-index: 2;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.czmm_babaab.xxmm::before {
    content: '\e901';
    font-family: iconfont;
}
.czmm_babaab.ycmm::before {
    content: '\e633';
    font-family: iconfont;
}
.czmm_babaab:hover {
    color: rgba(255,255,255,0.8);
}
.czmm_babaaa:-webkit-autofill,
.czmm_babaaa:-webkit-autofill:hover,
.czmm_babaaa:-webkit-autofill:focus,
.czmm_babaaa:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0px 1000px rgba(255,255,255,0.05) inset !important;
    -webkit-text-fill-color: #fff !important;
    -webkit-background-clip: text !important;
    background-color: rgba(255,255,255,0.05) !important;
    background-image: none !important;
    transition: background-color 9999s ease-in-out 0s !important;
}
.czmm_babaaa:focus {
    bcol: rgba(16,100,220,0.6);
    background: rgba(255,255,255,0.07) !important;
}
.czmm_babaaa::placeholder {
    color: rgba(255,255,255,0.35);
}
.czmm_babaaa:disabled {
    background: rgba(255,255,255,0.03) !important;
    color: rgba(255,255,255,0.5) !important;
    cursor: not-allowed;
}
.czmm_babb {
    width: 100%;
    height: 50px;
    border-radius: 10px;
    background: linear-gradient(90deg, #165DFF, #0F4EDB);
    color: #fff;
    font-size: 15px;
    border: none;
    cursor: pointer;
    transition: all 0.25s ease;
}
.czmm_babb:hover {
    transform: translateY(-1px);
}
.czmm_babb:disabled {
    background: rgba(255, 255, 255, 0.07);
    color: rgba(255, 255, 255, 0.3);
    transform: none;
    cursor: not-allowed;
}
.czmm_babc {
    width: 100%;
    display: flex;
    justify-content: flex-end;
}
.czmm_babca {
    font-size: 14px;
    line-height: 1;
    color: rgba(255, 255, 255, 0.5);
    transition: all 0.25s ease;
    text-decoration: none;
}
.czmm_babca:hover {
    color:#fff;
}
/* 重置密码结束 */
/* 会员头部开始 */
.user_head {
    position: fixed;
    top: 0;
    left: 240px;
    right: 0;
    height: 70px;
    background: var(--bprm);
    box-shadow: var(--smd);
    z-index: 997;
}
.user_head_a {
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    padding: 0 20px;
}
.user_head_aa {
    height: 100%;
    display: flex;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    font-size: 14px;
    line-height: 1;
    color: var(--tsec);
}
.user_head_ab {
    height: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-end;
    align-items: center;
    gap: 20px;
}
.user_head_aba {
    height: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-end;
    align-items: center;
    gap: 5px;
}
.user_head_abaa {
    height: 100%;
    font-size: 14px;
    line-height: 1;
    color: var(--tter);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.user_head_abaa::before {
    content: '\e697';
}
.user_head_abab {
    height: 100%;
    font-size: 14px;
    line-height: 1;
    color: var(--zwbt);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.user_head_abb {
    width: 93px;
    height: 30px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    background-size: 93px 30px;
}
.user_head_abb.xy {
    background-image: url(/uploads/allimg/20260209/1-260209100ZOW.png);
}
.user_head_abb.fx {
    background-image: url(/uploads/allimg/20260209/1-260209100U9627.png);
}
.user_head_abb.ah {
    background-image: url(/uploads/allimg/20260209/1-260209102H9155.png);
}
.user_head_abb.jy {
    background-image: url(/uploads/allimg/20260209/1-260209100Ua38.png);
}
.user_head_abb.ds {
    background-image: url(/uploads/allimg/20260209/1-260209152639492.png);
}
.user_head_abb.gl {
    background-image: url(/uploads/allimg/20260209/1-260209100Z02b.png);
}
.user_head_abba {
    width: 30px;
    height: 100%;
    font-size: 12px;
    line-height: 1;
    color: #fff;
    padding-left: 0px;
    padding-bottom: 2px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}
.user_head_abba::before {
    content: "\e6dc";
}
.user_head_abbb {
    flex: 1;
    height: 100%;
    color: var(--bprm);
    font-size: 12px;
    line-height: 1;
    padding-right: 7px;
    padding-bottom: 1px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}
.user_head_abc {
    height: 100%;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    position: relative;
}
.user_head_abca {
    width: 40px;
    height: 40px;
    color: var(--tsec);
    position: relative;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.user_head_abcaa {
    min-width: 17px;
    height: 17px;
    background: var(--dang);
    color: var(--bprm);
    font-size: 10px;
    border-radius: 25px;
    line-height: 1;
    padding-bottom: 1px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    left: 25px;
}
.user_head_abcab {
    font-size: 20px;
    line-height: 1;
    color: var(--tter);
}
.user_head_abcab::before {
    content: '\e6d0';
}
.user_head_abd {
    height: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-end;
    align-items: center;
    gap: 5px;
    position: relative;
}
.user_head_abda {
    height: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-end;
    align-items: center;
    gap: 10px;
    transition: var(--gdjh);
}
.user_head_abdaa {
    height: 100%;
    font-size: 14px;
    line-height: 1;
    color: var(--zwbt);;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.user_head_abdab {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    background: var(--bcol);
}
.user_head_abdaba {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.user_head_abdb {
    width: 200px;
    position: absolute;
    top: 100%;
    right: -20px;
    display: none;
    z-index: 9999;
    animation: fadeIn_a 0.3s ease;
    padding-top: 3px;
}
@keyframes fadeIn_a {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
.user_head_abdba {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    background-color: var(--bprm);
    box-shadow: var(--slg);
    border-radius: var(--rlg);
}
.user_head_abdbaa {
    width: 100%;
    padding: 15px 0;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 15px;
}
.user_head_abdbaaa {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 15px;
}
.user_head_abdbaaaa {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    background: var(--bcol);
    position: relative;
}
.user_head_abdbaaaaa {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 50%;
    overflow: hidden;
}
.user_head_abdbaaaab {
    width: 70px;
    height: 30px;
    background-size: 70px 30px;
    position: absolute;
    bottom: -10px;
}
.user_head_abdbaaaab.lv1 {
    background-image: url(/uploads/allimg/20260209/1-260209105F0G0.png);
}
.user_head_abdbaaaab.lv2 {
    background-image: url(/uploads/allimg/20260209/1-26020911425M52.png);
}
.user_head_abdbaaaab.lv3 {
    background-image: url(/uploads/allimg/20260209/1-26020911425J25.png);
}
.user_head_abdbaaaab.lv4 {
    background-image: url(/uploads/allimg/20260209/1-26020911425K11.png);
}
.user_head_abdbaaaab.lv5 {
    background-image: url(/uploads/allimg/20260209/1-26020911425MH.png);
}
.user_head_abdbaaaaba {
    position: absolute;
    top: -8px;
    left: 1px;
    width: 100%;
    height: 34px;
}
.user_head_abdbaaaabaa{
    fill: transparent;
}
.user_head_abdbaaaabab {
    font-size: 8px;
    line-height: 1;
    font-weight: 300;
    letter-spacing: 1px;
    fill: #fff;
}
.user_head_abdbaaab {
    font-size: 18px;
    line-height: 1;
    color: var(--zwbt);;
}
.user_head_abdbaac {
    padding: 10px 20px;
    border-radius: 25px;
    font-size: 13px;
    line-height: 1;
    color: var(--bprm);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    background-color: #1cc88a;
    transition: var(--gdjh);
}
.user_head_abdbaac.signed {
    background-color: #858796;
}
.user_head_abdbaac:hover {
    transform: translateY(-2px);
}
.user_head_abdbab {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.user_head_abdbaba {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    border-top: 1px solid var(--bcol);
}
.user_head_abdbabaa {
    width: 100%;
    height: 40px;
    font-size: 15px;
    line-height: 1;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    border-bottom: 0.5px solid rgb(238 238 238 / 50%);
    transition: var(--gdjh);
}
.user_head_abdbabaa:hover {
    background-color: var(--bter);
}
.user_head_abdbabaa:last-child {
    border-bottom: 0;
}
.user_head_abdbabaaa {
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 5px;
}
.user_head_abdbabaaaa {
    height: 100%;
    font-size: 12px;
    line-height: 1;
    color: var(--pcol);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    padding-top: 2px;
}
.user_head_abdbabaaaa.zj::before {
    content: '\e6ad';
}
.user_head_abdbabaaaa.sc::before {
    content: '\e8c6';
}
.user_head_abdbabaaaa.sz::before {
    content: '\e8b8';
}
.user_head_abdbabaaaa.aq::before {
    content: '\e7c1';
}
.user_head_abdbabaaaa.tc::before {
    content: '\e75b';
}
.user_head_abdbabaaab {
    height: 100%;
    font-size: 13px;
    line-height: 1;
    color: var(--tsec);
    display: flex;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
/* 会员头部结束 */
/* 会员底部开始 */
.user_foot {
    position: fixed;
    bottom: 0;
    left: 240px;
    right: 0;
    height: 50px;
    background-color: var(--bprm);
    color: var(--tsec);
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.05);
    z-index: 997;
}
.user_foot_a {
    width: 100%;
    height: 100%;
    padding: 0 15px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
.user_foot_aa {
    height: 100%;
    font-size: 13px;
    line-height: 1;
    color: var(--tter);
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}
.user_foot_aaa {
    height: 100%;
    display: flex;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.user_foot_aaa a {
    height: 100%;
    display: flex;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    color: var(--tter);
}
.user_foot_aaa a:hover {
    color: var(--ygjs);
}
.user_foot_ab {
    height: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-end;
    align-items: center;
    gap: 5px;
    font-size: 13px;
    line-height: 1;
    color: var(--tter);
}
.user_foot_aba {
    height: 100%;
    display: flex;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.user_foot_aba a {
    height: 100%;
    display: flex;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    color: var(--tter);
}
.user_foot_aba a:hover {
    color: var(--ygjs);
}
/* 会员底部结束 */
/* 会员左侧开始 */
.user_left {
    position: fixed;
    top: 0;
    left: 0;
    width: 240px;
    height: 100vh;
    background-color: #4e73df;
    background-image: linear-gradient(180deg, #4e73df 10%, #224abe 100%);
    z-index: 998;
    overflow: hidden;
}
.user_left_a {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.user_left_aa {
    width: 100%;
    height: 70px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
.user_left_aaa {
    height: 100%;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.user_left_aaaa {
    height: 25px;
    object-fit: cover;
    display: block;
}
.user_left_aab {
    font-size: 18px;
    line-height: 1;
    color: var(--bprm);
}
.user_left_ab {
    width: 100%;
    flex: 1;
    overflow-y: auto;
    border-top: 1px solid rgba(255, 255, 255, .15);
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: center;
    align-items: flex-start;
    padding: 0 15px;
}
.user_left_aba {
    width: 100%;
    padding: 12.5px 0;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    border-bottom: 1px solid rgba(255, 255, 255, .15);
    gap: 6.25px;
}
.user_left_abaa {
    width: 100%;
    height: 40px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 7px;
    color: rgba(255, 255, 255, .8);
}
.user_left_abaaa {
    height: 100%;
    font-size: 12px;
    line-height: 1;
    color: rgba(255, 255, 255, .3);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.user_left_abaa.active .user_left_abaa, .user_left_abaa.active .user_left_abaaa {
    color: var(--bprm);
}
.user_left_abaaa.zkzx::before {
    content: '\eb4f';
    padding-top: 2px;
}
.user_left_abaaa.jfsc::before {
    content: '\e857';
    padding-top: 2px;
}
.user_left_abaaa.hydj::before {
    content: '\e7ac';
    padding-top: 2px;
}
.user_left_abaaa.wdhd::before {
    content: '\e854';
    padding-top: 2px;
}
.user_left_abaaa.wdyq::before {
    content: '\e823';
    padding-top: 2px;
}
.user_left_abaaa.wdxj::before {
    content: '\eb2d';
    padding-top: 2px;
}
.user_left_abaaa.wdxy::before {
    content: '\e80a';
    padding-top: 2px;
}
.user_left_abaaa.wdkh::before {
    content: '\e8f3';
    padding-top: 2px;
}
.user_left_abaaa.aqtc::before {
    content: '\e75d';
    padding-top: 2px;
}
.user_left_abaaa.wdtd::before {
    content: '\ea9d';
    padding-top: 2px;
}
.user_left_abaaa.wdyj::before {
    content: '\eb12';
    padding-top: 2px;
}
.user_left_abaab {
    height: 100%;
    font-size: 15px;
    line-height: 1;
    color: rgba(255, 255, 255, .8);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    position: relative;
}
.user_left_abaa.active .user_left_abaab, .user_left_abaa.active .user_left_abaab {
    color: var(--bprm);
}
.user_left_abaaba {
    min-width: 17px;
    height: 17px;
    background: var(--dang);
    color: var(--bprm);
    font-size: 10px;
    border-radius: 25px;
    line-height: 1;
    padding-bottom: 1px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 65px;
}
.user_left_abab {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 6.25px;
}
.user_left_ababa {
    width: 100%;
    height: 40px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    color: rgba(255, 255, 255, .8);
}
.user_left_ababaa {
    height: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 7px;
}
.user_left_ababaaa {
    height: 100%;
    font-size: 12px;
    line-height: 1;
    color: rgba(255, 255, 255, .3);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.user_left_ababa.active .user_left_ababaaa, .user_left_ababa:hover .user_left_ababaaa {
    color: var(--bprm);
}
.user_left_ababaaa.zhsz::before {
    content: '\e6c9';
    padding-top: 1px;
}
.user_left_ababaaa.xhsc::before {
    content: '\e7bd';
    padding-top: 2px;
}
.user_left_ababaaa.wdgd::before {
    content: '\e7e9';
    padding-top: 2px;
}
.user_left_ababaaa.wdwd::before {
    content: '\e708';
    padding-top: 2px;
}
.user_left_ababaaa.wdlt::before {
    content: '\eadc';
    padding-top: 2px;
}
.user_left_ababaaa.cwzx::before {
    content: '\e76e';
    padding-top: 2px;
}
.user_left_ababaab {
    height: 100%;
    font-size: 15px;
    line-height: 1;
    color: rgba(255, 255, 255, .8);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.user_left_ababa.active .user_left_ababaab, .user_left_ababa:hover .user_left_ababaab {
    color: var(--bprm);
}
.user_left_ababab {
    height: 100%;
    font-size: 10px;
    line-height: 1;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    color: rgba(255, 255, 255, .8);
}
.user_left_ababa.active .user_left_ababab, .user_left_ababa:hover .user_left_ababab {
    color: var(--bprm);
}
.user_left_ababab::before {
    content: '\e68f';
}
.user_left_ababab.on::before {
    content: '\100ec';
}
.user_left_ababb {
    width: 100%;
    background: var(--bprm);
    border-radius: 5px;
    height: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 0 8px;
    transition: height 0.3s ease, padding 0.3s ease;
}
.user_left_ababb.open {
    height: auto;
    padding: 8px;
}
.user_left_ababba {
    width: 100%;
    height: 36px;
    padding: 0 15px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    font-size: 14px;
    color: var(--tsec);
    line-height: 1;
    border-radius: 5px;
}
.user_left_ababba:hover {
    background-color: #eaecf4;
    color: #4e73df;
}
.user_left_ababba.on {
    color: #4e73df;
}
/* 会员左侧结束 */
/* 主控中心开始 */
.user_qykz {
    position: fixed;
    top: 70px;
    left: 240px;
    right: 0;
    bottom: 50px;
    padding: 20px;
    background-color: var(--bsec);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
}



/* 个人信息开始 */
.user_grxx {
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 20px;
}
.user_grxx_a {
    width: 200px;
    background-color: var(--kpbg);
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
    padding: 20px;
    border: 1px solid var(--bsqt);
}
.user_grxx_aa {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    background: var(--bcol);
    position: relative;
}
.user_grxx_aaa {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 50%;
    overflow: hidden;
}
.user_grxx_aab {
    width: 80px;
    height: 35px;
    background-size: 80px 35px;
    position: absolute;
    bottom: -10px;
    z-index: 1;
}
.user_grxx_aab.lv1 {
    background-image: url(/uploads/allimg/20260209/1-260209105F0G0.png);
}
.user_grxx_aab.lv2 {
    background-image: url(/uploads/allimg/20260209/1-26020911425M52.png);
}
.user_grxx_aab.lv3 {
    background-image: url(/uploads/allimg/20260209/1-26020911425J25.png);
}
.user_grxx_aab.lv4 {
    background-image: url(/uploads/allimg/20260209/1-26020911425K11.png);
}
.user_grxx_aab.lv5 {
    background-image: url(/uploads/allimg/20260209/1-26020911425MH.png);
}
.user_grxx_aaba {
    position: absolute;
    top: -9px;
    left: 1px;
    width: 100%;
    height: 40px;
}
.user_grxx_aabaa{
    fill: transparent;
}
.user_grxx_aabab {
    font-size: 9px;
    line-height: 1;
    letter-spacing: 1px;
    fill: #fff;
}
.user_grxx_aaca {
    font-size: 18px;
    line-height: 1;
    color: var(--bprm);
    opacity: .8;
}
.user_grxx_aaca::before {
    content: '\e747';
}
.user_grxx_ab {
    font-size: 18px;
    line-height: 1;
    color: var(--zwbt);
}
.user_grxx_ac {
    width: 85px;
    height: 27px;
    background-color: rgba(99, 102, 241, 0.1);
    color: var(--pcol);
    border-radius: 25px;
    font-size: 13px;
    line-height: 1;
    border: 1px solid var(--plgt);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    padding-bottom: 2px;
}
.user_grxx_ad {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 5px;
}
.user_grxx_ada {
    width: 100%;
    height: 25px;
}
.user_grxx_adb {
    width: 100%;
    height: 9px;
    font-family: "Courier New", monospace;
    font-size: 14px;
    line-height: 12px;
    color: var(--zwbt);
    letter-spacing: 2px;
    font-weight: 550;
    margin-right: -2px;
    display: flex;
    align-content: center;
    justify-content: center;
}
.user_grxx_b {
    flex: 1;
    height: 100%;
    background-color: var(--bprm);
    border-radius: 12px;
    border: 1px solid var(--bsqt);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    overflow: hidden;
}
.user_grxx_ba {
    width: 100%;
    height: 50px;
    background-color: #f8f9fc;
    border-bottom: 1px solid var(--bsqt);
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    padding: 0 20px;
    gap: 10px;
}
.user_grxx_baa {
    height: 100%;
    font-size: 18px;
    line-height: 1;
    color: var(--pcol);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.user_grxx_baa::before {
    content: '\e996';
}
.user_grxx_bb {
    width: 100%;
    height: calc(100% - 50px);
    padding: 20px;
    gap: 50px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    overflow-y: auto;
}
.user_grxx_bb::-webkit-scrollbar-thumb {
    display: none;
}
.user_grxx_bba {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 20px;
}
.user_grxx_bbaa {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 7px;
    padding-bottom: 10px;
    border-bottom: 1px dashed var(--bcol);
}
.user_grxx_bbaaa {
    width: 5px;
    height: 17px;
    background-color: var(--pcol);
    border-radius: 25px;
}
.user_grxx_bbaab {
    font-size: 15px;
    line-height: 1;
    font-weight: 550;
    color: var(--tprm);
}
.user_grxx_bbab {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 30px;
}
.user_grxx_bbaba {
    width: 100%;
    min-height: 40px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 15px;
}
.user_grxx_bbabaa {
    width: 107px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-end;
    align-items: center;
    gap: 3px;
}
.user_grxx_bbabaaa {
    font-size: 14px;
    line-height: 1;
    color: var(--tsec);
}
.user_grxx_bbabaab {
    width: 6px;
    height: 14px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.user_grxx_bbabaaba {
    font-size: 6px;
    line-height: 1;
    color: var(--dang);
    padding-top: 2px;
}
.user_grxx_bbabaaba::before {
    content: '\eade';
}
.user_grxx_bbabab {
    flex: 1;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.user_grxx_txsc {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    position: relative;
    overflow: hidden;
}
.user_grxx_txsc_a {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.user_grxx_txsc_b {
    width: 100%;
    height: 20px;
    font-size: 12px;
    line-height: 1;
    background: rgb(229 231 235 / 50%);
    color: var(--bprm);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: 0;
}
.user_grxx_txsc_b::before {
    content: '\e747';
}
.user_grxx_dhwz {
    flex: 1;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
}
.user_grxx_dhwz_a {
    font-size: 14px;
    line-height: 1;
    color: var(--zwbt);
}
.user_grxx_dhwz_b {
    flex: 1;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 15px;
}
.user_grxx_dhwz_ba {
    background: var(--plgt);
    color: var(--bprm);
    font-size: 14px;
    line-height: 1;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    padding: 8px 15px;
    border-radius: 5px;
    transition: var(--tran);
}
.user_grxx_dhwz_ba:hover {
    transform: translateY(-2px);
    color: var(--bprm);
}
.user_grxx_dhwb {
    flex: 1;
    height: 40px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.user_grxx_dhwb_a {
    width: 600px;
    height: 40px;
    padding: 0 10px;
    border: 1px solid var(--bsym);
    border-radius: 5px;
    font-size: 14px;
    line-height: 1;
    color: var(--cywt);
    transition: var(--tran);
}
.user_grxx_dhwb_a:focus {
    border-color: var(--plgt);
}
.user_grxx_dxan {
    flex: 1;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 15px;
}
.user_grxx_dxan_a {
    height: 18px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    position: relative;
}
.user_grxx_dxan_aa[type="radio"] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}
.user_grxx_dxan_aa[type="radio"]:checked + .user_grxx_dxan_ab {
    border-color: #6366f1;
    background-color: #6366f1;
}
.user_grxx_dxan_aa[type="radio"]:checked + .user_grxx_dxan_ab::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #fff;
    transform: translate(-50%, -50%);
}
.user_grxx_dxan_ac {
    padding-left: 23px;
    font-size: 14px;
    line-height: 1;
    color: var(--zwbt);
}
.user_grxx_fxan {
    flex: 1;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 15px;
}
.user_grxx_fxan_a {
    height: 18px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    position: relative;
}

.user_grxx_fxan_aa[type="checkbox"] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}
.user_grxx_fxan_a .user_grxx_dxan_ab {
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #dcdfe6;
    border-radius: 4px;
    background-color: #fff;
    transition: all 0.2s ease;
}
.user_grxx_fxan_aa[type="checkbox"]:checked + .user_grxx_dxan_ab {
    border-color: #6366f1;
    background-color: #6366f1;
}
.user_grxx_fxan_aa[type="checkbox"]:checked + .user_grxx_dxan_ab::after {
    content: '✓';
    position: absolute;
    top: 50%;
    left: 50%;
    color: #fff;
    font-size: 12px;
    transform: translate(-50%, -50%);
}
.user_grxx_dxan_a .user_grxx_dxan_ab {
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 1px solid var(--bsym);
    border-radius: 50%;
    background-color: var(--bprm);
}
.user_grxx_fxan_ac {
    padding-left: 23px;
    font-size: 14px;
    line-height: 1;
    color: var(--zwbt);
}
.user_grxx_rqcj {
    width: 600px;
    height: 40px;
    display: flex;
    align-content: flex-start;
    justify-content: center;
    align-items: center;
}
.user_grxx_rqcj_a {
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    gap: 5px;
}
.user_grxx_rqcj_aa {
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    position: relative;
}
.user_grxx_rqcj_aaa {
    width: 100%;
    height: 100%;
    padding: 0 10px;
    border: 1px solid var(--bsym);
    border-radius: 5px;
    font-size: 14px;
    line-height: 1;
    color: var(--cywt);
    transition: var(--tran);
}
.user_grxx_rqcj_aaa:disabled {
    background: var(--bsec);
    color: var(--tter);
}
.user_grxx_rqcj_aab {
    height: 100%;
    position: absolute;
    right: 10px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    line-height: 1;
    color: var(--tter);
}
.user_grxx_rqcj_aab::before {
    content: '\e922';
}
.user_grxx_rqcj_ab {
    height: 100%;
    font-size: 14px;
    line-height: 1;
    color: var(--zwbt);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.user_grxx_rqcj_aac {
    height: 100%;
    position: absolute;
    right: -60px;
    top: 0;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 5px;
    font-size: 14px;
    line-height: 1;
    color: var(--zwbt);
}
.user_grxx_rqcj_aaca {
    width: 13px;
    height: 13px;
}
.user_grxx_rqcj_cjtc {
    width: 350px;
    background: var(--bprm);
    border: 1px solid var(--bsym);
    border-radius: 5px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    display: none;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    position: absolute;
    z-index: 9999;
}
.user_grxx_rqcj_cjtc_a {
    width: 100%;
    height: 50px;
    padding: 10px 15px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    background-color: #f8f9fc;
    border-bottom: 1px solid var(--bsqt);
}
.user_grxx_rqcj_cjtc_aa {
    font-size: 14px;
    line-height: 1;
    color: var(--tter);
    font-weight: 600;
}
.user_grxx_rqcj_cjtc_aa.xz::before {
    content: '\101d6';
}
.user_grxx_rqcj_cjtc_aa.xy::before {
    content: '\101d7';
}
.user_grxx_rqcj_cjtc_ab {
    height: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
.user_grxx_rqcj_cjtc_aba {
    height: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.user_grxx_rqcj_cjtc_abaa {
    width: 80px;
    height: 100%;
    border: 1px solid var(--bsym);
    border-radius: 4px;
    background: var(--bprm);
    display: flex;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    padding: 0 5px;
}
.user_grxx_rqcj_cjtc_abaaa {
    height: 100%;
    font-size: 14px;
    line-height: 1;
    color: var(--cywt);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    padding-bottom: 2px;
}
.user_grxx_rqcj_cjtc_abaab {
    height: 100%;
    font-size: 10px;
    line-height: 1;
    color: var(--qsht);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    transform: var(--tran);
}
.user_grxx_rqcj_cjtc_abaab.rotate {
    transform: rotate(180deg);
}
.user_grxx_rqcj_cjtc_abaab::before {
    content: '\eb6d';
}
.user_grxx_rqcj_cjtc_abab {
    width: 100%;
    max-height: 200px;
    background: var(--bprm);
    border: 1px solid var(--bsym);
    border-radius: 4px;
    overflow-y: auto;
    display: none;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 99999;
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.user_grxx_rqcj_cjtc_abab::-webkit-scrollbar {
    display: none;
}
.user_grxx_rqcj_cjtc_ababa {
    width: 100%;
    padding: 7px 5px;
    font-size: 14px;
    line-height: 1;
    color: var(--cywt);
}
.user_grxx_rqcj_cjtc_ababa.active {
    background: var(--plgt);
    color: var(--bprm);
}
.user_grxx_rqcj_cjtc_b {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.user_grxx_rqcj_cjtc_ba {
    width: 100%;
    height: 35px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    background: var(--bsec);
}
.user_grxx_rqcj_cjtc_baa {
    width: 100%;
    height: 100%;
    font-size: 14px;
    line-height: 1;
    color: var(--tsec);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.user_grxx_rqcj_cjtc_bb {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 5px;
    padding: 5px;
}
.user_grxx_rqcj_cjtc_bba {
    width: 100%;
    height: 35px;
    font-size: 14px;
    line-height: 1;
    color: var(--tsec);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
}
.user_grxx_rqcj_cjtc_bba:hover {
    background: var(--bsec);
}
.user_grxx_rqcj_cjtc_bba.active {
    background: var(--plgt);
    color: var(--bprm);
}
.user_grxx_rqcj_cjtc_bba.disabled {
    color: #ccc;
    cursor: not-allowed;
}
.user_grxx_rqcj_cjtc_c {
    width: 100%;
    padding: 15px;
    border-top: 1px solid var(--bsqt);
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-end;
    align-items: center;
    gap: 15px;
}
.user_grxx_rqcj_cjtc_ca {
    font-size: 14px;
    line-height: 1;
    padding: 7px 15px;
    border-radius: 4px;
    transition: var(--tran);
}
.user_grxx_rqcj_cjtc_ca:hover {
    transform: translateY(-1px);
}
.user_grxx_rqcj_cjtc_ca.qx {
    background: var(--bter);
    color: var(--tsec);
}
.user_grxx_rqcj_cjtc_ca.qr {
    background: var(--plgt);
    color: var(--bprm);
}
.user_grxx_xlcd {
    width: 600px;
    height: 40px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.user_grxx_xlcd_a {
    display: none;
}
.user_grxx_xlcd_b {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    position: relative;
}
.user_grxx_xlcd_ba {
    width: 100%;
    height: 100%;
    padding: 0 10px;
    border: 1px solid var(--bsym);
    border-radius: 5px;
    transition: var(--tran);
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}
.user_grxx_xlcd_baa {
    flex: 1;
    height: 100%;
    font-size: 14px;
    line-height: 1;
    color: var(--cywt);
    display: flex;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.user_grxx_xlcd_bab {
    height: 100%;
    font-size: 10px;
    line-height: 1;
    color: var(--qsht);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    transform: var(--tran);
}
.user_grxx_xlcd_bab::before {
    content: '\eb6d';   
}
.user_grxx_xlcd_b.open .user_grxx_xlcd_bab {
    transform: rotate(180deg);
}
.user_grxx_xlcd_bb {
    width: 100%;
    max-height: 0;
    position: absolute;
    left: 0;
    top: 100%;
    overflow: hidden;
    overflow-y: auto;
    border: none;
    background: var(--bprm);
    border-radius: 5px;
    z-index: 99;
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.user_grxx_xlcd_bb::-webkit-scrollbar {
    display: none;
}
.user_grxx_xlcd_b.open .user_grxx_xlcd_bb {
    max-height: 260px;
    border: 1px solid var(--bsym);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.user_grxx_xlcd_bba {
    width: 100%;
    height: 35px;
    font-size: 14px;
    line-height: 1;
    color: var(--cywt);
    display: flex;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    padding: 0 10px;
}
.user_grxx_xlcd_bba:hover {
  background-color: var(--bsec);
}
.user_grxx_xlcd_bba.active {
  background-color: var(--plgt);
  color: var(--bprm);
}
.user_grxx_xlcd_sjld {
    width: 600px;
    height: 40px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
}
.user_grxx_xlcd_sjld_a {
    width: 100%;
    height: 40px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    position: relative;
}
.user_grxx_xlcd_sjld_aa {
    width: 100%;
    height: 100%;
    padding: 0 10px;
    border: 1px solid var(--bsym);
    border-radius: 5px;
    transition: var(--tran);
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}
.user_grxx_xlcd_sjld_aaa {
    flex: 1;
    height: 100%;
    font-size: 14px;
    line-height: 1;
    color: var(--cywt);
    display: flex;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.user_grxx_xlcd_sjld_aab {
    height: 100%;
    font-size: 10px;
    line-height: 1;
    color: var(--qsht);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    transform: var(--tran);
}
.user_grxx_xlcd_sjld_aab::before {
    content: '\eb6d';   
}
.user_grxx_xlcd_sjld_a.open .user_grxx_xlcd_sjld_aab {
    transform: rotate(180deg);
}
.user_grxx_xlcd_sjld_ab {
    width: 100%;
    min-height: 260px;
    position: absolute;
    top: 100%;
    left: 0;
    overflow-y: auto;
    background: var(--bprm);
    border: 1px solid var(--bsym);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    z-index: 99;
    display: none;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.user_grxx_xlcd_sjld_ab::-webkit-scrollbar {
    display: none;
}
.user_grxx_xlcd_sjld_a.open .user_grxx_xlcd_sjld_ab {
    display: flex;
}
.user_grxx_xlcd_sjld_aba {
    width: 100%;
    height: 35px;
    font-size: 14px;
    line-height: 1;
    color: var(--cywt);
    display: flex;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    padding: 0 10px;
}
.user_grxx_xlcd_sjld_aba.active {
    background-color: var(--plgt);
    color: var(--bprm);
}
.user_grxx_xlcd_sjld_aba:hover {
  background-color: var(--bsec);
}
.user_grxx_xlcd_sjld_a.disabled {
    opacity: 0.6;
    pointer-events: none;
}
.user_grxx_xlcd_sjld_a.disabled .user_grxx_xlcd_sjld_aa {
    cursor: not-allowed;
}
.user_grxx_tpsc {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}
.user_grxx_tpsc_a {
    width: 330px;
    min-height: 225px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    overflow: hidden;
}
.user_grxx_tpsc_aa {
    width: 100%;
    min-height: 190px;
    background: #f5f8ff;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.user_grxx_tpsc_aaa {
    width: 100%;
    height: 100%;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    position: relative;
}
.user_grxx_tpsc_aaaa {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
.user_grxx_tpsc_aaa.ysc .user_grxx_tpsc_aaaa {
    display: none;
}
.user_grxx_tpsc_aaaaa {
    width: 55px;
    height: 55px;
    font-size: 25px;
    line-height: 1;
    color: var(--bprm);
    background: #7cb6ff;
    border-radius: 50%;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    transition: var(--tran);
}
.user_grxx_tpsc_a:hover .user_grxx_tpsc_aaaaa {
    transform: translateY(-2px);
}
.user_grxx_tpsc_aaaaa::before {
    content: '\e7fc';
}
.user_grxx_tpsc_aaaab {
    font-size: 13px;
    line-height: 1;
    color: var(--tter);
}
.user_grxx_tpsc_aaab {
    display: none;
}
.user_grxx_tpsc_aaa.ysc .user_grxx_tpsc_aaab {
    width: 100%;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.user_grxx_tpsc_aaaba {
    width: 100%;
    display: block;
    object-fit: cover;
}
.user_grxx_tpsc_ab {
    width: 100%;
    height: 35px;
    background: var(--plgt);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    line-height: 1;
    color: var(--bprm);
}
.user_grxx_tpsc_b {
    width: 100%;
    display: none;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
}
.user_grxx_tpsc_ba {
    width: 100%;
    padding: 10px 0;
    transition: var(--tran);
    font-size: 14px;
    line-height: 1;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    background: var(--bcol);
}
.user_grxx_tpsc_ba:hover {
    transform: translateY(-1px);
}
.user_grxx_tpsc_ba.ck {
    color: var(--succ);
}
.user_grxx_tpsc_ba.sc {
    color: var(--dang);
}
.user_grxx_bbb {
    width: 100%;
    display: flex;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.user_grxx_bbba {
    height: 45px;
    font-size: 14px;
    background: var(--plgt);
    color: var(--bprm);
    padding: 0 25px;
    border-radius: 5px;
    transition: var(--tran);
}
.user_grxx_bbba:hover {
    transform: translateY(-2px);
}
.user_grxx_tpcj {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    background: rgba(0, 0, 0, 0.5);
    display: none;
}
.user_grxx_tpcj_a {
    width: 880px;
    background: var(--bprm);
    border-radius: 8px;
    position: relative;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    overflow: hidden;
}
.user_grxx_tpcj_aa {
    width: 100%;
    height: 50px;
    background-color: #f8f9fc;
    border-bottom: 1px solid var(--bsqt);
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    position: relative;
    overflow: hidden;
    padding: 0 20px;
}
.user_grxx_tpcj_aaa {
    height: 100%;
    font-size: 16px;
    line-height: 1;
    font-weight: 550;
    color: var(--tprm);
    display: flex;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.user_grxx_tpcj_aab {
    font-size: 14px;
    line-height: 1;
    color: var(--tter);
    transition: var(--tran);
}
.user_grxx_tpcj_aab::before {
    content: '\eb51';
}
.user_grxx_tpcj_aab:hover {
    transform: rotate(90deg);
}
.user_grxx_tpcj_ab {
    width: 100%;
    padding: 20px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 15px;
}
.user_grxx_tpcj_aba {
    width: 100%;
    padding: 15px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    background: var(--bsec);
    border: 1px solid var(--bsqt);
    border-radius: 5px;
    gap: 15px;
}
.user_grxx_tpcj_abaa {
    width: 100%;
    font-size: 14px;
    line-height: 1;
    background: var(--plgt);
    color: var(--bprm);
    border-radius: var(--rsm);
    transition: var(--tran);
    padding: 10px 0;
}
.user_grxx_tpcj_abaa:hover {
    background: var(--pcol);
    transform: translateY(-1px);
}
.user_grxx_tpcj_abb {
    width: 100%;
    height: 400px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.user_grxx_tpcj_abba {
    display: none;
}
.user_grxx_tpcj_abc {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-end;
    align-items: center;
    gap: 15px;
}
.user_grxx_tpcj_abca {
    height: 35px;
    border-radius: 4px;
    padding: 0 20px;
    font-size: 14px;
    line-height: 1;
    transition: var(--tran);
}
.user_grxx_tpcj_abca.qx {
    background: var(--bcol);
    color: var(--tsec);
}
.user_grxx_tpcj_abca.qx:hover {
    transform: translateY(-1px);
}
.user_grxx_tpcj_abca.dq {
    background: var(--plgt);
    color: var(--bprm);
}
.user_grxx_tpcj_abca.dq:hover {
    background: var(--pcol);
    transform: translateY(-1px);
}
.user_grxx_tptc {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    display: none;
}
.user_grxx_tptc_a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(34 34 34 / 90%);
}
.user_grxx_tptc_b {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.user_grxx_tptc_ba {
    width: 50px;
    height: 50px;
    font-size: 24px;
    line-height: 1;
    color: var(--bprm);
    background: rgba(255, 255, 255, 0.1);
    border-radius: 50%;
    transition: var(--tran);
    position: absolute;
    z-index: 99999;
    top: 50px;
    right: 50px;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
}
.user_grxx_tptc_ba:hover {
    transform: rotate(90deg);
}
.user_grxx_tptc_baa {
    font-size: 14px;
    line-height: 1;
}
.user_grxx_tptc_baa:before {
    content: "\eac4";
}
.user_grxx_tptc_bb {
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.user_grxx_tptc_bba {
    max-width: 100%;
    max-height: 80vh;
    border: 4px solid #fff;
}




















/* 账号修改开始 */
.user_xgzh_xgan {
    background: var(--plgt);
    color: var(--bprm);
    font-size: 14px;
    line-height: 1;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    padding: 8px 15px;
    border-radius: 5px;
    transition: var(--tran);
    gap: 5px;
}
.user_xgzh_xgan:hover {
    transform: translateY(-2px);
    color: var(--bprm);
}
.user_xgzh_xgtc_a {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    background: rgb(0 0 0 / 30%);
    display: none;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.user_xgzh_xgtc_b {
    width: 400px;
    background: var(--bprm);
    border-radius: 8px;
    display: none;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    box-shadow: var(--smd);
    overflow: hidden;
    z-index: 1000;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.user_xgzh_xgtc_ba {
    width: 100%;
    height: 50px;
    background-color: #f8f9fc;
    border-bottom: 1px solid var(--bsqt);
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    position: relative;
    overflow: hidden;
    padding: 0 20px;
}
.user_xgzh_xgtc_baa {
    height: 100%;
    font-size: 16px;
    line-height: 1;
    font-weight: 550;
    color: var(--tprm);
    display: flex;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.user_xgzh_xgtc_bab {
    font-size: 14px;
    line-height: 1;
    color: var(--tter);
    transition: var(--tran);
}
.user_xgzh_xgtc_bab::before {
    content: '\eb51';
}
.user_xgzh_xgtc_bab:hover {
    transform: rotate(90deg);
}
.user_xgzh_xgtc_bb {
    width: 100%;
    padding: 20px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 15px;
}
.user_xgzh_xgtc_bba {
    width: 100%;
    color: #bb833d;
    background: #f6f0e7;
    font-size: 13px;
    line-height: 1;
    text-align: center;
    padding: 10px 0;
    border-radius: 5px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 3px;
}
.user_xgzh_xgtc_bbaa {
    font-weight: 550;
}
.user_xgzh_xgtc_bbb {
    width: 100%;
    height: 42px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    position: relative;
}
.user_xgzh_xgtc_bbba {
    width: 100%;
    height: 100%;
    padding: 0 10px;
    border: 1px solid var(--bsym);
    border-radius: 5px;
    font-size: 14px;
    line-height: 1;
    color: var(--cywt);
}
.user_xgzh_xgtc_bbc {
    width: 100%;
    height: 42px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.user_xgzh_xgtc_bbca {
    width: 100%;
    height: 100%;
    background: var(--pcol);
    color: var(--bprm);
    font-size: 15px;
    line-height: 1;
    border-radius: 25px;
    cursor: pointer;
    border: none;
}
.user_xgzh_xgtc_bbca:disabled {
    background: #ccc;
    cursor: not-allowed;
    opacity: 0.7;
}
.user_xgzh_xgtc_c {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background: rgba(0,0,0,0.7);
    color: #fff;
    padding: 10px 20px;
    border-radius: 4px;
    z-index: 1001;
    display: none;
}
/* 账号修改结束 */
.user_grxx_sjyj_bdtc {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    background: rgb(0 0 0 / 30%);
    display: none;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.user_grxx_sjyj_bdtc_a {
    width: 400px;
    background: var(--bprm);
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    box-shadow: var(--smd);
    overflow: hidden;
}
.user_grxx_sjyj_bdtc_aa {
    width: 100%;
    height: 50px;
    background-color: #f8f9fc;
    border-bottom: 1px solid var(--bsqt);
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    position: relative;
    overflow: hidden;
    padding: 0 20px;
    flex-shrink: 0;
}
.user_grxx_sjyj_bdtc_aaa {
    height: 100%;
    font-size: 16px;
    line-height: 1;
    font-weight: 550;
    color: var(--tprm);
    display: flex;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.user_grxx_sjyj_bdtc_aab {
    font-size: 14px;
    line-height: 1;
    color: var(--tter);
    transition: var(--tran);
}
.user_grxx_sjyj_bdtc_aab::before {
    content: '\eb51';
}
.user_grxx_sjyj_bdtc_aab:hover {
    transform: rotate(90deg);
}
.user_grxx_sjyj_bdtc_ab {
    width: 100%;
    flex: 1;
}
.user_grxx_sjyj_bdtc_aba {
    width: 100%;
    height: 100%;
    border: none;
}
.user_grxx_xgsj {
    width: 100%;
    padding: 20px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
}
.user_grxx_xgsj_a {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 15px;
}
.user_grxx_xgsj_aa {
    width: 100%;
    height: 42px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}
.user_grxx_xgsj_aaa {
    flex: 1;
    height: 100%;
    padding: 0 10px;
    border: 1px solid var(--bsym);
    border-radius: 5px;
    font-size: 14px;
    line-height: 1;
    color: var(--cywt);
}
.user_grxx_xgsj_aab {
    width: 110px;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 5px;
    transition: var(--tran);
}
.user_grxx_xgsj_aab:hover {
    background: var(--pcol);
    transform: translateY(-1px);
}
.user_grxx_xgsj_aac {
    width: 110px;
    height: 100%;
    background: var(--plgt);
    color: var(--bprm);
    border-radius: 5px;
    font-size: 14px;
    transition: var(--tran);
}
.user_grxx_xgsj_aac:hover:not(:disabled) {
    background: var(--pcol);
    transform: translateY(-1px);
}
.user_grxx_xgsj_aac:disabled {
    background: #ccc;
    cursor: not-allowed;
}
.user_grxx_xgsj_b {
    width: 100%;
    height: 42px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.user_grxx_xgsj_ba {
    width: 100%;
    height: 100%;
    background: var(--pcol);
    color: var(--bprm);
    font-size: 15px;
    line-height: 1;
    border-radius: 25px;
    transition: var(--tran);
}
.user_grxx_xgsj_ba:hover:not(:disabled) {
    background: var(--pcol);
    transform: translateY(-1px);
}
.user_grxx_xgsj_ba:disabled {
    background: #ccc;
    cursor: not-allowed;
}
.user_grxx_xgsj_wtts {
    border-color: var(--plgt);
}
.user_grxx_zhzx_tstc {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    background: rgb(0 0 0 / 30%);
    display: none;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.user_grxx_zhzx_tstc_a {
    width: 400px;
    background: var(--bprm);
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    box-shadow: var(--smd);
    overflow: hidden;
}
.user_grxx_zhzx_tstc_aa {
    width: 100%;
    height: 50px;
    background-color: #f8f9fc;
    border-bottom: 1px solid var(--bsqt);
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    position: relative;
    overflow: hidden;
    padding: 0 20px;
    flex-shrink: 0;
}
.user_grxx_zhzx_tstc_aaa {
    height: 100%;
    font-size: 16px;
    line-height: 1;
    font-weight: 550;
    color: var(--tprm);
    display: flex;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.user_grxx_zhzx_tstc_aab {
    font-size: 14px;
    line-height: 1;
    color: var(--tter);
    transition: var(--tran);
    cursor: pointer;
}
.user_grxx_zhzx_tstc_aab::before {
    content: '\eb51';
}
.user_grxx_zhzx_tstc_aab:hover {
    transform: rotate(90deg);
}
.user_grxx_zhzx_tstc_ab {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.user_grxx_zhzx_tstc_aba {
    width: 100%;
    padding: 20px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 20px;
}
.user_grxx_zhzx_tstc_abaa {
    width: 100%;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    line-height: 1;
}
.user_grxx_zhzx_tstc_abaa.tjts {
    color: var(--tsec);
}
.user_grxx_zhzx_tstc_abaa.tjcg {
    color: var(--succ);
}
.user_grxx_zhzx_tstc_abaa.tjsb {
    color: var(--dang);
}
.user_grxx_zhzx_tstc_abab {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 15px;
}
.user_grxx_zhzx_tstc_ababa {
    height: 35px;
    padding: 0 25px;
    font-size: 14px;
    line-height: 1;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    transition: var(--tran);
}
.user_grxx_zhzx_tstc_ababa.qd {
    background: var(--plgt);
    color: var(--bprm);
}
.user_grxx_zhzx_tstc_ababa.qd:hover {
    background: var(--pcol);
    transform: translateY(-2px);
}
.user_grxx_zhzx_tstc_ababa.qx {
    background: var(--bcol);
    color: var(--tsec);
}
.user_grxx_zhzx_tstc_ababa.qx:hover {
    transform: translateY(-2px);
}







/* 账号安全开始 */
.user_zhaq {
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 20px;
}
.user_zhaq_a {
    width: 200px;
    background-color: var(--kpbg);
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
    padding: 20px;
    border: 1px solid var(--bsqt);
}
.user_zhaq_aa {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background-color: var(--bter);
    position: relative;
    overflow: hidden;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.user_zhaq_aaa {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.user_zhaq_ab {
    font-size: 18px;
    line-height: 1;
    color: var(--zwbt);
}
.user_zhaq_ac {
    width: 85px;
    height: 27px;
    background-color: rgba(99, 102, 241, 0.1);
    color: var(--pcol);
    border-radius: 25px;
    font-size: 13px;
    line-height: 1;
    border: 1px solid var(--plgt);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    padding-bottom: 2px;
}
.user_zhaq_ad {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 5px;
}
.user_zhaq_ada {
    width: 100%;
    height: 25px;
}
.user_zhaq_adb {
    width: 100%;
    height: 9px;
    font-family: "Courier New", monospace;
    font-size: 14px;
    line-height: 12px;
    color: var(--zwbt);
    letter-spacing: 2px;
    font-weight: 550;
    margin-right: -2px;
    display: flex;
    align-content: center;
    justify-content: center;
}
.user_zhaq_b {
    flex: 1;
    height: 100%;
    background-color: var(--bprm);
    border-radius: 12px;
    border: 1px solid var(--bsqt);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    overflow: hidden;
}
.user_zhaq_ba {
    width: 100%;
    height: 50px;
    background-color: #f8f9fc;
    border-bottom: 1px solid var(--bsqt);
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    padding: 0 20px;
    gap: 7px;
}
.user_zhaq_baa {
    height: 100%;
    font-size: 18px;
    line-height: 1;
    color: var(--pcol);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.user_zhaq_baa::before {
    content: '\e996';
}
.user_zhaq_bab {
    height: 100%;
    font-size: 17px;
    line-height: 1;
    font-weight: 550;
    color: var(--tprm);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.user_zhaq_bb {
    width: 100%;
    height: calc(100% - 50px);
    display: flex;
    align-content: flex-start;
    justify-content: center;
    align-items: flex-start;
}
.user_zhaq_bba {
    width: 100%;
    height: 100%;
    padding: 20px;
    gap: 20px;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.user_zhaq_bbaa {
    width: 100%;
    background-color: #f8f9fc;
    border-radius: var(--rmd);
    padding: 20px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
}
.user_zhaq_bbaaa {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}
.user_zhaq_bbaaaa {
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 15px;
}
.user_zhaq_bbaaaaa {
    width: 60px;
    height: 60px;
    background: var(--kpbg);
    border-radius: 5px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    font-size: 30px;
    line-height: 1;
    color: var(--bszl);
}
.user_zhaq_bbaaaaa.mm::before {
    content: '\e6ac';
}
.user_zhaq_bbaaaab {
    height: 60px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-evenly;
    align-items: flex-start;
}
.user_zhaq_bbaaaaba {
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}
.user_zhaq_bbaaaabaa {
    font-size: 16px;
    line-height: 1;
    color: var(--ftbg);
    font-weight: 550;
}
.user_zhaq_bbaaaabab {
    background: var(--succ);
    color: var(--bssh);
    font-size: 10px;
    line-height: 1;
    padding: 5px 7px;
    border-radius: 5px;
}
.user_zhaq_bbaaaabb {
    font-size: 12px;
    line-height: 1;
    color: var(--cywt);
}
.user_zhaq_bbaaab {
    font-size: 14px;
    line-height: 1;
    background: var(--bszl);
    color: var(--bprm);
    padding: 10px 20px;
    border-radius: 5px;
}
.user_zhaq_mmtc {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    background: rgba(0, 0, 0, 0.5);
    display: none;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.user_zhaq_mmtc_a {
    width: 400px;
    background: var(--bprm);
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    box-shadow: var(--smd);
    overflow: hidden;
}
.user_zhaq_mmtc_aa {
    width: 100%;
    height: 50px;
    background-color: #f8f9fc;
    border-bottom: 1px solid var(--bsqt);
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    position: relative;
    overflow: hidden;
    padding: 0 20px;
}
.user_zhaq_mmtc_aaa {
    height: 100%;
    font-size: 16px;
    line-height: 1;
    font-weight: 550;
    color: var(--tprm);
    display: flex;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.user_zhaq_mmtc_aab {
    font-size: 14px;
    line-height: 1;
    color: var(--tter);
    transition: var(--tran);
}
.user_zhaq_mmtc_aab::before {
    content: '\eb51';
}
.user_zhaq_mmtc_aab:hover {
    transform: rotate(90deg);
}
.user_zhaq_mmtc_ab {
    width: 100%;
    padding: 20px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
}
.user_zhaq_mmtc_aba {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 15px;
}
.user_zhaq_mmtc_abaa {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
}
.user_zhaq_mmtc_abaaa {
    width: 100%;
    height: 42px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    position: relative;
}
.user_zhaq_mmtc_abaaaa {
    width: 100%;
    height: 100%;
    padding: 0 10px;
    border: 1px solid var(--bsym);
    border-radius: 5px;
    font-size: 14px;
    line-height: 1;
    color: var(--cywt);
}
.user_zhaq_mmtc_abaaab {
    height: 100%;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: 10px;
    color: var(--tter);
    font-size: 14px;
    line-height: 1;
}
.user_zhaq_mmtc_abaaab.xxmm::before {
    content: '\e901';
}
.user_zhaq_mmtc_abaaab.ycmm::before {
    content: '\e633';
}
.user_zhaq_mmtc_abb {
    width: 100%;
    height: 42px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.user_zhaq_mmtc_abba {
    width: 100%;
    height: 100%;
    background: var(--pcol);
    color: var(--bprm);
    font-size: 15px;
    line-height: 1;
    border-radius: 25px;
}
.user_zhaq_mmtc_abba:disabled {
    background: #ccc;
    cursor: not-allowed;
    opacity: 0.7;
}
.user_zhaq_mmtc_abaab {
    width: 100%;
    font-size: 12px;
    line-height: 1;
    margin-top: 5px;
    color: var(--dang);
}
.user_zhaq_bbab {
    width: 100%;
    background-color: #f8f9fc;
    border-radius: var(--rmd);
    padding: 20px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
}
.user_zhaq_bbaba {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}
.user_zhaq_bbabaa {
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 15px;
}
.user_zhaq_bbabaaa {
    width: 60px;
    height: 60px;
    background: var(--kpbg);
    border-radius: 5px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    font-size: 30px;
    line-height: 1;
    color: var(--bszl);
}
.user_zhaq_bbabaaa.wx::before {
    content: '\e6a3';
}
.user_zhaq_bbabaaa.qq::before {
    content: '\e7c5';
}
.user_zhaq_bbabaab {
    height: 60px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-evenly;
    align-items: flex-start;
}
.user_zhaq_bbabaaba {
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}
.user_zhaq_bbabaabaa {
    font-size: 16px;
    line-height: 1;
    color: var(--ftbg);
    font-weight: 550;
}
.user_zhaq_bbabaabab {
    color: var(--bssh);
    font-size: 10px;
    line-height: 1;
    padding: 5px 7px;
    border-radius: 5px;
}
.user_zhaq_bbabaabab.wbd {
    background: var(--dang);
}
.user_zhaq_bbabaabab.ybd {
    background: var(--succ);
}
.user_zhaq_bbabaabb {
    font-size: 12px;
    line-height: 1;
    color: var(--cywt);
}
.user_zhaq_bbabab {
    font-size: 14px;
    line-height: 1;
    color: var(--bprm);
    padding: 10px 20px;
    border-radius: 5px;
}
.user_zhaq_bbabab.wbd {
    background: var(--bszl);
}
.user_zhaq_bbabab.ybd {
    background: var(--warn);
}
/* 账号安全结束 */



/* 我的余额开始 */
.user_wdye {
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 20px;
}
.user_wdye_a {
    width: 300px;
    background-image: url(/uploads/allimg/20260214/1-260214143950S7.png);
    background-size: 100% 100%;
    border-radius: 12px;
    position: relative;
    overflow: hidden;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.user_wdye_a::before {
    content: '';
    width: 100%;
    height: 100%;
    background-image: url(/uploads/allimg/20260214/1-260214143Q45L.png);
    background-size: 100% 100%;
    position: absolute;
    top: 0;
    right: 0;
    opacity: .92;
}
.user_wdye_aa {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 1;
    gap: 25px;
    padding: 25px;
}
.user_wdye_aaa {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 20px;
}
.user_wdye_aaaa {
    width: 90px;
    height: 90px;
    border-radius: 50%;
    background-color: var(--bter);
    position: relative;
    overflow: hidden;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    border: 3px solid var(--bsym);
}
.user_wdye_aaaaa {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.user_wdye_aaab {
    font-size: 18px;
    line-height: 1;
    color: var(--bprm);
}
.user_wdye_aaac {
    width: 85px;
    height: 25px;
    background-color: rgb(249 251 253 / 40%);
    color: var(--kpbg);
    border-radius: 25px;
    font-size: 12px;
    line-height: 1;
    padding-bottom: 1px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.user_wdye_aaad {
    width: 160px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 5px;
}
.user_wdye_aaada {
    width: 100%;
    height: 25px;
}
.user_wdye_aaadb {
    width: 100%;
    height: 9px;
    font-family: "Courier New", monospace;
    font-size: 14px;
    line-height: 12px;
    color: var(--bbt);
    letter-spacing: 2px;
    font-weight: 550;
    margin-right: -2px;
    display: flex;
    align-content: center;
    justify-content: center;
}
.user_wdye_aab {
    width: 100%;
    display: flex;
    position: relative;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    padding: 15px 0;
    gap: 15px;
}
.user_wdye_aab::before {
    content: '';
    width: 100%;
    height: 1px;
    background: repeating-linear-gradient(to right, #fff, #fff 4px, transparent 4px, transparent 8px);
    opacity: .5;
    position: absolute;
    top: 0;
}
.user_wdye_aab::after {
    content: '';
    width: 100%;
    height: 1px;
    background: repeating-linear-gradient(to right, #fff, #fff 4px, transparent 4px, transparent 8px);
    opacity: .5;
    position: absolute;
    bottom: 0;
}
.user_wdye_aaba {
    font-size: 14px;
    line-height: 1;
    color: rgb(255 255 255 / 95%);
}
.user_wdye_aabb {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.user_wdye_aabba {
    display: none;
}
.user_wdye_aabbb {
    display: flex;
    flex-wrap: nowrap;
    align-content: flex-end;
    justify-content: center;
    align-items: flex-end;
}
.user_wdye_aabbba {
    height: 17px;
    font-family: 'sinclair';
    font-size: 26px;
    line-height: 21px;
    color: #fff;
}
.user_wdye_aabbbb {
    height: 12px;
    font-family: 'sinclair';
    font-size: 16px;
    line-height: 1;
    color: #fff;
}
.user_wdye_aac {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
}
.user_wdye_aaca {
    width: 100%;
    height: 40px;
    background: rgba(255, 255, 255, 0.15);
    border: 1px solid rgba(255, 255, 255, 0.25);
    border-radius: var(--rmd);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    line-height: 1;
    color: var(--bprm);
    font-weight: 300;
    transition: var(--tran);
    padding-bottom: 2px;
}
.user_wdye_aaca:hover {
    border-color: rgba(255, 255, 255, 0.4);
    transform: translateY(-2px);
    color: var(--bprm);
}
.user_wdye_b {
    flex: 1;
    height: 100%;
    background-color: var(--bprm);
    border-radius: 12px;
    border: 1px solid var(--bsqt);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    overflow: hidden;
}
.user_wdye_ba {
    width: 100%;
    height: 50px;
    background-color: #f8f9fc;
    border-bottom: 1px solid var(--bsqt);
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}
.user_wdye_baa {
    height: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 7px;
    padding-left: 20px;
}
.user_wdye_baaa {
    height: 100%;
    font-size: 18px;
    line-height: 1;
    color: var(--pcol);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.user_wdye_baaa::before {
    content: '\e996';
}
.user_wdye_baab {
    height: 100%;
    font-size: 17px;
    line-height: 1;
    font-weight: 550;
    color: var(--tprm);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.user_wdye_bab {
    height: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-end;
    align-items: center;
}
.user_wdye_baba {
    height: 100%;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    padding: 0 20px;
    border-left: 1px solid var(--bsqt);
    font-size: 15px;
    line-height: 1;
    font-weight: 550;
    color: var(--tsec);
    transition: var(--tran);
    position: relative;
}
.user_wdye_baba.active {
    color: var(--pcol);
    background: var(--kpbg);
}
.user_wdye_baba.active::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 15px;
    height: 2px;
    background-color: var(--pcol);
    border-radius: 25px;
}
.user_wdye_baba:hover {
    color: var(--pcol);
    background-color: rgba(99, 102, 241, 0.03);
}
.user_wdye_bb {
    width: 100%;
    height: calc(100% - 50px);
    padding: 20px;
    gap: 20px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}
.user_wdye_bba {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}
.user_wdye_bbaa {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 20px;
    border: none;
}
.user_wdye_bbaaa {
    width: 150px;
    display: block;
}
.user_wdye_bbaab {
    font-size: 14px;
    line-height: 1;
    color: var(--tter);
}
.user_wdye_bbab {
    width: 100%;
    height: calc(100% - 55px);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.user_wdye_bbaba {
    width: 100%;
    height: 35px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    background-color: #f8f9fc;
    border: 1px solid var(--bsqt);
    border-radius: 5px 5px 0 0;
    overflow: hidden;
}
.user_wdye_bbabaa {
    height: 100%;
    font-size: 14px;
    line-height: 1;
    font-weight: 550;
    color: var(--zwbt);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    border-right: 1px solid var(--bsqt);
}
.user_wdye_bbabaa:nth-child(1) {
    width: 5%;
}
.user_wdye_bbabaa:nth-child(2) {
    width: 20%;
}
.user_wdye_bbabaa:nth-child(3) {
    width: 15%;
}
.user_wdye_bbabaa:nth-child(4) {
    width: 15%;
}
.user_wdye_bbabaa:nth-child(5) {
    width: 20%;
}
.user_wdye_bbabaa:nth-child(6) {
    width: 25%;
    border-right: 0;
}
.user_wdye_bbabb {
    width: 100%;
    height: calc(100% - 35px);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    overflow: hidden;
    overflow-y: auto;
}
.user_wdye_bbabb::-webkit-scrollbar {
    display: none;
}
.user_wdye_bbabba {
    width: 100%;
    border: 1px solid var(--bsqt);
    border-top: 0;
    border-radius: 0 0 5px 5px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.user_wdye_bbabbaa {
    width: 100%;
    height: 35px;
    font-size: 14px;
    line-height: 1;
    color: var(--zwbt);
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}
.user_wdye_bbabbaaa {
    height: 100%;
    font-size: 14px;
    line-height: 1;
    color: var(--cywt);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    border-right: 1px solid var(--bsqt);
    border-top: 1px solid var(--bsqt);
}
.user_wdye_bbabbaa:first-child .user_wdye_bbabbaaa {
    border-top: 0;
}
.user_wdye_bbabbaaa:nth-child(1) {
    width: 5%;
}
.user_wdye_bbabbaaa:nth-child(2) {
    width: 20%;
}
.user_wdye_bbabbaaa:nth-child(3) {
    width: 15%;
}
.user_wdye_bbabbaaa:nth-child(4) {
    width: 15%;
}
.user_wdye_bbabbaaa:nth-child(5) {
    width: 20%;
}
.user_wdye_bbabbaaa:nth-child(6) {
    width: 25%;
    border-right: 0;
}
.user_wdye_bbabbaaa.js {
    color: var(--dang);
}
.user_wdye_bbabbaaa.zj {
    color: var(--succ);
}
.user_wdye_bbac {
    width: 100%;
    height: 35px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}
.user_wdye_bbaca {
    height: 100%;
    display: flex;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.user_wdye_bbacb {
    height: 100%;
    font-size: 14px;
    line-height: 1;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-end;
    align-items: center;
    color: var(--cywt);
    gap: 3px;
}
.user_wdye_tcym {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    background: rgba(0, 0, 0, 0.5);
    display: none;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.user_wdye_tcym_a {
    width: 400px;
    background: var(--bprm);
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    box-shadow: var(--smd);
    overflow: hidden;
}
.user_wdye_tcym_aa {
    width: 100%;
    height: 50px;
    background-color: #f8f9fc;
    border-bottom: 1px solid var(--bsqt);
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    position: relative;
    overflow: hidden;
    padding: 0 20px;
}
.user_wdye_tcym_aaa {
    height: 100%;
    font-size: 16px;
    line-height: 1;
    font-weight: 550;
    color: var(--tprm);
    display: flex;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.user_wdye_tcym_aab {
    font-size: 14px;
    line-height: 1;
    color: var(--tter);
    transition: var(--tran);
}
.user_wdye_tcym_aab::before {
    content: '\eb51';
}
.user_wdye_tcym_aab:hover {
    transform: rotate(90deg);
}
.user_wdye_tcym_ab {
    width: 100%;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.user_wdye_tcym_aba {
    width: 100%;
    border: none;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
/* 我的余额结束 */
/* 卡密明细开始 */
.user_kmmx {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}
.user_kmmx_a {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 20px;
    border: none;
}
.user_kmmx_aa {
    width: 150px;
    display: block;
}
.user_kmmx_ab {
    font-size: 14px;
    line-height: 1;
    color: var(--tter);
}
.user_kmmx_b {
    width: 100%;
    height: calc(100% - 55px);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.user_kmmx_ba {
    width: 100%;
    height: 35px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    background-color: #f8f9fc;
    border: 1px solid var(--bsqt);
    border-radius: 5px 5px 0 0;
    overflow: hidden;
}
.user_kmmx_baa {
    height: 100%;
    font-size: 14px;
    line-height: 1;
    font-weight: 550;
    color: var(--zwbt);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    border-right: 1px solid var(--bsqt);
}
.user_kmmx_baa:nth-child(1) {
    width: 5%;
}
.user_kmmx_baa:nth-child(2) {
    width: 20%;
}
.user_kmmx_baa:nth-child(3) {
    width: 15%;
}
.user_kmmx_baa:nth-child(4) {
    width: 15%;
}
.user_kmmx_baa:nth-child(5) {
    width: 20%;
}
.user_kmmx_baa:nth-child(6) {
    width: 25%;
    border-right: 0;
}
.user_kmmx_bb {
    width: 100%;
    height: calc(100% - 35px);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    overflow: hidden;
    overflow-y: auto;
}
.user_kmmx_bba {
    width: 100%;
    border: 1px solid var(--bsqt);
    border-top: 0;
    border-radius: 0 0 5px 5px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.user_kmmx_bbaa {
    width: 100%;
    height: 35px;
    font-size: 14px;
    line-height: 1;
    color: var(--zwbt);
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}
.user_kmmx_bbaaa {
    height: 100%;
    font-size: 14px;
    line-height: 1;
    color: var(--cywt);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    border-right: 1px solid var(--bsqt);
    border-top: 1px solid var(--bsqt);
}
.user_kmmx_bbaa:first-child .user_kmmx_bbaaa {
    border-top: 0;
}
.user_kmmx_bbaaa:nth-child(1) {
    width: 5%;
}
.user_kmmx_bbaaa:nth-child(2) {
    width: 20%;
}
.user_kmmx_bbaaa:nth-child(3) {
    width: 15%;
}
.user_kmmx_bbaaa:nth-child(4) {
    width: 15%;
}
.user_kmmx_bbaaa:nth-child(5) {
    width: 20%;
}
.user_kmmx_bbaaa:nth-child(6) {
    width: 25%;
    border-right: 0;
}
.user_kmmx_bbaaa.cg {
    color: var(--succ);
}
.user_kmmx_bbaaa.sb {
    color: var(--dang);
}
.user_kmmx_c {
    width: 100%;
    height: 35px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}
.user_kmmx_ca {
    height: 100%;
    display: flex;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.user_kmmx_cb {
    height: 100%;
    font-size: 14px;
    line-height: 1;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-end;
    align-items: center;
    color: var(--cywt);
    gap: 3px;
}
/* 卡密明细结束 */
/* 转账明细开始 */
.user_zzmx {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 20px;
}
.user_zzmx_a {
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 15px;
}
.user_zzmx_aa {
    height: 36px;
    font-size: 14px;
    line-height: 1;
    color: var(--tsec);
    background: var(--bter);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    border-radius: var(--rsm);
    padding: 0 20px;
    border: 1px solid var(--bsqt);
    cursor: pointer;
    transition: var(--tran);
}
.user_zzmx_aa:hover {
    background: var(--bsec);
    border-color: var(--plgt);
    color: var(--pcol);
    box-shadow: var(--ssm);
}
.user_zzmx_aa.active {
    background: var(--pcol);
    color: var(--bprm);
    border: 1px solid var(--pcol);
    pointer-events: none;
    box-shadow: var(--smd);
}
.user_zzmx_b {
    width: 100%;
    height: calc(100% - 56px);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}
.user_zzmx_ba {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 20px;
}
.user_zzmx_baa {
    width: 150px;
    display: block;
}
.user_zzmx_bab {
    font-size: 14px;
    line-height: 1;
    color: var(--tter);
}
.user_zzmx_bb {
    width: 100%;
    height: calc(100% - 55px);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.user_zzmx_bba {
    width: 100%;
    height: 35px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    background-color: #f8f9fc;
    border: 1px solid var(--bsqt);
    border-radius: 5px 5px 0 0;
    overflow: hidden;
}
.user_zzmx_bbaa {
    height: 100%;
    font-size: 14px;
    line-height: 1;
    font-weight: 550;
    color: var(--zwbt);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    border-right: 1px solid var(--bsqt);
}
.user_zzmx_bbaa:nth-child(1) {
    width: 5%;
}
.user_zzmx_bbaa:nth-child(2) {
    width: 15%;
}
.user_zzmx_bbaa:nth-child(3) {
    width: 15%;
}
.user_zzmx_bbaa:nth-child(4) {
    width: 15%;
}
.user_zzmx_bbaa:nth-child(5) {
    width: 15%;
}
.user_zzmx_bbaa:nth-child(6) {
    width: 15%;
}
.user_zzmx_bbaa:nth-child(7) {
    width: 20%;
    border-right: 0;
}
.user_zzmx_bbb {
    width: 100%;
    height: calc(100% - 35px);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    overflow: hidden;
    overflow-y: auto;
}
.user_zzmx_bbba {
    width: 100%;
    border: 1px solid var(--bsqt);
    border-top: 0;
    border-radius: 0 0 5px 5px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.user_zzmx_bbbaa {
    width: 100%;
    height: 35px;
    font-size: 14px;
    line-height: 1;
    color: var(--zwbt);
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}
.user_zzmx_bbbaaa {
    height: 100%;
    font-size: 14px;
    line-height: 1;
    color: var(--cywt);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    border-right: 1px solid var(--bsqt);
    border-top: 1px solid var(--bsqt);
}
.user_zzmx_bbbaa:first-child .user_zzmx_bbbaaa {
    border-top: 0;
}
.user_zzmx_bbbaaa:nth-child(1) {
    width: 5%;
}
.user_zzmx_bbbaaa:nth-child(2) {
    width: 15%;
}
.user_zzmx_bbbaaa:nth-child(3) {
    width: 15%;
}
.user_zzmx_bbbaaa:nth-child(4) {
    width: 15%;
}
.user_zzmx_bbbaaa:nth-child(5) {
    width: 15%;
}
.user_zzmx_bbbaaa:nth-child(6) {
    width: 15%;
}
.user_zzmx_bbbaaa:nth-child(7) {
    width: 20%;
    border-right: 0;
}
.user_zzmx_bbbaaa.cg {
    color: var(--succ);
}
.user_zzmx_bbbaaa.sb {
    color: var(--dang);
}
.user_zzmx_c {
    width: 100%;
    height: 35px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}
.user_zzmx_ca {
    height: 100%;
    display: flex;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.user_zzmx_cb {
    height: 100%;
    font-size: 14px;
    line-height: 1;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-end;
    align-items: center;
    color: var(--cywt);
    gap: 3px;
}
/* 转账明细结束 */
/* 提现明细开始 */
.user_txmx {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}
.user_txmx_a {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 20px;
    border: none;
}
.user_txmx_aa {
    width: 150px;
    display: block;
}
.user_txmx_ab {
    font-size: 14px;
    line-height: 1;
    color: var(--tter);
}
.user_txmx_b {
    width: 100%;
    height: calc(100% - 55px);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.user_txmx_ba {
    width: 100%;
    height: 35px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    background-color: #f8f9fc;
    border: 1px solid var(--bsqt);
    border-radius: 5px 5px 0 0;
    overflow: hidden;
}
.user_txmx_baa {
    height: 100%;
    font-size: 14px;
    line-height: 1;
    font-weight: 550;
    color: var(--zwbt);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    border-right: 1px solid var(--bsqt);
}
.user_txmx_baa:nth-child(1) {
    width: 5%;
}
.user_txmx_baa:nth-child(2) {
    width: 10%;
}
.user_txmx_baa:nth-child(3) {
    width: 14%;
}
.user_txmx_baa:nth-child(4) {
    width: 14%;
}
.user_txmx_baa:nth-child(5) {
    width: 14%;
}
.user_txmx_baa:nth-child(6) {
    width: 14%;
}
.user_txmx_baa:nth-child(7) {
    width: 14%;
}
.user_txmx_baa:nth-child(8) {
    width: 15%;
    border-right: 0;
}
.user_txmx_bb {
    width: 100%;
    height: calc(100% - 35px);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    overflow: hidden;
    overflow-y: auto;
}
.user_txmx_bba {
    width: 100%;
    border: 1px solid var(--bsqt);
    border-top: 0;
    border-radius: 0 0 5px 5px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.user_txmx_bbaa {
    width: 100%;
    height: 35px;
    font-size: 14px;
    line-height: 1;
    color: var(--zwbt);
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}
.user_txmx_bbaaa {
    height: 100%;
    font-size: 14px;
    line-height: 1;
    color: var(--cywt);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    border-right: 1px solid var(--bsqt);
    border-top: 1px solid var(--bsqt);
}
.user_txmx_bbaa:first-child .user_txmx_bbaaa {
    border-top: 0;
}
.user_txmx_bbaaa:nth-child(1) {
    width: 5%;
}
.user_txmx_bbaaa:nth-child(2) {
    width: 10%;
}
.user_txmx_bbaaa:nth-child(3) {
    width: 14%;
}
.user_txmx_bbaaa:nth-child(4) {
    width: 14%;
}
.user_txmx_bbaaa:nth-child(5) {
    width: 14%;
}
.user_txmx_bbaaa:nth-child(6) {
    width: 14%;
}
.user_txmx_bbaaa:nth-child(7) {
    width: 14%;
}
.user_txmx_bbaaa:nth-child(8) {
    width: 15%;
    border-right: 0;
}
.user_txmx_bbaaa.zzsh {
    color: var(--warn);
}
.user_txmx_bbaaa.txcg {
    color: var(--succ);
}
.user_txmx_bbaaa.shsb {
    color: var(--dang);
    cursor: pointer;
}
.user_txmx_bbaaa.shsb:hover {
    color: var(--pdak);
}
.user_txmx_bbaaa.ddsh {
    color: var(--tsec);
}
.user_txmx_bbaaa.ydz {
    color: var(--succ);
}
.user_txmx_bbaaa.wdz {
    color: var(--dang);
}
.user_txmx_c {
    width: 100%;
    height: 35px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}
.user_txmx_ca {
    height: 100%;
    display: flex;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.user_txmx_cb {
    height: 100%;
    font-size: 14px;
    line-height: 1;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-end;
    align-items: center;
    color: var(--cywt);
    gap: 3px;
}
.user_txmx_sbtc {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    display: none;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.user_txmx_sbtc_a {
    width: 400px;
    background: var(--bprm);
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    box-shadow: var(--smd);
    overflow: hidden;
}
.user_txmx_sbtc_aa {
    width: 100%;
    height: 50px;
    background-color: #f8f9fc;
    border-bottom: 1px solid var(--bsqt);
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    position: relative;
    overflow: hidden;
    padding: 0 20px;
}
.user_txmx_sbtc_aaa {
    height: 100%;
    font-size: 16px;
    line-height: 1;
    font-weight: 550;
    color: var(--tprm);
    display: flex;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.user_txmx_sbtc_aab {
    font-size: 14px;
    line-height: 1;
    color: var(--tter);
    transition: var(--tran);
}
.user_txmx_sbtc_aab::before {
    content: '\eb51';
}
.user_txmx_sbtc_aab:hover {
    transform: rotate(90deg);
}
.user_txmx_sbtc_ab {
    width: 100%;
    padding: 20px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.user_txmx_sbtc_aba {
    width: 100%;
    font-size: 14px;
    line-height: 20px;
    color: var(--tsec);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    margin: -3px 0;
    text-align: justify;
}
/* 提现明细结束 */
/* 账号充值开始 */
.user_zhcz {
    width: 100%;
    padding: 20px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
}
.user_zhcz_a {
    width: 100%;
    height: 42px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    position: relative;
}
.user_zhcz_aa {
    width: 100%;
    height: 100%;
    padding: 0 10px;
    border: 1px solid var(--bsym);
    border-radius: 5px;
    font-size: 14px;
    line-height: 1;
    color: var(--cywt);
}
.user_zhcz_b {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 10px;
}
.user_zhcz_ba {
    font-size: 14px;
    line-height: 1;
    color: var(--cywt);
}
.user_zhcz_bb {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}
.user_zhcz_bba {
    width: 100%;
    height: 50px;
    border: 1px solid var(--bsym);
    border-radius: 5px;
    padding: 10px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    position: relative;
}
.user_zhcz_bba.active {
    border-color: var(--pcol);
    background: rgb(129 140 248 / 10%);
}
.user_zhcz_bba:hover {
    background-color: var(--bter);
}
.user_zhcz_bba.active::before {
    content: '\e7d9';
    font-family: 'iconfont';
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: 18px;
    line-height: 1;
    color: var(--pcol);
}
.user_zhcz_bbaa {
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 7px;
}
.user_zhcz_bbaaa {
    height: 100%;
    display: block;
    border-radius: 7px;
}
.user_zhcz_bbaab {
    height: 100%;
    font-size: 14px;
    line-height: 1;
    color: var(--tprm);
    display: flex;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.user_zhcz_bbaac {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}
.user_zhcz_c {
    width: 100%;
    height: 42px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.user_zhcz_ca {
    width: 100%;
    height: 100%;
    background: var(--pcol);
    color: var(--bprm);
    font-size: 15px;
    line-height: 1;
    border-radius: 25px;
    cursor: pointer;
    border: none;
}
.user_zhcz_ca:disabled {
    background: #ccc;
    cursor: not-allowed;
    opacity: 0.7;
}
.toast {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(0,0,0,0.7);
    color: #fff;
    padding: 10px 20px;
    border-radius: 5px;
    font-size: 14px;
    z-index: 99999;
    display: none;
}
.toast.show {
    display: block;
    animation: fadein 0.3s, fadeout 0.3s 1.7s;
}
@keyframes fadein {
    from {top: 45%; opacity: 0;}
    to {top: 50%; opacity: 1;}
}
@keyframes fadeout {
    from {top: 50%; opacity: 1;}
    to {top: 45%; opacity: 0;}
}
/* 账号充值结束 */
/* 卡密充值开始 */
.user_kmcz {
    width: 100%;
    padding: 20px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
}
.user_kmcz_a {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
}
.user_kmcz_aa {
    width: 100%;
    height: 42px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    position: relative;
}
.user_kmcz_aaa {
    width: 100%;
    height: 100%;
    padding: 0 10px;
    border: 1px solid var(--bsym);
    border-radius: 5px;
    font-size: 14px;
    line-height: 1;
    color: var(--cywt);
}
.user_kmcz_b {
    width: 100%;
    height: 42px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.user_kmcz_ba {
    width: 100%;
    height: 100%;
    background: var(--pcol);
    color: var(--bprm);
    font-size: 15px;
    line-height: 1;
    border-radius: 25px;
    cursor: pointer;
    border: none;
}
.user_kmcz_ba:disabled {
    background: #ccc;
    cursor: not-allowed;
    opacity: 0.7;
}
/* 卡密充值结束 */
/* 账号转账开始 */
.user_zhzz {
    width: 100%;
    padding: 20px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
}
.user_zhzz_a {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
}
.user_zhzz_aa {
    width: 100%;
    height: 42px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    position: relative;
}
.user_zhzz_aaa {
    width: 100%;
    height: 100%;
    padding: 0 10px;
    border: 1px solid var(--bsym);
    border-radius: 5px;
    font-size: 14px;
    line-height: 1;
    color: var(--cywt);
}
.user_zhzz_b {
    width: 100%;
    height: 42px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.user_zhzz_ba {
    width: 100%;
    height: 100%;
    background: var(--pcol);
    color: var(--bprm);
    font-size: 15px;
    line-height: 1;
    border-radius: 25px;
    cursor: pointer;
    border: none;
}
.user_zhzz_ba:disabled {
    background: #ccc;
    cursor: not-allowed;
    opacity: 0.7;
}
/* 账号转账结束 */
/* 余额提现开始 */
.user_yetx {
    width: 100%;
    padding: 20px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
}
.user_yetx_a {
    width: 100%;
    color: #bb833d;
    background: #f6f0e7;
    font-size: 13px;
    line-height: 1;
    text-align: center;
    padding: 10px 0;
    border-radius: 5px;
}
.user_yetx_b {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
}
.user_yetx_ba {
    width: 100%;
    height: 42px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    position: relative;
}
.user_yetx_baa {
    width: 100%;
    height: 100%;
    padding: 0 10px;
    border: 1px solid var(--bsym);
    border-radius: 5px;
    font-size: 14px;
    line-height: 1;
    color: var(--cywt);
}
.user_yetx_bab {
    width: 100%;
    height: 100%;
    padding: 0 10px;
    border: 1px solid var(--bsym);
    border-radius: 5px;
    font-size: 14px;
    line-height: 1;
    color: var(--cywt);
    box-sizing: border-box;
    outline: none;
    appearance: none;
    -webkit-appearance: none;
    background: #fff;
}
.user_yetx_c {
    width: 100%;
    height: 42px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.user_yetx_ca {
    width: 100%;
    height: 100%;
    background: var(--pcol);
    color: var(--bprm);
    font-size: 15px;
    line-height: 1;
    border-radius: 25px;
    cursor: pointer;
    border: none;
}
.user_yetx_ca:disabled {
    background: #ccc;
    cursor: not-allowed;
    opacity: 0.7;
}
/* 余额提现结束 */
/* 我的积分开始 */
.user_wdjf {
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 20px;
}
.user_wdjf_a {
    width: 300px;
    background-image: url(/uploads/allimg/20260214/1-260214143950S7.png);
    background-size: 100% 100%;
    border-radius: 12px;
    position: relative;
    overflow: hidden;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.user_wdjf_a::before {
    content: '';
    width: 100%;
    height: 100%;
    background-image: url(/uploads/allimg/20260214/1-260214162331B4.png);
    background-size: 100% 100%;
    position: absolute;
    top: 0;
    right: 0;
    opacity: .92;
}
.user_wdjf_aa {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 1;
    gap: 25px;
    padding: 25px;
}
.user_wdjf_aaa {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 20px;
}
.user_wdjf_aaaa {
    width: 90px;
    height: 90px;
    border-radius: 50%;
    background-color: var(--bter);
    position: relative;
    overflow: hidden;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    border: 3px solid var(--bsym);
}
.user_wdjf_aaaaa {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.user_wdjf_aaab {
    font-size: 18px;
    line-height: 1;
    color: var(--bprm);
}
.user_wdjf_aaac {
    width: 85px;
    height: 25px;
    background-color: rgb(249 251 253 / 40%);
    color: var(--kpbg);
    border-radius: 25px;
    font-size: 12px;
    line-height: 1;
    padding-bottom: 1px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.user_wdjf_aaad {
    width: 160px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 5px;
}
.user_wdjf_aaada {
    width: 100%;
    height: 25px;
}
.user_wdjf_aaadb {
    width: 100%;
    height: 9px;
    font-family: "Courier New", monospace;
    font-size: 14px;
    line-height: 12px;
    color: var(--bbt);
    letter-spacing: 2px;
    font-weight: 550;
    margin-right: -2px;
    display: flex;
    align-content: center;
    justify-content: center;
}
.user_wdjf_aab {
    width: 100%;
    display: flex;
    position: relative;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    padding: 15px 0;
    gap: 15px;
}
.user_wdjf_aab::before {
    content: '';
    width: 100%;
    height: 1px;
    background: repeating-linear-gradient(to right, #fff, #fff 4px, transparent 4px, transparent 8px);
    opacity: .5;
    position: absolute;
    top: 0;
}
.user_wdjf_aab::after {
    content: '';
    width: 100%;
    height: 1px;
    background: repeating-linear-gradient(to right, #fff, #fff 4px, transparent 4px, transparent 8px);
    opacity: .5;
    position: absolute;
    bottom: 0;
}
.user_wdjf_aaba {
    font-size: 14px;
    line-height: 1;
    color: rgb(255 255 255 / 95%);
}
.user_wdjf_aabb {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    height: 17px;
    font-family: 'sinclair';
    font-size: 26px;
    line-height: 21px;
    color: #fff;
}
.user_wdjf_aac {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
}
.user_wdjf_aaca {
    width: 100%;
    height: 40px;
    background: rgba(255, 255, 255, 0.15);
    border: 1px solid rgba(255, 255, 255, 0.25);
    border-radius: var(--rmd);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    line-height: 1;
    color: var(--bprm);
    font-weight: 300;
    transition: var(--tran);
    padding-bottom: 2px;
}
.user_wdjf_aaca:hover {
    border-color: rgba(255, 255, 255, 0.4);
    transform: translateY(-2px);
    color: var(--bprm);
}
.user_wdjf_aacb {
    width: 100%;
    height: 40px;
    background: rgba(255, 255, 255, 0.15);
    border: 1px solid rgba(255, 255, 255, 0.25);
    border-radius: var(--rmd);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    line-height: 1;
    color: var(--bprm);
    font-weight: 300;
    transition: var(--tran);
    padding-bottom: 2px;
}
.user_wdjf_aacb:hover {
    border-color: rgba(255, 255, 255, 0.4);
    transform: translateY(-2px);
    color: var(--bprm);
}
.user_wdjf_tcym {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    background: rgba(0, 0, 0, 0.5);
    display: none;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.user_wdjf_tcym_a {
    width: 400px;
    background: var(--bprm);
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    box-shadow: var(--smd);
    overflow: hidden;
}
.user_wdjf_tcym_aa {
    width: 100%;
    height: 50px;
    background-color: #f8f9fc;
    border-bottom: 1px solid var(--bsqt);
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    position: relative;
    overflow: hidden;
    padding: 0 20px;
}
.user_wdjf_tcym_aaa {
    height: 100%;
    font-size: 16px;
    line-height: 1;
    font-weight: 550;
    color: var(--tprm);
    display: flex;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.user_wdjf_tcym_aab {
    font-size: 14px;
    line-height: 1;
    color: var(--tter);
    transition: var(--tran);
}
.user_wdjf_tcym_aab::before {
    content: '\eb51';
}
.user_wdjf_tcym_aab:hover {
    transform: rotate(90deg);
}
.user_wdjf_tcym_ab {
    width: 100%;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.user_wdjf_tcym_aba {
    width: 100%;
    border: none;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.user_wdjf_b {
    flex: 1;
    height: 100%;
    background-color: var(--bprm);
    border-radius: 12px;
    border: 1px solid var(--bsqt);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    overflow: hidden;
}
.user_wdjf_ba {
    width: 100%;
    height: 50px;
    background-color: #f8f9fc;
    border-bottom: 1px solid var(--bsqt);
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    padding: 0 20px;
    gap: 10px;
}
.user_wdjf_baa {
    height: 100%;
    font-size: 18px;
    line-height: 1;
    color: var(--pcol);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.user_wdjf_baa::before {
    content: '\e996';
}
.user_wdjf_bab {
    height: 100%;
    font-size: 17px;
    line-height: 1;
    font-weight: 550;
    color: var(--tprm);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.user_wdjf_bb {
    width: 100%;
    height: calc(100% - 50px);
    padding: 20px;
    gap: 20px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}
.user_wdjf_bba {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 20px;
    border: none;
}
.user_wdjf_bbaa {
    width: 150px;
    display: block;
}
.user_wdjf_bbab {
    font-size: 14px;
    line-height: 1;
    color: var(--tter);
}
.user_wdjf_bbb {
    width: 100%;
    height: calc(100% - 55px);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.user_wdjf_bbba {
    width: 100%;
    height: 35px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    background-color: #f8f9fc;
    border: 1px solid var(--bsqt);
    border-radius: 5px 5px 0 0;
    overflow: hidden;
}
.user_wdjf_bbbaa {
    height: 100%;
    font-size: 14px;
    line-height: 1;
    font-weight: 550;
    color: var(--zwbt);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    border-right: 1px solid var(--bsqt);
}
.user_wdjf_bbbaa:nth-child(1) {
    width: 5%;
}
.user_wdjf_bbbaa:nth-child(2) {
    width: 20%;
}
.user_wdjf_bbbaa:nth-child(3) {
    width: 25%;
}
.user_wdjf_bbbaa:nth-child(4) {
    width: 25%;
}
.user_wdjf_bbbaa:nth-child(5) {
    width: 25%;
    border-right: 0;
}
.user_wdjf_bbbb {
    width: 100%;
    height: calc(100% - 35px);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    overflow: hidden;
    overflow-y: auto;
}
.user_wdjf_bbbba {
    width: 100%;
    border: 1px solid var(--bsqt);
    border-top: 0;
    border-radius: 0 0 5px 5px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.user_wdjf_bbbbaa {
    width: 100%;
    height: 35px;
    font-size: 14px;
    line-height: 1;
    color: var(--zwbt);
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}
.user_wdjf_bbbbaaa {
    height: 100%;
    font-size: 14px;
    line-height: 1;
    color: var(--cywt);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    border-right: 1px solid var(--bsqt);
    border-top: 1px solid var(--bsqt);
}
.user_wdjf_bbbbaa:first-child .user_wdjf_bbbbaaa {
    border-top: 0;
}
.user_wdjf_bbbbaaa:nth-child(1) {
    width: 5%;
}
.user_wdjf_bbbbaaa:nth-child(2) {
    width: 20%;
}
.user_wdjf_bbbbaaa:nth-child(3) {
    width: 25%;
}
.user_wdjf_bbbbaaa:nth-child(4) {
    width: 25%;
}
.user_wdjf_bbbbaaa:nth-child(5) {
    width: 25%;
    border-right: 0;
}
.user_wdjf_bbbbaaa.zj {
    color: var(--succ);
}
.user_wdjf_bbbbaaa.js {
    color: var(--dang);
}
.user_wdjf_bbc {
    width: 100%;
    height: 35px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}
.user_wdjf_bbca {
    height: 100%;
    display: flex;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.user_wdjf_bbcb {
    height: 100%;
    font-size: 14px;
    line-height: 1;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-end;
    align-items: center;
    color: var(--cywt);
    gap: 3px;
}
/* 我的积分结束 */
/* 积分兑换开始 */
.user_dhjf {
    width: 100%;
    padding: 20px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
}
.user_dhjf_a {
    width: 100%;
    color: #bb833d;
    background: #f6f0e7;
    font-size: 13px;
    line-height: 1;
    text-align: center;
    padding: 10px 0;
    border-radius: 5px;
}
.user_dhjf_b {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.user_dhjf_ba {
    width: 100%;
    height: 42px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    position: relative;
}
.user_dhjf_bb {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    gap: 8px;
}
.user_dhjf_bbb {
    width: 100%;
    height: 100%;
    padding: 0 10px;
    border: 1px solid var(--bsym);
    border-radius: 5px;
    font-size: 14px;
    line-height: 1;
    color: var(--cywt);
    outline: none;
    transition: var(--tran);
}
.user_dhjf_bbc, .user_dhjf_bbf {
    font-size: 14px;
    color: var(--tsec);
    white-space: nowrap;
}
.user_dhjf_bbe {
    font-size: 14px;
    color: var(--pcol);
    font-weight: 500;
}
.user_dhjf_c {
    width: 100%;
    height: 42px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
}
.user_dhjf_ca {
    width: 100%;
    height: 100%;
    background: var(--pcol);
    color: var(--bprm);
    font-size: 15px;
    line-height: 1;
    border-radius: 25px;
    cursor: pointer;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}
.user_dhjf_ca:disabled {
    background: #ccc;
    cursor: not-allowed;
    opacity: 0.7;
}
/* 积分兑换结束 */
/* 我的学籍开始 */
.user_wdxj {
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 20px;
}
.user_wdxj_a {
    width: 200px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
}
.user_wdxj_aa {
    width: 100%;
    background-color: var(--kpbg);
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
    padding: 20px;
    border: 1px solid var(--bsqt);
}
.user_wdxj_aaa {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
}
.user_wdxj_aaaa {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    background: var(--bcol);
    position: relative;
}
.user_wdxj_aaaaa {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 50%;
    overflow: hidden;
}
.user_wdxj_aaaab {
    width: 80px;
    height: 35px;
    background-size: 80px 35px;
    position: absolute;
    bottom: -10px;
}
.user_wdxj_aaaab.lv1 {
    background-image: url(/uploads/allimg/20260209/1-260209105F0G0.png);
}
.user_wdxj_aaaab.lv2 {
    background-image: url(/uploads/allimg/20260209/1-26020911425M52.png);
}
.user_wdxj_aaaab.lv3 {
    background-image: url(/uploads/allimg/20260209/1-26020911425J25.png);
}
.user_wdxj_aaaab.lv4 {
    background-image: url(/uploads/allimg/20260209/1-26020911425K11.png);
}
.user_wdxj_aaaab.lv5 {
    background-image: url(/uploads/allimg/20260209/1-26020911425MH.png);
}
.user_wdxj_aaaaba {
    position: absolute;
    top: -9px;
    left: 1px;
    width: 100%;
    height: 40px;
}
.user_wdxj_aaaabaa{
    fill: transparent;
}
.user_wdxj_aaaabab {
    font-size: 9px;
    line-height: 1;
    letter-spacing: 1px;
    fill: #fff;
}
.user_wdxj_aaab {
    font-size: 18px;
    line-height: 1;
    color: var(--zwbt);
}
.user_wdxj_aaac {
    width: 85px;
    height: 27px;
    background-color: rgba(99, 102, 241, 0.1);
    color: var(--pcol);
    border-radius: 25px;
    font-size: 13px;
    line-height: 1;
    border: 1px solid var(--plgt);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    padding-bottom: 2px;
}
.user_wdxj_aaad {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 5px;
}
.user_wdxj_aaada {
    width: 100%;
    height: 25px;
}
.user_wdxj_aaadb {
    width: 100%;
    height: 9px;
    font-family: "Courier New", monospace;
    font-size: 14px;
    line-height: 12px;
    color: var(--zwbt);
    letter-spacing: 2px;
    font-weight: 550;
    margin-right: -2px;
    display: flex;
    align-content: center;
    justify-content: center;
}
.user_wdxj_ab {
    width: 100%;
    background-color: var(--kpbg);
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
    padding: 20px;
    border: 1px solid var(--bsqt);
}
.user_wdxj_aba {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 7px;
}
.user_wdxj_abaa {
    height: 12px;
    display: block;
}
.user_wdxj_abab {
    font-size: 15px;
    line-height: 1;
    color: var(--tsec);
    margin-top: -1px;
    font-weight: 550;
}
.user_wdyq_abaa {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 7px;
}
.user_wdxj_abb {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.user_wdxj_abba {
    width: 100%;
    border-bottom: 1px solid var(--bcol);
    padding: 10px 0;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
.user_wdxj_abba:first-child {
    padding-top: 0;
}
.user_wdxj_abba:last-child {
    padding-bottom: 0;
    border-bottom: none;
}
.user_wdxj_abbaa {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}
.user_wdxj_abbaaa {
    font-size: 12px;
    line-height: 1;
    color: var(--tsec);
}
.user_wdxj_abbaab {
    font-size: 12px;
    line-height: 1;
    color: var(--pcol);
}
.user_wdxj_abbab {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: flex-end;
    gap: 5px;
}
.user_wdxj_abbaba {
    width: 100%;
    height: 8px;
    background-color: var(--bter);
    border-radius: 25px;
    overflow: hidden;
}
.user_wdxj_abbabaa {
    height: 100%;
    background-color: var(--pcol);
    border-radius: 25px;
    transition: width 0.3s ease;
}
.user_wdxj_abbabb {
    font-size: 12px;
    line-height: 1;
    color: var(--tter);
}.user_wdxj_b {
    flex: 1;
    height: 100%;
    background-color: var(--bprm);
    border-radius: 12px;
    border: 1px solid var(--bsqt);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    overflow: hidden;
}
.user_wdxj_ba {
    width: 100%;
    height: 50px;
    background-color: #f8f9fc;
    border-bottom: 1px solid var(--bsqt);
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}
.user_wdxj_baa {
    height: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 7px;
    padding-left: 20px;
}
.user_wdxj_baaa {
    height: 100%;
    font-size: 18px;
    line-height: 1;
    color: var(--pcol);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.user_wdxj_baaa::before {
    content: '\e996';
}
.user_wdxj_baab {
    height: 100%;
    font-size: 17px;
    line-height: 1;
    font-weight: 550;
    color: var(--tprm);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.user_wdxj_bab {
    height: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-end;
    align-items: center;
}
.user_wdxj_baba {
    height: 100%;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    padding: 0 20px;
    border-left: 1px solid var(--bsqt);
    font-size: 15px;
    line-height: 1;
    font-weight: 550;
    color: var(--tsec);
    transition: var(--tran);
    position: relative;
}
.user_wdxj_baba.active {
    color: var(--pcol);
    background: var(--kpbg);
}
.user_wdxj_baba.active::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 15px;
    height: 2px;
    background-color: var(--pcol);
    border-radius: 25px;
}
.user_wdxj_baba:hover {
    color: var(--pcol);
    background-color: rgba(99, 102, 241, 0.03);
}
.user_wdxj_bb {
    width: 100%;
    height: calc(100% - 50px);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}
.user_wdxj_bba {
    width: 100%;
    height: 100%;
    display: none;
    align-content: flex-start;
    justify-content: center;
    align-items: flex-start;
}
.user_wdxj_bba.active {
    display: flex;
}
.user_wdxj_bbaa {
    width: 100%;
    height: 100%;
    padding: 20px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 40px;
    overflow-y: auto;
}
.user_wdxj_bbaa::-webkit-scrollbar-thumb {
    display: none;
}
.user_wdxj_bbaaa {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    border: 1px solid var(--bter);
    padding: 30px 20px 20px 20px;
    border-radius: 8px;
    gap: 20px;
    position: relative;
}
.user_wdxj_bbaaa:first-child {
    margin-top: 8.5px;
}
.user_wdxj_bbaaaa {
    position: absolute;
    top: -8.5px;
    left: 10px;
    background: var(--bprm);
    font-size: 15px;
    line-height: 1;
    font-weight: 550;
    color: #333;
    padding: 0 10px;
}
.user_wdxj_bbaaab {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}
.user_wdxj_bbaaaba {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 10px;
}
.user_wdxj_bbaaabaa {
    font-size: 14px;
    line-height: 1;
    color: var(--tsec);
}
.user_wdxj_bbaaabab {
    width: 100%;
    height: 36px;
    background: var(--bsec);
    border-radius: 5px;
    display: flex;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    border: 1px solid var(--bter);
    font-size: 14px;
    line-height: 1;
    color: var(--tsec);
    padding: 0 10px;
}
.user_wdxj_bbaaac {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.user_wdxj_bbaaaca {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 20px;
    border: none;
}
.user_wdxj_bbaaacaa {
    width: 100px;
    display: block;
}
.user_wdxj_bbaaacab {
    font-size: 14px;
    line-height: 1;
    color: var(--tter);
}
.user_wdxj_bbaaacb {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}
.user_wdxj_bbaaacba {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 10px;
}
.user_wdxj_bbaaacbaa {
    font-size: 14px;
    line-height: 1;
    color: var(--tsec);
}
.user_wdxj_bbaaacbab {
    width: 100%;
    height: 36px;
    background: var(--bsec);
    border-radius: 5px;
    display: flex;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    border: 1px solid var(--bter);
    font-size: 14px;
    line-height: 1;
    color: var(--tsec);
    padding: 0 10px;
}
.user_wdxj_bbab {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    padding: 20px;
}
.user_wdxj_bbaba {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 20px;
    border: none;
}
.user_wdxj_bbabaa {
    width: 150px;
    display: block;
}
.user_wdxj_bbabab {
    font-size: 14px;
    line-height: 1;
    color: var(--tter);
}
.user_wdxj_bbabb {
    width: 100%;
    height: calc(100% - 55px);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.user_wdxj_bbabba {
    width: 100%;
    height: 35px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    background-color: #f8f9fc;
    border: 1px solid var(--bsqt);
    border-radius: 5px 5px 0 0;
    overflow: hidden;
}
.user_wdxj_bbabbaa {
    height: 100%;
    font-size: 14px;
    line-height: 1;
    font-weight: 550;
    color: var(--zwbt);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    border-right: 1px solid var(--bsqt);
}
.user_wdxj_bbabbaa:nth-child(1) {
    width: 5%;
}
.user_wdxj_bbabbaa:nth-child(2) {
    width: 15%;
}
.user_wdxj_bbabbaa:nth-child(3) {
    width: 15%;
}
.user_wdxj_bbabbaa:nth-child(4) {
    width: 20%;
}
.user_wdxj_bbabbaa:nth-child(5) {
    width: 15%;
}
.user_wdxj_bbabbaa:nth-child(6) {
    width: 15%;
}
.user_wdxj_bbabbaa:nth-child(7) {
    width: 15%;
    border-right: 0;
}
.user_wdxj_bbabbb {
    width: 100%;
    height: calc(100% - 35px);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    overflow: hidden;
    overflow-y: auto;
}
.user_wdxj_bbabbb::-webkit-scrollbar-thumb {
    display: none;
}
.user_wdxj_bbabbba {
    width: 100%;
    border: 1px solid var(--bsqt);
    border-top: 0;
    border-radius: 0 0 5px 5px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.user_wdxj_bbabbbaa {
    width: 100%;
    height: 35px;
    font-size: 14px;
    line-height: 1;
    color: var(--zwbt);
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}
.user_wdxj_bbabbbaaa {
    height: 100%;
    font-size: 14px;
    line-height: 1;
    color: var(--cywt);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    border-right: 1px solid var(--bsqt);
    border-top: 1px solid var(--bsqt);
}
.user_wdxj_bbabbbaa:first-child .user_wdxj_bbabbbaaa {
    border-top: 0;
}
.user_wdxj_bbabbbaaa:nth-child(1) {
    width: 5%;
}
.user_wdxj_bbabbbaaa:nth-child(2) {
    width: 15%;
}
.user_wdxj_bbabbbaaa:nth-child(3) {
    width: 15%;
}
.user_wdxj_bbabbbaaa:nth-child(4) {
    width: 20%;
}
.user_wdxj_bbabbbaaa:nth-child(5) {
    width: 15%;
}
.user_wdxj_bbabbbaaa:nth-child(6) {
    width: 15%;
}
.user_wdxj_bbabbbaaa:nth-child(7) {
    width: 15%;
    border-right: 0;
}
.user_wdxj_bbabc {
    width: 100%;
    height: 35px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}
.user_wdxj_bbabca {
    height: 100%;
    display: flex;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.user_wdxj_bbabcb {
    height: 100%;
    font-size: 14px;
    line-height: 1;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-end;
    align-items: center;
    color: var(--cywt);
    gap: 3px;
}
/* 我的学籍结束 */
/* 我的学员开始 */
.user_wdxy {
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 20px;
}
.user_wdxy_a {
    width: 200px;
    background-color: var(--kpbg);
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
    padding: 20px;
    border: 1px solid var(--bsqt);
}
.user_wdxy_aa {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
}
.user_wdxy_aaa {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    background: var(--bcol);
    position: relative;
}
.user_wdxy_aaaa {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 50%;
    overflow: hidden;
}
.user_wdxy_aaab {
    width: 80px;
    height: 35px;
    background-size: 80px 35px;
    position: absolute;
    bottom: -10px;
}
.user_wdxy_aaab.lv1 {
    background-image: url(/uploads/allimg/20260209/1-260209105F0G0.png);
}
.user_wdxy_aaab.lv2 {
    background-image: url(/uploads/allimg/20260209/1-26020911425M52.png);
}
.user_wdxy_aaab.lv3 {
    background-image: url(/uploads/allimg/20260209/1-26020911425J25.png);
}
.user_wdxy_aaab.lv4 {
    background-image: url(/uploads/allimg/20260209/1-26020911425K11.png);
}
.user_wdxy_aaab.lv5 {
    background-image: url(/uploads/allimg/20260209/1-26020911425MH.png);
}
.user_wdxy_aaaba {
    position: absolute;
    top: -9px;
    left: 1px;
    width: 100%;
    height: 40px;
}
.user_wdxy_aaabaa{
    fill: transparent;
}
.user_wdxy_aaabab {
    font-size: 9px;
    line-height: 1;
    letter-spacing: 1px;
    fill: #fff;
}
.user_wdxy_aab {
    font-size: 18px;
    line-height: 1;
    color: var(--zwbt);
}
.user_wdxy_aac {
    width: 85px;
    height: 27px;
    background-color: rgba(99, 102, 241, 0.1);
    color: var(--pcol);
    border-radius: 25px;
    font-size: 13px;
    line-height: 1;
    border: 1px solid var(--plgt);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    padding-bottom: 2px;
}
.user_wdxy_aad {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 5px;
}
.user_wdxy_aada {
    width: 100%;
    height: 25px;
}
.user_wdxy_aadb {
    width: 100%;
    height: 9px;
    font-family: "Courier New", monospace;
    font-size: 14px;
    line-height: 12px;
    color: var(--zwbt);
    letter-spacing: 2px;
    font-weight: 550;
    margin-right: -2px;
    display: flex;
    align-content: center;
    justify-content: center;
}
.user_wdxy_b {
    flex: 1;
    height: 100%;
    background-color: var(--bprm);
    border-radius: 12px;
    border: 1px solid var(--bsqt);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    overflow: hidden;
}
.user_wdxy_ba {
    width: 100%;
    height: 50px;
    background-color: #f8f9fc;
    border-bottom: 1px solid var(--bsqt);
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    padding: 0 20px;
    gap: 10px;
}
.user_wdxy_baa {
    height: 100%;
    font-size: 18px;
    line-height: 1;
    color: var(--pcol);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.user_wdxy_baa::before {
    content: '\e996';
}
.user_wdxy_bab {
    height: 100%;
    font-size: 17px;
    line-height: 1;
    font-weight: 550;
    color: var(--tprm);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.user_wdxy_bb {
    width: 100%;
    height: calc(100% - 50px);
    padding: 20px;
    gap: 20px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}
.user_wdxy_bba {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 20px;
    border: none;
}
.user_wdxy_bbaa {
    width: 150px;
    display: block;
}
.user_wdxy_bbab {
    font-size: 14px;
    line-height: 1;
    color: var(--tter);
}
.user_wdxy_bbb {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
}
.user_wdxy_bbba {
    width: 100%;
    height: 33px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}
.user_wdxy_bbbaa {
    height: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}
.user_wdxy_bbbaaa {
    height: 100%;
    font-size: 14px;
    line-height: 1;
    color: var(--tsec);
    background: var(--bter);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    border-radius: var(--rsm);
    padding: 0 20px;
    transition: var(--tran);
}
.user_wdxy_bbbaaa.active {
    background: var(--pcol);
    color: var(--bprm);
    pointer-events: none;
}
.user_wdxy_bbbaaa:hover {
    background: var(--plgt);
    color: var(--bprm);
}
.user_wdxy_bbbab {
    height: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-end;
    align-items: center;
}
.user_wdxy_bbbaba {
    width: 220px;
    height: 100%;
    padding: 0 10px;
    border: 1px solid var(--bsym);
    border-radius: var(--rsm);
    font-size: 14px;
    line-height: 1;
    color: var(--cywt);
    transition: var(--tran);
}
.user_wdxy_bbbb {
    width: 100%;
    height: calc(100% - 53px);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
}
.user_wdxy_bbbba {
    width: 100%;
    height: calc(100% - 53px);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.user_wdxy_bbbbaa {
    width: 100%;
    height: 35px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    background-color: #f8f9fc;
    border: 1px solid var(--bsqt);
    border-radius: 5px 5px 0 0;
    overflow: hidden;
}
.user_wdxy_bbbbaaa {
    height: 100%;
    font-size: 14px;
    line-height: 1;
    font-weight: 550;
    color: var(--zwbt);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    border-right: 1px solid var(--bsqt);
}
.user_wdxy_bbbbaaa:nth-child(1) {
    width: 5%;
}
.user_wdxy_bbbbaaa:nth-child(2) {
    width: 10%;
}
.user_wdxy_bbbbaaa:nth-child(3) {
    width: 10%;
}
.user_wdxy_bbbbaaa:nth-child(4) {
    width: 5%;
}
.user_wdxy_bbbbaaa:nth-child(5) {
    width: 5%;
}
.user_wdxy_bbbbaaa:nth-child(6) {
    width: 10%;
}
.user_wdxy_bbbbaaa:nth-child(7) {
    width: 10%;
}
.user_wdxy_bbbbaaa:nth-child(8) {
    width: 10%;
}
.user_wdxy_bbbbaaa:nth-child(9) {
    width: 10%;
}
.user_wdxy_bbbbaaa:nth-child(10) {
    width: 25%;
    border-right: 0;
}
.user_wdxy_bbbbab {
    width: 100%;
    height: calc(100% - 35px);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    overflow: hidden;
    overflow-y: auto;
}
.user_wdxy_bbbbab::-webkit-scrollbar {
    display: none;
}
.user_wdxy_bbbbaba {
    width: 100%;
    border: 1px solid var(--bsqt);
    border-top: 0;
    border-radius: 0 0 5px 5px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.user_wdxy_bbbbabaa {
    width: 100%;
    height: 35px;
    font-size: 14px;
    line-height: 1;
    color: var(--zwbt);
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}
.user_wdxy_bbbbabaaa {
    height: 100%;
    font-size: 14px;
    line-height: 1;
    color: var(--cywt);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    border-right: 1px solid var(--bsqt);
    border-top: 1px solid var(--bsqt);
}
.user_wdxy_bbbbabaa:first-child .user_wdxy_bbbbabaaa {
    border-top: 0;
}
.user_wdxy_bbbbabaaa:nth-child(1) {
    width: 5%;
}
.user_wdxy_bbbbabaaa:nth-child(2) {
    width: 10%;
}
.user_wdxy_bbbbabaaa:nth-child(3) {
    width: 10%;
}
.user_wdxy_bbbbabaaa:nth-child(4) {
    width: 5%;
}
.user_wdxy_bbbbabaaa:nth-child(5) {
    width: 5%;
}
.user_wdxy_bbbbabaaa:nth-child(6) {
    width: 10%;
}
.user_wdxy_bbbbabaaa:nth-child(7) {
    width: 10%;
}
.user_wdxy_bbbbabaaa:nth-child(8) {
    width: 10%;
}
.user_wdxy_bbbbabaaa:nth-child(9) {
    width: 10%;
}
.user_wdxy_bbbbabaaa:nth-child(10) {
    width: 25%;
    border-right: 0;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
.user_wdxy_bbbbabaaaa:hover {
    color: var(--pcol);
}
.user_wdxy_bbbbabaaa.zj {
    color: var(--succ);
}
.user_wdxy_bbbbabaaa.js {
    color: var(--dang);
}
.user_wdxy_bbbbb {
    width: 100%;
    height: 35px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}
.user_wdxy_bbbbba {
    height: 100%;
    display: flex;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.user_wdxy_bbbbbb {
    height: 100%;
    font-size: 14px;
    line-height: 1;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-end;
    align-items: center;
    color: var(--cywt);
    gap: 3px;
}
.user_wdxy_tcym {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    display: none;
    align-content: center;
    justify-content: center;
    align-items: center;
    background: rgb(0 0 0 / 30%);
}
.user_wdxy_tcym_a {
    width: 1280px;
    height: 880px;
    background: var(--bprm);
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    box-shadow: var(--smd);
    overflow: hidden;
}
.user_wdxy_tcym_aa {
    width: 100%;
    height: 50px;
    background-color: #f8f9fc;
    border-bottom: 1px solid var(--bsqt);
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    position: relative;
    overflow: hidden;
    padding: 0 20px;
    flex-shrink: 0;
}
.user_wdxy_tcym_aaa {
    height: 100%;
    font-size: 16px;
    line-height: 1;
    font-weight: 550;
    color: var(--tprm);
    display: flex;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.user_wdxy_tcym_aab {
    font-size: 14px;
    line-height: 1;
    color: var(--tter);
    transition: var(--tran);
    background: none;
}
.user_wdxy_tcym_aab::before {
    content: '\eb51';
}
.user_wdxy_tcym_aab:hover {
    transform: rotate(90deg);
}
.user_wdxy_tcym_ab {
    width: 100%;
    height: calc(100% - 50px);
    display: flex;
    align-content: flex-start;
    justify-content: center;
    align-items: flex-start;
}
.user_wdxy_tcym_aba {
    width: 100%;
    height: 100%;
    display: flex;
    align-content: flex-start;
    justify-content: center;
    align-items: flex-start;
}
.user_wdxy_tcym_a.small {
    height: 550px;
}
.user_wdxy_xjda {
    width: 100%;
    height: 100%;
    padding: 20px 0;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
}
.user_wdxy_xjda_a {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 15px;
    padding: 0 20px;
}
.user_wdxy_xjda_aa {
    height: 35px;
    padding: 0 15px;
    font-size: 14px;
    line-height: 1;
    color: var(--tsec);
    background: var(--bter);
    border-radius: 5px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    transition: var(--tran);
}
.user_wdxy_xjda_aa.active {
    color: var(--bprm);
    background: var(--plgt);
}
.user_wdxy_xjda_aa:hover {
    transform: translateY(-1px);
}
.user_wdxy_xjda_b {
    width: 100%;
    height: calc(100% - 55px);
    display: flex;
    align-content: flex-start;
    justify-content: center;
    align-items: flex-start;
}
.user_wdxy_xjda_ba {
    width: 100%;
    height: 100%;
    display: none;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: center;
    align-items: flex-start;
}
.user_wdxy_xjda_ba.active {
    display: flex;
}
.user_wdxy_xjda_baa {
    width: 100%;
    height: 100%;
    padding: 0 20px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 40px;
    overflow-y: auto;
}
.user_wdxy_xjda_baa::-webkit-scrollbar {
    display: none;
}
.user_wdxy_xjda_baaa {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    border: 1px solid var(--bter);
    padding: 30px 20px 20px 20px;
    border-radius: 8px;
    gap: 20px;
    position: relative;
}
.user_wdxy_xjda_baaa:first-child {
    margin-top: 8.5px;
}
.user_wdxy_xjda_baaaa {
    position: absolute;
    top: -8.5px;
    left: 10px;
    background: var(--bprm);
    font-size: 15px;
    line-height: 1;
    font-weight: 550;
    color: #333;
    padding: 0 10px;
}
.user_wdxy_xjda_baaab {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}
.user_wdxy_xjda_baaaba {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 10px;
}
.user_wdxy_xjda_baaabaa {
    font-size: 14px;
    line-height: 1;
    color: var(--tsec);
}
.user_wdxy_xjda_baaabab {
    width: 100%;
    height: 36px;
    background: var(--bsec);
    border-radius: 5px;
    display: flex;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    border: 1px solid var(--bter);
    font-size: 14px;
    line-height: 1;
    color: var(--tsec);
    padding: 0 10px;
}
.user_wdxy_xjda_bab {
    width: 100%;
    height: 100%;
    padding: 0 20px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}
.user_wdxy_xjda_baba {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 20px;
    border: none;
}
.user_wdxy_xjda_babaa {
    width: 100px;
    display: block;
}
.user_wdxy_xjda_babab {
    font-size: 14px;
    line-height: 1;
    color: var(--tter);
}
.user_wdxy_xjda_babb {
    width: 100%;
    height: calc(100% - 34px);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.user_wdxy_xjda_babba {
    width: 100%;
    height: 35px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    background-color: #f8f9fc;
    border: 1px solid var(--bsqt);
    border-radius: 5px 5px 0 0;
    overflow: hidden;
}
.user_wdxy_xjda_babbaa {
    height: 100%;
    font-size: 14px;
    line-height: 1;
    font-weight: 550;
    color: var(--zwbt);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    border-right: 1px solid var(--bsqt);
}
.user_wdxy_xjda_babbaa:nth-child(1) {
    width: 5%;
}
.user_wdxy_xjda_babbaa:nth-child(2) {
    width: 15%;
}
.user_wdxy_xjda_babbaa:nth-child(3) {
    width: 10%;
}
.user_wdxy_xjda_babbaa:nth-child(4) {
    width: 15%;
}
.user_wdxy_xjda_babbaa:nth-child(5) {
    width: 15%;
}
.user_wdxy_xjda_babbaa:nth-child(6) {
    width: 15%;
}
.user_wdxy_xjda_babbaa:nth-child(7) {
    width: 15%;
}
.user_wdxy_xjda_babbaa:nth-child(8) {
    width: 10%;
    border-right: 0;
}
.user_wdxy_xjda_babbaa_1 {
    height: 100%;
    font-size: 14px;
    line-height: 1;
    font-weight: 550;
    color: var(--zwbt);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    border-right: 1px solid var(--bsqt);
}
.user_wdxy_xjda_babbaa_1:nth-child(1) {
    width: 5%;
}
.user_wdxy_xjda_babbaa_1:nth-child(2) {
    width: 20%;
}
.user_wdxy_xjda_babbaa_1:nth-child(3) {
    width: 20%;
}
.user_wdxy_xjda_babbaa_1:nth-child(4) {
    width: 20%;
}
.user_wdxy_xjda_babbaa_1:nth-child(5) {
    width: 20%;
}
.user_wdxy_xjda_babbaa_1:nth-child(6) {
    width: 15%;
    border-right: 0;
}
.user_wdxy_xjda_babbb {
    width: 100%;
    height: calc(100% - 35px);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    overflow: hidden;
    overflow-y: auto;
}
.user_wdxy_xjda_babbb::-webkit-scrollbar {
    display: none;
}
.user_wdxy_xjda_babbba {
    width: 100%;
    border: 1px solid var(--bsqt);
    border-top: 0;
    border-radius: 0 0 5px 5px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.user_wdxy_xjda_babbbaa {
    width: 100%;
    height: 35px;
    font-size: 14px;
    line-height: 1;
    color: var(--zwbt);
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}
.user_wdxy_xjda_babbbaaa {
    height: 100%;
    font-size: 14px;
    line-height: 1;
    color: var(--cywt);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    border-right: 1px solid var(--bsqt);
    border-top: 1px solid var(--bsqt);
}
.user_wdxy_xjda_babbbaa:first-child .user_wdxy_xjda_babbbaaa {
    border-top: 0;
}
.user_wdxy_xjda_babbbaaa:nth-child(1) {
    width: 5%;
}
.user_wdxy_xjda_babbbaaa:nth-child(2) {
    width: 15%;
}
.user_wdxy_xjda_babbbaaa:nth-child(3) {
    width: 10%;
}
.user_wdxy_xjda_babbbaaa:nth-child(4) {
    width: 15%;
}
.user_wdxy_xjda_babbbaaa:nth-child(5) {
    width: 15%;
}
.user_wdxy_xjda_babbbaaa:nth-child(6) {
    width: 15%;
}
.user_wdxy_xjda_babbbaaa:nth-child(7) {
    width: 15%;
}
.user_wdxy_xjda_babbbaaa:nth-child(8) {
    width: 10%;
    border-right: 0;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
.user_wdxy_xjda_babbbaaa_1 {
    height: 100%;
    font-size: 14px;
    line-height: 1;
    color: var(--cywt);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    border-right: 1px solid var(--bsqt);
    border-top: 1px solid var(--bsqt);
}
.user_wdxy_xjda_babbbaa:first-child .user_wdxy_xjda_babbbaaa_1 {
    border-top: 0;
}
.user_wdxy_xjda_babbbaaa_1:nth-child(1) {
    width: 5%;
}
.user_wdxy_xjda_babbbaaa_1:nth-child(2) {
    width: 20%;
}
.user_wdxy_xjda_babbbaaa_1:nth-child(3) {
    width: 20%;
}
.user_wdxy_xjda_babbbaaa_1:nth-child(4) {
    width: 20%;
}
.user_wdxy_xjda_babbbaaa_1:nth-child(5) {
    width: 20%;
}
.user_wdxy_xjda_babbbaaa_1:nth-child(6) {
    width: 15%;
    border-right: 0;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
.user_wdxy_xjda_babc {
    width: 100%;
    font-size: 14px;
    line-height: 1;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-end;
    align-items: center;
    color: var(--cywt);
    gap: 3px;
}
.user_wdxy_xjda_babbbaaaa {
    padding: 5px 8px 6px 8px;
    border-radius: 4px;
    font-size: 12px;
    line-height: 1;
    transition: var(--tran);
    color: var(--bprm);
    display: flex;
    align-content: center;
    align-items: center;
}
.user_wdxy_xjda_babbbaaaa.xg {
    background-color: var(--succ);
}
.user_wdxy_xjda_babbbaaaa.sc {
    background-color: var(--dang);
}
.user_wdxy_xjda_babbbaaaa:hover {
    transform: translateY(-1px);
}
.user_wdxy_xjda_xgtc {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    transition: var(--tran);
    background: rgb(0 0 0 / 5%);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.user_wdxy_xjda_xgtc.show {
    opacity: 1;
    visibility: visible;
}
.user_wdxy_xjda_xgtc_a {
    width: 880px;
    background: var(--bprm);
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    box-shadow: var(--smd);
    overflow: hidden;
    z-index: 1000;
}
.user_wdxy_xjda_xgtc.show .user_wdxy_xjda_xgtc_a {
    transform: translateY(0);
}
.user_wdxy_xjda_xgtc_aa {
    width: 100%;
    height: 50px;
    background-color: #f8f9fc;
    border-bottom: 1px solid var(--bsqt);
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    position: relative;
    overflow: hidden;
    padding: 0 20px;
    flex-shrink: 0;
}
.user_wdxy_xjda_xgtc_aaa {
    height: 100%;
    font-size: 16px;
    line-height: 1;
    font-weight: 550;
    color: var(--tprm);
    display: flex;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.user_wdxy_xjda_xgtc_aab {
    font-size: 14px;
    line-height: 1;
    color: var(--tter);
    transition: var(--tran);
    background: none;
}
.user_wdxy_xjda_xgtc_aab::before {
    content: '\eb51';
}
.user_wdxy_xjda_xgtc_aab:hover {
    transform: rotate(90deg);
}
.user_wdxy_xjda_xgtc_ab {
    width: 100%;
    height: 500px;
    display: flex;
    align-content: flex-start;
    justify-content: center;
    align-items: flex-start;
}
.user_wdxy_xjda_xgtc_aba {
    width: 100%;
    height: 100%;
    border: none;
    display: flex;
    align-content: flex-start;
    justify-content: center;
    align-items: flex-start;
}
.user_wdxy_xjda_qrtc {
    width: 300px;
    background: var(--bprm);
    border-radius: var(--rmd);
    box-shadow: var(--slg);
    overflow: hidden;
    transform: scale(0.9);
    transition: var(--tran);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.user_wdxy_xjda_qrtc_a {
    width: 100%;
    padding: 20px;
    font-size: 14px;
    line-height: 1;
    color: var(--tprm);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;     
}
.user_wdxy_xjda_qrtc_b {
    width: 100%;
    height: 40px;
    border-top: 1px solid var(--bcol);
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.user_wdxy_xjda_qrtc_ba {
    width: 100%;
    height: 100%;
    font-size: 14px;
    line-height: 1;
    transition: var(--tran);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    background: none;
}
.user_wdxy_xjda_qrtc_ba.qd {
    color: var(--pcol);
}
.user_wdxy_xjda_qrtc_ba.qd:hover {
    background-color: rgba(99, 102, 241, 0.05);
}
.user_wdxy_xjda_qrtc_ba.qx {
    color: var(--tsec);
    border-right: 1px solid var(--bcol);
}
.user_wdxy_xjda_qrtc_ba.qx:hover {
    background-color: var(--bter);
}
.user_wdxy_xgpx {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    overflow: hidden;
    padding: 20px;
}
.user_wdxy_xgpx_a {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}
.user_wdxy_xgpx_aa {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 10px;
}
.user_wdxy_xgpx_aaa {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 5px;
}
.user_wdxy_xgpx_aaaa {
    font-size: 14px;
    line-height: 1;
    color: var(--tsec);
}
.user_wdxy_xgpx_aaab {
    font-size: 12px;
    line-height: 1;
    color: var(--dang);
}
.user_wdxy_xgpx_aab {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    position: relative;
}
.user_wdxy_xgpx_xlcd {
    width: 100%;
    height: 40px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.user_wdxy_xgpx_xlcd_a {
    display: none;
}
.user_wdxy_xgpx_xlcd_b {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    position: relative;
}
.user_wdxy_xgpx_xlcd_ba {
    width: 100%;
    height: 100%;
    padding: 0 10px;
    border: 1px solid var(--bsym);
    border-radius: 5px;
    transition: var(--tran);
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}
.user_wdxy_xgpx_xlcd_baa {
    flex: 1;
    height: 100%;
    font-size: 14px;
    line-height: 1;
    color: var(--cywt);
    display: flex;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.user_wdxy_xgpx_xlcd_bab {
    height: 100%;
    font-size: 10px;
    line-height: 1;
    color: var(--qsht);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    transform: var(--tran);
}
.user_wdxy_xgpx_xlcd_bab::before {
    content: '\eb6d';   
}
.user_wdxy_xgpx_xlcd_b.open .user_wdxy_xgpx_xlcd_bab {
    transform: rotate(180deg);
}
.user_wdxy_xgpx_xlcd_bb {
    width: 100%;
    height: 0;
    position: absolute;
    left: 0;
    top: 100%;
    overflow: hidden;
    border: none;
    background: var(--bprm);
    border-radius: 5px;
    z-index: 99;
}
.user_wdxy_xgpx_xlcd_b.open .user_wdxy_xgpx_xlcd_bb {
    height: auto;
    border: 1px solid var(--bsym);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.user_wdxy_xgpx_xlcd_bba {
    width: 100%;
    height: 45px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    background: var(--bsec);
    border-bottom: 1px solid var(--bsym);
    padding: 5px;
}
.user_wdxy_xgpx_xlcd_bbaa {
    width: 100%;
    height: 100%;
    padding: 0 8px;
    border: 1px solid var(--bsym);
    border-radius: 5px;
    font-size: 13px;
    line-height: 1;
    color: var(--cywt);
    transition: var(--tran);
    background: var(--bprm);
}
.user_wdxy_xgpx_xlcd_bbb {
    width: 100%;
    max-height: 140px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    overflow-y: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.user_wdxy_xgpx_xlcd_bbba {
    width: 100%;
    height: 35px;
    font-size: 14px;
    line-height: 1;
    color: var(--cywt);
    display: flex;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    padding: 0 10px;
    flex-shrink: 0;
}
.user_wdxy_xgpx_xlcd_bbba:hover {
  background-color: var(--bsec);
}
.user_wdxy_xgpx_xlcd_bbba.active {
  background-color: var(--plgt);
  color: var(--bprm);
}
.user_wdxy_xgpx_dhwb {
    width: 100%;
    height: 40px;
    padding: 0 10px;
    border: 1px solid var(--bsym);
    border-radius: 5px;
    font-size: 14px;
    line-height: 1;
    color: var(--cywt);
    transition: var(--tran);
}
.user_wdxy_xgpx_dhwb::placeholder {
    font-size: 14px;
    line-height: 1;
    color: var(--cywt);
}
.user_wdxy_xgpx_rqcj {
    width: 100%;
    background: var(--bprm);
    border: 1px solid var(--bsym);
    border-radius: 5px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    display: none;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    position: absolute;
    z-index: 9999;
    top: 100%;
}
.user_wdxy_xgpx_rqcj_a {
    width: 100%;
    height: 50px;
    padding: 10px 15px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    background-color: #f8f9fc;
    border-bottom: 1px solid var(--bsqt);
}
.user_wdxy_xgpx_rqcj_aa {
    font-size: 14px;
    line-height: 1;
    color: var(--tter);
    font-weight: 600;
}
.user_wdxy_xgpx_rqcj_aa.xz::before {
    content: '\101d6';
}
.user_wdxy_xgpx_rqcj_aa.xy::before {
    content: '\101d7';
}
.user_wdxy_xgpx_rqcj_ab {
    height: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
.user_wdxy_xgpx_rqcj_aba {
    height: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.user_wdxy_xgpx_rqcj_abaa {
    width: 80px;
    height: 100%;
    border: 1px solid var(--bsym);
    border-radius: 4px;
    background: var(--bprm);
    display: flex;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    padding: 0 5px;
}
.user_wdxy_xgpx_rqcj_abaaa {
    height: 100%;
    font-size: 14px;
    line-height: 1;
    color: var(--cywt);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    padding-bottom: 2px;
}
.user_wdxy_xgpx_rqcj_abaab {
    height: 100%;
    font-size: 10px;
    line-height: 1;
    color: var(--qsht);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    transform: var(--tran);
}
.user_wdxy_xgpx_rqcj_abaab.rotate {
    transform: rotate(180deg);
}
.user_wdxy_xgpx_rqcj_abaab::before {
    content: '\eb6d';
}
.user_wdxy_xgpx_rqcj_abab {
    width: 100%;
    max-height: 200px;
    background: var(--bprm);
    border: 1px solid var(--bsym);
    border-radius: 4px;
    overflow-y: auto;
    display: none;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 99999;
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.user_wdxy_xgpx_rqcj_abab::-webkit-scrollbar {
    display: none;
}
.user_wdxy_xgpx_rqcj_ababa {
    width: 100%;
    padding: 7px 5px;
    font-size: 14px;
    line-height: 1;
    color: var(--cywt);
}
.user_wdxy_xgpx_rqcj_ababa.active {
    background: var(--plgt);
    color: var(--bprm);
}
.user_wdxy_xgpx_rqcj_b {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.user_wdxy_xgpx_rqcj_ba {
    width: 100%;
    height: 35px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    background: var(--bsec);
}
.user_wdxy_xgpx_rqcj_baa {
    width: 100%;
    height: 100%;
    font-size: 14px;
    line-height: 1;
    color: var(--tsec);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.user_wdxy_xgpx_rqcj_bb {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 5px;
    padding: 5px;
}
.user_wdxy_xgpx_rqcj_bba {
    width: 100%;
    height: 25px;
    font-size: 13px;
    line-height: 1;
    color: var(--tsec);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    padding-bottom: 1px;
}
.user_wdxy_xgpx_rqcj_bba:hover {
    background: var(--bsec);
}
.user_wdxy_xgpx_rqcj_bba.active {
    background: var(--plgt);
    color: var(--bprm);
}
.user_wdxy_xgpx_rqcj_bba.disabled {
    color: #ccc;
    cursor: not-allowed;
}
.user_wdxy_xgpx_rqcj_c {
    width: 100%;
    padding: 10px;
    border-top: 1px solid var(--bsqt);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
.user_wdxy_xgpx_rqcj_ca {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 5px;
}
.user_wdxy_xgpx_rqcj_caa {
    width: 100%;
    height: 31px;
    border: 1px solid var(--bsym);
    border-radius: 5px;
    font-size: 13px;
    line-height: 1;
    color: var(--cywt);
    transition: var(--tran);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.user_wdxy_xgpx_rqcj_cab {
    font-size: 14px;
    line-height: 1;
    color: var(--tter);
    padding-bottom: 5px;
}
.user_wdxy_xgpx_rqcj_cb {
    width: 100%;
    font-size: 12px;
    line-height: 1;
    text-align: center;
    color: var(--dang);
}
.user_wdxy_xgpx_rqcj_d {
    width: 100%;
    padding: 10px;
    border-top: 1px solid var(--bsqt);
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 11px;
}
.user_wdxy_xgpx_rqcj_da {
    font-size: 14px;
    line-height: 1;
    padding: 7px 15px;
    border-radius: 4px;
    transition: var(--tran);
}
.user_wdxy_xgpx_rqcj_da:hover {
    transform: translateY(-1px);
}
.user_wdxy_xgpx_rqcj_da.qx {
    background: var(--bter);
    color: var(--tsec);
}
.user_wdxy_xgpx_rqcj_da.qr {
    background: var(--plgt);
    color: var(--bprm);
}
.user_wdxy_xgpx_b {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-end;
    align-items: center;
    gap: 15px;
}
.user_wdxy_xgpx_ba {
    font-size: 14px;
    line-height: 1;
    padding: 10px 25px;
    border-radius: 4px;
    transition: var(--tran);
}
.user_wdxy_xgpx_ba:hover {
    transform: translateY(-1px);
}
.user_wdxy_xgpx_ba.qx {
    background: var(--bter);
    color: var(--tsec);
}
.user_wdxy_xgpx_ba.bc {
    background: var(--plgt);
    color: var(--bprm);
}
/* 我的学员结束 */
/* 我的客户开始 */
.user_wdkh {
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 20px;
}
.user_wdkh_a {
    width: 200px;
    background-color: var(--kpbg);
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
    padding: 20px;
    border: 1px solid var(--bsqt);
}
.user_wdkh_aa {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
}
.user_wdkh_aaa {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    background: var(--bcol);
    position: relative;
}
.user_wdkh_aaaa {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 50%;
    overflow: hidden;
}
.user_wdkh_aaab {
    width: 80px;
    height: 35px;
    background-size: 80px 35px;
    position: absolute;
    bottom: -10px;
}
.user_wdkh_aaab.lv1 {
    background-image: url(/uploads/allimg/20260209/1-260209105F0G0.png);
}
.user_wdkh_aaab.lv2 {
    background-image: url(/uploads/allimg/20260209/1-26020911425M52.png);
}
.user_wdkh_aaab.lv3 {
    background-image: url(/uploads/allimg/20260209/1-26020911425J25.png);
}
.user_wdkh_aaab.lv4 {
    background-image: url(/uploads/allimg/20260209/1-26020911425K11.png);
}
.user_wdkh_aaab.lv5 {
    background-image: url(/uploads/allimg/20260209/1-26020911425MH.png);
}
.user_wdkh_aaaba {
    position: absolute;
    top: -9px;
    left: 1px;
    width: 100%;
    height: 40px;
}
.user_wdkh_aaabaa{
    fill: transparent;
}
.user_wdkh_aaabab {
    font-size: 9px;
    line-height: 1;
    letter-spacing: 1px;
    fill: #fff;
}
.user_wdkh_aab {
    font-size: 18px;
    line-height: 1;
    color: var(--zwbt);
}
.user_wdkh_aac {
    width: 85px;
    height: 27px;
    background-color: rgba(99, 102, 241, 0.1);
    color: var(--pcol);
    border-radius: 25px;
    font-size: 13px;
    line-height: 1;
    border: 1px solid var(--plgt);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    padding-bottom: 2px;
}
.user_wdkh_aad {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 5px;
}
.user_wdkh_aada {
    width: 100%;
    height: 25px;
}
.user_wdkh_aadb {
    width: 100%;
    height: 9px;
    font-family: "Courier New", monospace;
    font-size: 14px;
    line-height: 12px;
    color: var(--zwbt);
    letter-spacing: 2px;
    font-weight: 550;
    margin-right: -2px;
    display: flex;
    align-content: center;
    justify-content: center;
}
.user_wdkh_b {
    flex: 1;
    height: 100%;
    background-color: var(--bprm);
    border-radius: 12px;
    border: 1px solid var(--bsqt);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    overflow: hidden;
}
.user_wdkh_ba {
    width: 100%;
    height: 50px;
    background-color: #f8f9fc;
    border-bottom: 1px solid var(--bsqt);
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    padding: 0 20px;
    gap: 10px;
}
.user_wdkh_baa {
    height: 100%;
    font-size: 18px;
    line-height: 1;
    color: var(--pcol);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.user_wdkh_baa::before {
    content: '\e996';
}
.user_wdkh_bab {
    height: 100%;
    font-size: 17px;
    line-height: 1;
    font-weight: 550;
    color: var(--tprm);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.user_wdkh_bb {
    width: 100%;
    height: calc(100% - 50px);
    padding: 20px;
    gap: 20px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}
.user_wdkh_bba {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 20px;
    border: none;
}
.user_wdkh_bbaa {
    width: 150px;
    display: block;
}
.user_wdkh_bbab {
    font-size: 14px;
    line-height: 1;
    color: var(--tter);
}
.user_wdkh_bbb {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
}
.user_wdkh_bbba {
    width: 100%;
    height: 33px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}
.user_wdkh_bbbaa {
    height: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}
.user_wdkh_bbbaaa {
    height: 100%;
    font-size: 14px;
    line-height: 1;
    color: var(--tsec);
    background: var(--bter);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    border-radius: var(--rsm);
    padding: 0 20px;
    transition: var(--tran);
}
.user_wdkh_bbbaaa.active {
    background: var(--pcol);
    color: var(--bprm);
    pointer-events: none;
}
.user_wdkh_bbbaaa:hover {
    background: var(--plgt);
    color: var(--bprm);
}
.user_wdkh_bbbab {
    height: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-end;
    align-items: center;
}
.user_wdkh_bbbaba {
    width: 220px;
    height: 100%;
    padding: 0 10px;
    border: 1px solid var(--bsym);
    border-radius: var(--rsm);
    font-size: 14px;
    line-height: 1;
    color: var(--cywt);
    transition: var(--tran);
}
.user_wdkh_bbbb {
    width: 100%;
    height: calc(100% - 53px);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
}
.user_wdkh_bbbba {
    width: 100%;
    height: calc(100% - 53px);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.user_wdkh_bbbbaa {
    width: 100%;
    height: 35px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    background-color: #f8f9fc;
    border: 1px solid var(--bsqt);
    border-radius: 5px 5px 0 0;
    overflow: hidden;
}
.user_wdkh_bbbbaaa {
    height: 100%;
    font-size: 14px;
    line-height: 1;
    font-weight: 550;
    color: var(--zwbt);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    border-right: 1px solid var(--bsqt);
}
.user_wdkh_bbbbaaa:nth-child(1) {
    width: 5%;
}
.user_wdkh_bbbbaaa:nth-child(2) {
    width: 10%;
}
.user_wdkh_bbbbaaa:nth-child(3) {
    width: 10%;
}
.user_wdkh_bbbbaaa:nth-child(4) {
    width: 5%;
}
.user_wdkh_bbbbaaa:nth-child(5) {
    width: 5%;
}
.user_wdkh_bbbbaaa:nth-child(6) {
    width: 10%;
}
.user_wdkh_bbbbaaa:nth-child(7) {
    width: 10%;
}
.user_wdkh_bbbbaaa:nth-child(8) {
    width: 10%;
}
.user_wdkh_bbbbaaa:nth-child(9) {
    width: 15%;
}
.user_wdkh_bbbbaaa:nth-child(10) {
    width: 15%;
}
.user_wdkh_bbbbaaa:nth-child(11) {
    width: 5%;
    border-right: 0;
}
.user_wdkh_bbbbab {
    width: 100%;
    height: calc(100% - 35px);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    overflow: hidden;
    overflow-y: auto;
}
.user_wdkh_bbbbab::-webkit-scrollbar {
    display: none;
}
.user_wdkh_bbbbaba {
    width: 100%;
    border: 1px solid var(--bsqt);
    border-top: 0;
    border-radius: 0 0 5px 5px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.user_wdkh_bbbbabaa {
    width: 100%;
    height: 35px;
    font-size: 14px;
    line-height: 1;
    color: var(--zwbt);
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}
.user_wdkh_bbbbabaaa {
    height: 100%;
    font-size: 14px;
    line-height: 1;
    color: var(--cywt);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    border-right: 1px solid var(--bsqt);
    border-top: 1px solid var(--bsqt);
}
.user_wdkh_bbbbabaa:first-child .user_wdkh_bbbbabaaa {
    border-top: 0;
}
.user_wdkh_bbbbabaaa:nth-child(1) {
    width: 5%;
}
.user_wdkh_bbbbabaaa:nth-child(2) {
    width: 10%;
}
.user_wdkh_bbbbabaaa:nth-child(3) {
    width: 10%;
}
.user_wdkh_bbbbabaaa:nth-child(4) {
    width: 5%;
}
.user_wdkh_bbbbabaaa:nth-child(5) {
    width: 5%;
}
.user_wdkh_bbbbabaaa:nth-child(6) {
    width: 10%;
}
.user_wdkh_bbbbabaaa:nth-child(7) {
    width: 10%;
}
.user_wdkh_bbbbabaaa:nth-child(8) {
    width: 10%;
}
.user_wdkh_bbbbabaaa:nth-child(9) {
    width: 15%;
}
.user_wdkh_bbbbabaaa:nth-child(10) {
    width: 15%;
}
.user_wdkh_bbbbabaaa:nth-child(11) {
    width: 5%;
    border-right: 0;
}
.user_wdkh_bbbbb {
    width: 100%;
    height: 35px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}
.user_wdkh_bbbbba {
    height: 100%;
    display: flex;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.user_wdkh_bbbbbb {
    height: 100%;
    font-size: 14px;
    line-height: 1;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-end;
    align-items: center;
    color: var(--cywt);
    gap: 3px;
}
/* 我的客户结束 */
/* 我的团队开始 */
.user_wdtd {
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 20px;
}
.user_wdtd_a {
    width: 200px;
    background-color: var(--kpbg);
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
    padding: 20px;
    border: 1px solid var(--bsqt);
}
.user_wdtd_aa {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
}
.user_wdtd_aaa {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    background: var(--bcol);
    position: relative;
}
.user_wdtd_aaaa {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 50%;
    overflow: hidden;
}
.user_wdtd_aaab {
    width: 80px;
    height: 35px;
    background-size: 80px 35px;
    position: absolute;
    bottom: -10px;
}
.user_wdtd_aaab.lv1 {
    background-image: url(/uploads/allimg/20260209/1-260209105F0G0.png);
}
.user_wdtd_aaab.lv2 {
    background-image: url(/uploads/allimg/20260209/1-26020911425M52.png);
}
.user_wdtd_aaab.lv3 {
    background-image: url(/uploads/allimg/20260209/1-26020911425J25.png);
}
.user_wdtd_aaab.lv4 {
    background-image: url(/uploads/allimg/20260209/1-26020911425K11.png);
}
.user_wdtd_aaab.lv5 {
    background-image: url(/uploads/allimg/20260209/1-26020911425MH.png);
}
.user_wdtd_aaaba {
    position: absolute;
    top: -9px;
    left: 1px;
    width: 100%;
    height: 40px;
}
.user_wdtd_aaabaa{
    fill: transparent;
}
.user_wdtd_aaabab {
    font-size: 9px;
    line-height: 1;
    letter-spacing: 1px;
    fill: #fff;
}
.user_wdtd_aab {
    font-size: 18px;
    line-height: 1;
    color: var(--zwbt);
}
.user_wdtd_aac {
    width: 85px;
    height: 27px;
    background-color: rgba(99, 102, 241, 0.1);
    color: var(--pcol);
    border-radius: 25px;
    font-size: 13px;
    line-height: 1;
    border: 1px solid var(--plgt);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    padding-bottom: 2px;
}
.user_wdtd_aad {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 5px;
}
.user_wdtd_aada {
    width: 100%;
    height: 25px;
}
.user_wdtd_aadb {
    width: 100%;
    height: 9px;
    font-family: "Courier New", monospace;
    font-size: 14px;
    line-height: 12px;
    color: var(--zwbt);
    letter-spacing: 2px;
    font-weight: 550;
    margin-right: -2px;
    display: flex;
    align-content: center;
    justify-content: center;
}
.user_wdtd_b {
    flex: 1;
    height: 100%;
    background-color: var(--bprm);
    border-radius: 12px;
    border: 1px solid var(--bsqt);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    overflow: hidden;
}
.user_wdtd_ba {
    width: 100%;
    height: 50px;
    background-color: #f8f9fc;
    border-bottom: 1px solid var(--bsqt);
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}
.user_wdtd_baa {
    height: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 7px;
    padding-left: 20px;
}
.user_wdtd_baaa {
    height: 100%;
    font-size: 18px;
    line-height: 1;
    color: var(--pcol);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.user_wdtd_baaa::before {
    content: '\e996';
}
.user_wdtd_baab {
    height: 100%;
    font-size: 17px;
    line-height: 1;
    font-weight: 550;
    color: var(--tprm);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.user_wdtd_bab {
    height: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-end;
    align-items: center;
}
.user_wdtd_baba {
    height: 100%;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    padding: 0 20px;
    border-left: 1px solid var(--bsqt);
    font-size: 15px;
    line-height: 1;
    font-weight: 550;
    color: var(--tsec);
    transition: var(--tran);
    position: relative;
}
.user_wdtd_baba.active {
    color: var(--pcol);
    background: var(--kpbg);
}
.user_wdtd_baba.active::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 15px;
    height: 2px;
    background-color: var(--pcol);
    border-radius: 25px;
}
.user_wdtd_baba:hover {
    color: var(--pcol);
    background-color: rgba(99, 102, 241, 0.03);
}
.user_wdtd_bb {
    width: 100%;
    height: calc(100% - 50px);
    padding: 20px;
    gap: 20px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}
.user_wdtd_bba {
    width: 100%;
    height: 100%;
    display: none;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: center;
    align-items: flex-start;
}
.user_wdtd_bba.active {
    display: flex;
}
.user_wdtd_bbaa {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
}
.user_wdtd_bbaaa {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 20px;
    border: none;
}
.user_wdtd_bbaaaa {
    width: 150px;
    display: block;
}
.user_wdtd_bbaaab {
    font-size: 14px;
    line-height: 1;
    color: var(--tter);
}
.user_wdtd_bbaab {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
}
.user_wdtd_bbaaba {
    width: 100%;
    height: 33px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}
.user_wdtd_bbaabaa {
    height: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
}
.user_wdtd_bbaabaaa {
    height: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}
.user_wdtd_bbaabaaaa {
    height: 100%;
    font-size: 14px;
    line-height: 1;
    color: var(--tsec);
    background: var(--bter);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    border-radius: var(--rsm);
    padding: 0 20px;
    transition: var(--tran);
}
.user_wdtd_bbaabaaaa.active {
    background: var(--pcol);
    color: var(--bprm);
    pointer-events: none;
}
.user_wdtd_bbaabaaaa:hover {
    background: var(--plgt);
    color: var(--bprm);
}
.user_wdtd_bbaabaab {
    height: 100%;
    font-size: 14px;
    line-height: 1;
    color: var(--tsec);
    background: var(--bter);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    border-radius: var(--rsm);
    padding: 0 20px;
    transition: var(--tran);
}
.user_wdtd_bbaabaab.active {
    background: var(--pcol);
    color: var(--bprm);
    pointer-events: none;
}
.user_wdtd_bbaabaab:hover {
    background: var(--plgt);
    color: var(--bprm);
}
.user_wdtd_bbaabab {
    height: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-end;
    align-items: center;
    gap: 10px;
}
.user_wdtd_bbaababa {
    width: 220px;
    height: 100%;
    padding: 0 10px;
    border: 1px solid var(--bsym);
    border-radius: var(--rsm);
    font-size: 14px;
    line-height: 1;
    color: var(--cywt);
    transition: var(--tran);
}
.user_wdtd_bbaabb {
    width: 100%;
    height: calc(100% - 53px);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
}
.user_wdtd_bbaabba {
    width: 100%;
    height: calc(100% - 53px);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.user_wdtd_bbaabbaa {
    width: 100%;
    height: 35px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    background-color: #f8f9fc;
    border: 1px solid var(--bsqt);
    border-radius: 5px 5px 0 0;
    overflow: hidden;
}
.user_wdtd_bbaabbaaa {
    height: 100%;
    font-size: 14px;
    line-height: 1;
    font-weight: 550;
    color: var(--zwbt);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    border-right: 1px solid var(--bsqt);
}
.user_wdtd_bbaabbaaa:nth-child(1) {
    width: 5%;
}
.user_wdtd_bbaabbaaa:nth-child(2) {
    width: 10%;
}
.user_wdtd_bbaabbaaa:nth-child(3) {
    width: 10%;
}
.user_wdtd_bbaabbaaa:nth-child(4) {
    width: 5%;
}
.user_wdtd_bbaabbaaa:nth-child(5) {
    width: 5%;
}
.user_wdtd_bbaabbaaa:nth-child(6) {
    width: 15%;
}
.user_wdtd_bbaabbaaa:nth-child(7) {
    width: 10%;
}
.user_wdtd_bbaabbaaa:nth-child(8) {
    width: 5%;
}
.user_wdtd_bbaabbaaa:nth-child(9) {
    width: 10%;
}
.user_wdtd_bbaabbaaa:nth-child(10) {
    width: 10%;
}
.user_wdtd_bbaabbaaa:nth-child(11) {
    width: 5%;
}
.user_wdtd_bbaabbaaa:nth-child(12) {
    width: 5%;
}
.user_wdtd_bbaabbaaa:nth-child(13) {
    width: 5%;
    border-right: 0;
}
.user_wdtd_bbaabbab {
    width: 100%;
    height: calc(100% - 35px);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    overflow: hidden;
    overflow-y: auto;
}
.user_wdtd_bbaabbab::-webkit-scrollbar {
    display: none;
}
.user_wdtd_bbaabbaba {
    width: 100%;
    border: 1px solid var(--bsqt);
    border-top: 0;
    border-radius: 0 0 5px 5px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.user_wdtd_bbaabbabaa {
    width: 100%;
    height: 35px;
    font-size: 14px;
    line-height: 1;
    color: var(--zwbt);
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}
.user_wdtd_bbaabbabaaa {
    height: 100%;
    font-size: 14px;
    line-height: 1;
    color: var(--cywt);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    border-right: 1px solid var(--bsqt);
    border-top: 1px solid var(--bsqt);
}
.user_wdtd_bbaabbabaa:first-child .user_wdtd_bbaabbabaaa {
    border-top: 0;
}
.user_wdtd_bbaabbabaaa:nth-child(1) {
    width: 5%;
}
.user_wdtd_bbaabbabaaa:nth-child(2) {
    width: 10%;
}
.user_wdtd_bbaabbabaaa:nth-child(3) {
    width: 10%;
}
.user_wdtd_bbaabbabaaa:nth-child(4) {
    width: 5%;
}
.user_wdtd_bbaabbabaaa:nth-child(5) {
    width: 5%;
}
.user_wdtd_bbaabbabaaa:nth-child(6) {
    width: 15%;
}
.user_wdtd_bbaabbabaaa:nth-child(7) {
    width: 10%;
}
.user_wdtd_bbaabbabaaa:nth-child(8) {
    width: 5%;
}
.user_wdtd_bbaabbabaaa:nth-child(9) {
    width: 10%;
}
.user_wdtd_bbaabbabaaa:nth-child(10) {
    width: 10%;
}
.user_wdtd_bbaabbabaaa:nth-child(11) {
    width: 5%;
}
.user_wdtd_bbaabbabaaa:nth-child(12) {
    width: 5%;
    color: var(--pcol);
}
.user_wdtd_bbaabbabaaa.disabled {
    color: var(--cywt);
}
.user_wdtd_bbaabbabaaa:nth-child(13) {
    width: 5%;
    border-right: 0;
}
.user_wdtd_bbaabbb {
    width: 100%;
    height: 35px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}
.user_wdtd_bbaabbba {
    height: 100%;
    display: flex;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.user_wdtd_bbaabbbb {
    height: 100%;
    font-size: 14px;
    line-height: 1;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-end;
    align-items: center;
    color: var(--cywt);
    gap: 3px;
}
.user_wdtd_cwsj {
    width: 100%;
    padding: 50px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 20px;
}
.user_wdtd_cwsj_a {
    width: 100px;
    display: block;
}
.user_wdtd_cwsj_b {
    font-size: 14px;
    line-height: 1;
    color: var(--tter);
}
.user_wdtd_yjtc {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgb(0 0 0 / 30%);
    z-index: 9999;
    display: none;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.user_wdtd_yjtc_a {
    width: 1280px;
    height: 880px;
    background: var(--bprm);
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    box-shadow: var(--smd);
    overflow: hidden;
}
.user_wdtd_yjtc_aa {
    width: 100%;
    height: 50px;
    background-color: #f8f9fc;
    border-bottom: 1px solid var(--bsqt);
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    position: relative;
    overflow: hidden;
    padding: 0 20px;
    flex-shrink: 0;
}
.user_wdtd_yjtc_aaa {
    height: 100%;
    font-size: 16px;
    line-height: 1;
    font-weight: 550;
    color: var(--tprm);
    display: flex;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.user_wdtd_yjtc_aab {
    font-size: 14px;
    line-height: 1;
    color: var(--tter);
    transition: var(--tran);
    background: none;
}
.user_wdtd_yjtc_aab::before {
    content: '\eb51';
}
.user_wdtd_yjtc_aab:hover {
    transform: rotate(90deg);
}
.user_wdtd_yjtc_ab {
    width: 100%;
    height: calc(100% - 50px);
    padding: 20px;
    gap: 20px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}
.user_wdtd_yjtc_aba {
    width: 100%;
    height: calc(100% - 55px);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.user_wdtd_yjtc_abaa {
    width: 100%;
    height: 35px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    background-color: #f8f9fc;
    border: 1px solid var(--bsqt);
    border-radius: 5px 5px 0 0;
    overflow: hidden;
}
.user_wdtd_yjtc_abaaa {
    height: 100%;
    font-size: 14px;
    line-height: 1;
    font-weight: 550;
    color: var(--zwbt);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    border-right: 1px solid var(--bsqt);
}
.user_wdtd_yjtc_abaaa:nth-child(1) {
    width: 5%;
}
.user_wdtd_yjtc_abaaa:nth-child(2) {
    width: 15%;
}
.user_wdtd_yjtc_abaaa:nth-child(3) {
    width: 10%;
}
.user_wdtd_yjtc_abaaa:nth-child(4) {
    width: 10%;
}
.user_wdtd_yjtc_abaaa:nth-child(5) {
    width: 10%;
}
.user_wdtd_yjtc_abaaa:nth-child(6) {
    width: 15%;
}
.user_wdtd_yjtc_abaaa:nth-child(7) {
    width: 10%;
}
.user_wdtd_yjtc_abaaa:nth-child(8) {
    width: 15%;
}
.user_wdtd_yjtc_abaaa:nth-child(9) {
    width: 10%;
    border-right: 0;
}
.user_wdtd_yjtc_abab {
    width: 100%;
    height: calc(100% - 35px);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    overflow: hidden;
    overflow-y: auto;
}
.user_wdtd_yjtc_abab::-webkit-scrollbar {
    display: none;
}
.user_wdtd_yjtc_ababa {
    width: 100%;
    border: 1px solid var(--bsqt);
    border-top: 0;
    border-radius: 0 0 5px 5px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.user_wdtd_yjtc_ababaa {
    width: 100%;
    height: 35px;
    font-size: 14px;
    line-height: 1;
    color: var(--zwbt);
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}
.user_wdtd_yjtc_ababaaa {
    height: 100%;
    font-size: 14px;
    line-height: 1;
    color: var(--cywt);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    border-right: 1px solid var(--bsqt);
    border-top: 1px solid var(--bsqt);
}
.user_wdtd_yjtc_ababaa:first-child .user_wdtd_yjtc_ababaaa {
    border-top: 0;
}
.user_wdtd_yjtc_ababaaa:nth-child(1) {
    width: 5%;
}
.user_wdtd_yjtc_ababaaa:nth-child(2) {
    width: 15%;
}
.user_wdtd_yjtc_ababaaa:nth-child(3) {
    width: 10%;
}
.user_wdtd_yjtc_ababaaa:nth-child(4) {
    width: 10%;
}
.user_wdtd_yjtc_ababaaa:nth-child(5) {
    width: 10%;
}
.user_wdtd_yjtc_ababaaa:nth-child(6) {
    width: 15%;
}
.user_wdtd_yjtc_ababaaa:nth-child(7) {
    width: 10%;
}
.user_wdtd_yjtc_ababaaa:nth-child(8) {
    width: 15%;
}
.user_wdtd_yjtc_ababaaa:nth-child(9) {
    width: 10%;
    border-right: 0;
}
.user_wdtd_yjtc_abc {
    font-size: 14px;
    line-height: 1;
    color: var(--cywt);
}
.user_wdtd_yjtc_abb {
    width: 100%;
    height: 35px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}
.user_wdtd_yjtc_abba {
    height: 100%;
    display: flex;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.user_wdtd_yjtc_abbb {
    height: 100%;
    font-size: 14px;
    line-height: 1;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-end;
    align-items: center;
    color: var(--cywt);
    gap: 3px;
}
.user_wdtd_bbab {
    width: 100%;
    height: 100%;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
canvas {
    border: none;
    outline: none;
}
/* 我的团队结束 */
/* 我的佣金开始 */
.user_wdyj {
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 20px;
}
.user_wdyj_a {
    width: 200px;
    background-color: var(--kpbg);
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
    padding: 20px;
    border: 1px solid var(--bsqt);
}
.user_wdyj_aa {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
}
.user_wdyj_aaa {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    background: var(--bcol);
    position: relative;
}
.user_wdyj_aaaa {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 50%;
    overflow: hidden;
}
.user_wdyj_aaab {
    width: 80px;
    height: 35px;
    background-size: 80px 35px;
    position: absolute;
    bottom: -10px;
}
.user_wdyj_aaab.lv1 {
    background-image: url(/uploads/allimg/20260209/1-260209105F0G0.png);
}
.user_wdyj_aaab.lv2 {
    background-image: url(/uploads/allimg/20260209/1-26020911425M52.png);
}
.user_wdyj_aaab.lv3 {
    background-image: url(/uploads/allimg/20260209/1-26020911425J25.png);
}
.user_wdyj_aaab.lv4 {
    background-image: url(/uploads/allimg/20260209/1-26020911425K11.png);
}
.user_wdyj_aaab.lv5 {
    background-image: url(/uploads/allimg/20260209/1-26020911425MH.png);
}
.user_wdyj_aaaba {
    position: absolute;
    top: -9px;
    left: 1px;
    width: 100%;
    height: 40px;
}
.user_wdyj_aaabaa{
    fill: transparent;
}
.user_wdyj_aaabab {
    font-size: 9px;
    line-height: 1;
    letter-spacing: 1px;
    fill: #fff;
}
.user_wdyj_aab {
    font-size: 18px;
    line-height: 1;
    color: var(--zwbt);
}
.user_wdyj_aac {
    width: 85px;
    height: 27px;
    background-color: rgba(99, 102, 241, 0.1);
    color: var(--pcol);
    border-radius: 25px;
    font-size: 13px;
    line-height: 1;
    border: 1px solid var(--plgt);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    padding-bottom: 2px;
}
.user_wdyj_aad {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 5px;
}
.user_wdyj_aada {
    width: 100%;
    height: 25px;
}
.user_wdyj_aadb {
    width: 100%;
    height: 9px;
    font-family: "Courier New", monospace;
    font-size: 14px;
    line-height: 12px;
    color: var(--zwbt);
    letter-spacing: 2px;
    font-weight: 550;
    margin-right: -2px;
    display: flex;
    align-content: center;
    justify-content: center;
}
.user_wdyj_b {
    flex: 1;
    height: 100%;
    background-color: var(--bprm);
    border-radius: 12px;
    border: 1px solid var(--bsqt);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    overflow: hidden;
}
.user_wdyj_ba {
    width: 100%;
    height: 50px;
    background-color: #f8f9fc;
    border-bottom: 1px solid var(--bsqt);
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    padding: 0 20px;
    gap: 10px;
}
.user_wdyj_baa {
    height: 100%;
    font-size: 18px;
    line-height: 1;
    color: var(--pcol);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.user_wdyj_baa::before {
    content: '\e996';
}
.user_wdyj_bab {
    height: 100%;
    font-size: 17px;
    line-height: 1;
    font-weight: 550;
    color: var(--tprm);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.user_wdyj_bb {
    width: 100%;
    height: calc(100% - 50px);
    padding: 20px;
    gap: 20px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}
.user_wdyj_bba {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 20px;
    border: none;
}
.user_wdyj_bbaa {
    width: 150px;
    display: block;
}
.user_wdyj_bbab {
    font-size: 14px;
    line-height: 1;
    color: var(--tter);
}
.user_wdyj_bbb {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
}
.user_wdyj_bbba {
    width: 100%;
    height: 33px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}
.user_wdyj_bbbaa {
    height: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
}
.user_wdyj_bbbaaa {
    height: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}
.user_wdyj_bbbaaaa {
    height: 100%;
    font-size: 14px;
    line-height: 1;
    color: var(--tsec);
    background: var(--bter);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    border-radius: var(--rsm);
    padding: 0 20px;
    transition: var(--tran);
}
.user_wdyj_bbbaaaa.active {
    background: var(--pcol);
    color: var(--bprm);
    pointer-events: none;
}
.user_wdyj_bbbaaaa:hover {
    background: var(--plgt);
    color: var(--bprm);
}
.user_wdyj_bbbab {
    height: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-end;
    align-items: center;
}
.user_wdyj_bbbaba {
    width: 220px;
    height: 100%;
    padding: 0 10px;
    border: 1px solid var(--bsym);
    border-radius: var(--rsm);
    font-size: 14px;
    line-height: 1;
    color: var(--cywt);
    transition: var(--tran);
}
.user_wdyj_bbbb {
    width: 100%;
    height: calc(100% - 53px);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
}
.user_wdyj_bbbba {
    width: 100%;
    height: calc(100% - 53px);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.user_wdyj_bbbbaa {
    width: 100%;
    height: 35px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    background-color: #f8f9fc;
    border: 1px solid var(--bsqt);
    border-radius: 5px 5px 0 0;
    overflow: hidden;
}
.user_wdyj_bbbbaaa {
    height: 100%;
    font-size: 14px;
    line-height: 1;
    font-weight: 550;
    color: var(--zwbt);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    border-right: 1px solid var(--bsqt);
}
.user_wdyj_bbbbaaa:nth-child(1) {
    width: 5%;
}
.user_wdyj_bbbbaaa:nth-child(2) {
    width: 10%;
}
.user_wdyj_bbbbaaa:nth-child(3) {
    width: 10%;
}
.user_wdyj_bbbbaaa:nth-child(4) {
    width: 5%;
}
.user_wdyj_bbbbaaa:nth-child(5) {
    width: 5%;
}
.user_wdyj_bbbbaaa:nth-child(6) {
    width: 15%;
}
.user_wdyj_bbbbaaa:nth-child(7) {
    width: 10%;
}
.user_wdyj_bbbbaaa:nth-child(8) {
    width: 10%;
}
.user_wdyj_bbbbaaa:nth-child(9) {
    width: 5%;
}
.user_wdyj_bbbbaaa:nth-child(10) {
    width: 10%;
}
.user_wdyj_bbbbaaa:nth-child(11) {
    width: 5%;
}
.user_wdyj_bbbbaaa:nth-child(12) {
    width: 5%;
}
.user_wdyj_bbbbaaa:nth-child(13) {
    width: 5%;
    border-right: 0;
}
.user_wdyj_bbbbab {
    width: 100%;
    height: calc(100% - 35px);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    overflow: hidden;
    overflow-y: auto;
}
.user_wdyj_bbbbab::-webkit-scrollbar {
    display: none;
}
.user_wdyj_bbbbaba {
    width: 100%;
    border: 1px solid var(--bsqt);
    border-top: 0;
    border-radius: 0 0 5px 5px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.user_wdyj_bbbbabaa {
    width: 100%;
    height: 35px;
    font-size: 14px;
    line-height: 1;
    color: var(--zwbt);
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}
.user_wdyj_bbbbabaaa {
    height: 100%;
    font-size: 14px;
    line-height: 1;
    color: var(--cywt);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    border-right: 1px solid var(--bsqt);
    border-top: 1px solid var(--bsqt);
}
.user_wdyj_bbbbabaa:first-child .user_wdyj_bbbbabaaa {
    border-top: 0;
}
.user_wdyj_bbbbabaaa:nth-child(1) {
    width: 5%;
}
.user_wdyj_bbbbabaaa:nth-child(2) {
    width: 10%;
}
.user_wdyj_bbbbabaaa:nth-child(3) {
    width: 10%;
}
.user_wdyj_bbbbabaaa:nth-child(4) {
    width: 5%;
}
.user_wdyj_bbbbabaaa:nth-child(5) {
    width: 5%;
}
.user_wdyj_bbbbabaaa:nth-child(6) {
    width: 15%;
}
.user_wdyj_bbbbabaaa:nth-child(7) {
    width: 10%;
}
.user_wdyj_bbbbabaaa:nth-child(8) {
    width: 10%;
}
.user_wdyj_bbbbabaaa:nth-child(9) {
    width: 5%;
}
.user_wdyj_bbbbabaaa:nth-child(10) {
    width: 10%;
}
.user_wdyj_bbbbabaaa:nth-child(11) {
    width: 5%;
}
.user_wdyj_bbbbabaaa:nth-child(12) {
    width: 5%;
}
.user_wdyj_bbbbabaaa:nth-child(13) {
    width: 5%;
    border-right: 0;
}
.user_wdxy_bbbbabb {
    width: 100%;
    height: 35px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}
.user_wdxy_bbbbabba {
    height: 100%;
    display: flex;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.user_wdxy_bbbbabbb {
    height: 100%;
    font-size: 14px;
    line-height: 1;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-end;
    align-items: center;
    color: var(--cywt);
    gap: 3px;
}
/* 我的佣金结束 */
/* 我的邀请开始 */
.user_wdyq {
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 20px;
}
.user_wdyq_a {
    width: 200px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
}
.user_wdyq_aa {
    width: 100%;
    background-color: var(--kpbg);
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
    padding: 20px;
    border: 1px solid var(--bsqt);
}
.user_wdyq_aaa {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
}
.user_wdyq_aaaa {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    background: var(--bcol);
    position: relative;
}
.user_wdyq_aaaaa {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 50%;
    overflow: hidden;
}
.user_wdyq_aaaab {
    width: 80px;
    height: 35px;
    background-size: 80px 35px;
    position: absolute;
    bottom: -10px;
}
.user_wdyq_aaaab.lv1 {
    background-image: url(/uploads/allimg/20260209/1-260209105F0G0.png);
}
.user_wdyq_aaaab.lv2 {
    background-image: url(/uploads/allimg/20260209/1-26020911425M52.png);
}
.user_wdyq_aaaab.lv3 {
    background-image: url(/uploads/allimg/20260209/1-26020911425J25.png);
}
.user_wdyq_aaaab.lv4 {
    background-image: url(/uploads/allimg/20260209/1-26020911425K11.png);
}
.user_wdyq_aaaab.lv5 {
    background-image: url(/uploads/allimg/20260209/1-26020911425MH.png);
}
.user_wdyq_aaaaba {
    position: absolute;
    top: -9px;
    left: 1px;
    width: 100%;
    height: 40px;
}
.user_wdyq_aaaabaa{
    fill: transparent;
}
.user_wdyq_aaaabab {
    font-size: 9px;
    line-height: 1;
    letter-spacing: 1px;
    fill: #fff;
}
.user_wdyq_aaab {
    font-size: 18px;
    line-height: 1;
    color: var(--zwbt);
}
.user_wdyq_aaac {
    width: 85px;
    height: 27px;
    background-color: rgba(99, 102, 241, 0.1);
    color: var(--pcol);
    border-radius: 25px;
    font-size: 13px;
    line-height: 1;
    border: 1px solid var(--plgt);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    padding-bottom: 2px;
}
.user_wdyq_aaad {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 5px;
}
.user_wdyq_aaada {
    width: 100%;
    height: 25px;
}
.user_wdyq_aaadb {
    width: 100%;
    height: 9px;
    font-family: "Courier New", monospace;
    font-size: 14px;
    line-height: 12px;
    color: var(--zwbt);
    letter-spacing: 2px;
    font-weight: 550;
    margin-right: -2px;
    display: flex;
    align-content: center;
    justify-content: center;
}
.user_wdyq_ab {
    width: 100%;
    background-color: var(--kpbg);
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
    padding: 20px;
    border: 1px solid var(--bsqt);
}
.user_wdyq_aba {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}
.user_wdyq_abaa {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 7px;
}
.user_wdyq_abaaa {
    height: 12px;
    display: block;
}
.user_wdyq_abaab {
    font-size: 15px;
    line-height: 1;
    color: var(--tsec);
    margin-top: -1px;
    font-weight: 550;
}
.user_wdyq_abab {
    height: 17px;
    font-family: 'sinclair';
    font-size: 26px;
    line-height: 21px;
    color: var(--zwbt);
}
.user_wdyq_abb {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
}
.user_wdyq_abba {
    width: 158px;
    height: 158px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    position: relative;
}
.user_wdyq_abbaa {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 40px;
    height: 40px;
    border-radius: 5px;
    background: var(--bprm);
    padding: 5px;
}
.user_wdyq_abbb {
    width: 100%;
    height: 35px;
    background: var(--plgt);
    color: var(--bprm);
    border-radius: 4px;
    font-size: 15px;
    line-height: 1;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    transition: var(--tran);
}
.user_wdyq_abbb:hover {
	background: var(--pcol);
    transform: translateY(-1px);
    color: var(--bprm);
}
.user_wdyq_b {
    flex: 1;
    height: 100%;
    background-color: var(--bprm);
    border-radius: 12px;
    border: 1px solid var(--bsqt);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    overflow: hidden;
}
.user_wdyq_ba {
    width: 100%;
    height: 50px;
    background-color: #f8f9fc;
    border-bottom: 1px solid var(--bsqt);
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    padding: 0 20px;
    gap: 10px;
}
.user_wdyq_baa {
    height: 100%;
    font-size: 18px;
    line-height: 1;
    color: var(--pcol);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.user_wdyq_baa::before {
    content: '\e996';
}
.user_wdyq_bab {
    height: 100%;
    font-size: 17px;
    line-height: 1;
    font-weight: 550;
    color: var(--tprm);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.user_wdyq_bb {
    width: 100%;
    height: calc(100% - 50px);
    padding: 20px;
    gap: 20px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}
.user_wdyq_bba {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 20px;
    border: none;
}
.user_wdyq_bbaa {
    width: 150px;
    display: block;
}
.user_wdyq_bbab {
    font-size: 14px;
    line-height: 1;
    color: var(--tter);
}
.user_wdyq_bbb {
    width: 100%;
    height: calc(100% - 55px);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.user_wdyq_bbba {
    width: 100%;
    height: 35px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    background-color: #f8f9fc;
    border: 1px solid var(--bsqt);
    border-radius: 5px 5px 0 0;
    overflow: hidden;
}
.user_wdyq_bbbaa {
    height: 100%;
    font-size: 14px;
    line-height: 1;
    font-weight: 550;
    color: var(--zwbt);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    border-right: 1px solid var(--bsqt);
}
.user_wdyq_bbbaa:nth-child(1) {
    width: 5%;
}
.user_wdyq_bbbaa:nth-child(2) {
    width: 47.5%;
}
.user_wdyq_bbbaa:nth-child(3) {
    width: 47.5%;
    border-right: 0;
}
.user_wdyq_bbbb {
    width: 100%;
    height: calc(100% - 35px);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    overflow: hidden;
    overflow-y: auto;
}
.user_wdyq_bbbba {
    width: 100%;
    border: 1px solid var(--bsqt);
    border-top: 0;
    border-radius: 0 0 5px 5px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.user_wdyq_bbbbaa {
    width: 100%;
    height: 35px;
    font-size: 14px;
    line-height: 1;
    color: var(--zwbt);
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}
.user_wdyq_bbbbaaa {
    height: 100%;
    font-size: 14px;
    line-height: 1;
    color: var(--cywt);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    border-right: 1px solid var(--bsqt);
    border-top: 1px solid var(--bsqt);
}
.user_wdyq_bbbbaa:first-child .user_wdyq_bbbbaaa {
    border-top: 0;
}
.user_wdyq_bbbbaaa:nth-child(1) {
    width: 5%;
}
.user_wdyq_bbbbaaa:nth-child(2) {
    width: 47.5%;
}
.user_wdyq_bbbbaaa:nth-child(3) {
    width: 47.5%;
    border-right: 0;
}
.user_wdyq_bbbbaaa.zj {
    color: var(--succ);
}
.user_wdyq_bbbbaaa.js {
    color: var(--dang);
}
.user_wdyq_bbc {
    width: 100%;
    height: 35px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}
.user_wdyq_bbca {
    height: 100%;
    display: flex;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.user_wdyq_bbcb {
    height: 100%;
    font-size: 14px;
    line-height: 1;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-end;
    align-items: center;
    color: var(--cywt);
    gap: 3px;
}
/* 我的邀请结束 */
/* 我的问答开始 */
.user_wdwd {
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 20px;
}
.user_wdwd_a {
    width: 200px;
    background-color: var(--kpbg);
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
    padding: 20px;
    border: 1px solid var(--bsqt);
}
.user_wdwd_aa {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
}
.user_wdwd_aaa {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    background: var(--bcol);
    position: relative;
}
.user_wdwd_aaaa {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 50%;
    overflow: hidden;
}
.user_wdwd_aaab {
    width: 80px;
    height: 35px;
    background-size: 80px 35px;
    position: absolute;
    bottom: -10px;
}
.user_wdwd_aaab.lv1 {
    background-image: url(/uploads/allimg/20260209/1-260209105F0G0.png);
}
.user_wdwd_aaab.lv2 {
    background-image: url(/uploads/allimg/20260209/1-26020911425M52.png);
}
.user_wdwd_aaab.lv3 {
    background-image: url(/uploads/allimg/20260209/1-26020911425J25.png);
}
.user_wdwd_aaab.lv4 {
    background-image: url(/uploads/allimg/20260209/1-26020911425K11.png);
}
.user_wdwd_aaab.lv5 {
    background-image: url(/uploads/allimg/20260209/1-26020911425MH.png);
}
.user_wdwd_aaaba {
    position: absolute;
    top: -9px;
    left: 1px;
    width: 100%;
    height: 40px;
}
.user_wdwd_aaabaa{
    fill: transparent;
}
.user_wdwd_aaabab {
    font-size: 9px;
    line-height: 1;
    letter-spacing: 1px;
    fill: #fff;
}
.user_wdwd_aab {
    font-size: 18px;
    line-height: 1;
    color: var(--zwbt);
}
.user_wdwd_aac {
    width: 85px;
    height: 27px;
    background-color: rgba(99, 102, 241, 0.1);
    color: var(--pcol);
    border-radius: 25px;
    font-size: 13px;
    line-height: 1;
    border: 1px solid var(--plgt);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    padding-bottom: 2px;
}
.user_wdwd_aad {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 5px;
}
.user_wdwd_aada {
    width: 100%;
    height: 25px;
}
.user_wdwd_aadb {
    width: 100%;
    height: 9px;
    font-family: "Courier New", monospace;
    font-size: 14px;
    line-height: 12px;
    color: var(--zwbt);
    letter-spacing: 2px;
    font-weight: 550;
    margin-right: -2px;
    display: flex;
    align-content: center;
    justify-content: center;
}
.user_wdwd_ab {
    width: 100%;
    background-color: var(--kpbg);
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
    padding: 20px;
    border: 1px solid var(--bsqt);
}
.user_wdwd_aba {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}
.user_wdwd_abaa {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 7px;
}
.user_wdwd_abaaa {
    height: 12px;
    display: block;
}
.user_wdwd_abaab {
    font-size: 15px;
    line-height: 1;
    color: var(--tsec);
    margin-top: -1px;
    font-weight: 550;
}
.user_wdwd_abab {
    height: 17px;
    font-family: 'sinclair';
    font-size: 26px;
    line-height: 21px;
    color: var(--zwbt);
}
.user_wdwd_abb {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
}
.user_wdwd_abba {
    width: 158px;
    height: 158px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    position: relative;
}
.user_wdwd_abbaa {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 40px;
    height: 40px;
    border-radius: 5px;
    background: var(--bprm);
    padding: 5px;
}
.user_wdwd_abbb {
    width: 100%;
    height: 35px;
    background: var(--plgt);
    color: var(--bprm);
    border-radius: 4px;
    font-size: 15px;
    line-height: 1;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    transition: var(--tran);
}
.user_wdwd_abbb:hover {
	background: var(--pcol);
    transform: translateY(-1px);
    color: var(--bprm);
}
.user_wdwd_b {
    flex: 1;
    height: 100%;
    background-color: var(--bprm);
    border-radius: 12px;
    border: 1px solid var(--bsqt);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    overflow: hidden;
}
.user_wdwd_ba {
    width: 100%;
    height: 50px;
    background-color: #f8f9fc;
    border-bottom: 1px solid var(--bsqt);
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}
.user_wdwd_baa {
    height: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 7px;
    padding-left: 20px;
}
.user_wdwd_baaa {
    height: 100%;
    font-size: 18px;
    line-height: 1;
    color: var(--pcol);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.user_wdwd_baaa::before {
    content: '\e996';
}
.user_wdwd_baab {
    height: 100%;
    font-size: 17px;
    line-height: 1;
    font-weight: 550;
    color: var(--tprm);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.user_wdwd_bab {
    height: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-end;
    align-items: center;
}
.user_wdwd_baba {
    height: 100%;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    padding: 0 20px;
    border-left: 1px solid var(--bsqt);
    font-size: 15px;
    line-height: 1;
    font-weight: 550;
    color: var(--tsec);
    transition: var(--tran);
    position: relative;
}
.user_wdwd_baba.active {
    color: var(--pcol);
    background: var(--kpbg);
}
.user_wdwd_baba.active::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 15px;
    height: 2px;
    background-color: var(--pcol);
    border-radius: 25px;
}
.user_wdwd_baba:hover {
    color: var(--pcol);
    background-color: rgba(99, 102, 241, 0.03);
}
.user_wdwd_bb {
    width: 100%;
    height: calc(100% - 50px);
    padding: 20px;
    gap: 20px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}
.user_wdwd_bba {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 20px;
    border: none;
}
.user_wdwd_bbaa {
    width: 150px;
    display: block;
}
.user_wdwd_bbab {
    font-size: 14px;
    line-height: 1;
    color: var(--tter);
}
.user_wdwd_bbb {
    width: 100%;
    height: calc(100% - 55px);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.user_wdwd_bbba {
    width: 100%;
    height: 35px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    background-color: #f8f9fc;
    border: 1px solid var(--bsqt);
    border-radius: 5px 5px 0 0;
    overflow: hidden;
}
.user_wdwd_bbbaa_1, .user_wdwd_bbbaa_2 {
    height: 100%;
    font-size: 14px;
    line-height: 1;
    font-weight: 550;
    color: var(--zwbt);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    border-right: 1px solid var(--bsqt);
}
.user_wdwd_bbbaa_1:nth-child(1) {
    width: 5%;
}
.user_wdwd_bbbaa_1:nth-child(2) {
    width: 30%;
}
.user_wdwd_bbbaa_1:nth-child(3) {
    width: 15%;
}
.user_wdwd_bbbaa_1:nth-child(4) {
    width: 15%;
}
.user_wdwd_bbbaa_1:nth-child(5) {
    width: 15%;
}
.user_wdwd_bbbaa_1:nth-child(6) {
    width: 20%;
    border-right: 0;
}
.user_wdwd_bbbaa_2:nth-child(1) {
    width: 5%;
}
.user_wdwd_bbbaa_2:nth-child(2) {
    width: 30%;
}
.user_wdwd_bbbaa_2:nth-child(3) {
    width: 30%;
}
.user_wdwd_bbbaa_2:nth-child(4) {
    width: 15%;
}
.user_wdwd_bbbaa_2:nth-child(5) {
    width: 20%;
    border-right: 0;
}
.user_wdwd_bbbb {
    width: 100%;
    height: calc(100% - 35px);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    overflow: hidden;
    overflow-y: auto;
}
.user_wdwd_bbbb::-webkit-scrollbar {
    display: none;
}
.user_wdwd_bbbba {
    width: 100%;
    border: 1px solid var(--bsqt);
    border-top: 0;
    border-radius: 0 0 5px 5px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.user_wdwd_bbbbaa {
    width: 100%;
    height: 35px;
    font-size: 14px;
    line-height: 1;
    color: var(--zwbt);
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}
.user_wdwd_bbbbaaa_1, .user_wdwd_bbbbaaa_2 {
    height: 100%;
    font-size: 14px;
    line-height: 1;
    color: var(--cywt);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    border-right: 1px solid var(--bsqt);
    border-top: 1px solid var(--bsqt);
}
.user_wdwd_bbbbaa:first-child .user_wdwd_bbbbaaa_1, .user_wdwd_bbbbaa:first-child .user_wdwd_bbbbaaa_2 {
    border-top: 0;
}
.user_wdwd_bbbbaaa_1:nth-child(1) {
    width: 5%;
}
.user_wdwd_bbbbaaa_1:nth-child(2) {
    width: 30%;
    line-height: 35px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-align: center;
    padding: 0px 15px;
}
.user_wdwd_bbbbaaa_1:nth-child(2):hover {
    color: var(--pcol);
}
.user_wdwd_bbbbaaa_1:nth-child(3) {
    width: 15%;
}
.user_wdwd_bbbbaaa_1:nth-child(4) {
    width: 15%;
}
.user_wdwd_bbbbaaa_1:nth-child(5) {
    width: 15%;
}
.user_wdwd_bbbbaaa_1:nth-child(6) {
    width: 20%;
    border-right: 0;
}
.user_wdwd_bbbbaaa_2:nth-child(1) {
    width: 5%;
}
.user_wdwd_bbbbaaa_2:nth-child(2) {
    width: 30%;
    line-height: 35px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-align: center;
    padding: 0px 15px;
}
.user_wdwd_bbbbaaa_2:nth-child(2):hover {
    color: var(--pcol);
}
.user_wdwd_bbbbaaa_2:nth-child(3) {
    width: 30%;
    line-height: 35px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-align: center;
    padding: 0px 15px;
}
.user_wdwd_bbbbaaa_2:nth-child(3):hover {
    color: var(--pcol);
}
.user_wdwd_bbbbaaa_2:nth-child(4) {
    width: 15%;
}
.user_wdwd_bbbbaaa_2:nth-child(5) {
    width: 20%;
    border-right: 0;
}
.user_wdwd_bbbbaaa_1.ysh, .user_wdwd_bbbbaaa_2.ysh {
    color: var(--succ);
}
.user_wdwd_bbbbaaa_1.wsh, .user_wdwd_bbbbaaa_2.wsh {
    color: var(--dang);
}
.user_wdwd_bbc {
    width: 100%;
    height: 35px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}
.user_wdwd_bbca {
    height: 100%;
    display: flex;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.user_wdwd_bbcb {
    height: 100%;
    font-size: 14px;
    line-height: 1;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-end;
    align-items: center;
    color: var(--cywt);
    gap: 3px;
}
/* 我的问答结束 */
/* 我的活动开始 */
.user_wdhd {
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 20px;
}
.user_wdhd_a {
    width: 200px;
    background-color: var(--kpbg);
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
    padding: 20px;
    border: 1px solid var(--bsqt);
}
.user_wdhd_aa {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
}
.user_wdhd_aaa {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    background: var(--bcol);
    position: relative;
}
.user_wdhd_aaaa {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 50%;
    overflow: hidden;
}
.user_wdhd_aaab {
    width: 80px;
    height: 35px;
    background-size: 80px 35px;
    position: absolute;
    bottom: -10px;
}
.user_wdhd_aaab.lv1 {
    background-image: url(/uploads/allimg/20260209/1-260209105F0G0.png);
}
.user_wdhd_aaab.lv2 {
    background-image: url(/uploads/allimg/20260209/1-26020911425M52.png);
}
.user_wdhd_aaab.lv3 {
    background-image: url(/uploads/allimg/20260209/1-26020911425J25.png);
}
.user_wdhd_aaab.lv4 {
    background-image: url(/uploads/allimg/20260209/1-26020911425K11.png);
}
.user_wdhd_aaab.lv5 {
    background-image: url(/uploads/allimg/20260209/1-26020911425MH.png);
}
.user_wdhd_aaaba {
    position: absolute;
    top: -9px;
    left: 1px;
    width: 100%;
    height: 40px;
}
.user_wdhd_aaabaa{
    fill: transparent;
}
.user_wdhd_aaabab {
    font-size: 9px;
    line-height: 1;
    letter-spacing: 1px;
    fill: #fff;
}
.user_wdhd_aab {
    font-size: 18px;
    line-height: 1;
    color: var(--zwbt);
}
.user_wdhd_aac {
    width: 85px;
    height: 27px;
    background-color: rgba(99, 102, 241, 0.1);
    color: var(--pcol);
    border-radius: 25px;
    font-size: 13px;
    line-height: 1;
    border: 1px solid var(--plgt);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    padding-bottom: 2px;
}
.user_wdhd_aad {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 5px;
}
.user_wdhd_aada {
    width: 100%;
    height: 25px;
}
.user_wdhd_aadb {
    width: 100%;
    height: 9px;
    font-family: "Courier New", monospace;
    font-size: 14px;
    line-height: 12px;
    color: var(--zwbt);
    letter-spacing: 2px;
    font-weight: 550;
    margin-right: -2px;
    display: flex;
    align-content: center;
    justify-content: center;
}
.user_wdhd_ab {
    width: 100%;
    background-color: var(--kpbg);
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
    padding: 20px;
    border: 1px solid var(--bsqt);
}
.user_wdhd_aba {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}
.user_wdhd_abaa {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 7px;
}
.user_wdhd_abaaa {
    height: 12px;
    display: block;
}
.user_wdhd_abaab {
    font-size: 15px;
    line-height: 1;
    color: var(--tsec);
    margin-top: -1px;
    font-weight: 550;
}
.user_wdhd_abab {
    height: 17px;
    font-family: 'sinclair';
    font-size: 26px;
    line-height: 21px;
    color: var(--zwbt);
}
.user_wdhd_abb {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
}
.user_wdhd_abba {
    width: 158px;
    height: 158px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    position: relative;
}
.user_wdhd_abbaa {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 40px;
    height: 40px;
    border-radius: 5px;
    background: var(--bprm);
    padding: 5px;
}
.user_wdhd_abbb {
    width: 100%;
    height: 35px;
    background: var(--plgt);
    color: var(--bprm);
    border-radius: 4px;
    font-size: 15px;
    line-height: 1;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    transition: var(--tran);
}
.user_wdhd_abbb:hover {
	background: var(--pcol);
    transform: translateY(-1px);
    color: var(--bprm);
}
.user_wdhd_b {
    flex: 1;
    height: 100%;
    background-color: var(--bprm);
    border-radius: 12px;
    border: 1px solid var(--bsqt);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    overflow: hidden;
}
.user_wdhd_ba {
    width: 100%;
    height: 50px;
    background-color: #f8f9fc;
    border-bottom: 1px solid var(--bsqt);
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    padding: 0 20px;
    gap: 10px;
}
.user_wdhd_baa {
    height: 100%;
    font-size: 18px;
    line-height: 1;
    color: var(--pcol);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.user_wdhd_baa::before {
    content: '\e996';
}
.user_wdhd_bab {
    height: 100%;
    font-size: 17px;
    line-height: 1;
    font-weight: 550;
    color: var(--tprm);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.user_wdhd_bb {
    width: 100%;
    height: calc(100% - 50px);
    padding: 20px;
    gap: 20px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}
.user_wdhd_bba {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 20px;
    border: none;
}
.user_wdhd_bbaa {
    width: 150px;
    display: block;
}
.user_wdhd_bbab {
    font-size: 14px;
    line-height: 1;
    color: var(--tter);
}
.user_wdhd_bbb {
    width: 100%;
    height: calc(100% - 55px);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.user_wdhd_bbba {
    width: 100%;
    height: 35px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    background-color: #f8f9fc;
    border: 1px solid var(--bsqt);
    border-radius: 5px 5px 0 0;
    overflow: hidden;
}
.user_wdhd_bbbaa {
    height: 100%;
    font-size: 14px;
    line-height: 1;
    font-weight: 550;
    color: var(--zwbt);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    border-right: 1px solid var(--bsqt);
}
.user_wdhd_bbbaa:nth-child(1) {
    width: 5%;
}
.user_wdhd_bbbaa:nth-child(2) {
    width: 35%;
}
.user_wdhd_bbbaa:nth-child(3) {
    width: 10%;
}
.user_wdhd_bbbaa:nth-child(4) {
    width: 20%;
}
.user_wdhd_bbbaa:nth-child(5) {
    width: 10%;
}
.user_wdhd_bbbaa:nth-child(6) {
    width: 20%;
    border-right: 0;
}
.user_wdhd_bbbb {
    width: 100%;
    height: calc(100% - 35px);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    overflow: hidden;
    overflow-y: auto;
}
.user_wdhd_bbbba {
    width: 100%;
    border: 1px solid var(--bsqt);
    border-top: 0;
    border-radius: 0 0 5px 5px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.user_wdhd_bbbbaa {
    width: 100%;
    height: 35px;
    font-size: 14px;
    line-height: 1;
    color: var(--zwbt);
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}
.user_wdhd_bbbbaaa {
    height: 100%;
    font-size: 14px;
    line-height: 1;
    color: var(--cywt);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    border-right: 1px solid var(--bsqt);
    border-top: 1px solid var(--bsqt);
}
.user_wdhd_bbbbaa:first-child .user_wdhd_bbbbaaa {
    border-top: 0;
}
.user_wdhd_bbbbaaa:nth-child(1) {
    width: 5%;
}
.user_wdhd_bbbbaaa:nth-child(2) {
    width: 35%;
    line-height: 35px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-align: center;
    padding: 0px 15px;
}
.user_wdhd_bbbbaaa:nth-child(2):hover {
    color: var(--pcol);
}
.user_wdhd_bbbbaaa:nth-child(3) {
    width: 10%;
}
.user_wdhd_bbbbaaa:nth-child(4) {
    width: 20%;
}
.user_wdhd_bbbbaaa:nth-child(5) {
    width: 10%;
}
.user_wdhd_bbbbaaa:nth-child(6) {
    width: 20%;
    border-right: 0;
}
.user_wdhd_bbbbaaa.mf {
    color: var(--succ);
}
.user_wdhd_bbbbaaa.sf {
    color: var(--dang);
}
.user_wdhd_bbc {
    width: 100%;
    height: 35px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}
.user_wdhd_bbca {
    height: 100%;
    display: flex;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.user_wdhd_bbcb {
    height: 100%;
    font-size: 14px;
    line-height: 1;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-end;
    align-items: center;
    color: var(--cywt);
    gap: 3px;
}
/* 我的活动结束 */
/* 我的工单开始 */
.user_wdgd {
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 20px;
}
.user_wdgd_a {
    width: 200px;
    background-color: var(--kpbg);
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
    padding: 20px;
    border: 1px solid var(--bsqt);
}
.user_wdgd_aa {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
}
.user_wdgd_aaa {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    background: var(--bcol);
    position: relative;
}
.user_wdgd_aaaa {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 50%;
    overflow: hidden;
}
.user_wdgd_aaab {
    width: 80px;
    height: 35px;
    background-size: 80px 35px;
    position: absolute;
    bottom: -10px;
}
.user_wdgd_aaab.lv1 {
    background-image: url(/uploads/allimg/20260209/1-260209105F0G0.png);
}
.user_wdgd_aaab.lv2 {
    background-image: url(/uploads/allimg/20260209/1-26020911425M52.png);
}
.user_wdgd_aaab.lv3 {
    background-image: url(/uploads/allimg/20260209/1-26020911425J25.png);
}
.user_wdgd_aaab.lv4 {
    background-image: url(/uploads/allimg/20260209/1-26020911425K11.png);
}
.user_wdgd_aaab.lv5 {
    background-image: url(/uploads/allimg/20260209/1-26020911425MH.png);
}
.user_wdgd_aaaba {
    position: absolute;
    top: -9px;
    left: 1px;
    width: 100%;
    height: 40px;
}
.user_wdgd_aaabaa{
    fill: transparent;
}
.user_wdgd_aaabab {
    font-size: 9px;
    line-height: 1;
    letter-spacing: 1px;
    fill: #fff;
}
.user_wdgd_aab {
    font-size: 18px;
    line-height: 1;
    color: var(--zwbt);
}
.user_wdgd_aac {
    width: 85px;
    height: 27px;
    background-color: rgba(99, 102, 241, 0.1);
    color: var(--pcol);
    border-radius: 25px;
    font-size: 13px;
    line-height: 1;
    border: 1px solid var(--plgt);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    padding-bottom: 2px;
}
.user_wdgd_aad {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 5px;
}
.user_wdgd_aada {
    width: 100%;
    height: 25px;
}
.user_wdgd_aadb {
    width: 100%;
    height: 9px;
    font-family: "Courier New", monospace;
    font-size: 14px;
    line-height: 12px;
    color: var(--zwbt);
    letter-spacing: 2px;
    font-weight: 550;
    margin-right: -2px;
    display: flex;
    align-content: center;
    justify-content: center;
}
.user_wdgd_ab {
    width: 100%;
    background-color: var(--kpbg);
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
    padding: 20px;
    border: 1px solid var(--bsqt);
}
.user_wdgd_aba {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}
.user_wdgd_abaa {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 7px;
}
.user_wdgd_abaaa {
    height: 12px;
    display: block;
}
.user_wdgd_abaab {
    font-size: 15px;
    line-height: 1;
    color: var(--tsec);
    margin-top: -1px;
    font-weight: 550;
}
.user_wdgd_abab {
    height: 17px;
    font-family: 'sinclair';
    font-size: 26px;
    line-height: 21px;
    color: var(--zwbt);
}
.user_wdgd_abb {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
}
.user_wdgd_abba {
    width: 158px;
    height: 158px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    position: relative;
}
.user_wdgd_abbaa {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 40px;
    height: 40px;
    border-radius: 5px;
    background: var(--bprm);
    padding: 5px;
}
.user_wdgd_abbb {
    width: 100%;
    height: 35px;
    background: var(--plgt);
    color: var(--bprm);
    border-radius: 4px;
    font-size: 15px;
    line-height: 1;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    transition: var(--tran);
}
.user_wdgd_abbb:hover {
	background: var(--pcol);
    transform: translateY(-1px);
    color: var(--bprm);
}
.user_wdgd_b {
    flex: 1;
    height: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    overflow: hidden;
	gap: 20px;
}
.user_wdgd_ba {
    width: 100%;
    height: 90px;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    background-color: var(--bprm);
    border-radius: 12px;
    border: 1px solid var(--bsqt);
    padding: 20px;
}
.user_wdgd_baa {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 15px;
}
.user_wdgd_baaa {
    height: 19px;
    font-family: 'sinclair';
    font-size: 30px;
    line-height: 24px;
    color: var(--zwbt);
}
.user_wdgd_baab {
    font-size: 14px;
    line-height: 1;
    color: var(--tsec);
}
.user_wdgd_bb {
    width: 100%;
    height: calc(100% - 110px);
    background-color: var(--bprm);
    border-radius: 12px;
    border: 1px solid var(--bsqt);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    overflow: hidden;
}
.user_wdgd_bba {
    width: 100%;
    height: 50px;
    background-color: #f8f9fc;
    border-bottom: 1px solid var(--bsqt);
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}
.user_wdgd_bbaa {
    height: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
    padding-left: 20px;
}
.user_wdgd_bbaaa {
    height: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 7px;
}
.user_wdgd_bbaaaa {
    height: 100%;
    font-size: 18px;
    line-height: 1;
    color: var(--pcol);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.user_wdgd_bbaaaa::before {
    content: '\e996';
}
.user_wdgd_bbaaab {
    height: 100%;
    font-size: 17px;
    line-height: 1;
    font-weight: 550;
    color: var(--tprm);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.user_wdgd_bbaab {
    width: 450px;
    height: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    overflow: hidden;
}
.user_wdgd_bbaaaba {
    height: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    padding: 10px 0;
}
.user_wdgd_bbaaabaa {
    width: 29px;
    height: 100%;
    background: var(--plgt);
    border-radius: 50%;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    line-height: 1;
    color: var(--bprm);
}
.user_wdgd_bbaaabaa::before {
    content: "\e752";
}
.user_wdgd_bbaaabab {
    height: 100%;
    padding: 0 12px;
    background: var(--plgt);
    border-radius: 25px;
    display: none;
    align-content: center;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    line-height: 1;
    padding-bottom: 2px;
    color: var(--bprm);
}
.user_wdgd_bbaaabb {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
    transform: translateX(-100%);
    opacity: 0;
    pointer-events: none;
    transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
}
.user_wdgd_bbaaabb.active {
    transform: translateX(0);
    opacity: 1;
    pointer-events: auto;
}
.user_wdgd_bbaaabba {
    flex: 1;
    height: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    background: var(--bprm);
    padding: 10px 15px;
}
.user_wdgd_bbaaabbaa {
    flex: 1;
    height: 100%;
    font-size: 14px;
    line-height: 1;
    color: var(--tsec);
}
.user_wdgd_bbaaabbab {
    height: 100%;
    font-size: 18px;
    line-height: 1;
    color: var(--pcol);
    background: none;
}
.user_wdgd_bbaaabbab::before {
    content: '\e752';
}
.user_wdgd_bbaaabbb {
    height: 100%;
    font-size: 12px;
    line-height: 1;
    color: var(--tter);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    background: none;
}
.user_wdgd_bbaaabbb::before {
    content: '\eb51';
}
.user_wdgd_bbab {
    height: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-end;
    align-items: center;
}
.user_wdgd_bbaba {
    height: 100%;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    padding: 0 20px;
    border-left: 1px solid var(--bsqt);
    font-size: 15px;
    line-height: 1;
    font-weight: 550;
    color: var(--tsec);
    transition: var(--tran);
    position: relative;
}
.user_wdgd_bbaba.active {
    color: var(--pcol);
    background: var(--kpbg);
}
.user_wdgd_bbaba.active::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 15px;
    height: 2px;
    background-color: var(--pcol);
    border-radius: 25px;
}
.user_wdgd_bbaba:hover {
    color: var(--pcol);
    background-color: rgba(99, 102, 241, 0.03);
}
.user_wdgd_bbb {
    width: 100%;
    height: calc(100% - 50px);
    padding: 20px;
    gap: 20px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}
.user_wdgd_bbba {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 20px;
    border: none;
}
.user_wdgd_bbbaa {
    width: 150px;
    display: block;
}
.user_wdgd_bbbab {
    font-size: 14px;
    line-height: 1;
    color: var(--tter);
}
.user_wdgd_bbbb {
    width: 100%;
    height: calc(100% - 55px);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.user_wdgd_bbbba {
    width: 100%;
    height: 35px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    background-color: #f8f9fc;
    border: 1px solid var(--bsqt);
    border-radius: 5px 5px 0 0;
    overflow: hidden;
}
.user_wdgd_bbbbaa {
    height: 100%;
    font-size: 14px;
    line-height: 1;
    font-weight: 550;
    color: var(--zwbt);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    border-right: 1px solid var(--bsqt);
}
.user_wdgd_bbbbaa:nth-child(1) {
    width: 5%;
}
.user_wdgd_bbbbaa:nth-child(2) {
    width: 10%;
}
.user_wdgd_bbbbaa:nth-child(3) {
    width: 18%;
}
.user_wdgd_bbbbaa:nth-child(4) {
    width: 30%;
}
.user_wdgd_bbbbaa:nth-child(5) {
    width: 10%;
}
.user_wdgd_bbbbaa:nth-child(6) {
    width: 20%;
}
.user_wdgd_bbbbaa:nth-child(7) {
    width: 7%;
    border-right: 0;
}
.user_wdgd_bbbbb {
    width: 100%;
    height: calc(100% - 35px);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    overflow: hidden;
    overflow-y: auto;
}
.user_wdgd_bbbbba {
    width: 100%;
    border: 1px solid var(--bsqt);
    border-top: 0;
    border-radius: 0 0 5px 5px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.user_wdgd_bbbbbaa {
    width: 100%;
    height: 35px;
    font-size: 14px;
    line-height: 1;
    color: var(--zwbt);
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}
.user_wdgd_bbbbbaaa {
    height: 100%;
    font-size: 14px;
    line-height: 1;
    color: var(--cywt);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    border-right: 1px solid var(--bsqt);
    border-top: 1px solid var(--bsqt);
}
.user_wdgd_bbbbbaa:first-child .user_wdgd_bbbbbaaa {
    border-top: 0;
}
.user_wdgd_bbbbbaaa:nth-child(1) {
    width: 5%;
}
.user_wdgd_bbbbbaaa:nth-child(2) {
    width: 10%;
}
.user_wdgd_bbbbbaaa:nth-child(3) {
    width: 18%;
}
.user_wdgd_bbbbbaaa:nth-child(4) {
    width: 30%;
    line-height: 35px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-align: center;
    padding: 0px 15px;
}
.user_wdgd_bbbbbaaa:nth-child(4):hover {
    color: var(--pcol);
}
.user_wdgd_bbbbbaaa:nth-child(5) {
    width: 10%;
}
.user_wdgd_bbbbbaaa:nth-child(6) {
    width: 20%;
}
.user_wdgd_bbbbbaaa:nth-child(7) {
    width: 7%;
    border-right: 0;
}
.user_wdgd_bbbc {
    width: 100%;
    height: 35px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}
.user_wdgd_bbbca {
    height: 100%;
    display: flex;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.user_wdgd_bbbcb {
    height: 100%;
    font-size: 14px;
    line-height: 1;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-end;
    align-items: center;
    color: var(--cywt);
    gap: 3px;
}
/* 我的工单结束 */
/* 提交工单开始 */
.user_tjgd {
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 20px;
}
.user_tjgd_a {
    width: 200px;
    background-color: var(--kpbg);
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
    padding: 20px;
    border: 1px solid var(--bsqt);
}
.user_tjgd_aa {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
}
.user_tjgd_aaa {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    background: var(--bcol);
    position: relative;
}
.user_tjgd_aaaa {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 50%;
    overflow: hidden;
}
.user_tjgd_aaab {
    width: 80px;
    height: 35px;
    background-size: 80px 35px;
    position: absolute;
    bottom: -10px;
}
.user_tjgd_aaab.lv1 {
    background-image: url(/uploads/allimg/20260209/1-260209105F0G0.png);
}
.user_tjgd_aaab.lv2 {
    background-image: url(/uploads/allimg/20260209/1-26020911425M52.png);
}
.user_tjgd_aaab.lv3 {
    background-image: url(/uploads/allimg/20260209/1-26020911425J25.png);
}
.user_tjgd_aaab.lv4 {
    background-image: url(/uploads/allimg/20260209/1-26020911425K11.png);
}
.user_tjgd_aaab.lv5 {
    background-image: url(/uploads/allimg/20260209/1-26020911425MH.png);
}
.user_tjgd_aaaba {
    position: absolute;
    top: -9px;
    left: 1px;
    width: 100%;
    height: 40px;
}
.user_tjgd_aaabaa{
    fill: transparent;
}
.user_tjgd_aaabab {
    font-size: 9px;
    line-height: 1;
    letter-spacing: 1px;
    fill: #fff;
}
.user_tjgd_aab {
    font-size: 18px;
    line-height: 1;
    color: var(--zwbt);
}
.user_tjgd_aac {
    width: 85px;
    height: 27px;
    background-color: rgba(99, 102, 241, 0.1);
    color: var(--pcol);
    border-radius: 25px;
    font-size: 13px;
    line-height: 1;
    border: 1px solid var(--plgt);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    padding-bottom: 2px;
}
.user_tjgd_aad {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 5px;
}
.user_tjgd_aada {
    width: 100%;
    height: 25px;
}
.user_tjgd_aadb {
    width: 100%;
    height: 9px;
    font-family: "Courier New", monospace;
    font-size: 14px;
    line-height: 12px;
    color: var(--zwbt);
    letter-spacing: 2px;
    font-weight: 550;
    margin-right: -2px;
    display: flex;
    align-content: center;
    justify-content: center;
}
.user_tjgd_ab {
    width: 100%;
    background-color: var(--kpbg);
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
    padding: 20px;
    border: 1px solid var(--bsqt);
}
.user_tjgd_aba {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}
.user_tjgd_abaa {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 7px;
}
.user_tjgd_abaaa {
    height: 12px;
    display: block;
}
.user_tjgd_abaab {
    font-size: 15px;
    line-height: 1;
    color: var(--tsec);
    margin-top: -1px;
    font-weight: 550;
}
.user_tjgd_abab {
    height: 17px;
    font-family: 'sinclair';
    font-size: 26px;
    line-height: 21px;
    color: var(--zwbt);
}
.user_tjgd_abb {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
}
.user_tjgd_abba {
    width: 158px;
    height: 158px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    position: relative;
}
.user_tjgd_abbaa {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 40px;
    height: 40px;
    border-radius: 5px;
    background: var(--bprm);
    padding: 5px;
}
.user_tjgd_abbb {
    width: 100%;
    height: 35px;
    background: var(--plgt);
    color: var(--bprm);
    border-radius: 4px;
    font-size: 15px;
    line-height: 1;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    transition: var(--tran);
}
.user_tjgd_abbb:hover {
	background: var(--pcol);
    transform: translateY(-1px);
    color: var(--bprm);
}
.user_tjgd_b {
    flex: 1;
    height: 100%;
    background-color: var(--bprm);
    border-radius: 12px;
    border: 1px solid var(--bsqt);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    overflow: hidden;
}
.user_tjgd_ba {
    width: 100%;
    height: 50px;
    background-color: #f8f9fc;
    border-bottom: 1px solid var(--bsqt);
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    padding: 0 20px;
    gap: 10px;
}
.user_tjgd_baa {
    height: 100%;
    font-size: 18px;
    line-height: 1;
    color: var(--pcol);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.user_tjgd_baa::before {
    content: '\e996';
}
.user_tjgd_bab {
    height: 100%;
    font-size: 17px;
    line-height: 1;
    font-weight: 550;
    color: var(--tprm);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.user_tjgd_bb {
    width: 100%;
    height: calc(100% - 50px);
    padding: 20px;
    gap: 20px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.user_tjgd_bba {
    width: 100%;
    height: 110px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    background-color: #f8f9fc;
    border-radius: 5px;
    align-items: center;
}
.user_tjgd_bbaa {
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.user_tjgd_bbaaa {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 15px;
}
.user_tjgd_bbaaaa {
    height: 19px;
    font-family: 'sinclair';
    font-size: 30px;
    line-height: 24px;
    color: var(--zwbt);
}
.user_tjgd_bbaa.active .user_tjgd_bbaaaa {
    color: var(--pcol);
}
.user_tjgd_bbaaab {
    font-size: 14px;
    line-height: 1;
    color: var(--tsec);
}
.user_tjgd_bbaa.active .user_tjgd_bbaaab {
    color: var(--plgt);
}
.user_tjgd_bbab {
    flex: 1;
    height: 1px;
    border-top: 0.5px dashed var(--bcol);
}
.user_tjgd_bbac {
    flex: 0.5;
}
.user_tjgd_bbb {
    width: 100%;
    height: calc(100% - 130px);
    display: flex;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
}
.user_tjgd_bbba {
    width: 100%;
    height: 100%;
    display: none;
    overflow-y: auto;
}
.user_tjgd_bbba::-webkit-scrollbar {
	display: none;
}
.user_tjgd_bbbaa {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
}
.user_tjgd_bbbaaa {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 10px;
    background-color: #f8f9fc;
    padding: 20px;
    border-radius: 5px;
}
.user_tjgd_bbbaaaa {
    font-size: 14px;
    line-height: 1;
    color: var(--zwbt);
    font-weight: 550;
}
.user_tjgd_bbbaaa:hover .user_tjgd_bbbaaaa {
	color: var(--pcol);
}
.user_tjgd_bbbaaab {
    width: 100%;
    color: var(--tsec);
    font-size: 14px;
    line-height: 20px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-align: justify;
    margin: -3px 0;
}
.user_tjgd_bbbb {
    width: 100%;
    background-color: #f8f9fc;
    padding: 20px;
    display: none;
    border-radius: 5px;
    overflow: hidden;
}
.user_tjgd_bbbba {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 20px;
}
.user_tjgd_bbbbaa {
    width: 100%;
    padding-bottom: 10px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 7px;
    border-bottom: 0.5px dashed var(--bcol);
}
.user_tjgd_bbbbaaa {
    width: 5px;
    height: 17px;
    background-color: var(--pcol);
    border-radius: 25px;
}
.user_tjgd_bbbbaab {
    font-size: 15px;
    line-height: 1;
    font-weight: 550;
    color: var(--tprm);
}
.user_tjgd_bbbbab {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
}
.user_tjgd_bbbbaba {
}
.user_tjgd_bbbbabb {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 20px;
}
.user_tjgd_bbbbabba {
    font-size: 16px;
    line-height: 1;
    color: var(--dang);
}
.user_tjgd_bbbbabbb {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 15px;
}
.user_tjgd_bbbbabbba {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 7px;
}
.user_tjgd_bbbbabbbaa {
    font-size: 14px;
    line-height: 1;
    color: var(--plgt);
}
.user_tjgd_bbbbabbbaa::before {
	content: '\eab2';
}
.user_tjgd_bbbbabbbab {
    flex: 1;
    font-size: 14px;
    line-height: 1;
    color: var(--tsec);
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-align: justify;
}
.user_tjgd_bbbbabbba:hover .user_tjgd_bbbbabbbab {
	color: var(--plgt);
}
.user_tjgd_bbbbac {
    font-size: 15px;
    line-height: 1;
    background: var(--plgt);
    color: var(--bprm);
    padding: 12px 20px;
    border-radius: 5px;
    transition: var(--tran);
}
.user_tjgd_bbbbac:hover {
	background: var(--pcol);
    color: var(--bprm);
    transform: translateY(-1px);
}
/* 提交工单结束 */
/* 创建工单开始 */
.user_cjgd {
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 20px;
}
.user_cjgd_a {
    width: 200px;
    background-color: var(--kpbg);
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
    padding: 20px;
    border: 1px solid var(--bsqt);
}
.user_cjgd_aa {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
}
.user_cjgd_aaa {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    background: var(--bcol);
    position: relative;
}
.user_cjgd_aaaa {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 50%;
    overflow: hidden;
}
.user_cjgd_aaab {
    width: 80px;
    height: 35px;
    background-size: 80px 35px;
    position: absolute;
    bottom: -10px;
}
.user_cjgd_aaab.lv1 {
    background-image: url(/uploads/allimg/20260209/1-260209105F0G0.png);
}
.user_cjgd_aaab.lv2 {
    background-image: url(/uploads/allimg/20260209/1-26020911425M52.png);
}
.user_cjgd_aaab.lv3 {
    background-image: url(/uploads/allimg/20260209/1-26020911425J25.png);
}
.user_cjgd_aaab.lv4 {
    background-image: url(/uploads/allimg/20260209/1-26020911425K11.png);
}
.user_cjgd_aaab.lv5 {
    background-image: url(/uploads/allimg/20260209/1-26020911425MH.png);
}
.user_cjgd_aaaba {
    position: absolute;
    top: -9px;
    left: 1px;
    width: 100%;
    height: 40px;
}
.user_cjgd_aaabaa{
    fill: transparent;
}
.user_cjgd_aaabab {
    font-size: 9px;
    line-height: 1;
    letter-spacing: 1px;
    fill: #fff;
}
.user_cjgd_aab {
    font-size: 18px;
    line-height: 1;
    color: var(--zwbt);
}
.user_cjgd_aac {
    width: 85px;
    height: 27px;
    background-color: rgba(99, 102, 241, 0.1);
    color: var(--pcol);
    border-radius: 25px;
    font-size: 13px;
    line-height: 1;
    border: 1px solid var(--plgt);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    padding-bottom: 2px;
}
.user_cjgd_aad {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 5px;
}
.user_cjgd_aada {
    width: 100%;
    height: 25px;
}
.user_cjgd_aadb {
    width: 100%;
    height: 9px;
    font-family: "Courier New", monospace;
    font-size: 14px;
    line-height: 12px;
    color: var(--zwbt);
    letter-spacing: 2px;
    font-weight: 550;
    margin-right: -2px;
    display: flex;
    align-content: center;
    justify-content: center;
}
.user_cjgd_ab {
    width: 100%;
    background-color: var(--kpbg);
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
    padding: 20px;
    border: 1px solid var(--bsqt);
}
.user_cjgd_aba {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}
.user_cjgd_abaa {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 7px;
}
.user_cjgd_abaaa {
    height: 12px;
    display: block;
}
.user_cjgd_abaab {
    font-size: 15px;
    line-height: 1;
    color: var(--tsec);
    margin-top: -1px;
    font-weight: 550;
}
.user_cjgd_abab {
    height: 17px;
    font-family: 'sinclair';
    font-size: 26px;
    line-height: 21px;
    color: var(--zwbt);
}
.user_cjgd_abb {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
}
.user_cjgd_abba {
    width: 158px;
    height: 158px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    position: relative;
}
.user_cjgd_abbaa {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 40px;
    height: 40px;
    border-radius: 5px;
    background: var(--bprm);
    padding: 5px;
}
.user_cjgd_abbb {
    width: 100%;
    height: 35px;
    background: var(--plgt);
    color: var(--bprm);
    border-radius: 4px;
    font-size: 15px;
    line-height: 1;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    transition: var(--tran);
}
.user_cjgd_abbb:hover {
	background: var(--pcol);
    transform: translateY(-1px);
    color: var(--bprm);
}
.user_cjgd_b {
    flex: 1;
    height: 100%;
    background-color: var(--bprm);
    border-radius: 12px;
    border: 1px solid var(--bsqt);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    overflow: hidden;
}
.user_cjgd_ba {
    width: 100%;
    height: 50px;
    background-color: #f8f9fc;
    border-bottom: 1px solid var(--bsqt);
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    padding: 0 20px;
    gap: 10px;
}
.user_cjgd_baa {
    height: 100%;
    font-size: 18px;
    line-height: 1;
    color: var(--pcol);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.user_cjgd_baa::before {
    content: '\e996';
}
.user_cjgd_bab {
    height: 100%;
    font-size: 17px;
    line-height: 1;
    font-weight: 550;
    color: var(--tprm);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.user_cjgd_bb {
    width: 100%;
    height: calc(100% - 50px);
    padding: 20px;
    gap: 20px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.user_cjgd_bba {
    width: 100%;
    height: 110px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    background-color: #f8f9fc;
    border-radius: 5px;
    align-items: center;
}
.user_cjgd_bbaa {
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.user_cjgd_bbaaa {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 15px;
}
.user_cjgd_bbaaaa {
    height: 19px;
    font-family: 'sinclair';
    font-size: 30px;
    line-height: 24px;
    color: var(--zwbt);
}
.user_cjgd_bbaa.active .user_cjgd_bbaaaa {
    color: var(--pcol);
}
.user_cjgd_bbaaab {
    font-size: 14px;
    line-height: 1;
    color: var(--tsec);
}
.user_cjgd_bbaa.active .user_cjgd_bbaaab {
    color: var(--plgt);
}
.user_cjgd_bbab {
    flex: 1;
    height: 1px;
    border-top: 0.5px dashed var(--bcol);
}
.user_cjgd_bbac {
    flex: 0.5;
}
.user_cjgd_bbb {
    width: 100%;
    height: calc(100% - 130px);
    display: flex;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
}
.user_cjgd_bbba {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 20px;
}
.user_cjgd_bbbaa {
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    font-size: 14px;
    line-height: 1;
    color: var(--tter);
    gap: 5px;
}
.user_cjgd_bbbaaa {
    font-size: 10px;
}
.user_cjgd_bbbaaa::before {
	content: '\e7c4';
}
.user_cjgd_bbbab {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 20px;
    overflow-y: auto;
}
.user_cjgd_bbbab::-webkit-scrollbar {
	display: none;
}
.user_cjgd_bbbaba {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 20px;
}
.user_cjgd_bbbabaa {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 10px;
}
.user_cjgd_bbbabaaa {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 5px;
}
.user_cjgd_bbbabaaaa {
    font-size: 14px;
    font-weight: 550;
    color: var(--tprm);
    line-height: 1;
}
.user_cjgd_bbbabaaab {
    color: var(--dang);
    font-size: 6px;
    line-height: 1;
}
.user_cjgd_bbbabaaab::before {
    content: '\eade';
}
.user_cjgd_bbbabaab {
    width: 100%;
    height: 45px;
    padding: 0 10px;
    background: var(--bsec);
    border: 1px solid var(--bcol);
    border-radius: 5px;
    color: var(--tprm);
    font-size: 14px;
    transition: var(--tran);
    outline: none;
}
.user_cjgd_bbbabaab:focus {
    border-color: var(--pcol);
    background: var(--bprm);
}
.user_cjgd_bbbabaab::placeholder {
    color: var(--tter);
    font-size: 13px;
}
.user_cjgd_bbbabaac {
    width: 100%;
    height: 200px;
    padding: 10px;
    background: var(--bsec);
    border: 1px solid var(--bcol);
    border-radius: 5px;
    color: var(--tprm);
    font-size: 14px;
    line-height: 1.5;
    resize: vertical;
    transition: var(--tran);
    outline: none;
}
.user_cjgd_bbbabaac:focus {
    border-color: var(--pcol);
    background: var(--bprm);
}
.user_cjgd_bbbabaac::placeholder {
    color: var(--tter);
    font-size: 13px;
}
.user_cjgd_bbbabb {
    width: 100%;
    display: flex;
    align-content: center;
    justify-content: flex-end;
    align-items: center;
}
.user_cjgd_bbbabba {
    width: 150px;
    height: 45px;
    background: var(--pcol);
    color: var(--bprm);
    border: none;
    border-radius: 5px;
    font-size: 15px;
    font-weight: 550;
    transition: var(--tran);
    cursor: pointer;
}
.user_cjgd_bbbabba:hover {
    background: var(--pdak);
    transform: translateY(-2px);
}
.user_cjgd_bbbabba:disabled {
    background: var(--tter);
    cursor: not-allowed;
    transform: none;
    opacity: 0.7;
}
/* 创建工单结束 */
/* 会员等级开始 */
.user_hydj {
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 20px;
}
.user_hydj_a {
    width: 200px;
    background-color: var(--kpbg);
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
    padding: 20px;
    border: 1px solid var(--bsqt);
}
.user_hydj_aa {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
}
.user_hydj_aaa {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    background: var(--bcol);
    position: relative;
}
.user_hydj_aaaa {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 50%;
    overflow: hidden;
}
.user_hydj_aaab {
    width: 80px;
    height: 35px;
    background-size: 80px 35px;
    position: absolute;
    bottom: -10px;
}
.user_hydj_aaab.lv1 {
    background-image: url(/uploads/allimg/20260209/1-260209105F0G0.png);
}
.user_hydj_aaab.lv2 {
    background-image: url(/uploads/allimg/20260209/1-26020911425M52.png);
}
.user_hydj_aaab.lv3 {
    background-image: url(/uploads/allimg/20260209/1-26020911425J25.png);
}
.user_hydj_aaab.lv4 {
    background-image: url(/uploads/allimg/20260209/1-26020911425K11.png);
}
.user_hydj_aaab.lv5 {
    background-image: url(/uploads/allimg/20260209/1-26020911425MH.png);
}
.user_hydj_aaaba {
    position: absolute;
    top: -9px;
    left: 1px;
    width: 100%;
    height: 40px;
}
.user_hydj_aaabaa{
    fill: transparent;
}
.user_hydj_aaabab {
    font-size: 9px;
    line-height: 1;
    letter-spacing: 1px;
    fill: #fff;
}
.user_hydj_aab {
    font-size: 18px;
    line-height: 1;
    color: var(--zwbt);
}
.user_hydj_aac {
    width: 85px;
    height: 27px;
    background-color: rgba(99, 102, 241, 0.1);
    color: var(--pcol);
    border-radius: 25px;
    font-size: 13px;
    line-height: 1;
    border: 1px solid var(--plgt);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    padding-bottom: 2px;
}
.user_hydj_aad {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 5px;
}
.user_hydj_aada {
    width: 100%;
    height: 25px;
}
.user_hydj_aadb {
    width: 100%;
    height: 9px;
    font-family: "Courier New", monospace;
    font-size: 14px;
    line-height: 12px;
    color: var(--zwbt);
    letter-spacing: 2px;
    font-weight: 550;
    margin-right: -2px;
    display: flex;
    align-content: center;
    justify-content: center;
}
.user_hydj_aae {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    position: relative;
}
.user_hydj_aaea {
    display: none;
}
.user_hydj_aaeb {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
.user_hydj_aaeba {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    gap: 7px;
}
.user_hydj_aaebaa {
    flex: 1;
    border-top: 0.5px dashed var(--bcol);
}
.user_hydj_aaebab {
    font-size: 13px;
    line-height: 1;
    color: var(--tsec);
    margin-top: -1px;
}
.user_hydj_aaebb {
    font-size: 14px;
    line-height: 1;
    color: var(--zwbt);
}
.user_hydj_b {
    flex: 1;
    height: 100%;
    background-color: var(--bprm);
    border-radius: 12px;
    border: 1px solid var(--bsqt);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    overflow: hidden;
}
.user_hydj_ba {
    width: 100%;
    height: 50px;
    background-color: #f8f9fc;
    border-bottom: 1px solid var(--bsqt);
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    padding: 0 20px;
    gap: 10px;
}
.user_hydj_baa {
    height: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}
.user_hydj_baaa {
    height: 100%;
    font-size: 18px;
    line-height: 1;
    color: var(--pcol);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.user_hydj_baaa::before {
    content: '\e996';
}
.user_hydj_baab {
    height: 100%;
    font-size: 17px;
    line-height: 1;
    font-weight: 550;
    color: var(--tprm);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.user_hydj_bab {
    height: 100%;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.user_hydj_baba {
    height: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-end;
    align-items: center;
    gap: 5px;
}
.user_hydj_babaa {
    height: 100%;
    font-size: 14px;
    line-height: 1;
    color: var(--plgt);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    padding-top: 2px;
}
.user_hydj_babaa::before {
    content: '\ea62';
}
.user_hydj_babab {
    height: 100%;
    font-size: 14px;
    line-height: 1;
    color: var(--tsec);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.user_hydj_baba:hover .user_hydj_babab {
    color: var(--plgt);
}
.user_hydj_babb {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    background: rgba(0, 0, 0, 0.5);
    display: none;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.user_hydj_babba {
    width: 880px;
    max-height: 80%;
    background: var(--bprm);
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    box-shadow: var(--smd);
    overflow: hidden;
}
.user_hydj_babbaa {
    width: 100%;
    height: 50px;
    background-color: #f8f9fc;
    border-bottom: 1px solid var(--bsqt);
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    position: relative;
    overflow: hidden;
    padding: 0 20px;
}
.user_hydj_babbaaa {
    height: 100%;
    font-size: 16px;
    line-height: 1;
    font-weight: 550;
    color: var(--tprm);
    display: flex;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.user_hydj_babbaab {
    font-size: 14px;
    line-height: 1;
    color: var(--tter);
    transition: var(--tran);
}
.user_hydj_babbaab::before {
    content: '\eb51';
}
.user_hydj_babbaab:hover {
    transform: rotate(90deg);
}
.user_hydj_babbab {
    width: 100%;
    padding: 20px;
    display: flex;
    align-content: flex-start;
    justify-content: center;
    align-items: flex-start;
}
.user_hydj_babbaba {
    width: 100%;
    font-size: 14px;
    line-height: 20px;
    color: var(--tprm);
    text-align: justify;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 15px;
}
.user_hydj_babbaba p {
    width: 100%;
    margin: -3px 0;
}
.user_hydj_bb {
    width: 100%;
    height: calc(100% - 50px);
    padding: 0 20px;
    gap: 20px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.user_hydj_bba {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}
.user_hydj_bbaa {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 20px;
    border: none;
}
.user_hydj_bbaaa {
    width: 150px;
    display: block;
}
.user_hydj_bbaab {
    font-size: 14px;
    line-height: 1;
    color: var(--tter);
}
.user_hydj_bbab {
    width: 100%;
    height: calc(100% - 102px);
    display: flex;
    align-content: flex-start;
    justify-content: center;
    align-items: flex-start;
    overflow-y: auto;
    padding-top: 20px;
}
.user_hydj_bbab::-webkit-scrollbar {
    display: none;
}
.user_hydj_bbaba {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 15px;
}
.user_hydj_bbabaa {
    width: 100%;
    background-image: url(/uploads/allimg/20260217/1-26021G91S5X4.jpg);
    background-size: 100% 100%;
    border: 1px solid var(--bcol);
    border-radius: var(--rmd);
    padding: 20px;
    transition: var(--tran);
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 15px;
}
.user_hydj_bbabaa:hover {
    transform: translateY(-1px);
}
.user_hydj_bbabaa.active {
    border-color: var(--pcol);
}
.user_hydj_bbabaaa {
    position: absolute;
    top: 15px;
    left: 15px;
    color: var(--dang);
    font-size: 14px;
    line-height: 1;
}
.user_hydj_bbabaaa::before {
    content: '\eb52';
}
.user_hydj_bbabaab {
    font-size: 18px;
    line-height: 1;
    font-weight: 550;
    color: var(--tprm);
}
.user_hydj_bbabaac {
    font-size: 14px;
    line-height: 1;
    color: var(--tsec);
}
.user_hydj_bbabaad {
    display: flex;
    flex-wrap: nowrap;
    align-content: flex-end;
    justify-content: center;
    align-items: flex-end;
    gap: 3px;
}
.user_hydj_bbabaada {
    font-size: 12px;
    line-height: 1;
    color: var(--pcol);
    padding-bottom: 1px;
}
.user_hydj_bbabaada::before {
    content: '\e791';
}
.user_hydj_bbabaadb {
    display: flex;
    flex-wrap: nowrap;
    align-content: flex-end;
    justify-content: center;
    align-items: flex-end;
}
.user_hydj_bbabaadba {
    height: 20px;
    font-size: 25px;
    line-height: 17px;
    font-weight: bold;
    color: var(--pcol);
}
.user_hydj_bbabaadbb {
    height: 13px;
    font-size: 16px;
    line-height: 11px;
    font-weight: bold;
    color: var(--pcol);
}
.user_hydj_bbabaae {
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 3px;
}
.user_hydj_bbabaaea {
    font-size: 10px;
    line-height: 1;
    color: var(--tter);
    font-weight: 300;
    padding-top: 2px;
}
.user_hydj_bbabaaea::before {
    content: '\e791';
}
.user_hydj_bbabaaeb {
    font-size: 14px;
    line-height: 1;
    color: var(--tter);
    text-decoration: line-through;
}
.user_hydj_bbabaaf {
    height: 30px;
    background: rgb(99 102 241 / 60%);
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    padding: 0 15px;
    border-radius: 25px;
    gap: 3px;
}
.user_hydj_bbabaafa {
    height: 100%;
    font-size: 12px;
    line-height: 1;
    color: var(--bprm);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.user_hydj_bbabaafb {
    height: 100%;
    font-size: 12px;
    line-height: 1;
    color: var(--bprm);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.user_hydj_bbabaag {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}
.user_hydj_bbac {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 15px;
    padding-bottom: 20px;
}
.user_hydj_bbaca {
    width: 100%;
    font-size: 15px;
    line-height: 1;
    font-weight: 550;
    color: var(--tprm);
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
}
.user_hydj_bbaca::before {
    content: '';
    width: 5px;
    height: 17px;
    background-color: var(--pcol);
    border-radius: var(--rsm);
}
.user_hydj_bbacb {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}
.user_hydj_bbacba {
    flex: 1;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 15px;
}
.user_hydj_bbacbaa {
    width: 220px;
    height: 50px;
    border: 1px solid var(--bsym);
    border-radius: 5px;
    padding: 10px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    cursor: pointer;
}
.user_hydj_bbacbaa.active {
    border-color: var(--pcol);
    background: rgb(129 140 248 / 10%);
}
.user_hydj_bbacbaa:hover {
    background-color: var(--bter);
}
.user_hydj_bbacbaa.active::before {
    content: '\e7d9';
    font-family: 'iconfont';
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: 18px;
    line-height: 1;
    color: var(--pcol);
}
.user_hydj_bbacbaaa {
    display: none;
    position: absolute;
    top: -35px;
    left: 50%;
    transform: translateX(-50%);
    background-color: var(--tprm);
    color: var(--bprm);
    padding: 8px 12px;
    border-radius: var(--rsm);
    font-size: 12px;
    white-space: nowrap;
    z-index: 9999;
    box-shadow: var(--smd);
}
.user_hydj_bbacbaa:hover .user_hydj_bbacbaaa {
    display: block;
}
.user_hydj_bbacbaab {
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 7px;
}
.user_hydj_bbacbaaba {
    height: 100%;
    display: block;
    border-radius: 7px;
}
.user_hydj_bbacbaabb {
    height: 100%;
    font-size: 14px;
    line-height: 1;
    color: var(--tprm);
    display: flex;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.user_hydj_bbacbaac {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}
.user_hydj_bbacbb {
    width: 120px;
    height: 50px;
    background-color: var(--plgt);
    transition: var(--tran);
    border-radius: 5px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.user_hydj_bbacbb:hover {
    background-color: var(--pcol);
    transform: translateY(-2px);
}
.user_hydj_bbacbba {
    color: var(--bprm);
    font-size: 14px;
    font-weight: 550;
    transition: var(--tran);
}
.user_hydj_bbacbb:hover .user_hydj_bbacbba {
    color: var(--bprm);
}
/* 会员等级结束 */
/* 我的足迹-浏览记录开始 */
.user_lljl {
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 20px;
}
.user_lljl_a {
    width: 200px;
    background-color: var(--kpbg);
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
    padding: 20px;
    border: 1px solid var(--bsqt);
}
.user_lljl_aa {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
}
.user_lljl_aaa {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    background: var(--bcol);
    position: relative;
}
.user_lljl_aaaa {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 50%;
    overflow: hidden;
}
.user_lljl_aaab {
    width: 80px;
    height: 35px;
    background-size: 80px 35px;
    position: absolute;
    bottom: -10px;
}
.user_lljl_aaab.lv1 {
    background-image: url(/uploads/allimg/20260209/1-260209105F0G0.png);
}
.user_lljl_aaab.lv2 {
    background-image: url(/uploads/allimg/20260209/1-26020911425M52.png);
}
.user_lljl_aaab.lv3 {
    background-image: url(/uploads/allimg/20260209/1-26020911425J25.png);
}
.user_lljl_aaab.lv4 {
    background-image: url(/uploads/allimg/20260209/1-26020911425K11.png);
}
.user_lljl_aaab.lv5 {
    background-image: url(/uploads/allimg/20260209/1-26020911425MH.png);
}
.user_lljl_aaaba {
    position: absolute;
    top: -9px;
    left: 1px;
    width: 100%;
    height: 40px;
}
.user_lljl_aaabaa{
    fill: transparent;
}
.user_lljl_aaabab {
    font-size: 9px;
    line-height: 1;
    letter-spacing: 1px;
    fill: #fff;
}
.user_lljl_aab {
    font-size: 18px;
    line-height: 1;
    color: var(--zwbt);
}
.user_lljl_aac {
    width: 85px;
    height: 27px;
    background-color: rgba(99, 102, 241, 0.1);
    color: var(--pcol);
    border-radius: 25px;
    font-size: 13px;
    line-height: 1;
    border: 1px solid var(--plgt);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    padding-bottom: 2px;
}
.user_lljl_aad {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 5px;
}
.user_lljl_aada {
    width: 100%;
    height: 25px;
}
.user_lljl_aadb {
    width: 100%;
    height: 9px;
    font-family: "Courier New", monospace;
    font-size: 14px;
    line-height: 12px;
    color: var(--zwbt);
    letter-spacing: 2px;
    font-weight: 550;
    margin-right: -2px;
    display: flex;
    align-content: center;
    justify-content: center;
}
.user_lljl_b {
    flex: 1;
    height: 100%;
    background-color: var(--bprm);
    border-radius: 12px;
    border: 1px solid var(--bsqt);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    overflow: hidden;
}
.user_lljl_ba {
    width: 100%;
    height: 50px;
    background-color: #f8f9fc;
    border-bottom: 1px solid var(--bsqt);
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}
.user_lljl_baa {
    height: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 7px;
    padding-left: 20px;
}
.user_lljl_baaa {
    height: 100%;
    font-size: 18px;
    line-height: 1;
    color: var(--pcol);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.user_lljl_baaa::before {
    content: '\e996';
}
.user_lljl_baab {
    height: 100%;
    font-size: 17px;
    line-height: 1;
    font-weight: 550;
    color: var(--tprm);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.user_lljl_bab {
    height: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-end;
    align-items: center;
}
.user_lljl_baba {
    height: 100%;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    padding: 0 20px;
    border-left: 1px solid var(--bsqt);
    font-size: 15px;
    line-height: 1;
    font-weight: 550;
    color: var(--tsec);
    transition: var(--tran);
    position: relative;
}
.user_lljl_baba.active {
    color: var(--pcol);
    background: var(--kpbg);
}
.user_lljl_baba.active::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 15px;
    height: 2px;
    background-color: var(--pcol);
    border-radius: 25px;
}
.user_lljl_baba:hover {
    color: var(--pcol);
    background-color: rgba(99, 102, 241, 0.03);
}
.user_lljl_bb {
    width: 100%;
    height: calc(100% - 50px);
    padding: 20px;
    gap: 20px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}
.user_lljl_bba {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 20px;
    border: none;
}
.user_lljl_bbaa {
    width: 150px;
    display: block;
}
.user_lljl_bbab {
    font-size: 14px;
    line-height: 1;
    color: var(--tter);
}
.user_lljl_bbb {
    width: 100%;
    height: calc(100% - 55px);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.user_lljl_bbba {
    width: 100%;
    height: 35px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    background-color: #f8f9fc;
    border: 1px solid var(--bsqt);
    border-radius: 5px 5px 0 0;
    overflow: hidden;
}
.user_lljl_bbbaa {
    height: 100%;
    font-size: 14px;
    line-height: 1;
    font-weight: 550;
    color: var(--zwbt);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    border-right: 1px solid var(--bsqt);
}
.user_lljl_bbbaa:nth-child(1) {
    width: 5%;
}
.user_lljl_bbbaa:nth-child(2) {
    width: 45%;
}
.user_lljl_bbbaa:nth-child(3) {
    width: 20%;
}
.user_lljl_bbbaa:nth-child(4) {
    width: 20%;
}
.user_lljl_bbbaa:nth-child(5) {
    width: 10%;
    border-right: 0;
}
.user_lljl_bbbb {
    width: 100%;
    height: calc(100% - 35px);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    overflow: hidden;
    overflow-y: auto;
}
.user_lljl_bbbba {
    width: 100%;
    border: 1px solid var(--bsqt);
    border-top: 0;
    border-radius: 0 0 5px 5px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.user_lljl_bbbbaa {
    width: 100%;
    height: 70px;
    font-size: 14px;
    line-height: 1;
    color: var(--zwbt);
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}
.user_lljl_bbbbaaa {
    height: 100%;
    font-size: 14px;
    line-height: 1;
    color: var(--cywt);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    border-right: 1px solid var(--bsqt);
    border-top: 1px solid var(--bsqt);
}
.user_lljl_bbbbaa:first-child .user_lljl_bbbbaaa {
    border-top: 0;
}
.user_lljl_bbbbaaa:nth-child(1) {
    width: 5%;
}
.user_lljl_bbbbaaa:nth-child(2) {
    width: 45%;
    padding: 10px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    overflow: hidden;
}
.user_lljl_bbbbaaa:nth-child(3) {
    width: 20%;
}
.user_lljl_bbbbaaa:nth-child(4) {
    width: 20%;
}
.user_lljl_bbbbaaa:nth-child(5) {
    width: 10%;
    border-right: 0;
}
.user_lljl_bbbbaaa:nth-child(5):hover {
    color: var(--pcol);
}
.user_lljl_bbbbaaaa {
    width: 50px;
    height: 100%;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    overflow: hidden;
}
.user_lljl_bbbbaaaaa {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.user_lljl_bbbbaaab {
    flex: 1;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-align: justify;
}
.user_lljl_bbbbaaa:nth-child(2):hover .user_lljl_bbbbaaab {
    color: var(--pcol);
}
.user_lljl_bbbbb {
    width: 100%;
    height: 50px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.user_lljl_bbbbba {
    width: 5%;
    height: 100%;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.user_lljl_bbbbbb {
    height: 30px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    background: var(--plgt);
    border-radius: 5px;
    font-size: 14px;
    line-height: 1;
    color: var(--bprm);
    padding: 0 15px;
    transition: var(--tran);
}
.user_lljl_bbbbbb:hover {
    background-color: var(--pcol);
    color: var(--bprm);
    transform: translateY(-2px);
}
.user_lljl_bbbbbb.disabled {
    pointer-events: none;
    cursor: not-allowed;
    background: #ccc;
}
.user_lljl_bbc {
    width: 100%;
    height: 35px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}
.user_lljl_bbca {
    height: 100%;
    display: flex;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.user_lljl_bbcb {
    height: 100%;
    font-size: 14px;
    line-height: 1;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-end;
    align-items: center;
    color: var(--cywt);
    gap: 3px;
}
/* 我的足迹-浏览记录结束 */
/* 我的足迹-下载记录开始 */
.user_xzjl {
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 20px;
}
.user_xzjl_a {
    width: 200px;
    background-color: var(--kpbg);
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
    padding: 20px;
    border: 1px solid var(--bsqt);
}
.user_xzjl_aa {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
}
.user_xzjl_aaa {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    background: var(--bcol);
    position: relative;
}
.user_xzjl_aaaa {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 50%;
    overflow: hidden;
}
.user_xzjl_aaab {
    width: 80px;
    height: 35px;
    background-size: 80px 35px;
    position: absolute;
    bottom: -10px;
}
.user_xzjl_aaab.lv1 {
    background-image: url(/uploads/allimg/20260209/1-260209105F0G0.png);
}
.user_xzjl_aaab.lv2 {
    background-image: url(/uploads/allimg/20260209/1-26020911425M52.png);
}
.user_xzjl_aaab.lv3 {
    background-image: url(/uploads/allimg/20260209/1-26020911425J25.png);
}
.user_xzjl_aaab.lv4 {
    background-image: url(/uploads/allimg/20260209/1-26020911425K11.png);
}
.user_xzjl_aaab.lv5 {
    background-image: url(/uploads/allimg/20260209/1-26020911425MH.png);
}
.user_xzjl_aaaba {
    position: absolute;
    top: -9px;
    left: 1px;
    width: 100%;
    height: 40px;
}
.user_xzjl_aaabaa{
    fill: transparent;
}
.user_xzjl_aaabab {
    font-size: 9px;
    line-height: 1;
    letter-spacing: 1px;
    fill: #fff;
}
.user_xzjl_aab {
    font-size: 18px;
    line-height: 1;
    color: var(--zwbt);
}
.user_xzjl_aac {
    width: 85px;
    height: 27px;
    background-color: rgba(99, 102, 241, 0.1);
    color: var(--pcol);
    border-radius: 25px;
    font-size: 13px;
    line-height: 1;
    border: 1px solid var(--plgt);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    padding-bottom: 2px;
}
.user_xzjl_aad {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 5px;
}
.user_xzjl_aada {
    width: 100%;
    height: 25px;
}
.user_xzjl_aadb {
    width: 100%;
    height: 9px;
    font-family: "Courier New", monospace;
    font-size: 14px;
    line-height: 12px;
    color: var(--zwbt);
    letter-spacing: 2px;
    font-weight: 550;
    margin-right: -2px;
    display: flex;
    align-content: center;
    justify-content: center;
}
.user_xzjl_b {
    flex: 1;
    height: 100%;
    background-color: var(--bprm);
    border-radius: 12px;
    border: 1px solid var(--bsqt);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    overflow: hidden;
}
.user_xzjl_ba {
    width: 100%;
    height: 50px;
    background-color: #f8f9fc;
    border-bottom: 1px solid var(--bsqt);
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}
.user_xzjl_baa {
    height: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 7px;
    padding-left: 20px;
}
.user_xzjl_baaa {
    height: 100%;
    font-size: 18px;
    line-height: 1;
    color: var(--pcol);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.user_xzjl_baaa::before {
    content: '\e996';
}
.user_xzjl_baab {
    height: 100%;
    font-size: 17px;
    line-height: 1;
    font-weight: 550;
    color: var(--tprm);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.user_xzjl_bab {
    height: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-end;
    align-items: center;
}
.user_xzjl_baba {
    height: 100%;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    padding: 0 20px;
    border-left: 1px solid var(--bsqt);
    font-size: 15px;
    line-height: 1;
    font-weight: 550;
    color: var(--tsec);
    transition: var(--tran);
    position: relative;
}
.user_xzjl_baba.active {
    color: var(--pcol);
    background: var(--kpbg);
}
.user_xzjl_baba.active::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 15px;
    height: 2px;
    background-color: var(--pcol);
    border-radius: 25px;
}
.user_xzjl_baba:hover {
    color: var(--pcol);
    background-color: rgba(99, 102, 241, 0.03);
}
.user_xzjl_bb {
    width: 100%;
    height: calc(100% - 50px);
    padding: 20px;
    gap: 20px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}
.user_xzjl_bba {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 20px;
    border: none;
}
.user_xzjl_bbaa {
    width: 150px;
    display: block;
}
.user_xzjl_bbab {
    font-size: 14px;
    line-height: 1;
    color: var(--tter);
}
.user_xzjl_bbb {
    width: 100%;
    height: calc(100% - 55px);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.user_xzjl_bbba {
    width: 100%;
    height: 35px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    background-color: #f8f9fc;
    border: 1px solid var(--bsqt);
    border-radius: 5px 5px 0 0;
    overflow: hidden;
}
.user_xzjl_bbbaa {
    height: 100%;
    font-size: 14px;
    line-height: 1;
    font-weight: 550;
    color: var(--zwbt);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    border-right: 1px solid var(--bsqt);
}
.user_xzjl_bbbaa:nth-child(1) {
    width: 5%;
}
.user_xzjl_bbbaa:nth-child(2) {
    width: 65%;
}
.user_xzjl_bbbaa:nth-child(3) {
    width: 20%;
}
.user_xzjl_bbbaa:nth-child(4) {
    width: 10%;
    border-right: 0;
}
.user_xzjl_bbbb {
    width: 100%;
    height: calc(100% - 35px);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    overflow: hidden;
    overflow-y: auto;
}
.user_xzjl_bbbba {
    width: 100%;
    border: 1px solid var(--bsqt);
    border-top: 0;
    border-radius: 0 0 5px 5px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.user_xzjl_bbbbaa {
    width: 100%;
    height: 70px;
    font-size: 14px;
    line-height: 1;
    color: var(--zwbt);
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}
.user_xzjl_bbbbaaa {
    height: 100%;
    font-size: 14px;
    line-height: 1;
    color: var(--cywt);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    border-right: 1px solid var(--bsqt);
    border-top: 1px solid var(--bsqt);
}
.user_xzjl_bbbbaa:first-child .user_xzjl_bbbbaaa {
    border-top: 0;
}
.user_xzjl_bbbbaaa:nth-child(1) {
    width: 5%;
}
.user_xzjl_bbbbaaa:nth-child(2) {
    width: 65%;
    padding: 10px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    overflow: hidden;
}
.user_xzjl_bbbbaaa:nth-child(3) {
    width: 20%;
}
.user_xzjl_bbbbaaa:nth-child(4) {
    width: 10%;
    border-right: 0;
}
.user_xzjl_bbbbaaa:nth-child(4):hover {
    color: var(--pcol);
}
.user_xzjl_bbbbaaaa {
    width: 50px;
    height: 100%;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    overflow: hidden;
}
.user_xzjl_bbbbaaaaa {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.user_xzjl_bbbbaaab {
    flex: 1;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-align: justify;
}
.user_xzjl_bbbbaaa:nth-child(2):hover .user_xzjl_bbbbaaab {
    color: var(--pcol);
}
.user_xzjl_bbbbb {
    width: 100%;
    height: 50px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.user_xzjl_bbbbba {
    width: 5%;
    height: 100%;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.user_xzjl_bbbbbb {
    height: 30px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    background: var(--plgt);
    border-radius: 5px;
    font-size: 14px;
    line-height: 1;
    color: var(--bprm);
    padding: 0 15px;
    transition: var(--tran);
}
.user_xzjl_bbbbbb:hover {
    background-color: var(--pcol);
    color: var(--bprm);
    transform: translateY(-2px);
}
.user_xzjl_bbbbbb.disabled {
    pointer-events: none;
    cursor: not-allowed;
    background: #ccc;
}
.user_xzjl_bbc {
    width: 100%;
    height: 35px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}
.user_xzjl_bbca {
    height: 100%;
    display: flex;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.user_xzjl_bbcb {
    height: 100%;
    font-size: 14px;
    line-height: 1;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-end;
    align-items: center;
    color: var(--cywt);
    gap: 3px;
}
/* 我的足迹-下载记录结束 */
/* 我的足迹-播放记录开始 */
.user_bfjl {
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 20px;
}
.user_bfjl_a {
    width: 200px;
    background-color: var(--kpbg);
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
    padding: 20px;
    border: 1px solid var(--bsqt);
}
.user_bfjl_aa {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
}
.user_bfjl_aaa {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    background: var(--bcol);
    position: relative;
}
.user_bfjl_aaaa {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 50%;
    overflow: hidden;
}
.user_bfjl_aaab {
    width: 80px;
    height: 35px;
    background-size: 80px 35px;
    position: absolute;
    bottom: -10px;
}
.user_bfjl_aaab.lv1 {
    background-image: url(/uploads/allimg/20260209/1-260209105F0G0.png);
}
.user_bfjl_aaab.lv2 {
    background-image: url(/uploads/allimg/20260209/1-26020911425M52.png);
}
.user_bfjl_aaab.lv3 {
    background-image: url(/uploads/allimg/20260209/1-26020911425J25.png);
}
.user_bfjl_aaab.lv4 {
    background-image: url(/uploads/allimg/20260209/1-26020911425K11.png);
}
.user_bfjl_aaab.lv5 {
    background-image: url(/uploads/allimg/20260209/1-26020911425MH.png);
}
.user_bfjl_aaaba {
    position: absolute;
    top: -9px;
    left: 1px;
    width: 100%;
    height: 40px;
}
.user_bfjl_aaabaa{
    fill: transparent;
}
.user_bfjl_aaabab {
    font-size: 9px;
    line-height: 1;
    letter-spacing: 1px;
    fill: #fff;
}
.user_bfjl_aab {
    font-size: 18px;
    line-height: 1;
    color: var(--zwbt);
}
.user_bfjl_aac {
    width: 85px;
    height: 27px;
    background-color: rgba(99, 102, 241, 0.1);
    color: var(--pcol);
    border-radius: 25px;
    font-size: 13px;
    line-height: 1;
    border: 1px solid var(--plgt);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    padding-bottom: 2px;
}
.user_bfjl_aad {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 5px;
}
.user_bfjl_aada {
    width: 100%;
    height: 25px;
}
.user_bfjl_aadb {
    width: 100%;
    height: 9px;
    font-family: "Courier New", monospace;
    font-size: 14px;
    line-height: 12px;
    color: var(--zwbt);
    letter-spacing: 2px;
    font-weight: 550;
    margin-right: -2px;
    display: flex;
    align-content: center;
    justify-content: center;
}
.user_bfjl_b {
    flex: 1;
    height: 100%;
    background-color: var(--bprm);
    border-radius: 12px;
    border: 1px solid var(--bsqt);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    overflow: hidden;
}
.user_bfjl_ba {
    width: 100%;
    height: 50px;
    background-color: #f8f9fc;
    border-bottom: 1px solid var(--bsqt);
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}
.user_bfjl_baa {
    height: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 7px;
    padding-left: 20px;
}
.user_bfjl_baaa {
    height: 100%;
    font-size: 18px;
    line-height: 1;
    color: var(--pcol);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.user_bfjl_baaa::before {
    content: '\e996';
}
.user_bfjl_baab {
    height: 100%;
    font-size: 17px;
    line-height: 1;
    font-weight: 550;
    color: var(--tprm);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.user_bfjl_bab {
    height: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-end;
    align-items: center;
}
.user_bfjl_baba {
    height: 100%;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    padding: 0 20px;
    border-left: 1px solid var(--bsqt);
    font-size: 15px;
    line-height: 1;
    font-weight: 550;
    color: var(--tsec);
    transition: var(--tran);
    position: relative;
}
.user_bfjl_baba.active {
    color: var(--pcol);
    background: var(--kpbg);
}
.user_bfjl_baba.active::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 15px;
    height: 2px;
    background-color: var(--pcol);
    border-radius: 25px;
}
.user_bfjl_baba:hover {
    color: var(--pcol);
    background-color: rgba(99, 102, 241, 0.03);
}
.user_bfjl_bb {
    width: 100%;
    height: calc(100% - 50px);
    padding: 20px;
    gap: 20px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}
.user_bfjl_bba {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 20px;
    border: none;
}
.user_bfjl_bbaa {
    width: 150px;
    display: block;
}
.user_bfjl_bbab {
    font-size: 14px;
    line-height: 1;
    color: var(--tter);
}
.user_bfjl_bbb {
    width: 100%;
    height: calc(100% - 55px);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.user_bfjl_bbba {
    width: 100%;
    height: 35px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    background-color: #f8f9fc;
    border: 1px solid var(--bsqt);
    border-radius: 5px 5px 0 0;
    overflow: hidden;
}
.user_bfjl_bbbaa {
    height: 100%;
    font-size: 14px;
    line-height: 1;
    font-weight: 550;
    color: var(--zwbt);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    border-right: 1px solid var(--bsqt);
}
.user_bfjl_bbbaa:nth-child(1) {
    width: 5%;
}
.user_bfjl_bbbaa:nth-child(2) {
    width: 40%;
}
.user_bfjl_bbbaa:nth-child(3) {
    width: 10%;
}
.user_bfjl_bbbaa:nth-child(4) {
    width: 10%;
}
.user_bfjl_bbbaa:nth-child(5) {
    width: 10%;
}
.user_bfjl_bbbaa:nth-child(6) {
    width: 15%;
}
.user_bfjl_bbbaa:nth-child(7) {
    width: 10%;
    border-right: 0;
}
.user_bfjl_bbbb {
    width: 100%;
    height: calc(100% - 35px);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    overflow: hidden;
    overflow-y: auto;
}
.user_bfjl_bbbba {
    width: 100%;
    border: 1px solid var(--bsqt);
    border-top: 0;
    border-radius: 0 0 5px 5px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.user_bfjl_bbbbaa {
    width: 100%;
    height: 70px;
    font-size: 14px;
    line-height: 1;
    color: var(--zwbt);
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}
.user_bfjl_bbbbaaa {
    height: 100%;
    font-size: 14px;
    line-height: 1;
    color: var(--cywt);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    border-right: 1px solid var(--bsqt);
    border-top: 1px solid var(--bsqt);
}
.user_bfjl_bbbbaa:first-child .user_bfjl_bbbbaaa {
    border-top: 0;
}
.user_bfjl_bbbbaaa:nth-child(1) {
    width: 5%;
}
.user_bfjl_bbbbaaa:nth-child(2) {
    width: 40%;
    padding: 10px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    overflow: hidden;
}
.user_bfjl_bbbbaaa:nth-child(3) {
    width: 10%;
}
.user_bfjl_bbbbaaa:nth-child(4) {
    width: 10%;
}
.user_bfjl_bbbbaaa:nth-child(5) {
    width: 10%;
}
.user_bfjl_bbbbaaa:nth-child(6) {
    width: 15%;
}
.user_bfjl_bbbbaaa:nth-child(7) {
    width: 10%;
    border-right: 0;
}
.user_bfjl_bbbbaaa:nth-child(7):hover {
    color: var(--pcol);
}
.user_bfjl_bbbbaaaa {
    width: 50px;
    height: 100%;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    overflow: hidden;
}
.user_bfjl_bbbbaaaaa {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.user_bfjl_bbbbaaab {
    flex: 1;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-align: justify;
}
.user_bfjl_bbbbaaa:nth-child(2):hover .user_bfjl_bbbbaaab {
    color: var(--pcol);
}
.user_bfjl_bbbbb {
    width: 100%;
    height: 50px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.user_bfjl_bbbbba {
    width: 5%;
    height: 100%;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.user_bfjl_bbbbbb {
    height: 30px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    background: var(--plgt);
    border-radius: 5px;
    font-size: 14px;
    line-height: 1;
    color: var(--bprm);
    padding: 0 15px;
    transition: var(--tran);
}
.user_bfjl_bbbbbb:hover {
    background-color: var(--pcol);
    color: var(--bprm);
    transform: translateY(-2px);
}
.user_bfjl_bbbbbb.disabled {
    pointer-events: none;
    cursor: not-allowed;
    background: #ccc;
}
.user_bfjl_bbc {
    width: 100%;
    height: 35px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}
.user_bfjl_bbca {
    height: 100%;
    display: flex;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.user_bfjl_bbcb {
    height: 100%;
    font-size: 14px;
    line-height: 1;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-end;
    align-items: center;
    color: var(--cywt);
    gap: 3px;
}
/* 我的足迹-播放记录结束 */
/* 我的收藏开始 */
.user_wdsc {
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 20px;
}
.user_wdsc_a {
    width: 200px;
    background-color: var(--kpbg);
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
    padding: 20px;
    border: 1px solid var(--bsqt);
}
.user_wdsc_aa {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
}
.user_wdsc_aaa {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    background: var(--bcol);
    position: relative;
}
.user_wdsc_aaaa {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 50%;
    overflow: hidden;
}
.user_wdsc_aaab {
    width: 80px;
    height: 35px;
    background-size: 80px 35px;
    position: absolute;
    bottom: -10px;
}
.user_wdsc_aaab.lv1 {
    background-image: url(/uploads/allimg/20260209/1-260209105F0G0.png);
}
.user_wdsc_aaab.lv2 {
    background-image: url(/uploads/allimg/20260209/1-26020911425M52.png);
}
.user_wdsc_aaab.lv3 {
    background-image: url(/uploads/allimg/20260209/1-26020911425J25.png);
}
.user_wdsc_aaab.lv4 {
    background-image: url(/uploads/allimg/20260209/1-26020911425K11.png);
}
.user_wdsc_aaab.lv5 {
    background-image: url(/uploads/allimg/20260209/1-26020911425MH.png);
}
.user_wdsc_aaaba {
    position: absolute;
    top: -9px;
    left: 1px;
    width: 100%;
    height: 40px;
}
.user_wdsc_aaabaa{
    fill: transparent;
}
.user_wdsc_aaabab {
    font-size: 9px;
    line-height: 1;
    letter-spacing: 1px;
    fill: #fff;
}
.user_wdsc_aab {
    font-size: 18px;
    line-height: 1;
    color: var(--zwbt);
}
.user_wdsc_aac {
    width: 85px;
    height: 27px;
    background-color: rgba(99, 102, 241, 0.1);
    color: var(--pcol);
    border-radius: 25px;
    font-size: 13px;
    line-height: 1;
    border: 1px solid var(--plgt);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    padding-bottom: 2px;
}
.user_wdsc_aad {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 5px;
}
.user_wdsc_aada {
    width: 100%;
    height: 25px;
}
.user_wdsc_aadb {
    width: 100%;
    height: 9px;
    font-family: "Courier New", monospace;
    font-size: 14px;
    line-height: 12px;
    color: var(--zwbt);
    letter-spacing: 2px;
    font-weight: 550;
    margin-right: -2px;
    display: flex;
    align-content: center;
    justify-content: center;
}
.user_wdsc_b {
    flex: 1;
    height: 100%;
    background-color: var(--bprm);
    border-radius: 12px;
    border: 1px solid var(--bsqt);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    overflow: hidden;
}
.user_wdsc_ba {
    width: 100%;
    height: 50px;
    background-color: #f8f9fc;
    border-bottom: 1px solid var(--bsqt);
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}
.user_wdsc_baa {
    height: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 7px;
    padding-left: 20px;
}
.user_wdsc_baaa {
    height: 100%;
    font-size: 18px;
    line-height: 1;
    color: var(--pcol);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.user_wdsc_baaa::before {
    content: '\e996';
}
.user_wdsc_baab {
    height: 100%;
    font-size: 17px;
    line-height: 1;
    font-weight: 550;
    color: var(--tprm);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.user_wdsc_bab {
    height: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-end;
    align-items: center;
}
.user_wdsc_baba {
    height: 100%;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    padding: 0 20px;
    border-left: 1px solid var(--bsqt);
    font-size: 15px;
    line-height: 1;
    font-weight: 550;
    color: var(--tsec);
    transition: var(--tran);
    position: relative;
}
.user_wdsc_baba.active {
    color: var(--pcol);
    background: var(--kpbg);
}
.user_wdsc_baba.active::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 15px;
    height: 2px;
    background-color: var(--pcol);
    border-radius: 25px;
}
.user_wdsc_baba:hover {
    color: var(--pcol);
    background-color: rgba(99, 102, 241, 0.03);
}
.user_wdsc_bb {
    width: 100%;
    height: calc(100% - 50px);
    padding: 20px;
    gap: 20px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}
.user_wdsc_bba {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 20px;
    border: none;
}
.user_wdsc_bbaa {
    width: 150px;
    display: block;
}
.user_wdsc_bbab {
    font-size: 14px;
    line-height: 1;
    color: var(--tter);
}
.user_wdsc_bbb {
    width: 100%;
    height: calc(100% - 55px);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.user_wdsc_bbba {
    width: 100%;
    height: 35px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    background-color: #f8f9fc;
    border: 1px solid var(--bsqt);
    border-radius: 5px 5px 0 0;
    overflow: hidden;
}
.user_wdsc_bbbaa {
    height: 100%;
    font-size: 14px;
    line-height: 1;
    font-weight: 550;
    color: var(--zwbt);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    border-right: 1px solid var(--bsqt);
}
.user_wdsc_bbbaa:nth-child(1) {
    width: 5%;
}
.user_wdsc_bbbaa:nth-child(2) {
    width: 45%;
}
.user_wdsc_bbbaa:nth-child(3) {
    width: 20%;
}
.user_wdsc_bbbaa:nth-child(4) {
    width: 20%;
}
.user_wdsc_bbbaa:nth-child(5) {
    width: 10%;
    border-right: 0;
}
.user_wdsc_bbbb {
    width: 100%;
    height: calc(100% - 35px);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    overflow: hidden;
    overflow-y: auto;
}
.user_wdsc_bbbba {
    width: 100%;
    border: 1px solid var(--bsqt);
    border-top: 0;
    border-radius: 0 0 5px 5px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.user_wdsc_bbbbaa {
    width: 100%;
    height: 70px;
    font-size: 14px;
    line-height: 1;
    color: var(--zwbt);
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}
.user_wdsc_bbbbaaa {
    height: 100%;
    font-size: 14px;
    line-height: 1;
    color: var(--cywt);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    border-right: 1px solid var(--bsqt);
    border-top: 1px solid var(--bsqt);
}
.user_wdsc_bbbbaa:first-child .user_wdsc_bbbbaaa {
    border-top: 0;
}
.user_wdsc_bbbbaaa:nth-child(1) {
    width: 5%;
}
.user_wdsc_bbbbaaa:nth-child(2) {
    width: 45%;
    padding: 10px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    overflow: hidden;
}
.user_wdsc_bbbbaaa:nth-child(3) {
    width: 20%;
}
.user_wdsc_bbbbaaa:nth-child(4) {
    width: 20%;
}
.user_wdsc_bbbbaaa:nth-child(5) {
    width: 10%;
    border-right: 0;
}
.user_wdsc_bbbbaaa:nth-child(5):hover {
    color: var(--pcol);
}
.user_wdsc_bbbbaaaa {
    width: 50px;
    height: 100%;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    overflow: hidden;
}
.user_wdsc_bbbbaaaaa {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.user_wdsc_bbbbaaab {
    flex: 1;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-align: justify;
}
.user_wdsc_bbbbaaa:nth-child(2):hover .user_wdsc_bbbbaaab {
    color: var(--pcol);
}
.user_wdsc_bbbbb {
    width: 100%;
    height: 50px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.user_wdsc_bbbbba {
    width: 5%;
    height: 100%;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.user_wdsc_bbbbbb {
    height: 30px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    background: var(--plgt);
    border-radius: 5px;
    font-size: 14px;
    line-height: 1;
    color: var(--bprm);
    padding: 0 15px;
    transition: var(--tran);
}
.user_wdsc_bbbbbb:hover {
    background-color: var(--pcol);
    color: var(--bprm);
    transform: translateY(-2px);
}
.user_wdsc_bbbbbb.disabled {
    pointer-events: none;
    cursor: not-allowed;
    background: #ccc;
}
.user_wdsc_bbc {
    width: 100%;
    height: 35px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}
.user_wdsc_bbca {
    height: 100%;
    display: flex;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.user_wdsc_bbcb {
    height: 100%;
    font-size: 14px;
    line-height: 1;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-end;
    align-items: center;
    color: var(--cywt);
    gap: 3px;
}
/* 我的收藏结束 */
/* 消息通知开始 */
.user_xxtz {
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 20px;
}
.user_xxtz_a {
    width: 200px;
    background-color: var(--kpbg);
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
    padding: 20px;
    border: 1px solid var(--bsqt);
}
.user_xxtz_aa {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
}
.user_xxtz_aaa {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    background: var(--bcol);
    position: relative;
}
.user_xxtz_aaaa {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 50%;
    overflow: hidden;
}
.user_xxtz_aaab {
    width: 80px;
    height: 35px;
    background-size: 80px 35px;
    position: absolute;
    bottom: -10px;
}
.user_xxtz_aaab.lv1 {
    background-image: url(/uploads/allimg/20260209/1-260209105F0G0.png);
}
.user_xxtz_aaab.lv2 {
    background-image: url(/uploads/allimg/20260209/1-26020911425M52.png);
}
.user_xxtz_aaab.lv3 {
    background-image: url(/uploads/allimg/20260209/1-26020911425J25.png);
}
.user_xxtz_aaab.lv4 {
    background-image: url(/uploads/allimg/20260209/1-26020911425K11.png);
}
.user_xxtz_aaab.lv5 {
    background-image: url(/uploads/allimg/20260209/1-26020911425MH.png);
}
.user_xxtz_aaaba {
    position: absolute;
    top: -9px;
    left: 1px;
    width: 100%;
    height: 40px;
}
.user_xxtz_aaabaa{
    fill: transparent;
}
.user_xxtz_aaabab {
    font-size: 9px;
    line-height: 1;
    letter-spacing: 1px;
    fill: #fff;
}
.user_xxtz_aab {
    font-size: 18px;
    line-height: 1;
    color: var(--zwbt);
}
.user_xxtz_aac {
    width: 85px;
    height: 27px;
    background-color: rgba(99, 102, 241, 0.1);
    color: var(--pcol);
    border-radius: 25px;
    font-size: 13px;
    line-height: 1;
    border: 1px solid var(--plgt);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    padding-bottom: 2px;
}
.user_xxtz_aad {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 5px;
}
.user_xxtz_aada {
    width: 100%;
    height: 25px;
}
.user_xxtz_aadb {
    width: 100%;
    height: 9px;
    font-family: "Courier New", monospace;
    font-size: 14px;
    line-height: 12px;
    color: var(--zwbt);
    letter-spacing: 2px;
    font-weight: 550;
    margin-right: -2px;
    display: flex;
    align-content: center;
    justify-content: center;
}
.user_xxtz_b {
    flex: 1;
    height: 100%;
    background-color: var(--bprm);
    border-radius: 12px;
    border: 1px solid var(--bsqt);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    overflow: hidden;
}
.user_xxtz_ba {
    width: 100%;
    height: 50px;
    background-color: #f8f9fc;
    border-bottom: 1px solid var(--bsqt);
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}
.user_xxtz_baa {
    height: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 7px;
    padding-left: 20px;
}
.user_xxtz_baaa {
    height: 100%;
    font-size: 18px;
    line-height: 1;
    color: var(--pcol);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.user_xxtz_baaa::before {
    content: '\e996';
}
.user_xxtz_baab {
    height: 100%;
    font-size: 17px;
    line-height: 1;
    font-weight: 550;
    color: var(--tprm);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.user_xxtz_bab {
    height: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-end;
    align-items: center;
}
.user_xxtz_baba {
    height: 100%;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    padding: 0 20px;
    border-left: 1px solid var(--bsqt);
    font-size: 15px;
    line-height: 1;
    font-weight: 550;
    color: var(--tsec);
    transition: var(--tran);
    position: relative;
}
.user_xxtz_baba.active {
    color: var(--pcol);
    background: var(--kpbg);
}
.user_xxtz_baba.active::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 15px;
    height: 2px;
    background-color: var(--pcol);
    border-radius: 25px;
}
.user_xxtz_baba:hover {
    color: var(--pcol);
    background-color: rgba(99, 102, 241, 0.03);
}
.user_xxtz_bb {
    width: 100%;
    height: calc(100% - 50px);
    padding: 20px;
    gap: 20px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}
.user_xxtz_bba {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 20px;
    border: none;
}
.user_xxtz_bbaa {
    width: 150px;
    display: block;
}
.user_xxtz_bbab {
    font-size: 14px;
    line-height: 1;
    color: var(--tter);
}
.user_xxtz_bbb {
    width: 100%;
    height: calc(100% - 55px);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.user_xxtz_bbba {
    width: 100%;
    height: 35px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    background-color: #f8f9fc;
    border: 1px solid var(--bsqt);
    border-radius: 5px 5px 0 0;
    overflow: hidden;
}
.user_xxtz_bbbaa {
    height: 100%;
    font-size: 14px;
    line-height: 1;
    font-weight: 550;
    color: var(--zwbt);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    border-right: 1px solid var(--bsqt);
}
.user_xxtz_bbbaa:nth-child(1) {
    width: 5%;
}
.user_xxtz_bbbaa:nth-child(2) {
    width: 5%;
}
.user_xxtz_bbbaa:nth-child(3) {
    width: 60%;
}
.user_xxtz_bbbaa:nth-child(4) {
    width: 15%;
}
.user_xxtz_bbbaa:nth-child(5) {
    width: 15%;
    border-right: 0;
}
.user_xxtz_bbbb {
    width: 100%;
    height: calc(100% - 35px);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    overflow: hidden;
    overflow-y: auto;
}
.user_xxtz_bbbb::-webkit-scrollbar {
    display: none;
}
.user_xxtz_bbbba {
    width: 100%;
    border: 1px solid var(--bsqt);
    border-top: 0;
    border-radius: 0 0 5px 5px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.user_xxtz_bbbbaa {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    position: relative;
}
.user_xxtz_bbbbaaa {
    width: 100%;
    height: 35px;
    font-size: 14px;
    line-height: 1;
    color: var(--zwbt);
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}
.user_xxtz_bbbbaaaa {
    height: 100%;
    font-size: 14px;
    line-height: 1;
    color: var(--cywt);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    border-right: 1px solid var(--bsqt);
    border-top: 1px solid var(--bsqt);
}
.user_xxtz_bbbbaa:first-child .user_xxtz_bbbbaaaa {
    border-top: 0;
}
.user_xxtz_bbbbaaaa:nth-child(1) {
    width: 5%;
}
.user_xxtz_bbbbaaaa:nth-child(2) {
    width: 5%;
}
.user_xxtz_bbbbaaaa:nth-child(3) {
    width: 60%;
    line-height: 35px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-align: center;
    padding: 0px 15px;
}
.user_xxtz_bbbbaa:hover .user_xxtz_bbbbaaaa:nth-child(3):hover {
    color: var(--pcol);
}
.user_xxtz_bbbbaaa.active .user_xxtz_bbbbaaaa:nth-child(3) {
    color: var(--pcol);
}
.user_xxtz_bbbbaaaa:nth-child(4) {
    width: 15%;
}
.user_xxtz_bbbbaaaa:nth-child(5) {
    width: 15%;
    border-right: 0;
}
.user_xxtz_bbbbaaaaa.yd {
    display: block;
    color: var(--succ);
}
.weidu .user_xxtz_bbbbaaaaa.yd{
    display: none;
}
.user_xxtz_bbbbaaaaa.wd{
    display: none;
}
.weidu .user_xxtz_bbbbaaaaa.wd {
    display: block;
    color: var(--dang);
}
.user_xxtz_bbbbaab {
    width: 100%;
    border-top: 1px solid var(--bsqt);
    background: var(--bsec);
    padding: 20px;
    display: none;
}
.user_xxtz_bbbbaaba {
    width: 100%;
    font-size: 14px;
    line-height: 20px;
    margin: -3px 0;
    text-align: justify;
    color: var(--tsec);
}
.user_xxtz_bbbbb {
    width: 100%;
    height: 50px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.user_xxtz_bbbbba {
    width: 5%;
    height: 100%;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.user_xxtz_bbbbbb {
    height: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 15px;
}
.user_xxtz_bbbbbba {
    height: 30px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    background: var(--plgt);
    border-radius: 5px;
    font-size: 14px;
    line-height: 1;
    color: var(--bprm);
    padding: 0 15px;
    transition: var(--tran);
}
.user_xxtz_bbbbbba:hover {
    background-color: var(--pcol);
    color: var(--bprm);
    transform: translateY(-2px);
}
.user_xxtz_bbbbbba.disabled {
    pointer-events: none;
    cursor: not-allowed;
    background: #ccc;
}
.user_xxtz_bbc {
    width: 100%;
    height: 35px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}
.user_xxtz_bbca {
    height: 100%;
    display: flex;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.user_xxtz_bbcb {
    height: 100%;
    font-size: 14px;
    line-height: 1;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-end;
    align-items: center;
    color: var(--cywt);
    gap: 3px;
}
.user_xxtz_qrtc {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    transition: var(--tran);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.user_xxtz_qrtc.show {
    opacity: 1;
    visibility: visible;
}
.user_xxtz_qrtc_a {
    width: 300px;
    background: var(--bprm);
    border-radius: var(--rmd);
    box-shadow: var(--slg);
    overflow: hidden;
    transform: scale(0.9);
    transition: var(--tran);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.user_xxtz_qrtc.show .user_xxtz_qrtc_a {
    transform: scale(1);
}
.user_xxtz_qrtc_aa {
    width: 100%;
    padding: 20px;
    font-size: 14px;
    line-height: 1;
    color: var(--tprm);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.user_xxtz_qrtc_ab {
    width: 100%;
    height: 40px;
    border-top: 1px solid var(--bcol);
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.user_xxtz_qrtc_aba {
    width: 100%;
    height: 100%;
    font-size: 14px;
    line-height: 1;
    transition: var(--tran);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.user_xxtz_qrtc_aba.qdan {
    color: var(--pcol); /* 全局主色调 */
}
.user_xxtz_qrtc_aba.qdan:hover {
    background-color: rgba(99, 102, 241, 0.05); /* 主色调浅背景 */
}
.user_xxtz_qrtc_aba.qxan {
    color: var(--tsec);
    border-right: 1px solid var(--bcol);
}
.user_xxtz_qrtc_aba.qxan:hover {
    background-color: var(--bter);
}
.user_xxtz_cltc {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    z-index: 9998;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: var(--tran);
}
.user_xxtz_cltc.show {
    opacity: 1;
    visibility: visible;
}
.user_xxtz_cltc_a {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: var(--bprm);
    padding: 15px 25px;
    border-radius: var(--rsm);
}
.user_xxtz_cltc_aa {
    font-size: 14px;
    color: var(--tprm);
}
.user_xxtz_tstc {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(0, 0, 0, 0.7);
    color: var(--bprm);
    padding: 10px 20px;
    border-radius: var(--rsm);
    font-size: 14px;
    z-index: 10000;
    opacity: 0;
    visibility: hidden;
    transition: var(--tran);
}
.user_xxtz_tstc.show {
    opacity: 1;
    visibility: visible;
}
.user_xxtz_cwtc {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 300px;
    background: var(--bprm);
    border-radius: var(--rsm);
    box-shadow: var(--slg);
    z-index: 10000;
    opacity: 0;
    visibility: hidden;
    transition: var(--tran);
}
.user_xxtz_cwtc.show {
    opacity: 1;
    visibility: visible;
}
.user_xxtz_cwtc_a {
    padding: 20px;
    color: var(--dang);
    font-size: 14px;
    text-align: center;
}
.user_xxtz_cwtc_b {
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 14px;
    color: var(--pcol);
    border-top: 1px solid var(--bcol);
    cursor: pointer;
    transition: var(--tran);
}
.user_xxtz_cwtc_b:hover {
    background-color: var(--bter);
}
/* 消息通知结束 */
/* 我的论坛-我的帖子开始 */
.user_wdtz {
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 20px;
}
.user_wdtz_a {
    width: 200px;
    background-color: var(--kpbg);
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
    padding: 20px;
    border: 1px solid var(--bsqt);
}
.user_wdtz_aa {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
}
.user_wdtz_aaa {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    background: var(--bcol);
    position: relative;
}
.user_wdtz_aaaa {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 50%;
    overflow: hidden;
}
.user_wdtz_aaab {
    width: 80px;
    height: 35px;
    background-size: 80px 35px;
    position: absolute;
    bottom: -10px;
}
.user_wdtz_aaab.lv1 {
    background-image: url(/uploads/allimg/20260209/1-260209105F0G0.png);
}
.user_wdtz_aaab.lv2 {
    background-image: url(/uploads/allimg/20260209/1-26020911425M52.png);
}
.user_wdtz_aaab.lv3 {
    background-image: url(/uploads/allimg/20260209/1-26020911425J25.png);
}
.user_wdtz_aaab.lv4 {
    background-image: url(/uploads/allimg/20260209/1-26020911425K11.png);
}
.user_wdtz_aaab.lv5 {
    background-image: url(/uploads/allimg/20260209/1-26020911425MH.png);
}
.user_wdtz_aaaba {
    position: absolute;
    top: -9px;
    left: 1px;
    width: 100%;
    height: 40px;
}
.user_wdtz_aaabaa{
    fill: transparent;
}
.user_wdtz_aaabab {
    font-size: 9px;
    line-height: 1;
    letter-spacing: 1px;
    fill: #fff;
}
.user_wdtz_aab {
    font-size: 18px;
    line-height: 1;
    color: var(--zwbt);
}
.user_wdtz_aac {
    width: 85px;
    height: 27px;
    background-color: rgba(99, 102, 241, 0.1);
    color: var(--pcol);
    border-radius: 25px;
    font-size: 13px;
    line-height: 1;
    border: 1px solid var(--plgt);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    padding-bottom: 2px;
}
.user_wdtz_aad {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 5px;
}
.user_wdtz_aada {
    width: 100%;
    height: 25px;
}
.user_wdtz_aadb {
    width: 100%;
    height: 9px;
    font-family: "Courier New", monospace;
    font-size: 14px;
    line-height: 12px;
    color: var(--zwbt);
    letter-spacing: 2px;
    font-weight: 550;
    margin-right: -2px;
    display: flex;
    align-content: center;
    justify-content: center;
}
.user_wdtz_ab {
    width: 100%;
    background-color: var(--kpbg);
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
    padding: 20px;
    border: 1px solid var(--bsqt);
}
.user_wdtz_aba {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}
.user_wdtz_abaa {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 7px;
}
.user_wdtz_abaaa {
    height: 12px;
    display: block;
}
.user_wdtz_abaab {
    font-size: 15px;
    line-height: 1;
    color: var(--tsec);
    margin-top: -1px;
    font-weight: 550;
}
.user_wdtz_abab {
    height: 17px;
    font-family: 'sinclair';
    font-size: 26px;
    line-height: 21px;
    color: var(--zwbt);
}
.user_wdtz_abb {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
}
.user_wdtz_abba {
    width: 158px;
    height: 158px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    position: relative;
}
.user_wdtz_abbaa {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 40px;
    height: 40px;
    border-radius: 5px;
    background: var(--bprm);
    padding: 5px;
}
.user_wdtz_abbb {
    width: 100%;
    height: 35px;
    background: var(--plgt);
    color: var(--bprm);
    border-radius: 4px;
    font-size: 15px;
    line-height: 1;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    transition: var(--tran);
}
.user_wdtz_abbb:hover {
	background: var(--pcol);
    transform: translateY(-1px);
    color: var(--bprm);
}
.user_wdtz_b {
    flex: 1;
    height: 100%;
    background-color: var(--bprm);
    border-radius: 12px;
    border: 1px solid var(--bsqt);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    overflow: hidden;
}
.user_wdtz_ba {
    width: 100%;
    height: 50px;
    background-color: #f8f9fc;
    border-bottom: 1px solid var(--bsqt);
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}
.user_wdtz_baa {
    height: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 7px;
    padding-left: 20px;
}
.user_wdtz_baaa {
    height: 100%;
    font-size: 18px;
    line-height: 1;
    color: var(--pcol);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.user_wdtz_baaa::before {
    content: '\e996';
}
.user_wdtz_baab {
    height: 100%;
    font-size: 17px;
    line-height: 1;
    font-weight: 550;
    color: var(--tprm);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.user_wdtz_bab {
    height: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-end;
    align-items: center;
}
.user_wdtz_baba {
    height: 100%;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    padding: 0 20px;
    border-left: 1px solid var(--bsqt);
    font-size: 15px;
    line-height: 1;
    font-weight: 550;
    color: var(--tsec);
    transition: var(--tran);
    position: relative;
}
.user_wdtz_baba.active {
    color: var(--pcol);
    background: var(--kpbg);
}
.user_wdtz_baba.active::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 15px;
    height: 2px;
    background-color: var(--pcol);
    border-radius: 25px;
}
.user_wdtz_baba:hover {
    color: var(--pcol);
    background-color: rgba(99, 102, 241, 0.03);
}
.user_wdtz_bb {
    width: 100%;
    height: calc(100% - 50px);
    padding: 20px;
    gap: 20px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}
.user_wdtz_bba {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 20px;
    border: none;
}
.user_wdtz_bbaa {
    width: 150px;
    display: block;
}
.user_wdtz_bbab {
    font-size: 14px;
    line-height: 1;
    color: var(--tter);
}
.user_wdtz_bbb {
    width: 100%;
    height: calc(100% - 55px);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.user_wdtz_bbba {
    width: 100%;
    height: 35px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    background-color: #f8f9fc;
    border: 1px solid var(--bsqt);
    border-radius: 5px 5px 0 0;
    overflow: hidden;
}
.user_wdtz_bbbaa {
    height: 100%;
    font-size: 14px;
    line-height: 1;
    font-weight: 550;
    color: var(--zwbt);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    border-right: 1px solid var(--bsqt);
}
.user_wdtz_bbbaa:nth-child(1) {
    width: 5%;
}
.user_wdtz_bbbaa:nth-child(2) {
    width: 45%;
}
.user_wdtz_bbbaa:nth-child(3) {
    width: 20%;
}
.user_wdtz_bbbaa:nth-child(4) {
    width: 20%;
}
.user_wdtz_bbbaa:nth-child(5) {
    width: 10%;
    border-right: 0;
}
.user_wdtz_bbbb {
    width: 100%;
    height: calc(100% - 35px);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    overflow: hidden;
    overflow-y: auto;
}
.user_wdtz_bbbba {
    width: 100%;
    border: 1px solid var(--bsqt);
    border-top: 0;
    border-radius: 0 0 5px 5px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.user_wdtz_bbbbaa {
    width: 100%;
    height: 35px;
    font-size: 14px;
    line-height: 1;
    color: var(--zwbt);
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}
.user_wdtz_bbbbaaa {
    height: 100%;
    font-size: 14px;
    line-height: 1;
    color: var(--cywt);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    border-right: 1px solid var(--bsqt);
    border-top: 1px solid var(--bsqt);
}
.user_wdtz_bbbbaa:first-child .user_wdtz_bbbbaaa {
    border-top: 0;
}
.user_wdtz_bbbbaaa:nth-child(1) {
    width: 5%;
}
.user_wdtz_bbbbaaa:nth-child(2) {
    width: 45%;
    line-height: 35px;
    padding: 0 10px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-align: justify;
}
.user_wdtz_bbbbaaa:nth-child(2):hover {
    color: var(--pcol);
}
.user_wdtz_bbbbaaa:nth-child(3) {
    width: 20%;
}
.user_wdtz_bbbbaaa:nth-child(4) {
    width: 20%;
}
.user_wdtz_bbbbaaa:nth-child(5) {
    width: 10%;
    border-right: 0;
}
.user_wdtz_bbbbaaa:nth-child(5):hover {
    color: var(--pcol);
}
.user_wdtz_bbbbaaa.ysh {
    color: var(--succ);
}
.user_wdtz_bbbbaaa.wsh {
    color: var(--dang);
}
.user_wdtz_bbbbb {
    width: 100%;
    height: 50px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.user_wdtz_bbbbba {
    width: 5%;
    height: 100%;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.user_wdtz_bbbbbb {
    height: 30px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    background: var(--plgt);
    border-radius: 5px;
    font-size: 14px;
    line-height: 1;
    color: var(--bprm);
    padding: 0 15px;
    transition: var(--tran);
}
.user_wdtz_bbbbbb:hover {
    background-color: var(--pcol);
    color: var(--bprm);
    transform: translateY(-2px);
}
.user_wdtz_bbbbbb.disabled {
    pointer-events: none;
    cursor: not-allowed;
    background: #ccc;
}
.user_wdtz_bbc {
    width: 100%;
    height: 35px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}
.user_wdtz_bbca {
    height: 100%;
    display: flex;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.user_wdtz_bbcb {
    height: 100%;
    font-size: 14px;
    line-height: 1;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-end;
    align-items: center;
    color: var(--cywt);
    gap: 3px;
}
/* 我的论坛-我的帖子结束 */
/* 我的论坛-我的回复开始 */
.user_wdhf {
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 20px;
}
.user_wdhf_a {
    width: 200px;
    background-color: var(--kpbg);
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
    padding: 20px;
    border: 1px solid var(--bsqt);
}
.user_wdhf_aa {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
}
.user_wdhf_aaa {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    background: var(--bcol);
    position: relative;
}
.user_wdhf_aaaa {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 50%;
    overflow: hidden;
}
.user_wdhf_aaab {
    width: 80px;
    height: 35px;
    background-size: 80px 35px;
    position: absolute;
    bottom: -10px;
}
.user_wdhf_aaab.lv1 {
    background-image: url(/uploads/allimg/20260209/1-260209105F0G0.png);
}
.user_wdhf_aaab.lv2 {
    background-image: url(/uploads/allimg/20260209/1-26020911425M52.png);
}
.user_wdhf_aaab.lv3 {
    background-image: url(/uploads/allimg/20260209/1-26020911425J25.png);
}
.user_wdhf_aaab.lv4 {
    background-image: url(/uploads/allimg/20260209/1-26020911425K11.png);
}
.user_wdhf_aaab.lv5 {
    background-image: url(/uploads/allimg/20260209/1-26020911425MH.png);
}
.user_wdhf_aaaba {
    position: absolute;
    top: -9px;
    left: 1px;
    width: 100%;
    height: 40px;
}
.user_wdhf_aaabaa{
    fill: transparent;
}
.user_wdhf_aaabab {
    font-size: 9px;
    line-height: 1;
    letter-spacing: 1px;
    fill: #fff;
}
.user_wdhf_aab {
    font-size: 18px;
    line-height: 1;
    color: var(--zwbt);
}
.user_wdhf_aac {
    width: 85px;
    height: 27px;
    background-color: rgba(99, 102, 241, 0.1);
    color: var(--pcol);
    border-radius: 25px;
    font-size: 13px;
    line-height: 1;
    border: 1px solid var(--plgt);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    padding-bottom: 2px;
}
.user_wdhf_aad {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 5px;
}
.user_wdhf_aada {
    width: 100%;
    height: 25px;
}
.user_wdhf_aadb {
    width: 100%;
    height: 9px;
    font-family: "Courier New", monospace;
    font-size: 14px;
    line-height: 12px;
    color: var(--zwbt);
    letter-spacing: 2px;
    font-weight: 550;
    margin-right: -2px;
    display: flex;
    align-content: center;
    justify-content: center;
}
.user_wdhf_ab {
    width: 100%;
    background-color: var(--kpbg);
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
    padding: 20px;
    border: 1px solid var(--bsqt);
}
.user_wdhf_aba {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}
.user_wdhf_abaa {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 7px;
}
.user_wdhf_abaaa {
    height: 12px;
    display: block;
}
.user_wdhf_abaab {
    font-size: 15px;
    line-height: 1;
    color: var(--tsec);
    margin-top: -1px;
    font-weight: 550;
}
.user_wdhf_abab {
    height: 17px;
    font-family: 'sinclair';
    font-size: 26px;
    line-height: 21px;
    color: var(--zwbt);
}
.user_wdhf_abb {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
}
.user_wdhf_abba {
    width: 158px;
    height: 158px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    position: relative;
}
.user_wdhf_abbaa {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 40px;
    height: 40px;
    border-radius: 5px;
    background: var(--bprm);
    padding: 5px;
}
.user_wdhf_abbb {
    width: 100%;
    height: 35px;
    background: var(--plgt);
    color: var(--bprm);
    border-radius: 4px;
    font-size: 15px;
    line-height: 1;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    transition: var(--tran);
}
.user_wdhf_abbb:hover {
	background: var(--pcol);
    transform: translateY(-1px);
    color: var(--bprm);
}
.user_wdhf_b {
    flex: 1;
    height: 100%;
    background-color: var(--bprm);
    border-radius: 12px;
    border: 1px solid var(--bsqt);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    overflow: hidden;
}
.user_wdhf_ba {
    width: 100%;
    height: 50px;
    background-color: #f8f9fc;
    border-bottom: 1px solid var(--bsqt);
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}
.user_wdhf_baa {
    height: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 7px;
    padding-left: 20px;
}
.user_wdhf_baaa {
    height: 100%;
    font-size: 18px;
    line-height: 1;
    color: var(--pcol);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.user_wdhf_baaa::before {
    content: '\e996';
}
.user_wdhf_baab {
    height: 100%;
    font-size: 17px;
    line-height: 1;
    font-weight: 550;
    color: var(--tprm);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.user_wdhf_bab {
    height: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-end;
    align-items: center;
}
.user_wdhf_baba {
    height: 100%;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    padding: 0 20px;
    border-left: 1px solid var(--bsqt);
    font-size: 15px;
    line-height: 1;
    font-weight: 550;
    color: var(--tsec);
    transition: var(--tran);
    position: relative;
}
.user_wdhf_baba.active {
    color: var(--pcol);
    background: var(--kpbg);
}
.user_wdhf_baba.active::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 15px;
    height: 2px;
    background-color: var(--pcol);
    border-radius: 25px;
}
.user_wdhf_baba:hover {
    color: var(--pcol);
    background-color: rgba(99, 102, 241, 0.03);
}
.user_wdhf_bb {
    width: 100%;
    height: calc(100% - 50px);
    padding: 20px;
    gap: 20px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}
.user_wdhf_bba {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 20px;
    border: none;
}
.user_wdhf_bbaa {
    width: 150px;
    display: block;
}
.user_wdhf_bbab {
    font-size: 14px;
    line-height: 1;
    color: var(--tter);
}
.user_wdhf_bbb {
    width: 100%;
    height: calc(100% - 55px);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.user_wdhf_bbba {
    width: 100%;
    height: 35px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    background-color: #f8f9fc;
    border: 1px solid var(--bsqt);
    border-radius: 5px 5px 0 0;
    overflow: hidden;
}
.user_wdhf_bbbaa {
    height: 100%;
    font-size: 14px;
    line-height: 1;
    font-weight: 550;
    color: var(--zwbt);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    border-right: 1px solid var(--bsqt);
}
.user_wdhf_bbbaa:nth-child(1) {
    width: 5%;
}
.user_wdhf_bbbaa:nth-child(2) {
    width: 45%;
}
.user_wdhf_bbbaa:nth-child(3) {
    width: 20%;
}
.user_wdhf_bbbaa:nth-child(4) {
    width: 20%;
}
.user_wdhf_bbbaa:nth-child(5) {
    width: 10%;
    border-right: 0;
}
.user_wdhf_bbbb {
    width: 100%;
    height: calc(100% - 35px);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    overflow: hidden;
    overflow-y: auto;
}
.user_wdhf_bbbba {
    width: 100%;
    border: 1px solid var(--bsqt);
    border-top: 0;
    border-radius: 0 0 5px 5px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.user_wdhf_bbbbaa {
    width: 100%;
    height: 35px;
    font-size: 14px;
    line-height: 1;
    color: var(--zwbt);
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}
.user_wdhf_bbbbaaa {
    height: 100%;
    font-size: 14px;
    line-height: 1;
    color: var(--cywt);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    border-right: 1px solid var(--bsqt);
    border-top: 1px solid var(--bsqt);
}
.user_wdhf_bbbbaa:first-child .user_wdhf_bbbbaaa {
    border-top: 0;
}
.user_wdhf_bbbbaaa:nth-child(1) {
    width: 5%;
}
.user_wdhf_bbbbaaa:nth-child(2) {
    width: 45%;
    line-height: 35px;
    padding: 0 10px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-align: justify;
}
.user_wdhf_bbbbaaa:nth-child(2):hover {
    color: var(--pcol);
}
.user_wdhf_bbbbaaa:nth-child(3) {
    width: 20%;
}
.user_wdhf_bbbbaaa:nth-child(4) {
    width: 20%;
}
.user_wdhf_bbbbaaa:nth-child(5) {
    width: 10%;
    border-right: 0;
}
.user_wdhf_bbbbaaa:nth-child(5):hover {
    color: var(--pcol);
}
.user_wdhf_bbbbaaa.ysh {
    color: var(--succ);
}
.user_wdhf_bbbbaaa.wsh {
    color: var(--dang);
}
.user_wdhf_bbbbb {
    width: 100%;
    height: 50px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.user_wdhf_bbbbba {
    width: 5%;
    height: 100%;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.user_wdhf_bbbbbb {
    height: 30px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    background: var(--plgt);
    border-radius: 5px;
    font-size: 14px;
    line-height: 1;
    color: var(--bprm);
    padding: 0 15px;
    transition: var(--tran);
}
.user_wdhf_bbbbbb:hover {
    background-color: var(--pcol);
    color: var(--bprm);
    transform: translateY(-2px);
}
.user_wdhf_bbbbbb.disabled {
    pointer-events: none;
    cursor: not-allowed;
    background: #ccc;
}
.user_wdhf_bbc {
    width: 100%;
    height: 35px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}
.user_wdhf_bbca {
    height: 100%;
    display: flex;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.user_wdhf_bbcb {
    height: 100%;
    font-size: 14px;
    line-height: 1;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-end;
    align-items: center;
    color: var(--cywt);
    gap: 3px;
}
/* 我的论坛-我的回复结束 */
/* 我的论坛-我的好友开始 */
.user_wdhy {
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 20px;
}
.user_wdhy_a {
    width: 200px;
    background-color: var(--kpbg);
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
    padding: 20px;
    border: 1px solid var(--bsqt);
}
.user_wdhy_aa {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
}
.user_wdhy_aaa {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    background: var(--bcol);
    position: relative;
}
.user_wdhy_aaaa {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 50%;
    overflow: hidden;
}
.user_wdhy_aaab {
    width: 80px;
    height: 35px;
    background-size: 80px 35px;
    position: absolute;
    bottom: -10px;
}
.user_wdhy_aaab.lv1 {
    background-image: url(/uploads/allimg/20260209/1-260209105F0G0.png);
}
.user_wdhy_aaab.lv2 {
    background-image: url(/uploads/allimg/20260209/1-26020911425M52.png);
}
.user_wdhy_aaab.lv3 {
    background-image: url(/uploads/allimg/20260209/1-26020911425J25.png);
}
.user_wdhy_aaab.lv4 {
    background-image: url(/uploads/allimg/20260209/1-26020911425K11.png);
}
.user_wdhy_aaab.lv5 {
    background-image: url(/uploads/allimg/20260209/1-26020911425MH.png);
}
.user_wdhy_aaaba {
    position: absolute;
    top: -9px;
    left: 1px;
    width: 100%;
    height: 40px;
}
.user_wdhy_aaabaa{
    fill: transparent;
}
.user_wdhy_aaabab {
    font-size: 9px;
    line-height: 1;
    letter-spacing: 1px;
    fill: #fff;
}
.user_wdhy_aab {
    font-size: 18px;
    line-height: 1;
    color: var(--zwbt);
}
.user_wdhy_aac {
    width: 85px;
    height: 27px;
    background-color: rgba(99, 102, 241, 0.1);
    color: var(--pcol);
    border-radius: 25px;
    font-size: 13px;
    line-height: 1;
    border: 1px solid var(--plgt);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    padding-bottom: 2px;
}
.user_wdhy_aad {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 5px;
}
.user_wdhy_aada {
    width: 100%;
    height: 25px;
}
.user_wdhy_aadb {
    width: 100%;
    height: 9px;
    font-family: "Courier New", monospace;
    font-size: 14px;
    line-height: 12px;
    color: var(--zwbt);
    letter-spacing: 2px;
    font-weight: 550;
    margin-right: -2px;
    display: flex;
    align-content: center;
    justify-content: center;
}
.user_wdhy_ab {
    width: 100%;
    background-color: var(--kpbg);
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
    padding: 20px;
    border: 1px solid var(--bsqt);
}
.user_wdhy_aba {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}
.user_wdhy_abaa {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 7px;
}
.user_wdhy_abaaa {
    height: 12px;
    display: block;
}
.user_wdhy_abaab {
    font-size: 15px;
    line-height: 1;
    color: var(--tsec);
    margin-top: -1px;
    font-weight: 550;
}
.user_wdhy_abab {
    height: 17px;
    font-family: 'sinclair';
    font-size: 26px;
    line-height: 21px;
    color: var(--zwbt);
}
.user_wdhy_abb {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
}
.user_wdhy_abba {
    width: 158px;
    height: 158px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    position: relative;
}
.user_wdhy_abbaa {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 40px;
    height: 40px;
    border-radius: 5px;
    background: var(--bprm);
    padding: 5px;
}
.user_wdhy_abbb {
    width: 100%;
    height: 35px;
    background: var(--plgt);
    color: var(--bprm);
    border-radius: 4px;
    font-size: 15px;
    line-height: 1;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    transition: var(--tran);
}
.user_wdhy_abbb:hover {
	background: var(--pcol);
    transform: translateY(-1px);
    color: var(--bprm);
}
.user_wdhy_b {
    flex: 1;
    height: 100%;
    background-color: var(--bprm);
    border-radius: 12px;
    border: 1px solid var(--bsqt);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    overflow: hidden;
}
.user_wdhy_ba {
    width: 100%;
    height: 50px;
    background-color: #f8f9fc;
    border-bottom: 1px solid var(--bsqt);
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}
.user_wdhy_baa {
    height: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 7px;
    padding-left: 20px;
}
.user_wdhy_baaa {
    height: 100%;
    font-size: 18px;
    line-height: 1;
    color: var(--pcol);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.user_wdhy_baaa::before {
    content: '\e996';
}
.user_wdhy_baab {
    height: 100%;
    font-size: 17px;
    line-height: 1;
    font-weight: 550;
    color: var(--tprm);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.user_wdhy_bab {
    height: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-end;
    align-items: center;
}
.user_wdhy_baba {
    height: 100%;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    padding: 0 20px;
    border-left: 1px solid var(--bsqt);
    font-size: 15px;
    line-height: 1;
    font-weight: 550;
    color: var(--tsec);
    transition: var(--tran);
    position: relative;
}
.user_wdhy_baba.active {
    color: var(--pcol);
    background: var(--kpbg);
}
.user_wdhy_baba.active::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 15px;
    height: 2px;
    background-color: var(--pcol);
    border-radius: 25px;
}
.user_wdhy_baba:hover {
    color: var(--pcol);
    background-color: rgba(99, 102, 241, 0.03);
}
.user_wdhy_bb {
    width: 100%;
    height: calc(100% - 50px);
    padding: 20px;
    gap: 20px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}
.user_wdhy_bba {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 20px;
    border: none;
}
.user_wdhy_bbaa {
    width: 150px;
    display: block;
}
.user_wdhy_bbab {
    font-size: 14px;
    line-height: 1;
    color: var(--tter);
}
.user_wdhy_bbb {
    width: 100%;
    height: calc(100% - 55px);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.user_wdhy_bbba {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 20px;
}
.user_wdhy_bbbaa {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    background: url(/uploads/allimg/20260207/1-26020H2333Q50.png);
    border-radius: var(--rmd);
    padding: 20px;
    gap: 15px;
}
.user_wdhy_bbbaaa {
    width: 90px;
    height: 90px;
    background: #fff;
    border-radius: 50%;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
	overflow: hidden;
}
.user_wdhy_bbbaaaa {
    width: 100%;
    object-fit: cover;
    display: block;
}
.user_wdhy_bbbaab {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 15px;
}
.user_wdhy_bbbaaba {
    font-size: 18px;
    line-height: 1;
    color: var(--zwbt);
}
.user_wdhy_bbbaabb {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
.user_wdhy_bbbaabba {
    padding: 6px 12px;
    border-radius: var(--rsm);
    font-size: 13px;
    line-height: 1;
    transition: var(--tran);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.user_wdhy_bbbaabba.cl {
    color: var(--tsec);
    background-color: var(--bter);
}
.user_wdhy_bbbaabba.cl:hover {
    background-color: var(--bcol);
    transform: translateY(-1px);
}
.user_wdhy_bbbaabba.js {
    color: var(--bprm);
    background-color: var(--succ);
}
.user_wdhy_bbbaabba.js:hover {
    background-color: #059669;
    transform: translateY(-1px);
}
.user_wdhy_bbbaabba.jj {
    color: var(--bprm);
    background-color: var(--warn);
}
.user_wdhy_bbbaabba.jj:hover {
    background-color: #D97706;
    transform: translateY(-1px);
}
.user_wdhy_bbbaabba.sc {
    color: var(--bprm);
    background-color: var(--dang);
}
.user_wdhy_bbbaabba.sc:hover {
    background-color: #DC2626;
    transform: translateY(-1px);
}
.user_wdhy_bbbaabc {
    font-size: 14px;
    line-height: 1;
    color: var(--tter);
}
.user_wdhy_bbc {
    width: 100%;
    height: 35px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}
.user_wdhy_bbca {
    height: 100%;
    display: flex;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.user_wdhy_bbcb {
    height: 100%;
    font-size: 14px;
    line-height: 1;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-end;
    align-items: center;
    color: var(--cywt);
    gap: 3px;
}
/* 我的论坛-我的好友结束 */
/* 我的论坛-我的收藏开始 */
.user_ltsc {
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 20px;
}
.user_ltsc_a {
    width: 200px;
    background-color: var(--kpbg);
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
    padding: 20px;
    border: 1px solid var(--bsqt);
}
.user_ltsc_aa {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
}
.user_ltsc_aaa {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    background: var(--bcol);
    position: relative;
}
.user_ltsc_aaaa {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 50%;
    overflow: hidden;
}
.user_ltsc_aaab {
    width: 80px;
    height: 35px;
    background-size: 80px 35px;
    position: absolute;
    bottom: -10px;
}
.user_ltsc_aaab.lv1 {
    background-image: url(/uploads/allimg/20260209/1-260209105F0G0.png);
}
.user_ltsc_aaab.lv2 {
    background-image: url(/uploads/allimg/20260209/1-26020911425M52.png);
}
.user_ltsc_aaab.lv3 {
    background-image: url(/uploads/allimg/20260209/1-26020911425J25.png);
}
.user_ltsc_aaab.lv4 {
    background-image: url(/uploads/allimg/20260209/1-26020911425K11.png);
}
.user_ltsc_aaab.lv5 {
    background-image: url(/uploads/allimg/20260209/1-26020911425MH.png);
}
.user_ltsc_aaaba {
    position: absolute;
    top: -9px;
    left: 1px;
    width: 100%;
    height: 40px;
}
.user_ltsc_aaabaa{
    fill: transparent;
}
.user_ltsc_aaabab {
    font-size: 9px;
    line-height: 1;
    letter-spacing: 1px;
    fill: #fff;
}
.user_ltsc_aab {
    font-size: 18px;
    line-height: 1;
    color: var(--zwbt);
}
.user_ltsc_aac {
    width: 85px;
    height: 27px;
    background-color: rgba(99, 102, 241, 0.1);
    color: var(--pcol);
    border-radius: 25px;
    font-size: 13px;
    line-height: 1;
    border: 1px solid var(--plgt);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    padding-bottom: 2px;
}
.user_ltsc_aad {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 5px;
}
.user_ltsc_aada {
    width: 100%;
    height: 25px;
}
.user_ltsc_aadb {
    width: 100%;
    height: 9px;
    font-family: "Courier New", monospace;
    font-size: 14px;
    line-height: 12px;
    color: var(--zwbt);
    letter-spacing: 2px;
    font-weight: 550;
    margin-right: -2px;
    display: flex;
    align-content: center;
    justify-content: center;
}
.user_ltsc_ab {
    width: 100%;
    background-color: var(--kpbg);
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
    padding: 20px;
    border: 1px solid var(--bsqt);
}
.user_ltsc_aba {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}
.user_ltsc_abaa {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 7px;
}
.user_ltsc_abaaa {
    height: 12px;
    display: block;
}
.user_ltsc_abaab {
    font-size: 15px;
    line-height: 1;
    color: var(--tsec);
    margin-top: -1px;
    font-weight: 550;
}
.user_ltsc_abab {
    height: 17px;
    font-family: 'sinclair';
    font-size: 26px;
    line-height: 21px;
    color: var(--zwbt);
}
.user_ltsc_abb {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
}
.user_ltsc_abba {
    width: 158px;
    height: 158px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    position: relative;
}
.user_ltsc_abbaa {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 40px;
    height: 40px;
    border-radius: 5px;
    background: var(--bprm);
    padding: 5px;
}
.user_ltsc_abbb {
    width: 100%;
    height: 35px;
    background: var(--plgt);
    color: var(--bprm);
    border-radius: 4px;
    font-size: 15px;
    line-height: 1;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    transition: var(--tran);
}
.user_ltsc_abbb:hover {
	background: var(--pcol);
    transform: translateY(-1px);
    color: var(--bprm);
}
.user_ltsc_b {
    flex: 1;
    height: 100%;
    background-color: var(--bprm);
    border-radius: 12px;
    border: 1px solid var(--bsqt);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    overflow: hidden;
}
.user_ltsc_ba {
    width: 100%;
    height: 50px;
    background-color: #f8f9fc;
    border-bottom: 1px solid var(--bsqt);
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}
.user_ltsc_baa {
    height: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 7px;
    padding-left: 20px;
}
.user_ltsc_baaa {
    height: 100%;
    font-size: 18px;
    line-height: 1;
    color: var(--pcol);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.user_ltsc_baaa::before {
    content: '\e996';
}
.user_ltsc_baab {
    height: 100%;
    font-size: 17px;
    line-height: 1;
    font-weight: 550;
    color: var(--tprm);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.user_ltsc_bab {
    height: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-end;
    align-items: center;
}
.user_ltsc_baba {
    height: 100%;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    padding: 0 20px;
    border-left: 1px solid var(--bsqt);
    font-size: 15px;
    line-height: 1;
    font-weight: 550;
    color: var(--tsec);
    transition: var(--tran);
    position: relative;
}
.user_ltsc_baba.active {
    color: var(--pcol);
    background: var(--kpbg);
}
.user_ltsc_baba.active::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 15px;
    height: 2px;
    background-color: var(--pcol);
    border-radius: 25px;
}
.user_ltsc_baba:hover {
    color: var(--pcol);
    background-color: rgba(99, 102, 241, 0.03);
}
.user_ltsc_bb {
    width: 100%;
    height: calc(100% - 50px);
    padding: 20px;
    gap: 20px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}
.user_ltsc_bba {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 20px;
    border: none;
}
.user_ltsc_bbaa {
    width: 150px;
    display: block;
}
.user_ltsc_bbab {
    font-size: 14px;
    line-height: 1;
    color: var(--tter);
}
.user_ltsc_bbb {
    width: 100%;
    height: calc(100% - 55px);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.user_ltsc_bbba {
    width: 100%;
    height: 35px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    background-color: #f8f9fc;
    border: 1px solid var(--bsqt);
    border-radius: 5px 5px 0 0;
    overflow: hidden;
}
.user_ltsc_bbbaa {
    height: 100%;
    font-size: 14px;
    line-height: 1;
    font-weight: 550;
    color: var(--zwbt);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    border-right: 1px solid var(--bsqt);
}
.user_ltsc_bbbaa:nth-child(1) {
    width: 5%;
}
.user_ltsc_bbbaa:nth-child(2) {
    width: 65%;
}
.user_ltsc_bbbaa:nth-child(3) {
    width: 20%;
}
.user_ltsc_bbbaa:nth-child(4) {
    width: 10%;
    border-right: 0;
}
.user_ltsc_bbbb {
    width: 100%;
    height: calc(100% - 35px);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    overflow: hidden;
    overflow-y: auto;
}
.user_ltsc_bbbba {
    width: 100%;
    border: 1px solid var(--bsqt);
    border-top: 0;
    border-radius: 0 0 5px 5px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.user_ltsc_bbbbaa {
    width: 100%;
    height: 35px;
    font-size: 14px;
    line-height: 1;
    color: var(--zwbt);
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}
.user_ltsc_bbbbaaa {
    height: 100%;
    font-size: 14px;
    line-height: 1;
    color: var(--cywt);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    border-right: 1px solid var(--bsqt);
    border-top: 1px solid var(--bsqt);
}
.user_ltsc_bbbbaa:first-child .user_ltsc_bbbbaaa {
    border-top: 0;
}
.user_ltsc_bbbbaaa:nth-child(1) {
    width: 5%;
}
.user_ltsc_bbbbaaa:nth-child(2) {
    width: 65%;
    line-height: 35px;
    padding: 0 10px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-align: justify;
}
.user_ltsc_bbbbaaa:nth-child(2):hover {
    color: var(--pcol);
}
.user_ltsc_bbbbaaa:nth-child(3) {
    width: 20%;
}
.user_ltsc_bbbbaaa:nth-child(4) {
    width: 10%;
    border-right: 0;
}
.user_ltsc_bbbbaaa:nth-child(4):hover {
    color: var(--pcol);
}
.user_ltsc_bbbbaaa.ysh {
    color: var(--succ);
}
.user_ltsc_bbbbaaa.wsh {
    color: var(--dang);
}
.user_ltsc_bbbbb {
    width: 100%;
    height: 50px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.user_ltsc_bbbbba {
    width: 5%;
    height: 100%;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.user_ltsc_bbbbbb {
    height: 30px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    background: var(--plgt);
    border-radius: 5px;
    font-size: 14px;
    line-height: 1;
    color: var(--bprm);
    padding: 0 15px;
    transition: var(--tran);
}
.user_ltsc_bbbbbb:hover {
    background-color: var(--pcol);
    color: var(--bprm);
    transform: translateY(-2px);
}
.user_ltsc_bbbbbb.disabled {
    pointer-events: none;
    cursor: not-allowed;
    background: #ccc;
}
.user_ltsc_bbc {
    width: 100%;
    height: 35px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}
.user_ltsc_bbca {
    height: 100%;
    display: flex;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.user_ltsc_bbcb {
    height: 100%;
    font-size: 14px;
    line-height: 1;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-end;
    align-items: center;
    color: var(--cywt);
    gap: 3px;
}
/* 我的论坛-我的收藏结束 */
/* 我的论坛-论坛消息开始 */
.user_lyxx {
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 20px;
}
.user_lyxx_a {
    width: 200px;
    background-color: var(--kpbg);
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
    padding: 20px;
    border: 1px solid var(--bsqt);
}
.user_lyxx_aa {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
}
.user_lyxx_aaa {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    background: var(--bcol);
    position: relative;
}
.user_lyxx_aaaa {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 50%;
    overflow: hidden;
}
.user_lyxx_aaab {
    width: 80px;
    height: 35px;
    background-size: 80px 35px;
    position: absolute;
    bottom: -10px;
}
.user_lyxx_aaab.lv1 {
    background-image: url(/uploads/allimg/20260209/1-260209105F0G0.png);
}
.user_lyxx_aaab.lv2 {
    background-image: url(/uploads/allimg/20260209/1-26020911425M52.png);
}
.user_lyxx_aaab.lv3 {
    background-image: url(/uploads/allimg/20260209/1-26020911425J25.png);
}
.user_lyxx_aaab.lv4 {
    background-image: url(/uploads/allimg/20260209/1-26020911425K11.png);
}
.user_lyxx_aaab.lv5 {
    background-image: url(/uploads/allimg/20260209/1-26020911425MH.png);
}
.user_lyxx_aaaba {
    position: absolute;
    top: -9px;
    left: 1px;
    width: 100%;
    height: 40px;
}
.user_lyxx_aaabaa{
    fill: transparent;
}
.user_lyxx_aaabab {
    font-size: 9px;
    line-height: 1;
    letter-spacing: 1px;
    fill: #fff;
}
.user_lyxx_aab {
    font-size: 18px;
    line-height: 1;
    color: var(--zwbt);
}
.user_lyxx_aac {
    width: 85px;
    height: 27px;
    background-color: rgba(99, 102, 241, 0.1);
    color: var(--pcol);
    border-radius: 25px;
    font-size: 13px;
    line-height: 1;
    border: 1px solid var(--plgt);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    padding-bottom: 2px;
}
.user_lyxx_aad {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 5px;
}
.user_lyxx_aada {
    width: 100%;
    height: 25px;
}
.user_lyxx_aadb {
    width: 100%;
    height: 9px;
    font-family: "Courier New", monospace;
    font-size: 14px;
    line-height: 12px;
    color: var(--zwbt);
    letter-spacing: 2px;
    font-weight: 550;
    margin-right: -2px;
    display: flex;
    align-content: center;
    justify-content: center;
}
.user_lyxx_ab {
    width: 100%;
    background-color: var(--kpbg);
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
    padding: 20px;
    border: 1px solid var(--bsqt);
}
.user_lyxx_aba {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}
.user_lyxx_abaa {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 7px;
}
.user_lyxx_abaaa {
    height: 12px;
    display: block;
}
.user_lyxx_abaab {
    font-size: 15px;
    line-height: 1;
    color: var(--tsec);
    margin-top: -1px;
    font-weight: 550;
}
.user_lyxx_abab {
    height: 17px;
    font-family: 'sinclair';
    font-size: 26px;
    line-height: 21px;
    color: var(--zwbt);
}
.user_lyxx_abb {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
}
.user_lyxx_abba {
    width: 158px;
    height: 158px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    position: relative;
}
.user_lyxx_abbaa {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 40px;
    height: 40px;
    border-radius: 5px;
    background: var(--bprm);
    padding: 5px;
}
.user_lyxx_abbb {
    width: 100%;
    height: 35px;
    background: var(--plgt);
    color: var(--bprm);
    border-radius: 4px;
    font-size: 15px;
    line-height: 1;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    transition: var(--tran);
}
.user_lyxx_abbb:hover {
	background: var(--pcol);
    transform: translateY(-1px);
    color: var(--bprm);
}
.user_lyxx_b {
    flex: 1;
    height: 100%;
    background-color: var(--bprm);
    border-radius: 12px;
    border: 1px solid var(--bsqt);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    overflow: hidden;
}
.user_lyxx_ba {
    width: 100%;
    height: 50px;
    background-color: #f8f9fc;
    border-bottom: 1px solid var(--bsqt);
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}
.user_lyxx_baa {
    height: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 7px;
    padding-left: 20px;
}
.user_lyxx_baaa {
    height: 100%;
    font-size: 18px;
    line-height: 1;
    color: var(--pcol);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.user_lyxx_baaa::before {
    content: '\e996';
}
.user_lyxx_baab {
    height: 100%;
    font-size: 17px;
    line-height: 1;
    font-weight: 550;
    color: var(--tprm);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.user_lyxx_bab {
    height: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-end;
    align-items: center;
}
.user_lyxx_baba {
    height: 100%;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    padding: 0 20px;
    border-left: 1px solid var(--bsqt);
    font-size: 15px;
    line-height: 1;
    font-weight: 550;
    color: var(--tsec);
    transition: var(--tran);
    position: relative;
}
.user_lyxx_baba.active {
    color: var(--pcol);
    background: var(--kpbg);
}
.user_lyxx_baba.active::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 15px;
    height: 2px;
    background-color: var(--pcol);
    border-radius: 25px;
}
.user_lyxx_baba:hover {
    color: var(--pcol);
    background-color: rgba(99, 102, 241, 0.03);
}
.user_lyxx_bb {
    width: 100%;
    height: calc(100% - 50px);
    padding: 20px;
    gap: 20px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}
.user_lyxx_bba {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 20px;
}
.user_lyxx_bbaa {
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 15px;
}
.user_lyxx_bbaaa {
    height: 36px;
    font-size: 14px;
    line-height: 1;
    color: var(--tsec);
    background: var(--bter);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    border-radius: var(--rsm);
    padding: 0 20px;
    border: 1px solid var(--bsqt);
    cursor: pointer;
    transition: var(--tran);
}
.user_lyxx_bbaaa:hover {
    background: var(--bsec);
    border-color: var(--plgt);
    color: var(--pcol);
    box-shadow: var(--ssm);
}
.user_lyxx_bbaaa.active {
    background: var(--pcol);
    color: var(--bprm);
    border: 1px solid var(--pcol);
    pointer-events: none;
    box-shadow: var(--smd);
}
.user_lyxx_bbab {
    width: 100%;
    height: calc(100% - 56px);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}
.user_lyxx_bbaba {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 20px;
}
.user_lyxx_bbabaa {
    width: 150px;
    display: block;
}
.user_lyxx_bbabab {
    font-size: 14px;
    line-height: 1;
    color: var(--tter);
}
.user_lyxx_bbabb {
    width: 100%;
    height: calc(100% - 55px);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.user_lyxx_bbabba {
    width: 100%;
    height: 35px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    background-color: #f8f9fc;
    border: 1px solid var(--bsqt);
    border-radius: 5px 5px 0 0;
    overflow: hidden;
}
.user_lyxx_bbabbaa {
    height: 100%;
    font-size: 14px;
    line-height: 1;
    font-weight: 550;
    color: var(--zwbt);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    border-right: 1px solid var(--bsqt);
}
.user_lyxx_bbabbaa:nth-child(1) {
    width: 5%;
}
.user_lyxx_bbabbaa:nth-child(2) {
    width: 10%;
}
.user_lyxx_bbabbaa:nth-child(3) {
    width: 10%;
}
.user_lyxx_bbabbaa:nth-child(4) {
    width: 40%;
}
.user_lyxx_bbabbaa:nth-child(5) {
    width: 15%;
}
.user_lyxx_bbabbaa:nth-child(6) {
    width: 10%;
}
.user_lyxx_bbabbaa:nth-child(7) {
    width: 10%;
    border-right: 0;
}
.user_lyxx_bbabbb {
    width: 100%;
    height: calc(100% - 35px);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    overflow: hidden;
    overflow-y: auto;
	gap: 10px;
}
.user_lyxx_bbabbb::-webkit-scrollbar {
	display: none;
}
.user_lyxx_bbabbba {
    width: 100%;
    border: 1px solid var(--bsqt);
    border-top: 0;
    border-radius: 0 0 5px 5px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.user_lyxx_bbabbbaa {
    width: 100%;
    min-height: 45px;
    font-size: 14px;
    line-height: 1;
    color: var(--zwbt);
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}
.user_lyxx_bbabbbaaa {
    height: 100%;
    font-size: 14px;
    line-height: 1;
    color: var(--cywt);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    border-right: 1px solid var(--bsqt);
    border-top: 1px solid var(--bsqt);
}
.user_lyxx_bbabbbaa:first-child .user_lyxx_bbabbbaaa {
    border-top: 0;
}
.user_lyxx_bbabbbaaa:nth-child(1) {
    width: 5%;
}
.user_lyxx_bbabbbaaa:nth-child(2) {
    width: 10%;
    padding: 10px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 5px;
    overflow: hidden;
}
.user_lyxx_bbabbbaaa:nth-child(3) {
    width: 10%;
}
.user_lyxx_bbabbbaaa:nth-child(4) {
    width: 40%;
    padding: 10px;
    line-height: 20px;
    text-align: justify;
    margin: -3px 0;
}
.user_lyxx_bbabbbaaa:nth-child(5) {
    width: 15%;
}
.user_lyxx_bbabbbaaa:nth-child(6) {
    width: 10%;
}
.user_lyxx_bbabbbaaa:nth-child(7) {
    width: 10%;
    border-right: 0;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
.user_lyxx_bbabbbaaaa:hover {
    color: var(--pcol);
}
.user_lyxx_bbabbbaaa_tx {
    width: 25px !important;
    height: 25px !important;
    border-radius: 50%;
    object-fit: cover;
    display: block;
    background-color: var(--bter) !important;
}
.user_lyxx_bbabbbaaa img {
    width: 20px;
    height: 20px;
	background: none;
}
.user_lyxx_bbabbbb {
    width: 100%;
    height: 35px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.user_lyxx_bbabbbba {
    width: 5%;
    height: 100%;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.user_lyxx_bbabbbbb {
    height: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 15px;
}
.user_lyxx_bbabbbbba {
    height: 30px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    background: var(--plgt);
    border-radius: 5px;
    font-size: 14px;
    line-height: 1;
    color: var(--bprm);
    padding: 0 15px;
    transition: var(--tran);
}
.user_lyxx_bbabbbbba:hover {
    background-color: var(--pcol);
    color: var(--bprm);
    transform: translateY(-2px);
}
.user_lyxx_bbabbbbba.disabled {
    pointer-events: none;
    cursor: not-allowed;
    background: #ccc;
}
.user_lyxx_bbabc {
    width: 100%;
    height: 35px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}
.user_lyxx_bbabca {
    height: 100%;
    display: flex;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.user_lyxx_bbabcb {
    height: 100%;
    font-size: 14px;
    line-height: 1;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-end;
    align-items: center;
    color: var(--cywt);
    gap: 3px;
}
.user_lyxx_hftc {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    z-index: 9999;
    display: none;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.user_lyxx_hftc_a {
    width: 550px;
    height: 300px;
    background: var(--bprm);
    border-radius: 8px;
    border: 1px solid var(--bsqt);
    overflow: hidden;
    position: relative;
    box-shadow: var(--smd);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.user_lyxx_hftc_aa {
    width: 100%;
    height: 50px;
    background-color: #f8f9fc;
    border-bottom: 1px solid var(--bsqt);
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    position: relative;
    overflow: hidden;
    padding: 0 20px;
}
.user_lyxx_hftc_aaa {
    height: 100%;
    font-size: 16px;
    line-height: 1;
    font-weight: 550;
    color: var(--tprm);
    display: flex;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.user_lyxx_hftc_aab {
    font-size: 14px;
    line-height: 1;
    color: var(--tter);
    transition: var(--tran);
}
.user_lyxx_hftc_aab::before {
    content: '\eb51';
}
.user_lyxx_hftc_aab:hover {
    transform: rotate(90deg);
}
.user_lyxx_hftc_ab {
    width: 100%;
    height: calc(100% - 50px);
    border: none;
    display: flex;
    align-content: flex-start;
    justify-content: center;
    align-items: flex-start;
}
/* 我的论坛-论坛消息结束 */
/* 我的论坛-回复弹窗开始 */
.user_wdlt_hftc {
    width: 100%;
    height: 100%;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    padding: 20px;
}
.user_wdlt_hftc_a {
    width: 100%;
    height: 100%;
    border: 1px solid var(--bsym);
    border-radius: 5px;
    font-size: 14px;
    line-height: 1;
    color: var(--cywt);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    overflow: hidden;
    position: relative;
}
.user_wdlt_hftc_aa {
    width: 100%;
    height: calc(100% - 40px);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    resize: none;
    padding: 7px 10px;
    font-size: 14px;
    line-height: 20px;
    color: var(--tsec);
}
.user_wdlt_hftc_ab {
    width: 100%;
    height: calc(100% - 40px);
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    z-index: 10;
    padding: 10px;
    gap: 5px;
    display: none;
    grid-template-columns: repeat(16, 1fr);
    align-content: end;
    justify-content: start;
    align-items: end;
}
.user_wdlt_hftc_ab img {
    width: 24px;
    height: 24px;
    padding: 2px;
    display: block;
}
.user_wdlt_hftc_ab img:hover {
    background: #f0f0f0;
}
.user_wdlt_hftc_ac {
    width: 100%;
    height: 40px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid var(--bsym);
}
.user_wdlt_hftc_aca {
    width: 35px;
    height: 100%;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    line-height: 1;
    color: var(--tter);
}
.user_wdlt_hftc_aca::before {
    content: '\eb53';
}
.user_wdlt_hftc_aca:hover {
	color: var(--pcol);
}
.user_wdlt_hftc_acb {
    width: 50px;
    height: 100%;
    background: var(--bsym);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    line-height: 1;
    color: var(--tsec);
}
.user_wdlt_hftc_acb:hover {
    color: var(--pcol);
}
/* 我的论坛-回复弹窗结束 */
/* 我的论坛-主题消息开始 */
.user_ztxx {
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 20px;
}
.user_ztxx_a {
    width: 200px;
    background-color: var(--kpbg);
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
    padding: 20px;
    border: 1px solid var(--bsqt);
}
.user_ztxx_aa {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
}
.user_ztxx_aaa {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    background: var(--bcol);
    position: relative;
}
.user_ztxx_aaaa {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 50%;
    overflow: hidden;
}
.user_ztxx_aaab {
    width: 80px;
    height: 35px;
    background-size: 80px 35px;
    position: absolute;
    bottom: -10px;
}
.user_ztxx_aaab.lv1 {
    background-image: url(/uploads/allimg/20260209/1-260209105F0G0.png);
}
.user_ztxx_aaab.lv2 {
    background-image: url(/uploads/allimg/20260209/1-26020911425M52.png);
}
.user_ztxx_aaab.lv3 {
    background-image: url(/uploads/allimg/20260209/1-26020911425J25.png);
}
.user_ztxx_aaab.lv4 {
    background-image: url(/uploads/allimg/20260209/1-26020911425K11.png);
}
.user_ztxx_aaab.lv5 {
    background-image: url(/uploads/allimg/20260209/1-26020911425MH.png);
}
.user_ztxx_aaaba {
    position: absolute;
    top: -9px;
    left: 1px;
    width: 100%;
    height: 40px;
}
.user_ztxx_aaabaa{
    fill: transparent;
}
.user_ztxx_aaabab {
    font-size: 9px;
    line-height: 1;
    letter-spacing: 1px;
    fill: #fff;
}
.user_ztxx_aab {
    font-size: 18px;
    line-height: 1;
    color: var(--zwbt);
}
.user_ztxx_aac {
    width: 85px;
    height: 27px;
    background-color: rgba(99, 102, 241, 0.1);
    color: var(--pcol);
    border-radius: 25px;
    font-size: 13px;
    line-height: 1;
    border: 1px solid var(--plgt);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    padding-bottom: 2px;
}
.user_ztxx_aad {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 5px;
}
.user_ztxx_aada {
    width: 100%;
    height: 25px;
}
.user_ztxx_aadb {
    width: 100%;
    height: 9px;
    font-family: "Courier New", monospace;
    font-size: 14px;
    line-height: 12px;
    color: var(--zwbt);
    letter-spacing: 2px;
    font-weight: 550;
    margin-right: -2px;
    display: flex;
    align-content: center;
    justify-content: center;
}
.user_ztxx_ab {
    width: 100%;
    background-color: var(--kpbg);
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
    padding: 20px;
    border: 1px solid var(--bsqt);
}
.user_ztxx_aba {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}
.user_ztxx_abaa {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 7px;
}
.user_ztxx_abaaa {
    height: 12px;
    display: block;
}
.user_ztxx_abaab {
    font-size: 15px;
    line-height: 1;
    color: var(--tsec);
    margin-top: -1px;
    font-weight: 550;
}
.user_ztxx_abab {
    height: 17px;
    font-family: 'sinclair';
    font-size: 26px;
    line-height: 21px;
    color: var(--zwbt);
}
.user_ztxx_abb {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
}
.user_ztxx_abba {
    width: 158px;
    height: 158px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    position: relative;
}
.user_ztxx_abbaa {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 40px;
    height: 40px;
    border-radius: 5px;
    background: var(--bprm);
    padding: 5px;
}
.user_ztxx_abbb {
    width: 100%;
    height: 35px;
    background: var(--plgt);
    color: var(--bprm);
    border-radius: 4px;
    font-size: 15px;
    line-height: 1;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    transition: var(--tran);
}
.user_ztxx_abbb:hover {
	background: var(--pcol);
    transform: translateY(-1px);
    color: var(--bprm);
}
.user_ztxx_b {
    flex: 1;
    height: 100%;
    background-color: var(--bprm);
    border-radius: 12px;
    border: 1px solid var(--bsqt);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    overflow: hidden;
}
.user_ztxx_ba {
    width: 100%;
    height: 50px;
    background-color: #f8f9fc;
    border-bottom: 1px solid var(--bsqt);
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}
.user_ztxx_baa {
    height: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 7px;
    padding-left: 20px;
}
.user_ztxx_baaa {
    height: 100%;
    font-size: 18px;
    line-height: 1;
    color: var(--pcol);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.user_ztxx_baaa::before {
    content: '\e996';
}
.user_ztxx_baab {
    height: 100%;
    font-size: 17px;
    line-height: 1;
    font-weight: 550;
    color: var(--tprm);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.user_ztxx_bab {
    height: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-end;
    align-items: center;
}
.user_ztxx_baba {
    height: 100%;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    padding: 0 20px;
    border-left: 1px solid var(--bsqt);
    font-size: 15px;
    line-height: 1;
    font-weight: 550;
    color: var(--tsec);
    transition: var(--tran);
    position: relative;
}
.user_ztxx_baba.active {
    color: var(--pcol);
    background: var(--kpbg);
}
.user_ztxx_baba.active::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 15px;
    height: 2px;
    background-color: var(--pcol);
    border-radius: 25px;
}
.user_ztxx_baba:hover {
    color: var(--pcol);
    background-color: rgba(99, 102, 241, 0.03);
}
.user_ztxx_bb {
    width: 100%;
    height: calc(100% - 50px);
    padding: 20px;
    gap: 20px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}
.user_ztxx_bba {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 20px;
}
.user_ztxx_bbaa {
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 15px;
}
.user_ztxx_bbaaa {
    height: 36px;
    font-size: 14px;
    line-height: 1;
    color: var(--tsec);
    background: var(--bter);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    border-radius: var(--rsm);
    padding: 0 20px;
    border: 1px solid var(--bsqt);
    cursor: pointer;
    transition: var(--tran);
}
.user_ztxx_bbaaa:hover {
    background: var(--bsec);
    border-color: var(--plgt);
    color: var(--pcol);
    box-shadow: var(--ssm);
}
.user_ztxx_bbaaa.active {
    background: var(--pcol);
    color: var(--bprm);
    border: 1px solid var(--pcol);
    pointer-events: none;
    box-shadow: var(--smd);
}
.user_ztxx_bbab {
    width: 100%;
    height: calc(100% - 56px);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}
.user_ztxx_bbaba {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 20px;
}
.user_ztxx_bbabaa {
    width: 150px;
    display: block;
}
.user_ztxx_bbabab {
    font-size: 14px;
    line-height: 1;
    color: var(--tter);
}
.user_ztxx_bbabb {
    width: 100%;
    height: calc(100% - 55px);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.user_ztxx_bbabba {
    width: 100%;
    height: 35px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    background-color: #f8f9fc;
    border: 1px solid var(--bsqt);
    border-radius: 5px 5px 0 0;
    overflow: hidden;
}
.user_ztxx_bbabbaa {
    height: 100%;
    font-size: 14px;
    line-height: 1;
    font-weight: 550;
    color: var(--zwbt);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    border-right: 1px solid var(--bsqt);
}
.user_ztxx_bbabbaa:nth-child(1) {
    width: 5%;
}
.user_ztxx_bbabbaa:nth-child(2) {
    width: 15%;
}
.user_ztxx_bbabbaa:nth-child(3) {
    width: 45%;
}
.user_ztxx_bbabbaa:nth-child(4) {
    width: 10%;
}
.user_ztxx_bbabbaa:nth-child(5) {
    width: 15%;
}
.user_ztxx_bbabbaa:nth-child(6) {
    width: 10%;
    border-right: 0;
}
.user_ztxx_bbabbb {
    width: 100%;
    height: calc(100% - 35px);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    overflow: hidden;
    overflow-y: auto;
	gap: 10px;
}
.user_ztxx_bbabbb::-webkit-scrollbar {
	display: none;
}
.user_ztxx_bbabbba {
    width: 100%;
    border: 1px solid var(--bsqt);
    border-top: 0;
    border-radius: 0 0 5px 5px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.user_ztxx_bbabbbaa {
    width: 100%;
    height: 45px;
    font-size: 14px;
    line-height: 1;
    color: var(--zwbt);
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}
.user_ztxx_bbabbbaaa {
    height: 100%;
    font-size: 14px;
    line-height: 1;
    color: var(--cywt);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    border-right: 1px solid var(--bsqt);
    border-top: 1px solid var(--bsqt);
}
.user_ztxx_bbabbbaa:first-child .user_ztxx_bbabbbaaa {
    border-top: 0;
}
.user_ztxx_bbabbbaaa:nth-child(1) {
    width: 5%;
}
.user_ztxx_bbabbbaaa:nth-child(2) {
    width: 15%;
    padding: 10px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 5px;
    overflow: hidden;
}
.user_ztxx_bbabbbaaa:nth-child(3) {
    width: 45%;
    line-height: 45px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-align: justify;
    padding: 0 10px;
}
.user_ztxx_bbabbbaaa:nth-child(3):hover {
    color: var(--pcol);
}
.user_ztxx_bbabbbaaa:nth-child(4) {
    width: 10%;
}
.user_ztxx_bbabbbaaa:nth-child(5) {
    width: 15%;
}
.user_ztxx_bbabbbaaa:nth-child(6) {
    width: 10%;
    border-right: 0;
}
.user_ztxx_bbabbbaaa:nth-child(6):hover {
    color: var(--pcol);
}
.user_ztxx_bbabbbaaa_tx {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    object-fit: cover;
    display: block;
    background-color: var(--bter);
}
.user_ztxx_bbabbbaaa.wd {
	color: var(--dang);
}
.user_ztxx_bbabbbaaa.yd {
	color: var(--succ);
}
.user_ztxx_bbabbbb {
    width: 100%;
    height: 35px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.user_ztxx_bbabbbba {
    width: 5%;
    height: 100%;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.user_ztxx_bbabbbbb {
    height: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 15px;
}
.user_ztxx_bbabbbbba {
    height: 30px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    background: var(--plgt);
    border-radius: 5px;
    font-size: 14px;
    line-height: 1;
    color: var(--bprm);
    padding: 0 15px;
    transition: var(--tran);
}
.user_ztxx_bbabbbbba:hover {
    background-color: var(--pcol);
    color: var(--bprm);
    transform: translateY(-2px);
}
.user_ztxx_bbabbbbba.disabled {
    pointer-events: none;
    cursor: not-allowed;
    background: #ccc;
}
.user_ztxx_bbabc {
    width: 100%;
    height: 35px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}
.user_ztxx_bbabca {
    height: 100%;
    display: flex;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.user_ztxx_bbabcb {
    height: 100%;
    font-size: 14px;
    line-height: 1;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-end;
    align-items: center;
    color: var(--cywt);
    gap: 3px;
}
/* 我的论坛-主题消息结束 */
/* 我的论坛-系统消息开始 */
.user_xtxx {
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 20px;
}
.user_xtxx_a {
    width: 200px;
    background-color: var(--kpbg);
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
    padding: 20px;
    border: 1px solid var(--bsqt);
}
.user_xtxx_aa {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
}
.user_xtxx_aaa {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    background: var(--bcol);
    position: relative;
}
.user_xtxx_aaaa {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 50%;
    overflow: hidden;
}
.user_xtxx_aaab {
    width: 80px;
    height: 35px;
    background-size: 80px 35px;
    position: absolute;
    bottom: -10px;
}
.user_xtxx_aaab.lv1 {
    background-image: url(/uploads/allimg/20260209/1-260209105F0G0.png);
}
.user_xtxx_aaab.lv2 {
    background-image: url(/uploads/allimg/20260209/1-26020911425M52.png);
}
.user_xtxx_aaab.lv3 {
    background-image: url(/uploads/allimg/20260209/1-26020911425J25.png);
}
.user_xtxx_aaab.lv4 {
    background-image: url(/uploads/allimg/20260209/1-26020911425K11.png);
}
.user_xtxx_aaab.lv5 {
    background-image: url(/uploads/allimg/20260209/1-26020911425MH.png);
}
.user_xtxx_aaaba {
    position: absolute;
    top: -9px;
    left: 1px;
    width: 100%;
    height: 40px;
}
.user_xtxx_aaabaa{
    fill: transparent;
}
.user_xtxx_aaabab {
    font-size: 9px;
    line-height: 1;
    letter-spacing: 1px;
    fill: #fff;
}
.user_xtxx_aab {
    font-size: 18px;
    line-height: 1;
    color: var(--zwbt);
}
.user_xtxx_aac {
    width: 85px;
    height: 27px;
    background-color: rgba(99, 102, 241, 0.1);
    color: var(--pcol);
    border-radius: 25px;
    font-size: 13px;
    line-height: 1;
    border: 1px solid var(--plgt);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    padding-bottom: 2px;
}
.user_xtxx_aad {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 5px;
}
.user_xtxx_aada {
    width: 100%;
    height: 25px;
}
.user_xtxx_aadb {
    width: 100%;
    height: 9px;
    font-family: "Courier New", monospace;
    font-size: 14px;
    line-height: 12px;
    color: var(--zwbt);
    letter-spacing: 2px;
    font-weight: 550;
    margin-right: -2px;
    display: flex;
    align-content: center;
    justify-content: center;
}
.user_xtxx_ab {
    width: 100%;
    background-color: var(--kpbg);
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
    padding: 20px;
    border: 1px solid var(--bsqt);
}
.user_xtxx_aba {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}
.user_xtxx_abaa {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 7px;
}
.user_xtxx_abaaa {
    height: 12px;
    display: block;
}
.user_xtxx_abaab {
    font-size: 15px;
    line-height: 1;
    color: var(--tsec);
    margin-top: -1px;
    font-weight: 550;
}
.user_xtxx_abab {
    height: 17px;
    font-family: 'sinclair';
    font-size: 26px;
    line-height: 21px;
    color: var(--zwbt);
}
.user_xtxx_abb {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
}
.user_xtxx_abba {
    width: 158px;
    height: 158px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    position: relative;
}
.user_xtxx_abbaa {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 40px;
    height: 40px;
    border-radius: 5px;
    background: var(--bprm);
    padding: 5px;
}
.user_xtxx_abbb {
    width: 100%;
    height: 35px;
    background: var(--plgt);
    color: var(--bprm);
    border-radius: 4px;
    font-size: 15px;
    line-height: 1;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    transition: var(--tran);
}
.user_xtxx_abbb:hover {
	background: var(--pcol);
    transform: translateY(-1px);
    color: var(--bprm);
}
.user_xtxx_b {
    flex: 1;
    height: 100%;
    background-color: var(--bprm);
    border-radius: 12px;
    border: 1px solid var(--bsqt);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    overflow: hidden;
}
.user_xtxx_ba {
    width: 100%;
    height: 50px;
    background-color: #f8f9fc;
    border-bottom: 1px solid var(--bsqt);
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}
.user_xtxx_baa {
    height: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 7px;
    padding-left: 20px;
}
.user_xtxx_baaa {
    height: 100%;
    font-size: 18px;
    line-height: 1;
    color: var(--pcol);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.user_xtxx_baaa::before {
    content: '\e996';
}
.user_xtxx_baab {
    height: 100%;
    font-size: 17px;
    line-height: 1;
    font-weight: 550;
    color: var(--tprm);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.user_xtxx_bab {
    height: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-end;
    align-items: center;
}
.user_xtxx_baba {
    height: 100%;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    padding: 0 20px;
    border-left: 1px solid var(--bsqt);
    font-size: 15px;
    line-height: 1;
    font-weight: 550;
    color: var(--tsec);
    transition: var(--tran);
    position: relative;
}
.user_xtxx_baba.active {
    color: var(--pcol);
    background: var(--kpbg);
}
.user_xtxx_baba.active::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 15px;
    height: 2px;
    background-color: var(--pcol);
    border-radius: 25px;
}
.user_xtxx_baba:hover {
    color: var(--pcol);
    background-color: rgba(99, 102, 241, 0.03);
}
.user_xtxx_bb {
    width: 100%;
    height: calc(100% - 50px);
    padding: 20px;
    gap: 20px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}
.user_xtxx_bba {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 20px;
}
.user_xtxx_bbaa {
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 15px;
}
.user_xtxx_bbaaa {
    height: 36px;
    font-size: 14px;
    line-height: 1;
    color: var(--tsec);
    background: var(--bter);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    border-radius: var(--rsm);
    padding: 0 20px;
    border: 1px solid var(--bsqt);
    cursor: pointer;
    transition: var(--tran);
}
.user_xtxx_bbaaa:hover {
    background: var(--bsec);
    border-color: var(--plgt);
    color: var(--pcol);
    box-shadow: var(--ssm);
}
.user_xtxx_bbaaa.active {
    background: var(--pcol);
    color: var(--bprm);
    border: 1px solid var(--pcol);
    pointer-events: none;
    box-shadow: var(--smd);
}
.user_xtxx_bbab {
    width: 100%;
    height: calc(100% - 56px);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}
.user_xtxx_bbaba {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 20px;
}
.user_xtxx_bbabaa {
    width: 150px;
    display: block;
}
.user_xtxx_bbabab {
    font-size: 14px;
    line-height: 1;
    color: var(--tter);
}
.user_xtxx_bbabb {
    width: 100%;
    height: calc(100% - 55px);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.user_xtxx_bbabba {
    width: 100%;
    height: 35px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    background-color: #f8f9fc;
    border: 1px solid var(--bsqt);
    border-radius: 5px 5px 0 0;
    overflow: hidden;
}
.user_xtxx_bbabbaa {
    height: 100%;
    font-size: 14px;
    line-height: 1;
    font-weight: 550;
    color: var(--zwbt);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    border-right: 1px solid var(--bsqt);
}
.user_xtxx_bbabbaa:nth-child(1) {
    width: 5%;
}
.user_xtxx_bbabbaa:nth-child(2) {
    width: 15%;
}
.user_xtxx_bbabbaa:nth-child(3) {
    width: 45%;
}
.user_xtxx_bbabbaa:nth-child(4) {
    width: 10%;
}
.user_xtxx_bbabbaa:nth-child(5) {
    width: 15%;
}
.user_xtxx_bbabbaa:nth-child(6) {
    width: 10%;
    border-right: 0;
}
.user_xtxx_bbabbb {
    width: 100%;
    height: calc(100% - 35px);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    overflow: hidden;
    overflow-y: auto;
	gap: 10px;
}
.user_xtxx_bbabbb::-webkit-scrollbar {
	display: none;
}
.user_xtxx_bbabbba {
    width: 100%;
    border: 1px solid var(--bsqt);
    border-top: 0;
    border-radius: 0 0 5px 5px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.user_xtxx_bbabbbaa {
    width: 100%;
    height: 45px;
    font-size: 14px;
    line-height: 1;
    color: var(--zwbt);
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}
.user_xtxx_bbabbbaaa {
    height: 100%;
    font-size: 14px;
    line-height: 1;
    color: var(--cywt);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    border-right: 1px solid var(--bsqt);
    border-top: 1px solid var(--bsqt);
}
.user_xtxx_bbabbbaa:first-child .user_xtxx_bbabbbaaa {
    border-top: 0;
}
.user_xtxx_bbabbbaaa:nth-child(1) {
    width: 5%;
}
.user_xtxx_bbabbbaaa:nth-child(2) {
    width: 15%;
    padding: 10px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 5px;
    overflow: hidden;
}
.user_xtxx_bbabbbaaa:nth-child(3) {
    width: 45%;
    line-height: 45px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-align: justify;
    padding: 0 10px;
}
.user_xtxx_bbabbbaaa:nth-child(3):hover {
    color: var(--pcol);
}
.user_xtxx_bbabbbaaa:nth-child(4) {
    width: 10%;
}
.user_xtxx_bbabbbaaa:nth-child(5) {
    width: 15%;
}
.user_xtxx_bbabbbaaa:nth-child(6) {
    width: 10%;
    border-right: 0;
}
.user_xtxx_bbabbbaaa:nth-child(6):hover {
    color: var(--pcol);
}
.user_xtxx_bbabbbaaa_tx {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    object-fit: cover;
    display: block;
    background-color: var(--bter);
}
.user_xtxx_bbabbbaaa.wd {
	color: var(--dang);
}
.user_xtxx_bbabbbaaa.yd {
	color: var(--succ);
}
.user_xtxx_bbabbbb {
    width: 100%;
    height: 35px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.user_xtxx_bbabbbba {
    width: 5%;
    height: 100%;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.user_xtxx_bbabbbbb {
    height: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 15px;
}
.user_xtxx_bbabbbbba {
    height: 30px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    background: var(--plgt);
    border-radius: 5px;
    font-size: 14px;
    line-height: 1;
    color: var(--bprm);
    padding: 0 15px;
    transition: var(--tran);
}
.user_xtxx_bbabbbbba:hover {
    background-color: var(--pcol);
    color: var(--bprm);
    transform: translateY(-2px);
}
.user_xtxx_bbabbbbba.disabled {
    pointer-events: none;
    cursor: not-allowed;
    background: #ccc;
}
.user_xtxx_bbabc {
    width: 100%;
    height: 35px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}
.user_xtxx_bbabca {
    height: 100%;
    display: flex;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.user_xtxx_bbabcb {
    height: 100%;
    font-size: 14px;
    line-height: 1;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-end;
    align-items: center;
    color: var(--cywt);
    gap: 3px;
}
/* 我的论坛-系统消息结束 */