.notice {
    padding: 15px 0px;
    display: flex;
    align-items: center;
    overflow: hidden;
    width: 100%;
}

.notice-divImg {
    z-index: 10;
    background-color: #101113;
    text-align: center;
}

.notice-img {
    width: 16px;
    height: 16px;
    margin-right: 5px;
    margin-left: 16px;
}

.noticeDiv {
    white-space: nowrap;
    color: #0076D6;
    font-size: 14px;
    font-weight: 600;
    animation: scrollLeft 20s linear infinite;
    position: absolute;
    margin-left: 36px;
}

.noticeDiv::-webkit-scrollbar {
    display: none;
}

.noticeDiv {
    -ms-overflow-style: none;
    scrollbar-width: none;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

@keyframes scrollLeft {
    0% {
        transform: translateX(200%);
    }

    100% {
        transform: translateX(-200%);
    }
}

.notice {
    position: relative;
}

/* 轮播图 */
/* 自定义指示点样式 */
.custom-bullet {
    width: 24px; /* 长度 */
    height: 4px; /* 厚度 */
    display: inline-block;
    background-color: #000;
    opacity: 0.2;
    border-radius: 4px;
    margin: 0 5px;
}

.custom-bullet-active {
    opacity: 1;
    background-color: #FFFFFF; /* 活动指示点颜色 */
}

.MarginR {
    margin: 8px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.backDiv {
    border-radius: 8px;
    background: linear-gradient(90deg, #FEE066 0%, #FFD804 100%);
    width: 100%;
    padding: 10px 16px;

    display: flex;
}

.mr10 {
    margin-right: 5px;
}

.ml10 {
    margin-left: 5px;
}


.backDivSp {
    font-size: 12px;
    font-weight: 600;
    width: 90%;
    color: #A86E00;

    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
}

.backDivHt {
    font-size: 14px;
    color: #E55100;
    width: 100px;
    margin-top: 5px;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.backDivImg {
    width: 32px;
    height: 32px;
}

.itemCard {
    background-color: #181A1D;
    margin: 12px 8px;
    border-radius: 8px;
}

.itemCard-content {
    padding: 16px;
}

.itemCard-content .t1 {
    color: #4CB04F;
    font-weight: 600;
    font-size: 18px;
}

.itemCard-content .t2 {
    color: #CDD5D8;
    font-size: 12px;
    margin-top: 10px;
}

.itemCard-content .t3 {
    color: #F9D449;
    font-weight: 600;
    font-size: 12px;
    margin-top: 10px;
}

.itemCard-btn {
    padding: 15px;
}

.itemCard-btn button {
    background-color: #0076D6;
    width: 100%;
    border: none;
    color: #FFFFFF;
    padding: 8px;
    border-radius: 6px;
}

.Relative {
    position: relative;
}

.itemCard-Char {
    background-color: #DE3230;
    padding: 5px 20px;
    position: absolute;
    top: 6px;
    left: 6px;
    color: #ffffff;
    border-radius: 10px;
    font-size: 14px;
}

.Zindex {
    z-index: -1 !important;
}

.lottery {
    padding: 16px;
    background-color: #181A1D;
    margin: 12px 8px;
    border-radius: 8px;
}

.lotterySpan {
    font-size: 18px;
    font-weight: 600;
    background: linear-gradient(to right, #E0DC39, #B5E357, #0FFFC4, #C2E469);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.lotteryflex {
    display: flex;
    align-items: center;
}

.lotteryhr {
    height: 3px;
    background-color: #383859;
    width: 100%;
    border-radius: 8px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.pdCode {
    border-bottom: 1px solid #383859;
    padding-top: 10px;
    padding-bottom: 16px;
    display: flex;
    justify-content: space-between;
    color: #C0C0D0;
}

.cf9 {
    color: #FF952A;
}

.pdCode div {
    font-size: 12px;
}

.notice__inner {
    width: 100%;
    height: 100%;
    overflow: hidden;
    font-size: 14px;
    color: #666;
}

.notice__box {
    animation: roll 80s linear infinite;
}

#personTitle-price{
    white-space: nowrap;
}

.notice__item {
    width: 100%;
    height: 30px;
    line-height: 30px;
    padding: 0 12px;
    white-space: nowrap;
}

@keyframes roll {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(-300px);
    }
}

.nodataImg {
    width: 60px;
    height: 60px;
}

.nodataImg-content {
    width: 100%;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.nodataImg-txt {
    color: #C0C0D0;
    font-size: 12px;
}

.ce {
    text-align: center;
}

.w100 {
    width: 100%;
}

.cc {
    color: #CCCCCC;
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

#loadingImage {
    animation: spin 2s linear infinite;
}

/* 详情弹窗 */
.c82 {
    color: #828282;
}

.btnblue {
    background-color: #0076D6;
    font-size: 14px;
    cursor: pointer;
    padding: 6px 16px;
    border-radius: 16px;
}

.btngrenn {
    background-color: #2F9E44;
    font-size: 14px;
    cursor: pointer;
    padding: 6px 16px;
    border-radius: 16px;
}

.detailXq {
    background-color: #2E2E2E;
    border: 1px solid #424242;
    padding: 16px;
    border-radius: 6px;
}

.hrDiv {
    height: 2px;
    background-color: #424242;
    margin: 20px 0px;
}

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

.topup-copy-btnd {
    background-color: #2F9E44;
    border: none;
    border-radius: 6px;
    padding: 12px 16px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 14px;
    margin-top: 20px;
    color: #fff;
    font-weight: 600;
}

/* 底部弹窗 */
.bottom-sheet {
    display: none;
    position: fixed;
    top: 0vh;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 9999;
    justify-content: flex-end;
    /* 内容从底部进入 */
    animation: fadeIn 0.3s ease-out;
}

.bottom-sheet-content {
    background: #181818;
    width: 100%;
    max-width: 500px;
    border-radius: 16px 16px 0 0;
    box-shadow: 0 -2px 10px #181818;
    animation: slideUp 0.3s ease-out;
    overflow-y: auto;
    height: 85vh;
    margin-top: 15vh;
}

.bottom-sheet-contentd {
    background: #181818;
    width: 100%;
    height: 100%;
    max-width: 500px;
    border-radius: 16px 16px 0 0;
    box-shadow: 0 -2px 10px #181818;
    overflow-y: auto;
}

.bottom-sheet-header {
    padding: 16px;
    border-bottom: 1px solid transparent;
    position: relative;
    text-align: center;
}

.bottom-sheet-header .close-btn {
    position: absolute;
    left: 16px;
    top: 16px;
    font-size: 24px;
    color: #999;
    cursor: pointer;
}

.bottom-sheet-body {
    padding: 5px 16px 16px 16px;
}

/* 动画 */
@keyframes slideUp {
    from {
        transform: translateY(100%);
    }

    to {
        transform: translateY(0);
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.cc {
    color: #CCCCCC;
    font-size: 16px;
}

.f12 {
    font-size: 12px;
}

.f14 {
    font-size: 14px;
}

.row .col-4 {
    color: #fff;
    font-size: 12px;
    text-align: center;
    margin-top: 10px;
}

.itemPrice {
    padding: 11px;
    background-color: #2E2E2E;
    border-radius: 6px;
    border: 1px solid #424242;
}

.cred {
    color: red;
}

.c82 {
    color: #828282;
}

.inputtxt {
    width: 100%;
    border: none;
    outline: none;
    font-size: 14px;
    color: #999;
    background-color: #2E2E2E;
    padding: 10px 16px;
    border-radius: 8px;
    margin-top: 10px;
}

.btnChoZ {
    width: 100%;
    background-color: #0076D6;
    color: #fff;
    border-radius: 6px;
    padding: 10px;
    border: none;
}

.promotion {
    width: 14px;
    height: 14px;
}

.padingpromotion {
    padding: 16px;
    border-radius: 8px;
    margin-top: 10px;
    background-color: #131313;
    display: flex;
    flex-direction: column;
}


.c44 {
    color: #04D86A;
}

.cf0 {
    color: #fff;
}

.proback {
    width: 100%;
    background-color: #424242;
    overflow: hidden;
    border-radius: 4px;
}

.choosePro {
    background-color: #4EAC60;
    width: 0%;
    border-radius: 0px 6px 6px 0px;
    overflow: hidden;
}

.zh-progressbar {
    width: 100%;
    height: 15px;
    border-radius: 0px 6px 6px 0px;

    background: linear-gradient(60deg,
            transparent 0,
            transparent 12px,
            #2F9E44 10px,
            #2F9E44 20px,
            transparent 20px,
            transparent 30px,
            #2F9E44 30px);
    background-size: 20px 20px;

    animation: progressMove 0.5s linear infinite;
}

@keyframes progressMove {
    0% {
        background-position: 0 0;
    }

    100% {
        background-position: 20px 0;
    }
}

.progressTxt {
    color: #828282;
    font-size: 10px;
    margin-top: 10px;
    display: flex;
    justify-content: flex-end;
}

/* 充值弹窗 */
/* 弹窗遮罩 */
.topup-modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 9999;
    justify-content: center;
    align-items: center;
}

/* 弹窗内容 */
.topup-modal-content {
    background-color: #181818;
    width: calc(100% - 32px);
    max-width: 400px;
    margin: 0 16px;
    border-radius: 12px;
    padding: 20px;
    position: relative;
    color: white;
    max-height: 600px;
    overflow: auto;
}

.topup-modal-contentD {
    background-color: #181818;
    width: calc(100% - 32px);
    max-width: 400px;
    margin: 0 16px;
    border-radius: 12px;
    padding: 20px;
    position: relative;
    color: white;
    max-height: 600px;
    overflow: auto;
}

/* 关闭按钮 */
.topup-close {
    position: absolute;
    top: 16px;
    right: 16px;
    font-size: 24px;
    color: #fff;
    cursor: pointer;
    line-height: 1;
}

/* 标题 */
.topup-title {
    color: #69DB7C;
    font-size: 14px;
    font-weight: 600;
    margin: 0 0 12px 0;
    text-align: center;
}

/* 描述 */
.topup-desc {
    color: #CCCCCC;
    font-size: 12px;
    margin: 0 0 20px 0;
    text-align: center;
}

/* 二维码图片 */
.topup-qrcode {
    width: 200px;
    height: 200px;
    object-fit: cover;
    display: block;
    margin: 20px auto;
    border-radius: 8px;
}

.qrcoded {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 260px;
    height: 260px;
    background-color: #fff;
    margin: 0px auto;
}

#BearImg{
    height: 40px;
}

/* Pix 标签 */
.topup-pix-label {
    color: #ccc;
    font-size: 12px;
    margin: 20px 0 12px 0;
    text-align: center;
}

/* 复制按钮 */
.topup-copy-btn {
    background-color: #0076D6;
    border: none;
    border-radius: 6px;
    padding: 12px 16px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    margin-top: 20px;
}

.topup-copy-btn span {
    color: white;
    margin-left: 10px;
}

.copy-icon {
    width: 16px;
    height: 16px;
}

/* 底部文字 */
.topup-footer {
    color: #828282;
    font-size: 10px;
    margin: 20px 0 0 0;
    text-align: center;
}

/* 没钱弹窗 */
/* 警告图标 */
.topup-warning-icon {
    width: 50px;
    height: 50px;
    display: block;
    margin: 50px auto;
}

/* 左侧标题 */
.topup-title-left {
    color: #C9C9C9;
    font-size: 14px;
    margin: 0 0 20px 0;
    text-align: left;
}

/* 提示文字 */
.topup-message {
    color: white;
    font-size: 14px;
    margin: 0 0 20px 0;
    text-align: center;
    line-height: 1.5;
}


/* 未获奖 获奖 弹窗整体样式 */
.JustCeD {
    display: flex;
    justify-content: center;
    padding: 30px;
}

.JustCe {
    display: flex;
    justify-content: center;
    padding: 40px;
}

.award-div {
    padding: 16px 34px;
    background-color: #2E2E2E;
    border-radius: 6px;
    border: 1px solid #424242;
    margin-right: 30px;
}

.award-divd {
    padding: 16px 24px;
    background-color: #2E2E2E;
    border-radius: 6px;
    border: 1px solid #424242;
    margin-right: 15px;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 10px;
}

.nowrap {
    white-space: nowrap;
}

.award-modal {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.75);
    justify-content: center;
    align-items: center;
}

.award-modal-content {
    background-color: #181818;
    padding: 20px;
    border-radius: 10px;
    text-align: center;
    position: relative;
    margin: 16px;
    width: 100%;
}

.award-title {
    color: white;
    font-size: 20px;
    margin-bottom: 20px;
    margin-top: 20px;
}

.award-titled {
    color: white;
    font-size: 20px;
    margin-top: 20px;
}

.award-img {
    width: 85.44px;
    height: 104px;
    display: block;
    margin: 0 auto 20px;
}

.award-continue-btn {
    background: linear-gradient(to bottom, #F78963, #E54232);
    color: white;
    border: none;
    border-radius: 5px;
    padding: 10px 20px;
    width: 270px;
    cursor: pointer;
    font-size: 18px;
    border-radius: 20px;
    margin-bottom: 30px;
    text-align: center;
}

.award-close-btn {
    position: absolute;
    bottom: -62px;
    right: 50%;
    transform: translateX(50%);
    background-color: transparent;
    border: 1px solid #ffffff !important;
    color: #ffffff;
    border: none;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    cursor: pointer;
    font-size: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}


/* 个人中心 */
.personTitle {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.personTitle-backimg {
    padding: 15px;
    background-color: #3F4D5A;
    width: 60px;
    height: 60px;
    border-radius: 50%;
}

.personTitle-img {
    width: 30px;
    height: 30px;
}

.personTitle-act {
    color: #CCCCCC;
    font-size: 18px;
    width: 150px;
    word-wrap: break-word;
}

.personTitle-id {
    color: #C6C6C6;
    font-size: 12px;
}

.item {
    margin: 30px 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.alce {
    display: flex;
    align-items: center;
}

.refrushIcon {
    width: 12px;
    height: 12px;
}

.c6b {
    color: #6BC24F;
}

.person-pay-content {
    margin: 0px 16px;
}

.person-pay-img {
    width: 32px;
    height: 32px;
}

.person-pay-item {
    display: flex;
    align-items: center;
    flex-direction: column;
    width: 50%;
    height: 92px;
    background-color: #181818;
    justify-content: center;
    border-radius: 6px;
}

.person-pay-item div {
    color: #C8C8C8;
    font-size: 14px;
}

.person-list {
    margin: 12px 16px;
    border-radius: 6px;
    background-color: #181818;
    color: #CCCCCC;
    padding: 0px 16px;
}

.person-list-item {
    display: flex;
    align-items: center;
    /* padding: 15px 0px; */
}

.person-list-item-img {
    width: 16px;
    height: 16px;
}

.person-list-item-content {
    border-bottom: 1px solid #2F2F2F;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.person-list-item-contentbd {
    border-bottom: 1px solid transparent;
}

.person-list-item-content .t1 {
    padding: 15px 0px;
    font-weight: 300;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.person-list-item-content .img1 {
    width: 8px;
    height: 8px;
}

.cfa {
    color: #FA5352;
}

.c6b {
    color: #6BC24F;
}

/* 分享弹窗 */
/* Agente 方格容器 */
.agent-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 11px;
    margin: 20px 0;
}

.agent-card {
    flex: 1;
    min-width: calc(50% - 5.5px);
    /* 两列布局 */
    border: 1px solid #424242;
    border-radius: 6px;
    padding: 16px 8px;
    background-color: #222;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}

.agent-card.full {
    flex: 100%;
    min-width: 100%;
    text-align: center;
    padding: 20px 15px;
}

.agent-label {
    color: #828282;
    font-size: 12px;
    margin: 0;
    white-space: nowrap;
}

.link-label {
    color: white;
    font-weight: 600;
    font-size: 16px;
}

.agent-value {
    margin: 12px 0 0;
    font-weight: 600;
}

.agent-value.green {
    color: #69DB7C;
}

.agent-value.blue {
    color: #339AF0;
}

.agent-value.orange {
    color: #FFA94E;
}

.agent-value.red {
    color: #FF8787;
}


.link-value {
    color: #339AF0;
    font-size: 16px;
    word-break: break-all;
}


/* 复制成功 */
/* 复制成功提示弹窗 */
.copy-toast {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 150px;
    height: 150px;
    background-color: rgba(0, 0, 0, 0.8);
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 2000;
    display: none;
    /* 默认隐藏 */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

.toast-icon {
    width: 50px;
    height: 50px;
    margin-bottom: 12px;
}

.toast-text {
    color: white;
    font-size: 14px;
    margin: 0;
    text-align: center;
    line-height: 1.4;
}

/* 支付历史 */
.tabOption {
    background: none;
    border: none;
    color: white;
    font-size: 14px;
    cursor: pointer;
}

.tabOption:hover,
.tabOption.selected {
    background: #3B3B3B;
}

#previousButton,
#nextButton {
    outline: none;
    border-radius: 6px;
}

.popup-modal {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    justify-content: center;
    align-items: center;
    z-index: 1000;
    max-height: 600px;
    overflow: auto;
}

.popup-content {
    background-color: #181818;
    margin: 16px;
    max-width: 400px;
    position: relative;
    border-radius: 12px;
    padding: 20px;
    margin-top: 10%;
    width: 92%;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

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

.popup-title {
    color: white;
    font-size: 18px;
    margin: 0;
}

.tab-container {
    display: flex;
    justify-content: space-around;
    margin-top: 30px;
    padding: 4px;
    background-color: #1F1F1F;
    border-radius: 8px;
}

.tab-option {
    background: none;
    border: none;
    color: #C9C9C9;
    font-size: 14px;
    padding: 8px 0;
    cursor: pointer;
    flex: 1;
    border-radius: 6px;
}

.tab-option.active,
.tab-option:hover {
    background-color: #3B3B3B;
    color: white;
}

.history-table {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 14px;
    max-height: 200px;
    color: white;
    border: 1px solid #424242 !important;
    border-radius: 6px;
    overflow: auto;
    border-collapse: inherit;
}

.history-table th,
.history-table td {
    padding: 12px 8px;
    text-align: left;
    background-color: transparent !important;
}

th,
td {
    max-width: 100px !important;
}

.history-table td.red {
    color: #FF8787;
}

.history-table td.green {
    color: #69DB7C;
}

.history-table th {
    background-color: #2C2C2C;
    color: #C9C9C9;
}

.no-data-message {
    display: none;
    margin-top: 20px;
    /* margin-left: 16px;
    margin-right: 16px; */
    text-align: center;
    border: 1px solid #424242;
    border-radius: 6px;
    padding: 16px;
    color: #828282;
    height: 300px;
    font-size: 14px;
    display: flex;
    align-items: center;
}

.pagination-controls {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 20px;
    color: white;
    font-size: 14px;
}

.page-btn {
    color: #696969;
    background-color: #2E2E2E;
    border: none;
    width: 86px;
    height: 36px;
    border-radius: 6px;
    cursor: pointer;
    font-size: 14px;
}

.page-btn:hover {
    background-color: #3a3a3a;
}

.popup-close-btn {
    position: absolute;
    top: 12px;
    right: 16px;
    background: none;
    border: none;
    font-size: 28px;
    color: #C9C9C9;
    cursor: pointer;
    line-height: 1;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    transition: background-color 0.2s, color 0.2s;
}

.popup-close-btn:hover {
    color: white;
    background-color: rgba(255, 255, 255, 0.1);
}

/* 充值弹窗 */
/* 弹窗遮罩 */
.Relatorio-modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 9999;
    justify-content: center;
    align-items: center;
}

/* Relatório弹窗 */
.Nodata {
    height: 250px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cc9 {
    color: #C9C9C9;
}

.c69 {
    color: #696969;
}

.SacarPix {
    background-color: #2E2E2E;
    border-radius: 6px;
    padding: 16px;
    margin-top: 15px;
}

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

.Chaveimg {
    width: 14px;
    height: 14px;
}

.ft20 {
    font-size: 20px;
}

.red {
    color: red;
}

.minimo {
    color: #828282;
    font-size: 12px;
}

.mg0 {
    margin: 0px;
}

.ScarXg {
    padding: 10px 16px;
    background-color: #2E2E2E;
    border: 1px solid #424242;
    border-radius: 6px;
    margin-top: 10px;
}

.ScarXg input {
    background-color: transparent;
    border: none;
    outline: none;
    color: #696969;
    font-size: 14px;
}

/* 余额不足 */
.NoSufficient {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-top: 30px;
}

.NoSufficient img {
    width: 50px;
    height: 50px;
}

/* 提现成功 */
.withdrawSucfull-img {
    width: 91.02px !important;
    height: 80px !important;
}

/* 设置pix弹窗 */
/* 弹窗遮罩层 */
.pix-modal {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

/* 弹窗内容 */
.pix-modal-content {
    background-color: #181818;
    width: calc(100% - 32px);
    max-width: 400px;
    margin: 0 16px;
    padding: 16px;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

/* 顶部标题行 */
.pix-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.pix-title {
    color: white;
    font-size: 14px;
    margin: 0;
}

.pix-close {
    background: none;
    border: none;
    font-size: 24px;
    color: #C9C9C9;
    cursor: pointer;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
}

.pix-close:hover {
    color: white;
    background-color: rgba(255, 255, 255, 0.1);
}

/* 标签 */
.pix-label {
    color: #C9C9C9;
    font-size: 14px;
    margin-top: 30px;
    margin-bottom: 8px;
    display: block;
}

.mt-20 {
    margin-top: 20px;
}

.required {
    color: red;
}

/* 下拉选择框 */
.pix-select {
    background-color: #2E2E2E;
    border: 1px solid #424242;
    border-radius: 6px;
    padding: 10px 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    color: white;
    font-size: 14px;
}

.select-icon {
    width: 8px;
    height: 8px;
    opacity: 0.7;
    transition: transform 0.2s;
}

.pix-select.open .select-icon {
    transform: rotate(180deg);
}

/* 下拉选项列表 */
.options-list {
    margin-top: 8px;
    background-color: #2E2E2E;
    border: 1px solid #424242;
    border-radius: 6px;
    overflow: hidden;
    display: none;
}

.option-item {
    padding: 12px 16px;
    color: white;
    font-size: 14px;
    display: flex;
    align-items: center;
    cursor: pointer;
    width: 100%;
}

.option-item:hover {
    background-color: #3a3a3a;
}

/* 蓝色对勾 */
.check-icon {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 16px;
    height: 16px;
    border: 1px solid #339AF0;
    border-radius: 3px;
    margin-right: 8px;
    font-size: 12px;
    color: #339AF0;
}

/* 输入框 */
.pix-input {
    width: 100%;
    background-color: #2E2E2E;
    border: 1px solid #424242;
    border-radius: 6px;
    padding: 10px 16px;
    color: white;
    font-size: 14px;
    margin-top: 8px;
    outline: none;
}

.pix-input::placeholder {
    color: #828282;
}

/* 修改密码 */
.inputImg {
    width: 16px;
    height: 16px;
}

.alignItem {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #2E2E2E;
    border: 1px solid #424242;
    border-radius: 6px;
    padding: 0px 10px;
}

.alignItem input {
    width: 100%;
    padding-left: 10px;
    /* margin-left: 10px; */
    outline: none;
    border: none;
    background-color: transparent;
    color: #fff;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 10px;
}

/* 顶部多选 */
.navback {
    background-color: #3F4D5A;
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.navTop {
    width: 20px;
    height: 20px;
}

.topFlex {
    display: flex;
    align-items: center;
}

.c81 {
    color: #818181;
}

.topSelect {
    position: absolute;
    top: 50px;
    left: -70px;
    /* background-color: #fff; */
    width: 50vw;
    z-index: 1000;
    border: 1px solid #424242;
    border-radius: 6px;
    padding: 16px;
    background-color: #171A1E;
    color: #C9C9C9;
    font-size: 14px;
}

.icon16 {
    width: 16px;
    height: 16px;
}

.topSelect-item {
    display: flex;
    align-items: center;
}

.cfa {
    color: #FA5352;
}

.c69D {
    color: #69DB7C;
}

.cff8 {
    color: #FF8787;
}

.swiper {
    /* margin: 16px; */
    /* border-radius: 8px; */
}

.swiper-slide img {
    height: 107px;
}

.titleNavTop {
    overflow: hidden;
    width: 60px;
    text-overflow: ellipsis;
}

tr {
    width: 100%;
}

tr td {
    overflow: hidden;
    width: 100px;
}

.no-wrap {
    word-break: break-all;
}

.greenT{
    color: #6BC24F !important;
    font-size: 14px !important;
}