:root,:root.light{--vip-user-box-bg:#fff;--vip-member-card-bg:#fff;--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}.dark,:root.dark{--vip-user-box-bg:#1b2538;--vip-member-card-bg:#1b2538;--vip-package-card-bg:#0d1422;--vip-package-card-border:#9c919140;--vip-package-info-bg:#121c2e;--dh-soft:#202122;--dh-200:#1f1f2b}.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{background:#00a51f1a;border:1px solid #00a51f;border-radius:14px;color:#00a51f}.vip-container .user-box{background-color:var(--vip-user-box-bg);border-radius:16px;box-shadow:var(--vip-user-shadow);min-height:170px;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-radius:16px;box-shadow:var(--vip-user-shadow);min-height:170px;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:40px}.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-radius:16px;box-shadow:var(--vip-user-shadow);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{background:var(--vip-package-info-bg);border:1px solid rgba(5,16,75,.1);border-radius:8px;color:var(--dh-text-1);display:flex;flex-direction:column;font-size:13px;gap:8px;line-height:22px;margin:0 auto;padding:10px;width:225px}.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 .vip-rights{color:var(--dh-text-1);margin:0 auto;width:190px}.vip-container .package-section .package-grid .package-item .vip-rights .dot{color:#00a51f;display:inline-block;font-weight:700;height:6px;margin-right:10px;width:6px}.vip-container .btn-recharge{background:#00a51f;border-radius:34px;color:#fff;font-size:16px;height:36px;width:100%}.vip-container .btn-recharge:hover{background:#008f1a}.vip-container .card-box{background-color:var(--vip-member-card-bg);border-radius:16px;box-shadow:var(--vip-user-shadow);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);box-shadow:0 0 2px 2px var(--vip-package-card-active-bg);color:#00a51f}.vip-container .team-main .package-item{border:1px solid rgba(5,16,75,.1);border-radius:16px;padding:1rem;width:273px}.vip-container .team-main .package-item .vipimg{height:22px}.vip-container .team-main .package-item .dou-item{flex-direction:row;height:50px;width:100%}.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);box-shadow:0 0 2px 2px var(--vip-package-card-active-bg);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:436px}.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}.vip-task-modal{min-height:300px;width:680px}.vip-task-modal .el-dialog__headerbtn{z-index:99}.vip-task-modal .el-dialog__header{padding:0}.vip-task-modal .el-tabs__item{font-size:16px;font-weight:700;padding:0 20px}.vip-task-modal .text-active{color:#00a51f;font-weight:600}