.game-img-box[data-v-07ca76af]{width:100%;height:100%;border-radius:10px;background-color:var(--62c18d96);background-size:cover;background-position:50%;background-repeat:no-repeat;animation:fadeIn-07ca76af .5s ease-in}@keyframes fadeIn-07ca76af{0%{opacity:0}to{opacity:1}}.game-img-box .text[data-v-07ca76af]{position:absolute;bottom:0;left:0;width:100%;text-align:center;color:#fff;font-size:14px}.game-img[data-v-07ca76af]{width:100%;height:100%;border-radius:10px;display:flex;justify-content:center;align-items:center}.game-img .loading[data-v-07ca76af]{width:50px!important}@keyframes rotate-07ca76af{0%{transform:rotate(0deg)}50%{transform:rotate(-10deg)}to{transform:rotate(0deg)}}[data-v-07ca76af] .van-tabs__nav{--van-tabs-nav-background-color:var(--62c18d96);background-color:var(--van-tabs-nav-background-color)!important}.container[data-v-07ca76af]{display:flex;width:100%;min-width:320px;background-color:var(--db54ccfa)}.left[data-v-07ca76af]{width:24%;display:flex;flex-direction:column;align-items:center;margin:0 .1333rem}.left .classfy-item[data-v-07ca76af]{display:flex;width:90%;align-items:center;flex-direction:row;justify-content:flex-start;background:linear-gradient(180deg,#333,#1c1c1c);border-radius:10px;margin-top:10px;box-sizing:border-box;padding:.15rem .1rem}.left .classfy-item .ic[data-v-07ca76af]{width:50px;height:100%}.left .classfy-item .ic .icon[data-v-07ca76af]{width:30px}.left .classfy-item .title[data-v-07ca76af]{margin-top:4px;width:100%;text-align:center}.left .nav-button[data-v-07ca76af]{width:1.03rem;height:.53rem;line-height:.53rem;color:#fff;background:#377560;text-align:center;font-size:13px;margin:0 auto;border-radius:6px;margin-top:16px;cursor:pointer}.left .active[data-v-07ca76af]{background:#377560}.left .active .title[data-v-07ca76af]{color:#fff}.right[data-v-07ca76af]{width:76%;height:calc(100vh - .7rem);overflow-y:scroll;padding:10px;padding-top:0;padding-bottom:20px;scrollbar-width:thin;scrollbar-color:#505050 transparent}.right[data-v-07ca76af]::-webkit-scrollbar{width:6px}.right[data-v-07ca76af]::-webkit-scrollbar-thumb{background-color:transparent}.right .card[data-v-07ca76af]{width:100%;height:79.9px;margin-top:10px;background:var(--62c18d96);border-radius:6px}.right .card img[data-v-07ca76af]{width:100%}@media screen and (max-width:531px){.container[data-v-07ca76af]{background-color:var(--db54ccfa)}.container .left[data-v-07ca76af]{display:flex;flex-direction:column;align-items:center;margin:0 .1333rem}.container .left .classfy-item[data-v-07ca76af]{display:flex;width:1.2rem;align-items:center;flex-direction:column;justify-content:center}.container .left .classfy-item .ic[data-v-07ca76af]{width:100%;text-align:center}.container .left .classfy-item .ic .icon[data-v-07ca76af]{width:30px}.container .left .classfy-item .title[data-v-07ca76af]{margin-top:4px}.container .left .active[data-v-07ca76af]{background:#377560}.container .left .active .title[data-v-07ca76af]{color:#fff}}