:root,:root.light{--vip-user-box-bg:#fff;--vip-member-card-bg:#fff;--vip-member-card-bg-hover:#fffdfd;--vip-user-shadow:0px 0px 8px 0px rgba(84,84,84,.25);--vip-package-card-bg:#f6f6f6;--vip-package-card-border:rgba(84,84,84,.25);--vip-package-card-active-border:#00a51f;--vip-package-card-active-bg:rgba(0,165,31,.1);--vip-package-info-bg:#f8f8f8;--dh-border-color-hover:#bfd2f9;--vip-recharge-bg-0:linear-gradient(148deg,#e0d4bc,#f0efeb);--vip-recharge-bg-1:linear-gradient(148deg,#c2deff,#ebf6ff);--vip-recharge-bg-2:linear-gradient(148deg,#ceccff,#ebecff);--vip-recharge-bg-3:linear-gradient(148deg,#ffd6b8,#fff1e8);--vip-recharge-hover-bg:#2b8a3e;--el-text-color-regular:#333}.dark,:root.dark{--vip-user-box-bg:#111214;--vip-member-card-bg:#1c1e22;--vip-member-card-bg-hover:#1a1c1f;--vip-package-card-bg:#0d1422;--vip-package-card-border:#9c919140;--vip-package-info-bg:#121c2e;--dh-soft:#202122;--dh-200:#1f1f2b;--dh-border-color-hover:#a79429;--vip-recharge-bg-0:linear-gradient(148deg,#3b3327,#1f2632);--vip-recharge-bg-1:linear-gradient(148deg,#1d3552,#121c2e);--vip-recharge-bg-2:linear-gradient(148deg,#2b2a54,#151a2a);--vip-recharge-bg-3:linear-gradient(148deg,#4a2f1c,#1f2632);--vip-recharge-hover-bg:#1f6f34;--el-text-color-regular:#fff}.vip-container{margin:calc(var(--dh-header-nav-height) + 20px) auto;min-height:100vh;width:1100px}.vip-container .green-dot{background:#00a51f;border-radius:50%;height:8px;width:8px}.vip-container .text-active{color:#00a51f;font-weight:700}.vip-container .btn-light{border:1px solid #00a51f;border-radius:14px;color:#00a51f}.vip-container .user-box{background-color:var(--vip-user-box-bg);border:1px solid var(--dh-border-color);border-radius:16px;min-height:120px;padding:1rem 20px;width:800px}.vip-container .user-box .vipimg{height:22px}.vip-container .user-box .nickname{max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vip-container .user-box .el-divider--horizontal{margin:1rem 0}.vip-container .user-box .dou-info{min-width:300px}.vip-container .member-card{background-color:var(--vip-member-card-bg);border:1px solid var(--dh-border-color);border-radius:16px;min-height:120px;padding:1rem 20px;width:276px}.vip-container .member-card .coinnum{color:var(--dh-active-color);font-weight:700;padding:0 4px}.vip-container .package-section{margin-top:15px;position:relative}.vip-container .package-section .package-grid{display:grid;gap:20px;grid-template-columns:repeat(4,1fr)}.vip-container .package-section .package-grid .package-item{background-color:var(--vip-member-card-bg);border:1px solid var(--dh-border-color);border-radius:16px;font-size:14px;padding:20px 12px}.vip-container .package-section .package-grid .package-item .icon{height:22px}.vip-container .package-section .package-grid .package-item .name{font-size:18px;font-weight:700}.vip-container .package-section .package-grid .package-item .card{background:var(--vip-package-card-bg);border:1px solid var(--vip-package-card-border);border-radius:8px;cursor:pointer;height:54px;width:108px}.vip-container .package-section .package-grid .package-item .card.active,.vip-container .package-section .package-grid .package-item .card:hover{background:var(--vip-package-card-active-bg);border-color:var(--vip-package-card-active-border);box-shadow:0 0 2px 2px var(--vip-package-card-active-bg);color:#00a51f}.vip-container .package-section .package-grid .package-item .el-divider__text{background:var(--vip-member-card-bg)}.vip-container .package-section .package-grid .package-item .info{border:1px solid var(--dh-border-color);border-radius:5px;color:var(--dh-text-1);display:flex;flex-direction:column;font-size:12px;line-height:22px;padding:10px}.vip-container .package-section .package-grid .package-item .info .dot{background:#00a51f;border-radius:50%;display:inline-block;height:4px;margin-right:6px;width:4px}.vip-container .package-section .package-grid .package-item:hover{background-color:var(--vip-member-card-bg-hover);border-color:var(--dh-border-color-hover);cursor:pointer}.vip-container .package-section .vip-rights-section{background-color:var(--vip-member-card-bg);border-radius:16px;box-shadow:var(--vip-user-shadow);font-size:14px;padding:2px 12px 3px}.vip-container .package-section .vip-rights-section .el-divider__text{background-color:var(--vip-member-card-bg)}.vip-container .package-section .vip-rights{color:var(--dh-text-1);display:flex;flex-wrap:wrap;margin:0 auto}.vip-container .package-section .vip-rights .item{margin-bottom:15px;padding-left:40px;width:25%}.vip-container .package-section .vip-rights .dot{color:#00a51f;display:inline-block;font-weight:700;height:6px;margin-right:10px;width:6px}.vip-container .package-section .el-tabs__nav-wrap{align-items:center;display:flex;justify-content:center}.vip-container .package-section .el-tabs__nav-wrap .el-tabs__item{font-size:1.3rem}.vip-container .package-section .el-tabs__nav-wrap .is-active{color:var(--el-color-primary)}.vip-container .package-section .el-tabs__nav-wrap .el-tabs__nav-wrap:after{height:0}.vip-container .package-section .package-contact-info{position:absolute;right:0;top:10px}.vip-container .package-section .package-contact-info .dh-positive-500{color:var(--dh-positive-500)}.vip-container .vip-packages-container .custom-tabs{min-width:400px}.vip-container .vip-packages-container .custom-tabs .tab-header{align-items:center;background-color:var(--dh-text-5);border-radius:.5rem;display:flex;justify-content:space-between;padding:5px}.vip-container .vip-packages-container .custom-tabs .tab-header .tab{align-items:center;background:unset;border-radius:6px;cursor:pointer;display:flex;font-size:14px;height:36px;justify-content:center;line-height:36px;transition:all .3s;width:50%}.vip-container .vip-packages-container .custom-tabs .tab-header .tab:hover{background-color:var(--vip-member-card-bg);color:var(--el-color-primary)}.vip-container .vip-packages-container .custom-tabs .tab-header .tab.activeR{background-color:var(--vip-member-card-bg);color:var(--el-color-primary);font-size:16px;font-weight:700}.vip-container .info-section-one{min-height:80px}.vip-container .percent-info{min-height:18px}.vip-container .info-section-two{background-color:#8c90971a;border:1px solid var(--dh-border-color);border-radius:5px}.vip-container .info-section-three div{line-height:24px}.vip-container .btn-recharge{background:var(--vip-recharge-bg-1);border-radius:8px;font-size:14px;font-weight:700;height:36px;width:100%}.vip-container .btn-recharge:hover{background:var(--vip-recharge-hover-bg);color:#f6f6f6}.vip-container .btn-recharge0{background:var(--vip-recharge-bg-0)}.vip-container .btn-recharge1{background:var(--vip-recharge-bg-1)}.vip-container .btn-recharge2{background:var(--vip-recharge-bg-2)}.vip-container .btn-recharge3{background:var(--vip-recharge-bg-3)}.vip-container .dot{color:#00a51f;font-weight:700}.vip-container .green-dot1{color:#00a51f}.vip-container .danger-dot{color:#f56c6c}.vip-container .card-box{background-color:var(--vip-member-card-bg);border-radius:16px;padding:1rem 20px}.vip-container .card-box .dou-item{align-items:center;background:var(--vip-package-card-bg);border:1px solid var(--vip-package-card-border);border-radius:8px;cursor:pointer;display:flex;flex-direction:column;height:80px;justify-content:center;width:146px}.vip-container .card-box .dou-item.active,.vip-container .card-box .dou-item:hover{background:var(--vip-package-card-active-bg);border-color:var(--vip-package-card-active-border);color:#00a51f}.vip-container .team-main .package-item{background:var(--vip-package-card-bg);border:1px solid rgba(5,16,75,.1);border-radius:16px;cursor:pointer;padding:1rem;width:45%}.vip-container .team-main .package-item .icon{height:22px}.vip-container .team-main .package-item-active{background:var(--vip-package-card-active-bg);border-color:var(--vip-package-card-active-border)}.vip-container .team-main .team-year{background:var(--vip-package-card-bg);border:1px solid var(--vip-package-card-border);border-radius:8px;cursor:pointer;height:38px;position:relative;width:108px}.vip-container .team-main .team-year.active,.vip-container .team-main .team-year:hover{background:var(--vip-package-card-active-bg);border-color:var(--vip-package-card-active-border);color:#00a51f}.vip-container .team-main .team-year .tips{align-items:center;background:linear-gradient(139deg,#d83eff,#ff1d74);border-radius:14px 14px 1px;color:#fff;display:flex;font-size:12px;height:24px;justify-content:center;position:absolute;right:0;top:-20px;width:38px}.vip-container .team-desc{background:var(--vip-package-card-bg);border:1px solid rgba(5,16,75,.1);border-radius:16px;margin-left:20px;padding:1rem 2rem;width:40%}.vip-container .team-desc .iconfont{margin-right:8px}.vip-container .team-desc .desc{color:var(--dh-text-2)}.vip-container .qa-wrap{font-size:14px}.vip-container .qa-wrap .el-collapse-item__title{font-weight:600}.exchange-dou-dialog{border-radius:1rem;padding:2rem}