.hero-banner .wrap-image img{width:100%;height:100%;border-radius:16px;-o-object-fit:cover;object-fit:cover}.thumb-item img{width:100%;height:100%;border-radius:8px;cursor:pointer;opacity:.7}.thumb-active img{opacity:1!important;border-radius:4px}[data-v-013fda48]:export{headerMbHeight:55px;corlorTheme:var(--color-theme);headerHeight:60px;bannerHeight:400px;bannerMarginBottom:50px}.fade-enter-active[data-v-013fda48]{-webkit-transition:opacity 1s;transition:opacity 1s}.fade-enter[data-v-013fda48]{opacity:0}.slide-next-enter-active[data-v-013fda48],.slide-next-leave-active[data-v-013fda48]{-webkit-transition:-webkit-transform .5s ease;transition:-webkit-transform .5s ease;transition:transform .5s ease;transition:transform .5s ease,-webkit-transform .5s ease}.slide-next-enter[data-v-013fda48]{-webkit-transform:translate(100%);transform:translate(100%)}.slide-next-leave-to[data-v-013fda48]{-webkit-transform:translate(-100%);transform:translate(-100%)}.slide-prev-enter-active[data-v-013fda48],.slide-prev-leave-active[data-v-013fda48]{-webkit-transition:-webkit-transform .5s ease;transition:-webkit-transform .5s ease;transition:transform .5s ease;transition:transform .5s ease,-webkit-transform .5s ease}.slide-prev-enter[data-v-013fda48]{-webkit-transform:translate(-100%);transform:translate(-100%)}.slide-prev-leave-to[data-v-013fda48]{-webkit-transform:translate(100%);transform:translate(100%)}.custom-global-site[data-v-013fda48]{margin-bottom:116px}.toast-margin[data-v-013fda48]{margin:11px 0}.wrap-banner-image[data-v-013fda48]{position:relative;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.wrap-banner-image[data-v-013fda48],.wrap-content-banner[data-v-013fda48]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.wrap-content-banner[data-v-013fda48]{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.wrap-content-banner .content-banner[data-v-013fda48]{max-width:1096px;width:100%;height:469px;position:relative;z-index:1;margin:0 15.5px;overflow:hidden;border-radius:16px}.wrap-content-banner .content-banner .hero-banner[data-v-013fda48]{border-radius:16px;cursor:pointer;width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex}.wrap-content-banner .content-banner .hero-banner .wrap-image[data-v-013fda48]{width:100%;height:100%;position:absolute;top:0;left:0;border-radius:16px}.wrap-content-banner .content-banner .hero-banner .wrap-image img[data-v-013fda48]{width:100%;height:100%;border-radius:16px;-o-object-fit:cover;object-fit:cover}.wrap-content-banner .content-banner .hero-banner[data-v-013fda48]:before{content:"";width:100%;height:100%;position:absolute;border-radius:20px;border:8px solid hsla(0,0%,100%,.25);-webkit-box-shadow:0 0 18px 0 #fff;box-shadow:0 0 18px #fff;-webkit-box-sizing:border-box;box-sizing:border-box;z-index:1}.wrap-content-banner .content-banner .group-hero-banner[data-v-013fda48]{cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.thumbnail[data-v-013fda48]{margin-top:16px;padding:16px}.thumbnail .thumb-trans[data-v-013fda48],.thumbnail[data-v-013fda48]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.thumbnail .thumb-trans[data-v-013fda48]{gap:21px}.thumbnail .thumb-item[data-v-013fda48]{width:64px;height:64px;-webkit-transform:scale(1);transform:scale(1);cursor:pointer;border-radius:8px;-webkit-transition:-webkit-transform .2s ease;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease}.thumbnail .thumb-inactive[data-v-013fda48]{-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.thumbnail .thumb-inactive[data-v-013fda48]:hover{-webkit-transform:scale(1.1);transform:scale(1.1);-webkit-transition:-webkit-transform .5s ease;transition:-webkit-transform .5s ease;transition:transform .5s ease;transition:transform .5s ease,-webkit-transform .5s ease}.thumbnail .thumb-inactive[data-v-013fda48]:before{content:"";width:64px;height:64px;position:absolute;border-radius:8px;border:4px solid hsla(0,0%,100%,.45098039215686275);-webkit-box-sizing:border-box;box-sizing:border-box;z-index:1}.thumbnail .thumb-active[data-v-013fda48]{border:3px solid #fff;z-index:1;-webkit-transition:-webkit-transform .8s ease-out;transition:-webkit-transform .8s ease-out;transition:transform .8s ease-out;transition:transform .8s ease-out,-webkit-transform .8s ease-out;-webkit-transform:scale(1.335);transform:scale(1.335);-webkit-box-shadow:0 2px 12px 0 rgba(114,127,142,.34901960784313724);box-shadow:0 2px 12px #727f8e59;border-radius:8px;margin:0 8px}.thumbnail .thumb-active .active-bar[data-v-013fda48]{width:33px;height:4px;border-radius:100px;margin:5.5px auto 0}.thumbnail .thumb-active .active-bar .progress[data-v-013fda48]{width:100%;border-radius:100px;background-color:#f5f5f5;overflow:hidden;position:relative}.thumbnail .thumb-active .active-bar .progress-bar[data-v-013fda48]{width:100%;height:3px;border-radius:100px;overflow:hidden}.thumbnail .thumb-active .active-bar .progress-moved .progress-bar[data-v-013fda48]{width:100%;background:#f05c22;-webkit-animation:progressThumbnail-data-v-013fda48 5s linear;animation:progressThumbnail-data-v-013fda48 5s linear}.banner-background[data-v-013fda48]{width:100%;height:100%;position:absolute;top:0;left:0;z-index:0}.banner-background .background-top[data-v-013fda48]{margin-top:-25px;display:block;height:428px;background:-webkit-gradient(linear,left top,left bottom,from(#fff),color-stop(10%,#eef5f5),color-stop(30%,rgba(199,234,255,.65)),to(transparent));background:linear-gradient(180deg,#fff,#eef5f5 10%,rgba(199,234,255,.65) 30%,transparent);background-repeat:no-repeat}.banner-background .background-bottom[data-v-013fda48]{display:block;height:538px;width:100%;background:linear-gradient(179.88deg,rgba(254,185,158,0) 29.44%,rgba(246,178,152,.5) 45.96%,rgba(246,178,152,.2),transparent);position:absolute;bottom:30px;margin-bottom:-50px}.mobile .wrap-content-banner .content-banner[data-v-013fda48]{height:275px!important}@media screen and (max-width:1000px){.wrap-content-banner .content-banner[data-v-013fda48]{margin:0 30px}}@media (max-width:600px){.wrap-banner-image[data-v-013fda48]{margin-bottom:32px}.wrap-content-banner .content-banner[data-v-013fda48]{height:275px!important;margin:0 16px}.banner-background .background-top[data-v-013fda48]{height:220px;background:-webkit-gradient(linear,left top,left bottom,from(#fff),color-stop(1%,rgba(245,255,255,.3)),color-stop(30%,rgba(199,234,255,.65)),to(transparent));background:linear-gradient(180deg,#fff,rgba(245,255,255,.3) 1%,rgba(199,234,255,.65) 30%,transparent)}.banner-background .background-bottom[data-v-013fda48]{height:350px;margin-bottom:-15px}.thumbnail[data-v-013fda48]{padding:16px 17px}.thumbnail .thumb-trans[data-v-013fda48]{grid-template-columns:repeat(5,48px)}.thumbnail .thumb-item[data-v-013fda48]{width:42px;height:42px}.thumbnail .thumb-active[data-v-013fda48]{-webkit-transform:scale(1.4);transform:scale(1.4);border-radius:6px}.thumbnail .thumb-active .active-bar[data-v-013fda48]{width:28px}.thumbnail .thumb-active .active-bar .progress-bar[data-v-013fda48]{height:2.8px}.thumbnail .thumb-inactive[data-v-013fda48]:before{width:42px;height:42px}}@-webkit-keyframes progressThumbnail-data-v-013fda48{0%{-webkit-transform:translateX(-100%);transform:translate(-100%)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes progressThumbnail-data-v-013fda48{0%{-webkit-transform:translateX(-100%);transform:translate(-100%)}to{-webkit-transform:translateX(0);transform:translate(0)}}.landingMB,.landingTL{width:100%;margin:auto;padding:0}.landingMB .el-radio-button--mini .el-radio-button__inner,.landingTL .el-radio-button--mini .el-radio-button__inner{padding:8px}.landingMB .button-group,.landingTL .button-group{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin:40px 0 20px}.game-banner{background-image:var(--bg-banner-game)!important}@supports (background-image:var(--bg-banner-game-webp)){.game-banner{background-image:var(--bg-banner-game-webp)!important}}.banner{margin-bottom:46px;background-size:cover;background-position:50%;background:-webkit-gradient(linear,left bottom,left top,color-stop(20%,#dbdbdb),to(#818181));background:linear-gradient(0deg,#dbdbdb 20%,#818181);z-index:1}.banner,.banner:before{width:100%;height:400px}.banner:before{content:"";position:absolute;left:0;top:0;background:-webkit-gradient(linear,left bottom,left top,color-stop(20%,rgba(0,0,0,.12)),to(rgba(0,0,0,.3)));background:linear-gradient(0deg,rgba(0,0,0,.12) 20%,rgba(0,0,0,.3))}.banner>img{width:100%}.banner .search{width:100%;height:100%;left:0;top:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;z-index:1;padding-bottom:50px}.banner .search.groupShop{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.banner .search.groupShop .contain-box{width:960px;margin:0 auto}.banner .search .contain-box{z-index:1}.search .el-autocomplete{width:960px}.search .contain-box h2{font-size:48px;color:#fff;font-weight:700;margin-bottom:12px}.search .contain-box h3{font-size:24px;color:#fff;margin-bottom:30px;font-weight:600}.search .el-autocomplete .el-input__inner{height:70px;line-height:70px;font-size:18px;padding-left:75px;border-radius:10px;font-weight:300}.search .el-autocomplete .el-input__inner:focus{border-color:#c8c8c8}.container{width:100%;max-width:1096px;margin:auto}.container .wrap-skeleton{margin:40px 0 13px}.container .wrap-skeleton .el-skeleton{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.container .wrap-skeleton .el-skeleton .skeleton-filter .skeleton-filter-item{width:90px;height:39px;margin:0 10px 7px 0}.container.no-filter .list-card{margin-top:20px}.container .load-more{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:20px;margin-top:20px}.container .load-more__content{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding:11px 14px;border-radius:4px;border:1px solid #e26900;text-align:center;color:#fff;background:-webkit-gradient(linear,left top,left bottom,from(#f05c22),color-stop(27.89%,#f05c22),color-stop(89.06%,#de3721),color-stop(97.4%,#ab1f00));background:linear-gradient(180deg,#f05c22,#f05c22 27.89%,#de3721 89.06%,#ab1f00 97.4%);cursor:pointer;width:100%;max-width:120px;-webkit-transition:all .5s;transition:all .5s;font-weight:700;font-size:16px}.container .load-more__content .el-loading-spinner .path{stroke:#e26900}.container .load-more__content .el-loading-mask{border-radius:3px}.container .load-more__content:hover{border-radius:4px;background:-webkit-gradient(linear,left top,left bottom,from(#fdae37),color-stop(46.09%,#ec6b24),color-stop(89.06%,#de3721),color-stop(97.4%,#ab1f00));background:linear-gradient(180deg,#fdae37,#ec6b24 46.09%,#de3721 89.06%,#ab1f00 97.4%);-webkit-box-shadow:-4px 0 6px 0 #dd490f inset;box-shadow:inset -4px 0 6px #dd490f}.animationCustom{-webkit-animation:fadedin 1s 1 forwards;animation:fadedin 1s 1 forwards}.wrapper{display:grid;grid-template-columns:repeat(5,1fr);gap:24px;padding-bottom:20px}.wrap-banner-skeleton .skeleton-hero-banner{max-width:1096px;width:calc(100% - 40px);height:469px;margin:0 auto;border-radius:16px}.wrap-banner-skeleton .skeleton-thubmnail-image{margin-top:32px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:21px}.wrap-banner-skeleton .skeleton-thubmnail-image .skeleton-thumbnail-item{width:64px;height:64px;border-radius:8px}@media screen and (max-width:1000px){.container{position:relative;z-index:2;padding:0 30px;margin-top:40px}.container .list-game-title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.container .wrap-skeleton{margin:40px 0 14px}.container .wrap-skeleton .el-skeleton{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.container .wrap-skeleton .el-skeleton .skeleton-filter{margin-top:15px}.container .wrap-skeleton .el-skeleton .skeleton-filter .skeleton-filter-item{width:90px;height:30px;margin:0 10px 7px 0}.container .wrapper{grid-template-columns:repeat(3,1fr);gap:15px}.container .load-more{margin-top:32px;margin-right:0}.container .load-more__content{font-size:14px}.banner{margin:72px 24px 0;border-radius:20px;width:calc(100% - 49px);height:172px}.banner:before{background:unset}.contain-box{display:none}}@media screen and (max-width:600px){.container{padding:0 16px}.container .wrapper{grid-template-columns:repeat(2,1fr)}.container .load-more{margin-top:12px}.container .load-more__content{width:900px}.wrap-banner-skeleton .skeleton-hero-banner{height:275px;border-radius:20px;margin:0 16px}.wrap-banner-skeleton .skeleton-thubmnail-image .skeleton-thumbnail-item{width:48px;height:48px;border-radius:8px}}.is-theme-banner .banner:before{display:none}.is-theme-banner .landingMB,.is-theme-banner .landingTL{padding-top:unset;max-width:unset}.is-theme-banner .landingMB .banner,.is-theme-banner .landingTL .banner{height:125px}.is-theme-banner .landingMB .contain-box,.is-theme-banner .landingTL .contain-box{display:none}.is-theme-banner .landingTL .banner{height:200px}.is-theme-banner .mobileLand:not(.invert) .headerMB,.is-theme-banner .mobileLand:not(.invert) .headerTL,.is-theme-banner .tabletLand:not(.invert) .headerMB,.is-theme-banner .tabletLand:not(.invert) .headerTL{background:transparent!important;border:unset}.is-theme-banner .mobileLand:not(.invert) .headerMB .left-side .shape-menu span,.is-theme-banner .mobileLand:not(.invert) .headerTL .left-side .shape-menu span,.is-theme-banner .tabletLand:not(.invert) .headerMB .left-side .shape-menu span,.is-theme-banner .tabletLand:not(.invert) .headerTL .left-side .shape-menu span{background:#fff}