header .menu-list{border-radius: 1.375rem 1.375rem 0 0;box-shadow: unset;}
.hero-slider-panel .hero-panel-wrap{padding: 1.875rem;border-radius: 0 0 1.375rem 1.375rem;background-color: #ffffff;box-shadow: 0px 2px 2px 0px #0EC9A308;display: flex;flex-direction: column;row-gap: 1.875rem;position: relative;z-index: 1;}
.hero-slider-panel  .hero-panel-wrap .hero-slider{width: 100%;height: 20.625rem;position: relative;overflow: hidden;}
.hero-slider-panel  .hero-panel-wrap .hero-slider .swiper-container{width: 100%;height: 100%;}
.hero-slider-panel  .hero-panel-wrap .hero-slider .swiper-slide{width: 100%;height: 100%;position: relative;}
.hero-slider-panel  .hero-panel-wrap .hero-slider .swiper-slide img{width: 100%;height: 100%;object-fit: cover;object-position: center;border-radius: 1.25rem;}
.hero-slider-panel  .hero-panel-wrap .hero-slider .swiper-slide .overlay-text{position: absolute;bottom: 0;left: 0;width: 100%;height: 3.75rem;line-height: 3.75rem;padding: 0 1.25rem;border-radius: 0 0 1.25rem 1.25rem;background-color: #33333366;font-size: 1.625rem;color: #FFFFFF;font-weight: bold;}
.hero-slider-panel  .hero-panel-wrap .hero-slider .swiper-slide-count{position: absolute;right: 1rem;bottom: 0.875rem;z-index: 2;}
.hero-slider-panel  .hero-panel-wrap .hero-slider .swiper-slide-count {font-size: 1.5rem;color: #FFFFFF;font-style: oblique;}
.hero-slider-panel  .hero-panel-wrap .hero-slider .swiper-slide-count span{font-size: 1.875rem;color: #27F2B2;}
.hero-slider-panel  .hero-panel-wrap .hero-tag-list{display: flex;flex-wrap: wrap;column-gap: 1.25rem;row-gap: 1.25rem;}
.hero-slider-panel  .hero-panel-wrap .hero-tag-list a{width: fit-content;padding: 0 1.125rem;height: 3.125rem;line-height: 3.125rem;border-radius: 2.75rem;text-align: center;font-size: 1.5rem;font-weight: 500;}
.hero-slider-panel  .hero-panel-wrap .hero-tag-list a:nth-child(6n + 1){background-color: #DEFFE4;color: #1BE900;}
.hero-slider-panel  .hero-panel-wrap .hero-tag-list a:nth-child(6n + 2){background-color: #FFEAE5;color: #FF793F;}
.hero-slider-panel  .hero-panel-wrap .hero-tag-list a:nth-child(6n + 3){background-color: #E4EFFF;color: #4690FF;}
.hero-slider-panel  .hero-panel-wrap .hero-tag-list a:nth-child(6n + 4){background-color: #FFF3D0;color: #F88501;}
.hero-slider-panel  .hero-panel-wrap .hero-tag-list a:nth-child(6n + 5){background-color: #F1EDFF;color: #9F46FF;}
.hero-slider-panel  .hero-panel-wrap .hero-tag-list a:nth-child(6n + 6){background-color: #E6FEFF;color: #21D8DD;}

.recent-update-panel .update-list{margin-top: 1.5rem;display: flex;align-items: center;column-gap: 1.875rem;overflow-x: scroll;scroll-behavior: smooth; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch;}
.recent-update-panel .update-list::-webkit-scrollbar{height: 0;}
.recent-update-panel .update-list .update-column{display: flex;flex-direction: column;row-gap: 1.875rem;width: 27.5rem;flex: 0 0 27.5rem;max-width: 27.5rem;}
.recent-update-panel .update-list .update-column a{width: 100%;display: flex;align-items: center;column-gap: 1rem;}
.recent-update-panel .update-list .update-column a > img{width: 6.875rem;height: 6.875rem;border-radius: 1.875rem;object-fit: cover;object-position: center;}
.recent-update-panel .update-list .update-column a .detailWrap{display: flex;flex-direction: column;row-gap: 0.5rem;overflow: hidden;width: 10rem;}
.recent-update-panel .update-list .update-column a .detailWrap .appName{font-size: 1.875rem;color: #333333;font-weight: 500;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.recent-update-panel .update-list .update-column a .detailWrap p{font-size: 1.5rem;color: #949494;}

.editor-recommend .editor-banner{margin-top: 1.5rem;border-radius: 1.875rem;background-color: #F7F7FB;display: flex;flex-direction: column;}
.editor-recommend .editor-banner .bannerWrap{border-radius: 1.875rem 1.875rem 0 0;width: 100%;height: 20.625rem;}
.editor-recommend .editor-banner .bannerWrap img{width: 100%;height: 100%;border-radius: 1.875rem 1.875rem 0 0;object-fit: cover;object-position: center;}
.editor-recommend .editor-banner .editor-wrap{display: flex;align-items: center;column-gap: 1.25rem;padding: 1.25rem;border-radius: 0 0 1.875rem 1.875rem;}
.editor-recommend .editor-banner .editor-wrap > .iconWrap img{width: 5rem;height: 5rem;flex: 0 0 5rem;max-width: 5rem;border-radius: 1.25rem;object-fit: cover;object-position: center;}
.editor-recommend .editor-banner .editor-wrap .detailWrap{display: flex;flex-direction: column;width: 22rem;}
.editor-recommend .editor-banner .editor-wrap .detailWrap .appName{width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 1.75rem;font-weight: bold;color: #333333;}
.editor-recommend .editor-banner .editor-wrap .detailWrap .tag-list{display: flex;align-items: center;column-gap: 0.25rem;margin-top: 0.25rem;}
.editor-recommend .editor-banner .editor-wrap .detailWrap .tag-list a{border: 1px solid #D9DAD9;border-radius: 0.5rem;height: 2.125rem;padding: 0 0.5rem;line-height: 2.125rem;box-sizing: border-box;font-size: 1.25rem;color: #A7A8A7;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;max-width: 4rem;max-width: 8rem;}

.hot-app-panel .hot-app-list{display: flex;flex-wrap: wrap;margin-top: 1.5rem;column-gap: 1rem;row-gap: 1.875rem;}
.hot-app-panel .hot-app-list a{width: 9rem;flex: 0 0 9rem;max-width: 9rem;display: flex;flex-direction: column;row-gap: 0.875rem;}
.hot-app-panel .hot-app-list a > img{width: 7.5rem;height: 7.5rem;border-radius: 1.875rem;object-fit: cover;object-position: center;margin: 0 auto;}
.hot-app-panel .hot-app-list a > .appName{text-align: center;font-size: 1.75rem;color: #333333;font-weight: 500;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.hot-app-panel .hot-app-list a > .viewBtn{margin-left: unset;margin: 0 auto;}

.topic-slider-panel .bgWrap{background: linear-gradient(323.33deg, #52BBEC 10.81%, #65F2CF 100%);position: relative;z-index: 1;}
.topic-slider-panel .titleWrap .headWrap span{background: linear-gradient(269.66deg, rgba(151, 230, 232, 0.8) 4.97%, rgba(201, 252, 255, 0.8) 94.65%);-webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;}
.topic-slider-panel .bgWrap::before{content: "";position: absolute;top: 0.25rem;right: 0;width: 28.125rem;height: 27.188rem;background-image: url(../images/home/gameTopicBg.webp);background-position: center;background-repeat: no-repeat;background-size: cover;}
.topic-slider-panel .titleWrap .headWrap h2{padding-left: 2.375rem;position: relative;}
.topic-slider-panel .titleWrap .headWrap h2::before{content: "";position: absolute;top: 50%;transform: translateY(-50%);left: 0;width: 2rem;height: 2rem;background-image: url(../images/home/gameTopicIcon.webp);background-position: center;background-repeat: no-repeat;background-size: cover;}
.topic-slider-panel .titleWrap .moreBtn .icon{filter: brightness(0) saturate(100%) invert(100%) sepia(5%) saturate(0%) hue-rotate(325deg) brightness(107%) contrast(104%);}
.topic-slider-panel .topic-slider{padding: 1.5rem 0 0.625rem;overflow: hidden;}
.topic-slider-panel .topic-slider .swiper-slide{height: 19.125rem;position: relative;border-radius: 1.875rem;display: flex;flex-direction: column;margin-right: 1.875rem;width: 27.375rem;}
.topic-slider-panel .topic-slider .swiper-slide::before{content: "";position: absolute;top: 3rem;right: -0.375rem;width: 0.31rem;height: 0.31rem;background-color: #4BBCAE;clip-path: polygon(0 0, 0% 100%, 100% 0); }
.topic-slider-panel .topic-slider .swiper-slide img{width: 100%;height: 15.375rem;border-radius: 1.875rem 1.875rem 0 0;object-fit: cover;object-position: center;}
.topic-slider-panel .topic-slider .swiper-slide .topic-title{height: 3.75rem;width: 100%;line-height: 3.75rem;text-align: center;padding: 0 1rem;background-color: #F7F7FB;border-radius: 0 0 1.875rem 1.875rem;font-size: 1.625rem;color: #333333;font-weight: 500;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.topic-slider-panel .topic-slider .swiper-slide .amount{position: absolute;right: -0.31rem;top: 1rem;height: 2rem;width: fit-content;padding: 0 0.5rem 0 1rem;text-align: center;background: linear-gradient(94.1deg, #44F4C6 1.62%, #3DD9FF 83.19%);font-size: 1.375rem;font-weight: bold;color: #FFFFFF;clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 100%, 10% 50%);}
.topic-slider-panel .topic-slider .swiper-slide.swiper-slide-active::after{content: "";position: absolute;bottom: -0.625rem;left: 50%;transform: translateX(-50%);width: 24.375rem;height: 0.625rem;background-color: #FFFFFF4D;box-shadow: 0px 4px 18.5px 0px #0075AF26;border-radius: 0 0 1.875rem 1.875rem;}
.topic-slider-panel.app-topic .bgWrap::before{content: "";position: absolute;top: 0.25rem;right: 0;width: 28.125rem;height: 27.188rem;background-image: url(../images/home/appTopicBg.webp);background-position: center;background-repeat: no-repeat;background-size: cover;}
.topic-slider-panel.app-topic .titleWrap .headWrap h2::before{content: "";position: absolute;top: 50%;transform: translateY(-50%);left: 0;width: 2rem;height: 2rem;background-image: url(../images/home/appTopicIcon.webp);background-position: center;background-repeat: no-repeat;background-size: cover;}

.hot-rank-panel .bgWrap{padding: 1.875rem 1.875rem 0;}
.hot-rank-panel .tab-buttons{width: 100%;height: 3.75rem;border-radius: 1rem;display: flex;align-items: center;justify-content: space-between;margin-top: 1.5rem;background-color: #F7F7FB;}
.hot-rank-panel .tab-buttons li{width: 33.3333%;flex: 0 0 33.3333%;max-width: 33.3333%;padding: 0 1rem;text-align: center;height: 100%;line-height: 3.75rem;border-radius: 1rem;font-size: 1.75rem;font-weight: 500;color: #949494;position: relative;z-index: 1;overflow: hidden;}
.hot-rank-panel .tab-buttons li.active{background: linear-gradient(90deg, #65F3CE 0%, #52BBEC 100%);font-weight: bold;color: #FFFFFF;}
.hot-rank-panel .tab-buttons li.active::after{content: "";position: absolute;right: 0rem;bottom: -0.25rem;width: 4.313rem;height: 4rem;background-image: url(../images/home/rankIcon.webp);background-position: center;background-repeat: no-repeat;background-size: cover;z-index: -1;}
.hot-rank-panel .tab-content{display: none;flex-direction: column;margin-top: 0.5rem;}
.hot-rank-panel .tab-content.active{display: flex;}
.hot-rank-panel .tab-content > a{padding: 1rem 0;display: flex;align-items: center;column-gap: 1.25rem;position: relative;}
.hot-rank-panel .tab-content > a .rankNo{width: 3.125rem;height: 3.125rem;background-position: center;background-repeat: no-repeat;background-size: cover;}
.hot-rank-panel .tab-content > a:nth-child(1) .rankNo{background-image: url(../images/home/1.webp);}
.hot-rank-panel .tab-content > a:nth-child(2) .rankNo{background-image: url(../images/home/2.webp);}
.hot-rank-panel .tab-content > a:nth-child(3) .rankNo{background-image: url(../images/home/3.webp);}
.hot-rank-panel .tab-content > a:nth-child(4) .rankNo{background-image: url(../images/home/4.webp);}
.hot-rank-panel .tab-content > a:nth-child(5) .rankNo{background-image: url(../images/home/5.webp);}
.hot-rank-panel .tab-content > a:nth-child(6) .rankNo{background-image: url(../images/home/6.webp);}
.hot-rank-panel .tab-content > a:nth-child(7) .rankNo{background-image: url(../images/home/7.webp);}
.hot-rank-panel .tab-content > a > img{width: 7.188rem;flex: 0 0 7.188rem;max-width: 7.188rem;height: 7.188rem;border-radius: 1.875rem;object-fit: cover;object-position: center;}
.hot-rank-panel .tab-content > a .detailWrap{display: flex;flex-direction: column;row-gap: 0.5rem;width: 18.75rem;overflow: hidden;}
.hot-rank-panel .tab-content > a .detailWrap .appName{font-size: 1.875rem;color: #333333;font-weight: 500;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.hot-rank-panel .tab-content > a .detailWrap > p{font-size: 1.5rem;color: #949494;}
.hot-rank-panel .tab-content > a::after{content: "";position: absolute;right: 0;bottom: 0;width: calc(100% - 12.813rem);height: 1px;background-color: #0000001A;}
.hot-rank-panel .tab-content > a:nth-child(7){padding: 1rem 0 0;}
.hot-rank-panel .tab-content > a:nth-child(7)::after{display: none;}
.hot-rank-panel .viewMoreBtm{width: 100%;height: 5.563rem;display: flex;align-items: center;justify-content: center;}
.hot-rank-panel .viewMoreBtm a{font-size: 1.625rem;color: #06C1CE;font-weight: 500;display: flex;align-items: center;justify-content: center;column-gap: 0.375rem;}
.hot-rank-panel .viewMoreBtm a img{width: 0.625rem; height: auto; object-fit: cover; object-position: center; filter: brightness(0) saturate(100%) invert(74%) sepia(26%) saturate(7272%) hue-rotate(138deg) brightness(93%) contrast(95%); margin-top: 0.125rem;}

.news-panel .news-listing{margin-top: 1.5rem;display: flex;flex-direction: column;row-gap: 1.875rem;}
.news-panel .news-listing a {display: flex;align-items: center;height: 10.125rem;background-color: #F7F7FB;border-radius: 1.875rem;}
.news-panel .news-listing a > img{width: 15.75rem;height: 100%;border-radius: 1.875rem 0 0 1.875rem;object-fit: cover;object-position: center;}
.news-panel .news-listing a .detailWrap{padding: 1rem 1.25rem;display: flex;flex-direction: column;row-gap: 0.5rem;overflow: hidden;}
.news-panel .news-listing a .detailWrap .newsName{font-size: 1.75rem;font-weight: bold;color: #333333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news-panel .news-listing a .detailWrap .content{font-size: 1.375rem;line-height: 2rem;color: #949494;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.news-panel .news-listing a .detailWrap .dateUpdate{display: flex;align-items: center;column-gap: 0.31rem;font-size: 1.375rem;color: #949494;}
.news-panel .news-listing a .detailWrap .dateUpdate > img{width: 1.125rem;height: auto;object-fit: cover;object-position: center;}