| 1 |
- .leftsidebar[data-v-22ec3a85]{width:100px;display:flex;flex-direction:column;margin-right:10px;padding:20px 0 14px;border-radius:8px;background-color:#fff}.leftsidebar>li[data-v-22ec3a85]{width:100%;display:flex;justify-content:center;align-items:center;color:#666;font-size:14px;font-weight:700;position:relative;margin-bottom:12px}.leftsidebar>li[data-v-22ec3a85]:last-child{margin-bottom:0}.leftsidebar>li.active[data-v-22ec3a85]{color:#333}.leftsidebar>li.active[data-v-22ec3a85]:after{content:"";background:linear-gradient(180deg,#ff870e,#ff4f06);width:3px;height:20px;position:absolute;left:0;top:50%;transform:translateY(-50%)}.wrap[data-v-0343a5f5]{width:100%;display:flex;flex-direction:column;align-items:center}.middle-container[data-v-0343a5f5]{width:100%;min-height:calc(100vh - 314px)}.footer[data-v-0343a5f5]{width:100%;height:271px;background-color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center}.footer-middle[data-v-0343a5f5]{width:908px;display:flex;flex-direction:column}.footer-tag-list[data-v-0343a5f5]{width:100%;display:flex;align-items:center}.footer-tag-list>li[data-v-0343a5f5]{flex:1;display:flex;flex-direction:column;align-items:center;color:#333;font-size:16px;font-weight:700}.footer-tag-icon[data-v-0343a5f5]{width:56px;margin-bottom:14px}.footer-bottom[data-v-0343a5f5]{width:100%;display:flex;justify-content:space-between;align-items:center;padding:0 8px;box-sizing:border-box;margin-top:37px}.footer-bottom-left[data-v-0343a5f5]{flex:1;display:flex;align-items:center;margin-right:135px}.footer-bottom-left-list[data-v-0343a5f5]{width:100%;display:flex;flex-wrap:wrap}.footer-bottom-left-list>li[data-v-0343a5f5]{width:33.3333%;display:flex;justify-content:center;align-items:center;color:#666;font-size:16px;font-weight:700;margin-top:15px}.footer-bottom-left-list>li[data-v-0343a5f5]:first-child,.footer-bottom-left-list>li[data-v-0343a5f5]:nth-child(2),.footer-bottom-left-list>li[data-v-0343a5f5]:nth-child(3){margin-top:0}.footer-bottom-right[data-v-0343a5f5]{display:flex;align-items:center}.footer-bottom-right-img[data-v-0343a5f5]{width:48px;margin-right:7px}.footer-bottom-right-row[data-v-0343a5f5]{display:flex;flex-direction:column;align-items:flex-end}.footer-font1[data-v-0343a5f5]{color:#c69236;font-size:28px;font-weight:700}.footer-font2[data-v-0343a5f5]{color:#333;font-size:16px;font-weight:700}.middle-container[data-v-0343a5f5]{width:1200px;display:flex;flex-direction:column;align-items:center}.main-title-wrap[data-v-0343a5f5]{width:100%;height:40px;line-height:40px;padding:0 20px;box-sizing:border-box;display:flex;align-items:center;background-color:#fff;border-radius:8px;margin:14px 0 9px}.home-page[data-v-0343a5f5]{font-size:16px;font-weight:700;color:#333}.main-back-icon[data-v-0343a5f5]{width:10px;margin:0 13px}.current-page[data-v-0343a5f5]{font-size:16px;font-weight:700;color:#333}.main-wrap[data-v-0343a5f5]{width:100%;display:flex;align-items:flex-start;margin-bottom:20px}.leftsidebar[data-v-0343a5f5]{width:100px;display:flex;flex-direction:column;margin-right:10px;padding:20px 0 14px;border-radius:8px;background-color:#fff}.leftsidebar>li[data-v-0343a5f5]{width:100%;display:flex;justify-content:center;align-items:center;color:#666;font-size:14px;font-weight:700;position:relative;margin-bottom:12px}.leftsidebar>li[data-v-0343a5f5]:last-child{margin-bottom:0}.leftsidebar>li.active[data-v-0343a5f5]{color:#333}.leftsidebar>li.active[data-v-0343a5f5]:after{content:"";background:linear-gradient(180deg,#ff870e,#ff4f06);width:3px;height:20px;position:absolute;left:0;top:50%;transform:translateY(-50%)}.rightsidebar[data-v-0343a5f5]{width:calc(100% - 110px);display:flex;flex-direction:column}.tab-list[data-v-0343a5f5]{width:100%;height:38px;background-color:#fff;border-radius:8px;display:flex;align-items:center;margin-bottom:12px;margin-top:12px}.tab-list>li[data-v-0343a5f5]{min-width:105px;height:38px;display:flex;justify-content:center;align-items:center;padding:0 5px;box-sizing:border-box;color:#333;font-size:14px;font-weight:700}.tab-list>li.active[data-v-0343a5f5]{color:#fff;background:linear-gradient(90deg,#ec9440,#ba5017);border-radius:8px}.box[data-v-0343a5f5]{min-height:645px;background-color:#fff;border-radius:8px}.box[data-v-0343a5f5],.list[data-v-0343a5f5]{width:100%;display:flex;flex-direction:column}.list[data-v-0343a5f5]{padding:17px 25px;box-sizing:border-box}.list>li[data-v-0343a5f5]{width:100%;display:flex;flex-direction:column;margin-bottom:24px}.item-name[data-v-0343a5f5]{color:#333;font-size:16px;font-weight:700;margin-bottom:7px}.item-msg[data-v-0343a5f5]{color:#333;font-size:14px}.card[data-v-0343a5f5]{width:307px;height:100px;background:url(../img/bg-not-vip.86985016.png) no-repeat;background-size:100% 100%;display:flex;align-items:center;padding:0 12px 0 24px;box-sizing:border-box}.card.level1[data-v-0343a5f5]{background:url(../img/bg-4.6855381d.png) no-repeat;background-size:100% 100%}.card.level2[data-v-0343a5f5]{background:url(../img/bg-3.674ac0ce.png) no-repeat;background-size:100% 100%}.card.level3[data-v-0343a5f5]{background:url(../img/bg-level-3.9a542756.png) no-repeat;background-size:100% 100%}.card.level1 .name[data-v-0343a5f5],.card.level1 .tag[data-v-0343a5f5]{color:#fff}.card.level2 .name[data-v-0343a5f5],.card.level2 .tag[data-v-0343a5f5]{color:#0c5a58}.card.level3 .name[data-v-0343a5f5],.card.level3 .tag[data-v-0343a5f5]{color:#ad6300}.card.level1 .tag-row[data-v-0343a5f5]{color:#fff;border:1px solid #fff;border-radius:30px}.card.level1 .tag-row[data-v-0343a5f5],.card.level2 .tag-row[data-v-0343a5f5]{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;display:flex;align-items:center;font-size:10px;height:16px;line-height:16px;padding:0 5px;margin-bottom:5px}.card.level2 .tag-row[data-v-0343a5f5]{color:#0c5a58;border:1px solid #0c5a58;border-radius:30px}.card.level3 .tag-row[data-v-0343a5f5]{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;display:flex;align-items:center;font-size:10px;color:#ab6200;border:1px solid #ab6200;border-radius:30px;height:16px;line-height:16px;padding:0 5px;margin-bottom:5px}.tag-row>img[data-v-0343a5f5]{width:11px;margin-right:2px}.avatar[data-v-0343a5f5]{width:80px;height:80px;border-radius:50%;margin-right:17px}.card-sidebar[data-v-0343a5f5]{flex:1;display:flex;flex-direction:column}.name[data-v-0343a5f5]{width:100%;font-size:16px;font-weight:700;color:#fff;margin-bottom:9px}.tag[data-v-0343a5f5]{width:100%;color:#fff;font-size:12px}.bottom-module[data-v-0343a5f5]{width:100%;display:flex;flex-direction:column;padding:39px 34px;box-sizing:border-box;background-color:#fff;border-radius:8px}.bottom-module-label[data-v-0343a5f5]{width:100%;color:#333;font-size:16px;font-weight:700;margin-bottom:14px}.recharge-method-list[data-v-0343a5f5]{width:100%;display:flex;flex-wrap:wrap}.recharge-method-list>li[data-v-0343a5f5]{min-width:143px;height:96px;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-right:55px;margin-bottom:48px;border:1px solid #979797;background-color:#fff;box-sizing:border-box;border-radius:11px}.recharge-method-list>li.active[data-v-0343a5f5]{border:1px solid #edbc7f;background-image:radial-gradient(#fff9f2,#ffe1b9)}.font-1[data-v-0343a5f5],.font-2[data-v-0343a5f5]{color:#333;font-size:14px;font-weight:700}.font-2>span[data-v-0343a5f5]{font-size:24px}.font-3[data-v-0343a5f5]{color:#666;font-size:14px}.prompt[data-v-0343a5f5]{width:100%;display:flex;flex-direction:column}.prompt-label[data-v-0343a5f5]{width:100%;color:#333;font-size:16px;margin-bottom:10px}.prompt-msg[data-v-0343a5f5]{color:#333;font-size:14px}.btn-box[data-v-0343a5f5]{width:100%;display:flex;align-items:center;margin-top:26px}.btn[data-v-0343a5f5]{width:112px;height:33px;line-height:33px;background-color:#ff6619;border-radius:4px;display:flex;justify-content:center;align-items:center;color:#fff;font-size:16px;font-weight:700}.order-msg-module[data-v-0343a5f5]{width:100%;display:flex;flex-direction:column;background-color:#fff;padding:42px 0 0;box-sizing:border-box;margin-bottom:10px}.order-msg-label[data-v-0343a5f5]{width:100%;color:#333;font-size:18px;font-weight:700;margin-bottom:15px}.pay-type-list[data-v-0343a5f5]{width:100%;display:flex;flex-wrap:wrap}.pay-type-list>li[data-v-0343a5f5]{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:147px;padding:0 17px;height:50px;display:flex;align-items:center;justify-content:center;border:1px solid #999;border-radius:4px;margin-right:50px;color:#333;font-size:14px;background:#fff;box-sizing:border-box}.pay-type-list>li>img[data-v-0343a5f5]{width:35px;margin-right:12px}.pay-type-list>li.active[data-v-0343a5f5]{background:rgba(243,124,61,.15);border:1px solid #ff6619}
|
