.page-head[data-v-bb729ab7]{padding:32px 0 8px 16px;position:fixed;top:0;left:0;width:100%;background:#111;z-index:100}.page-head .page-head-con .title-text[data-v-bb729ab7]{display:flex;align-items:center;margin-bottom:16px}.page-head .page-head-con .title-text span[data-v-bb729ab7]{align-self:stretch;color:#fff;font-family:PingFang SC;font-size:25px;font-style:normal;font-weight:500;line-height:normal}.page-head .page-head-con .title-text span[data-v-bb729ab7]:last-child{color:#ceff49}.page-head .page-head-con .title-tips[data-v-bb729ab7]{align-self:stretch;color:#fff;font-family:PingFang SC;font-size:14px;font-style:normal;font-weight:400;line-height:normal}.page-content[data-v-bb729ab7]{width:100%;padding-top:108px}.page-content .game-type[data-v-bb729ab7]{margin:10px 0 20px 16px;display:flex;flex-wrap:nowrap;overflow-x:scroll}.page-content .game-type .game-type-item[data-v-bb729ab7]{flex-shrink:0;display:flex;padding:8px 20px;border-radius:25px;background:#1d1d1d;margin-right:12px}.page-content .game-type .game-type-item img[data-v-bb729ab7]{width:23px;height:23px;margin-right:12px}.page-content .game-type .game-type-item span[data-v-bb729ab7]{color:#fff;font-family:PingFang SC;font-size:16px;font-style:normal;font-weight:400;line-height:normal}.page-content .game-type[data-v-bb729ab7]::-webkit-scrollbar{display:none}.page-content .swiper-box[data-v-bb729ab7]{width:100%;height:170px;margin-bottom:20px}.page-content .swiper-box .swiper-item[data-v-bb729ab7]{width:100%;height:170px;flex-shrink:0;border-radius:20px;overflow:hidden;position:relative}.page-content .swiper-box .swiper-item img[data-v-bb729ab7]{width:100%;height:100%}.page-content .swiper-box .swiper-item .game-name[data-v-bb729ab7]{position:absolute;max-width:calc(100% - 24px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;left:12px;bottom:12px;padding:4px 16px;border-radius:25px;background:#0003;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:#fff;font-family:PingFang SC;font-size:16px;font-style:normal;font-weight:400;line-height:normal}.page-content .title[data-v-bb729ab7]{margin:0 0 12px 14.5px;color:#fff;font-family:PingFang SC;font-size:16px;font-style:normal;font-weight:500;line-height:normal}.page-content .top-game-list[data-v-bb729ab7]{margin:0 0 20px 16px;display:flex;flex-wrap:nowrap;overflow-x:scroll}.page-content .top-game-list .top-game-item[data-v-bb729ab7]{width:100px;height:150px;flex-shrink:0;margin-right:32px;position:relative}.page-content .top-game-list .top-game-item .game-img[data-v-bb729ab7]{border-radius:8px;width:100%;height:100%}.page-content .top-game-list .top-game-item .step-icon[data-v-bb729ab7]{opacity:.9;position:absolute;bottom:0;transform:translate(-50%);height:60px}.page-content .top-game-list .top-game-item[data-v-bb729ab7]:first-child{margin-left:16px}.page-content .top-game-list[data-v-bb729ab7]::-webkit-scrollbar{display:none}.page-content .popular-game-list[data-v-bb729ab7]{margin:0 0 20px 14.5px;display:flex;flex-wrap:nowrap;overflow-x:scroll}.page-content .popular-game-list .popular-game[data-v-bb729ab7]{width:80px;margin-right:16px;overflow:hidden;flex-shrink:0}.page-content .popular-game-list .popular-game img[data-v-bb729ab7]{width:80px;height:80px;border-radius:50%;margin-bottom:4px}.page-content .popular-game-list .popular-game span[data-v-bb729ab7]{display:block;width:100%;color:#fff;font-family:PingFang SC;font-size:16px;font-style:normal;font-weight:400;line-height:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-content .popular-game-list[data-v-bb729ab7]::-webkit-scrollbar{display:none}.page-content .recommend-game-list[data-v-bb729ab7]{padding:0 14.5px;width:100%}.page-content .recommend-game-list .recommend-game-list-con[data-v-bb729ab7]{width:100%}.page-content .recommend-game-list .recommend-game-item[data-v-bb729ab7]{width:48%;float:left;margin-right:2%;padding-top:60%;position:relative;border-radius:20px;overflow:hidden;margin-bottom:2%}.page-content .recommend-game-list .recommend-game-item .game-name[data-v-bb729ab7]{position:absolute;bottom:12px;left:8px;max-width:calc(100% - 16px);padding:4px 16px;border-radius:25px;background:#0003;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:#fff;font-family:PingFang SC;font-size:16px;font-style:normal;font-weight:400;line-height:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-content .recommend-game-list .recommend-game-item img[data-v-bb729ab7]{position:absolute;left:0;top:0;width:100%;height:100%}.page-content .recommend-game-list .recommend-game-item[data-v-bb729ab7]:nth-child(2),.page-content .recommend-game-list .recommend-game-item[data-v-bb729ab7]:nth-child(3){padding-top:50%}.page-content .recommend-game-list .recommend-game-item[data-v-bb729ab7]:nth-child(2n){margin-right:0}.page-content .recommend-game-list[data-v-bb729ab7]:after{content:"";display:block;clear:both}.list-none[data-v-bb729ab7]{height:80vh;display:flex;align-items:center;justify-content:center}.list-none .loader[data-v-bb729ab7]{--d: 22px;width:4px;height:4px;border-radius:50%;color:#cfff49;box-shadow:calc(1 * var(--d)) calc(0 * var(--d)) 0 0,calc(.707 * var(--d)) calc(.707 * var(--d)) 0 1px,calc(0 * var(--d)) calc(1 * var(--d)) 0 2px,calc(-.707 * var(--d)) calc(.707 * var(--d)) 0 3px,calc(-1 * var(--d)) calc(0 * var(--d)) 0 4px,calc(-.707 * var(--d)) calc(-.707 * var(--d)) 0 5px,calc(0 * var(--d)) calc(-1 * var(--d)) 0 6px;animation:l27-bb729ab7 1s infinite steps(8)}@keyframes l27-bb729ab7{to{transform:rotate(1turn)}}img[data-v-bb729ab7]{-o-object-fit:cover;object-fit:cover}