.header[data-v-d0aef1fc]{padding:10px 20px;height:64.8px;background:transparent}.header .logo_icon[data-v-d0aef1fc]{width:32px;height:32px;margin-right:8px}.header .logo_text[data-v-d0aef1fc]{width:auto;height:20px}.header .header_right[data-v-d0aef1fc]{font-size:12px;font-style:normal;font-weight:600}.header .header_right .login_but[data-v-d0aef1fc]{padding:9px 15px;border-radius:8px;background:linear-gradient(to bottom right,#5788fd,#545aff);box-shadow:0 -2px #2a3990 inset;color:#fff}.header .header_right .login_but[data-v-d0aef1fc]:hover{background:linear-gradient(270deg,#8da0ff,#6e73ff)!important}.header .header_right .join_but[data-v-d0aef1fc]{padding:8px 15px;border-radius:8px;border:.5px solid #5788fd;color:#5788fd;margin-left:10px}.header .header_right .join_but[data-v-d0aef1fc]:hover{color:#fff}.header .avatar-box[data-v-d0aef1fc]{margin-left:10px;width:36px;height:36px;border-radius:50%}.header .icon_avatar[data-v-d0aef1fc]{width:36px;height:36px;border-radius:50%}.header .user-purse .purse_info[data-v-d0aef1fc]{height:37px;padding:10px;justify-content:center;align-items:center;border-radius:8px;background:#ffffff1a;box-sizing:border-box;color:#fff;font-size:14px;font-style:normal;font-weight:700;line-height:normal;text-transform:uppercase}.header .user-purse .purse_info .icon_bag[data-v-d0aef1fc]{width:24px;height:24px}.header .user-purse .purse_info .update img[data-v-d0aef1fc]{width:24px;height:24px;margin-right:10px;aspect-ratio:1/1}.header .user-purse .purse_info .update .animation[data-v-d0aef1fc]{animation:2s rotate-d0aef1fc linear infinite}@keyframes rotate-d0aef1fc{to{transform:rotate(360deg)}}.header .user-purse .purse_info .recharge[data-v-d0aef1fc]{width:30px;height:30px;border-radius:10px;background:linear-gradient(to bottom right,#5788fd,#545aff);box-shadow:0 -2.5px #00000040 inset}.header .user-purse .purse_info .icon-add[data-v-d0aef1fc]{width:10.635px;height:10.635px;margin-bottom:2.5px}.header .user-purse .purse_info .purse_amount[data-v-d0aef1fc]{padding:0 10px;height:100%;display:flex;align-items:center;line-height:1.5}.header .user-purse .purse_right[data-v-d0aef1fc]{height:37px;padding:10px;justify-content:center;align-items:center;gap:10px;flex-shrink:0;box-sizing:border-box;border-radius:0 8px 8px 0;background:#ffcf53;box-shadow:0 0 4px #ed2f00de inset}.header .setting[data-v-d0aef1fc]{display:flex;height:37px;padding:10px;justify-content:center;align-items:center;border-radius:8px;background:#ffffff1a;box-sizing:border-box;margin-left:10px}.main_index[data-v-f8998906]{position:relative;background:#0d1121;height:auto;overflow:hidden}.fade-enter-active[data-v-f8998906],.fade-leave-active[data-v-f8998906]{transition:opacity .5s}.fade-enter[data-v-f8998906],.fade-leave-to[data-v-f8998906]{opacity:0}.top_header[data-v-f8998906]{position:fixed;height:136px;top:0;left:0;width:100%;z-index:110;overflow:hidden;padding-bottom:5px}.header_bg[data-v-f8998906]{background:#222532;height:136px;position:absolute;top:0;left:0;width:100%}.scrollbg[data-v-f8998906]{background:#2b2d2d}.gradientbg[data-v-f8998906]{background:linear-gradient(180deg,#1e4b35,#0d1121)}.content[data-v-f8998906]{margin-top:135px;width:100%;overflow-y:scroll;height:auto}.content[data-v-f8998906]::-webkit-scrollbar{display:none}.tabbar[data-v-f8998906]{width:100%;background:transparent}