.hero-app-panel{margin-top: 26px;}
.hero-app-panel .hero-app-list{display: flex;align-items: center;column-gap: 25px;}
.hero-app-panel .hero-app-list .appWrap{width: 150px;flex: 0 0 150px;max-width: 150px;background: #FFFFFF;border: 1px solid #F2F2F2;border-radius: 10px;padding: 24px 18px 20px;display: flex;flex-direction: column;overflow: hidden;position: relative;}
.hero-app-panel .hero-app-list .appWrap .imgWrap{width: 100px;height: 100px;margin: 0 auto 12px;}
.hero-app-panel .hero-app-list .appWrap .imgWrap img{width: 100%;height: 100%;border-radius: 20px;object-fit: cover;object-position: center;}
.hero-app-panel .hero-app-list .appWrap .appName{text-align: center;font-size: 16px;color: #1a1a1a;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.hero-app-panel .hero-app-list .appWrap > p{font-size: 14px;color: #999999;text-align: center;}
.hero-app-panel .hero-app-list .appWrap .viewBtn{width: 100%;height: 36px;line-height: 36px;text-align: center;border-radius: 0 0 10px 10px;font-size: 14px;color: #FFFFFF;background: linear-gradient(0deg, #ff763d 0%, #ff543d 100%);position: absolute;left: 0;bottom: -36px;transition: bottom .3s ease;}
.hero-app-panel .hero-app-list .appWrap:hover{background: linear-gradient( 0deg, rgb(255,255,255) 0%, rgb(255,255,255) 79%, rgb(255,219,214) 100%);}
.hero-app-panel .hero-app-list .appWrap:hover .viewBtn{bottom: 0;}

.hero-recommend-panel{margin-top: 40px;}
.hero-recommend-panel .hero-recommend-wrap{display: flex;align-items: flex-start;column-gap: 24px;}
.hero-recommend-panel .hero-recommend-wrap .week-raise-panel{width: 312px;flex: 0 0 312px;max-width: 312px;background-color: #ffffff;border-radius: 10px;padding: 12px 0 20px;display: flex;flex-direction: column;row-gap: 25px;}
.hero-recommend-panel .hero-recommend-wrap .week-raise-panel .week-title{width: 100%;position: relative;z-index: 1;}
.hero-recommend-panel .hero-recommend-wrap .week-raise-panel .week-title::after{content: "";position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 100%;height: 36px;background-image: url(../images/home/weekRaiseLine.webp);background-position: center;background-repeat: no-repeat;background-size: cover;z-index: -1;}
.hero-recommend-panel .hero-recommend-wrap .week-raise-panel .week-title .title{height: 40px;width: fit-content;background-color: #FF553E;border-radius: 10px;display: flex;align-items: center;margin: 0 auto;}
.hero-recommend-panel .hero-recommend-wrap .week-raise-panel .week-title .title h2{padding: 0 11px 0 40px;position: relative;font-size: 20px;font-weight: bold;color: #FFFFFF;margin-top: -4px;}
.hero-recommend-panel .hero-recommend-wrap .week-raise-panel .week-title .title h2::before{content: "";position: absolute;top: 54%;transform: translateY(-50%);left: 10px;width: 24px;height: 18px;background-image: url(../images/home/weekRaiseArrow.webp);background-repeat: no-repeat;background-position: center;background-size: cover;}
.hero-recommend-panel .hero-recommend-wrap .week-raise-panel .week-rank-list{display: flex;flex-direction: column;row-gap: 20px;padding: 0 20px;}
.hero-recommend-panel .hero-recommend-wrap .week-raise-panel .week-rank-list .week-top-wrap{display: flex;align-items: flex-end;column-gap: 24px;}
.hero-recommend-panel .hero-recommend-wrap .week-raise-panel .week-rank-list .week-top-wrap .topWrap{width: 72px;flex: 0 0 72px;max-width: 72px;display: flex;flex-direction: column;row-gap: 10px;position: relative;}
.hero-recommend-panel .hero-recommend-wrap .week-raise-panel .week-rank-list .week-top-wrap .topWrap .imgWrap{width: 72px;height: 72px;border-radius: 16px;}
.hero-recommend-panel .hero-recommend-wrap .week-raise-panel .week-rank-list .week-top-wrap .topWrap .imgWrap img{width: 100%;height: 100%;object-fit: cover;object-position: center;border-radius: 16px;}
.hero-recommend-panel .hero-recommend-wrap .week-raise-panel .week-rank-list .week-top-wrap .topWrap .appName{font-size: 14px;color: #020814;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.hero-recommend-panel .hero-recommend-wrap .week-raise-panel .week-rank-list .week-top-wrap .topWrap:nth-child(1){order: 2;width: 80px;flex: 0 0 80px;max-width: 80px;}
.hero-recommend-panel .hero-recommend-wrap .week-raise-panel .week-rank-list .week-top-wrap .topWrap:nth-child(1) .imgWrap{width: 80px;height: 80px;border: 2px solid #ff553e;border-radius: 20px;}
.hero-recommend-panel .hero-recommend-wrap .week-raise-panel .week-rank-list .week-top-wrap .topWrap:nth-child(2) .imgWrap{border: 2px solid #ff753d;}
.hero-recommend-panel .hero-recommend-wrap .week-raise-panel .week-rank-list .week-top-wrap .topWrap:nth-child(3) .imgWrap{border: 2px solid #fedf32;}
.hero-recommend-panel .hero-recommend-wrap .week-raise-panel .week-rank-list .week-top-wrap .topWrap:nth-child(1) .imgWrap img{border-radius: 20px;}
.hero-recommend-panel .hero-recommend-wrap .week-raise-panel .week-rank-list .week-top-wrap .topWrap:nth-child(2){order: 1;}
.hero-recommend-panel .hero-recommend-wrap .week-raise-panel .week-rank-list .week-top-wrap .topWrap:nth-child(3){order: 3;}
.hero-recommend-panel .hero-recommend-wrap .week-raise-panel .week-rank-list .week-top-wrap .topWrap .rankCrown{position: absolute;top: -18px;right: -15px;width: 33px;height: 33px;background-image: url(../images/home/weekCrown1.webp);background-position: center;background-repeat: no-repeat;background-size: cover;}
.hero-recommend-panel .hero-recommend-wrap .week-raise-panel .week-rank-list .week-top-wrap .topWrap:nth-child(2) .rankCrown{background-image: url(../images/home/weekCrown2.webp);}
.hero-recommend-panel .hero-recommend-wrap .week-raise-panel .week-rank-list .week-top-wrap .topWrap:nth-child(3) .rankCrown{background-image: url(../images/home/weekCrown3.webp);}
.hero-recommend-panel .hero-recommend-wrap .week-raise-panel .week-rank-list .week-listing{display: flex;flex-direction: column;row-gap: 20px;}
.hero-recommend-panel .hero-recommend-wrap .week-raise-panel .week-rank-list .week-listing .weekWrap{display: flex;align-items: center;}
.hero-recommend-panel .hero-recommend-wrap .week-raise-panel .week-rank-list .week-listing .weekWrap .rankNo{width: 24px;flex: 0 0 24px;max-width: 24px;text-align: center;font-weight: bold;color: #B3B3B3;font-size: 16px;margin-right: 8px;}
.hero-recommend-panel .hero-recommend-wrap .week-raise-panel .week-rank-list .week-listing .weekWrap .imgWrap{width: 64px;flex: 0 0 64px;max-width: 64px;height: 64px;margin-right: 16px;}
.hero-recommend-panel .hero-recommend-wrap .week-raise-panel .week-rank-list .week-listing .weekWrap .imgWrap img{width: 100%;height: 100%;border-radius: 16px;object-fit: cover;object-position: center;}
.hero-recommend-panel .hero-recommend-wrap .week-raise-panel .week-rank-list .week-listing .weekWrap .detailWrap{display: flex;flex-direction: column;row-gap: 12px;flex: 1;flex-shrink: 0;overflow: hidden;}
.hero-recommend-panel .hero-recommend-wrap .week-raise-panel .week-rank-list .week-listing .weekWrap .detailWrap .appName{font-size: 16px;color: #333333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.hero-recommend-panel .hero-recommend-wrap .week-raise-panel .week-rank-list .week-listing .weekWrap .detailWrap > p{font-size: 14px;color: #999999;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.hero-recommend-panel .hero-recommend-wrap .slider-tab-panel{width: 588px;flex: 0 0 588px;max-width: 588px;display: flex;flex-direction: column;row-gap: 24px;}
.hero-recommend-panel .hero-recommend-wrap .slider-tab-panel .hero-slider-wrap{height: 300px;overflow: hidden;}
.hero-recommend-panel .hero-recommend-wrap .slider-tab-panel .hero-slider-wrap .swiper-container{height: 100%;}
.hero-recommend-panel .hero-recommend-wrap .slider-tab-panel .hero-slider-wrap .swiper-slide{width: 100%;height: 100%;position: relative;overflow: hidden;}
.hero-recommend-panel .hero-recommend-wrap .slider-tab-panel .hero-slider-wrap .swiper-slide .bannerWrap{width: 100%;height: 100%;}
.hero-recommend-panel .hero-recommend-wrap .slider-tab-panel .hero-slider-wrap .swiper-slide .bannerWrap img{width: 100%;height: 100%;border-radius: 10px;object-fit: cover;object-position: center;}
.hero-recommend-panel .hero-recommend-wrap .slider-tab-panel .hero-slider-wrap .swiper-slide .detailWrap{position: absolute;left: 0;bottom: 0;border-radius: 0 0 10px 10px;width: 100%;height: 68px;display: flex;align-items: center;padding: 0 16px;background-color: #14040280;backdrop-filter: blur(3px);}
.hero-recommend-panel .hero-recommend-wrap .slider-tab-panel .hero-slider-wrap .swiper-slide .detailWrap .iconWrap{width: 40px;flex: 0 0 40px;max-width: 40px;height: 40px;margin-right: 16px;}
.hero-recommend-panel .hero-recommend-wrap .slider-tab-panel .hero-slider-wrap .swiper-slide .detailWrap .iconWrap img{width: 100%;height: 100%;border-radius: 10px;object-fit: cover;object-position: center;}
.hero-recommend-panel .hero-recommend-wrap .slider-tab-panel .hero-slider-wrap .swiper-slide .detailWrap .infoWrap {display: flex;flex-direction: column;row-gap: 2px;margin-right: 16px;overflow: hidden;flex: 1;flex-shrink: 0;}
.hero-recommend-panel .hero-recommend-wrap .slider-tab-panel .hero-slider-wrap .swiper-slide .detailWrap .infoWrap .appName{font-size: 16px;color: #FFFFFF;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.hero-recommend-panel .hero-recommend-wrap .slider-tab-panel .hero-slider-wrap .swiper-slide .detailWrap .infoWrap > p{font-size: 14px;color: #B3B3B3;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.hero-recommend-panel .hero-recommend-wrap .slider-tab-panel .hero-slider-wrap .swiper-slide .detailWrap .viewBtn{width: 72px;flex: 0 0 72px;max-width: 72px;height: 36px;background: linear-gradient(0deg, #ff763d 0%, #ff543d 100%);text-align: center;line-height: 36px;border-radius: 10px;color: #ffffff;font-size: 14px;}
.hero-recommend-panel .hero-recommend-wrap .slider-tab-panel .hero-tab-wrap{display: flex;flex-direction: column;row-gap: 24px;padding:20px;background-color: #ffffff;border-radius: 10px;position: relative;z-index: 1;}
.hero-recommend-panel .hero-recommend-wrap .slider-tab-panel .hero-tab-wrap .tab-buttons{display: flex;align-items: center;position: relative;column-gap: 30px;}
.hero-recommend-panel .hero-recommend-wrap .slider-tab-panel .hero-tab-wrap .tab-buttons li{cursor: pointer;position: relative;width: 122px;flex: 0 0 122px;max-width: 122px;height: 36px;text-align: center;line-height: 36px;background: #F7F7F7;border-radius: 8px;font-size: 14px;color: #666666;}
.hero-recommend-panel .hero-recommend-wrap .slider-tab-panel .hero-tab-wrap .tab-buttons li.active{background: linear-gradient(0deg, #ff763d 0%, #ff543d 100%);color: #ffffff;font-weight: bold;}
.hero-recommend-panel .hero-recommend-wrap .slider-tab-panel .hero-tab-wrap .tab-buttons li.active::after{content: "";position: absolute;bottom: -6px;left: 50%;transform: translateX(-50%);width: 20px;height: 10px;background: linear-gradient(0deg, #ff763d 0%, #ff543d 100%);clip-path: polygon(100% 0, 0 0, 50% 100%);z-index: -1;}
.hero-recommend-panel .hero-recommend-wrap .slider-tab-panel .hero-tab-wrap .tab-content{display: none;flex-wrap: wrap;column-gap: 20px;row-gap: 20px;}
.hero-recommend-panel .hero-recommend-wrap .slider-tab-panel .hero-tab-wrap .tab-content.active{display: flex;}
.hero-recommend-panel .hero-recommend-wrap .slider-tab-panel .hero-tab-wrap .tab-content .appWrap{display: flex;align-items: center;column-gap: 18px;width: calc(50% - 10px);flex: 0 0 calc(50% - 10px);max-width: calc(50% - 10px);}
.hero-recommend-panel .hero-recommend-wrap .slider-tab-panel .hero-tab-wrap .tab-content .appWrap .imgWrap{width: 78px;flex: 0 0 78px;max-width: 78px;height: 78px;}
.hero-recommend-panel .hero-recommend-wrap .slider-tab-panel .hero-tab-wrap .tab-content .appWrap .imgWrap img{width: 100%;height: 100%;object-fit: cover;object-position: center;border-radius: 18px;}
.hero-recommend-panel .hero-recommend-wrap .slider-tab-panel .hero-tab-wrap .tab-content .appWrap .detailWrap{display: flex;flex-direction: column;flex: 1;flex-shrink: 0;overflow: hidden;row-gap: 5px;}
.hero-recommend-panel .hero-recommend-wrap .slider-tab-panel .hero-tab-wrap .tab-content .appWrap .detailWrap .appName{font-size: 16px;color: #140402;overflow: hidden;height: 24px;line-height: 24px;}
.hero-recommend-panel .hero-recommend-wrap .slider-tab-panel .hero-tab-wrap .tab-content .appWrap .detailWrap p{font-size: 14px;color: #999999;}
.hero-recommend-panel .hero-recommend-wrap .slider-tab-panel .hero-tab-wrap .hero-tab-title{display: flex;align-items: center;column-gap: 30px;}
.hero-recommend-panel .hero-recommend-wrap .slider-tab-panel .hero-tab-wrap .hero-tab-title .titleWrap::before {
    width: 56px;
    height: 56px;
    background-image: url(../images/home/newIcon.png);
}

.hero-recommend-panel .hero-recommend-wrap .site-recommend-panel{width: 252px;flex: 0 0 252px;max-width: 252px;background-color: #ffffff;border-radius: 10px;}
.hero-recommend-panel .hero-recommend-wrap .site-recommend-panel .site-rec-title{width: 100%;height: 60px;display: flex;align-items: center;padding: 0 36px;background-image: url(../images/home/siteRecBg.webp);background-position: center;background-repeat: no-repeat;background-size: cover;}
.hero-recommend-panel .hero-recommend-wrap .site-recommend-panel .site-rec-title h2{font-size: 32px;color: #ffffff;font-weight: 900;}
.hero-recommend-panel .hero-recommend-wrap .site-recommend-panel .site-rec-list{display: flex;flex-direction: column;row-gap: 20px;padding: 20px 10px;}
.hero-recommend-panel .hero-recommend-wrap .site-recommend-panel .site-rec-list .banner-app-wrap{width: 100%;height: 218px;display: flex;flex-direction: column;border-radius: 10px;background-color: #F7F7F7;}
.hero-recommend-panel .hero-recommend-wrap .site-recommend-panel .site-rec-list .banner-app-wrap .bannerWrap{width: 100%;height: 130px;}
.hero-recommend-panel .hero-recommend-wrap .site-recommend-panel .site-rec-list .banner-app-wrap .bannerWrap img{width: 100%;height: 100%;border-radius: 10px 10px 0 0;object-fit: cover;object-position: center;}
.hero-recommend-panel .hero-recommend-wrap .site-recommend-panel .site-rec-list .banner-app-wrap .detailWrap{width: 100%;height: 93px;display: flex;align-items: center;padding: 0 10px;column-gap: 8px;}
.hero-recommend-panel .hero-recommend-wrap .site-recommend-panel .site-rec-list .banner-app-wrap .detailWrap .infoWrap{display: flex;flex-direction: column;row-gap: 5px;overflow: hidden;flex: 1;flex-shrink: 0;}
.hero-recommend-panel .hero-recommend-wrap .site-recommend-panel .site-rec-list .banner-app-wrap .detailWrap .imgWrap{width: 60px;flex: 0 0 60px;max-width: 60px;height: 60px;} 
.hero-recommend-panel .hero-recommend-wrap .site-recommend-panel .site-rec-list .banner-app-wrap .detailWrap .imgWrap img{width: 100%;height: 100%;object-fit: cover;object-position: center;border-radius: 14px;}
.hero-recommend-panel .hero-recommend-wrap .site-recommend-panel .site-rec-list .banner-app-wrap .detailWrap .infoWrap .appName{padding-left: 24px;font-size: 16px;color: #140402;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;position: relative;}
.hero-recommend-panel .hero-recommend-wrap .site-recommend-panel .site-rec-list .banner-app-wrap .detailWrap .infoWrap .appName::before{content: "";position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 17px;height: 20px;background-image: url(../images/home/rank1.webp);background-position: center;background-repeat: no-repeat;background-size: cover;}
.hero-recommend-panel .hero-recommend-wrap .site-recommend-panel .site-rec-list .banner-app-wrap .detailWrap .infoWrap > p{font-size: 14px;color: #999999;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.hero-recommend-panel .hero-recommend-wrap .site-recommend-panel .site-rec-list .banner-app-wrap:nth-child(2) .detailWrap .infoWrap .appName::before{background-image: url(../images/home/rank2.webp);}
.hero-recommend-panel .hero-recommend-wrap .site-recommend-panel .site-rec-list .banner-app-wrap:nth-child(3) .detailWrap .infoWrap .appName::before{background-image: url(../images/home/rank3.webp);}

.title-top{display: flex;align-items: center;overflow: hidden;}
.title-top .tab-buttons{display: flex;align-items: center;column-gap: 20px;margin-left: 62px;}
.title-top .tab-buttons li{width: 88px;flex: 0 0 88px;max-width: 88px;height: 36px;text-align: center;line-height: 36px;font-size: 14px;color: #666666;background: #ffffff;border-radius: 8px;cursor: pointer;}
.title-top .tab-buttons li.active{background: linear-gradient(0deg, #ff763d 0%, #ff543d 100%);color: #ffffff;font-weight: bold;}
.title-top .viewMoreBtn{margin-left: auto;font-size: 14px;color: #999999;padding-right: 20px;position: relative;white-space: nowrap;}
.title-top .viewMoreBtn::after{content: "";position: absolute;top: 50%;transform: translateY(-50%);right: 0;width: 12px;height: 14px;background-image: url(../images/viewMoreBtn.webp);background-position: center;background-repeat: no-repeat;background-size: cover;}

.app-listing-panel{margin-top: 35px;}
.app-listing-panel .title-top .titleWrap::before{width: 56px;height: 56px;background-image: url(../images/home/gameTitleIcon.webp);}
.app-listing-panel .tab-contents {margin-top: 20px;padding: 24px 24px 20px;background-color: #ffffff;border-radius: 10px;}
.app-listing-panel .tab-content{display: none;flex-wrap: wrap;column-gap: 18px;row-gap: 28px;}
.app-listing-panel .tab-content.active{display: flex;}
.app-listing-panel .tab-content .appWrap{width: 112px;flex: 0 0 112px;max-width: 112px;display: flex;flex-direction: column;}
.app-listing-panel .tab-content .appWrap .imgWrap{width: 100px;height: 100px;margin: 0 auto 10px;}
.app-listing-panel .tab-content .appWrap .imgWrap img{width: 100%;height: 100%;object-fit: cover;object-position: center;border-radius: 24px;}
.app-listing-panel .tab-content .appWrap .appName{font-size: 16px;color: #140402;text-align: center;overflow: hidden;margin-bottom: 4px;height: 24px;line-height: 24px;}
.app-listing-panel .tab-content .appWrap > p{font-size: 14px;color: #999999;text-align: center;}
.app-listing-panel.app .title-top .titleWrap::before{width: 56px;height: 56px;background-image: url(../images/home/appTitleIcon.webp);}
.app-listing-panel .tab-buttons{column-gap: 0;margin-left: 0;}
.app-listing-panel .tab-slider-wrap{display: flex;align-items: center;column-gap: 10px;margin: 0 20px;flex: 1;flex-shrink: 0;width: 736px;}
.app-listing-panel .tab-slider-wrap .tabSwiper{overflow: hidden;}
.app-listing-panel .tab-buttons .swiper-slide{ width: 88px !important; flex: 0 0 88px; max-width: 88px; }
.app-listing-panel .tab-slider-wrap .tab-nav {width: 24px;height: 24px;flex: 0 0 24px;max-width: 24px;border: none;outline: none;background: #ffffff;border-radius: 8px;position: relative;cursor: pointer;}
.app-listing-panel .tab-slider-wrap .tab-nav.next::after{ content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(45deg); width: 7px; height: 7px; border-top: 2px solid #666666; border-right: 2px solid #666666; margin-left: -2px; }
.app-listing-panel .tab-slider-wrap .tab-nav.prev::after{ content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(-135deg); width: 7px; height: 7px; border-top: 2px solid #666666; border-right: 2px solid #666666; margin-left: 2px; }
.app-listing-panel .tab-slider-wrap .tab-nav.swiper-button-disabled{opacity: 0.5;pointer-events: none;}

.rank-panel{margin-top: 35px;}
.rank-panel .title-top .titleWrap::before{width: 56px;height: 45px;background-image: url(../images/home/rankTitleIcon.webp);}
.rank-panel .tab-contents {margin-top: 24px;}
.rank-panel .tab-content{display: none;align-items: flex-start;column-gap: 24px;}
.rank-panel .tab-content.active{display: flex;}
.rank-panel .rank-column{width: 384px;flex: 0 0 384px;max-width: 384px;background-color: #ffffff;border-radius: 10px;padding: 24px 20px 4px;display: flex;flex-direction: column;row-gap: 14px;}
.rank-panel .rank-column .rankWrap{position: relative;display: flex;align-items: center;padding-bottom: 14px;column-gap: 16px;}
.rank-panel .rank-column .rankWrap .imgWrap{width: 64px;flex: 0 0 64px;max-width: 64px;height: 64px;}
.rank-panel .rank-column .rankWrap .imgWrap img{width: 100%;height: 100%;object-fit: cover;object-position: center;border-radius: 16px;}
.rank-panel .rank-column .rankWrap .detailWrap{display: flex;flex-direction: column;row-gap: 12px;flex: 1;flex-shrink: 0;overflow: hidden;}
.rank-panel .rank-column .rankWrap .detailWrap .nameWrap{width: 100%;display: flex;align-items: center;column-gap: 6px;}
.rank-panel .rank-column .rankWrap .detailWrap .nameWrap .rankNo{width: 20px;flex: 0 0 20px;max-width: 20px;text-align: center;font-size: 16px;color: #B8B8B8;font-weight: bold;}
.rank-panel .rank-column .rankWrap .detailWrap .nameWrap .appName{flex: 1;flex-shrink: 0;font-size: 16px;color: #140402;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.rank-panel .rank-column .rankWrap .detailWrap > p{font-size: 14px;color: #999999;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.rank-panel .rank-column .rankWrap .viewBtn{width: 75px;flex: 0 0 75px;max-width: 75px;height: 36px;text-align: center;line-height: 36px;border-radius: 10px;font-size: 14px;color: #ffffff;background: linear-gradient(0deg, #ff763d 0%, #ff543d 100%);margin-left: auto;}
.rank-panel .rank-column .rankWrap::after{content: "";position: absolute;bottom: 0;right: 0;width: 260px;height: 2px;background-color: #EEEEEE;}
.rank-panel .rank-column .rankWrap:last-child::after{display: none;}
.rank-panel .rank-column:first-child .rankWrap:nth-child(1) .detailWrap .nameWrap .rankNo{color: transparent;height: 20px;background-image: url(../images/home/rank1.webp);background-position: center;background-size: contain;background-repeat: no-repeat;}
.rank-panel .rank-column:first-child .rankWrap:nth-child(2) .detailWrap .nameWrap .rankNo{color: transparent;height: 20px;background-image: url(../images/home/rank2.webp);background-position: center;background-size: contain;background-repeat: no-repeat;}
.rank-panel .rank-column:first-child .rankWrap:nth-child(3) .detailWrap .nameWrap .rankNo{color: transparent;height: 20px;background-image: url(../images/home/rank3.webp);background-position: center;background-size: contain;background-repeat: no-repeat;}

.topic-panel{margin-top: 40px;}
.topic-panel .title-top .titleWrap::before{width: 54px;height: 56px;background-image: url(../images/home/topicTitleIcon.webp);}
.topic-panel .tab-contents{margin-top: 24px;}
.topic-panel .tab-content{display: none;align-items: flex-start;column-gap: 24px;flex-wrap: wrap;row-gap: 24px;}
.topic-panel .tab-content.active{display: flex;}
.topic-panel .topic-column{display: flex;flex-direction: column;row-gap: 8px;width: 282px;flex: 0 0 282px;max-width: 282px;}
.topic-panel .topic-column .topic-title-wrap{width: 100%;height: 80px;padding: 16px 16px 12px;display: flex;flex-direction: column;row-gap: 8px;background-color: #ffffff;border-radius: 10px 10px 0 0;}
.topic-panel .topic-column .topic-title-wrap .topic-title{font-size: 18px;font-weight: bold;color: #333333;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.topic-panel .topic-column .topic-title-wrap .topic-info{display: flex;align-items: center;justify-content: space-between;}
.topic-panel .topic-column .topic-title-wrap .topic-info span{font-size: 14px;color: #999999;}
.topic-panel .topic-column .topic-title-wrap .topic-info span.amount{color: #FF5A3D;}
.topic-panel .topic-column .topic-app-listing{margin-top: 8px;background-color: #ffffff;border-radius: 0 0 10px 10px;padding: 12px 18px 17px;display: flex;flex-direction: column;row-gap: 17px;}
.topic-panel .topic-column .topic-app-listing .appWrap{display: flex;align-items: center;column-gap: 14px;overflow: hidden;}
.topic-panel .topic-column .topic-app-listing .appWrap .imgWrap{width: 60px;flex: 0 0 60px;max-width: 60px;}
.topic-panel .topic-column .topic-app-listing .appWrap .imgWrap img{width: 100%;height: 100%;object-fit: cover;object-position: center;border-radius: 16px;}
.topic-panel .topic-column .topic-app-listing .appWrap .detailWrap{display: flex;flex-direction: column;row-gap: 10px;flex: 1;flex-shrink: 0;overflow: hidden;}
.topic-panel .topic-column .topic-app-listing .appWrap .detailWrap .appName{font-size: 16px;color: #333333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.topic-panel .topic-column .topic-app-listing .appWrap .detailWrap > p{font-size: 14px;color: #999999;}

.necessary-app-panel{margin-top: 40px;}
.necessary-app-panel .title-top .titleWrap::before{width: 56px;height: 53px;background-image: url(../images/home/cartTitleIcon.webp);}
.necessary-app-panel .tab-contents{margin-top: 24px;}
.necessary-app-panel .tab-content{display: none;column-gap: 20px;flex-wrap: wrap;row-gap: 20px;}
.necessary-app-panel .tab-content.active{display: flex;}
.necessary-app-panel .appWrap{width: 224px;flex: 0 0 224px;max-width: 224px;height: 88px;background-color: #ffffff;border-radius: 10px;padding: 16px;display: flex;align-items: center;column-gap: 18px;}
.necessary-app-panel .appWrap .imgWrap{width: 56px;height: 56px;flex: 0 0 56px;max-width: 56px;}
.necessary-app-panel .appWrap .imgWrap img{width: 100%;height: 100%;object-fit: cover;object-position: center;border-radius: 14px;}
.necessary-app-panel .appWrap .detailWrap{display: flex;flex-direction: column;row-gap: 5px;flex: 1;flex-shrink: 0;overflow: hidden;}
.necessary-app-panel .appWrap .detailWrap .appName{font-size: 16px;color: #140402;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.necessary-app-panel .appWrap .detailWrap > p{font-size: 14px;color: #999999;}

.news-panel{margin-top: 40px;}
.news-panel .title-top .titleWrap::before{width: 54px;height: 56px;background-image: url(../images/home/newsTitleIcon.webp);}
.news-panel .tab-contents{margin-top: 24px;}
.news-panel .tab-content{display: none;column-gap: 24px;flex-wrap: wrap;row-gap: 24px;}
.news-panel .tab-content.active{display: flex;}
.news-panel .newsWrap{display: flex;align-items: center;column-gap: 20px;padding: 20px;background-color: #ffffff;border-radius: 10px;height: 190px;width: 588px;flex: 0 0 588px;max-width: 588px;}
.news-panel .newsWrap .bannerWrap{width: 256px;flex: 0 0 256px;max-width: 256px;height: 150px;}
.news-panel .newsWrap .bannerWrap img{width: 100%;height: 100%;object-fit: cover;object-position: center;border-radius: 10px;}
.news-panel .newsWrap .detailWrap{display: flex;flex-direction: column;flex: 1;flex-shrink: 0;overflow: hidden;row-gap: 10px;}
.news-panel .newsWrap .detailWrap .newsTitle{font-size: 16px;color: #333333;font-weight: bold;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.news-panel .newsWrap .detailWrap .content{font-size: 14px;color: #999999;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.news-panel .newsWrap .detailWrap .datePost{font-size: 14px;color: #999999;}
.news-panel .newsWrap:hover .detailWrap .newsTitle{color: #FF553E;}

.bottom-tab-app-panel{margin-top: 40px;position: relative;z-index: 1;}
.bottom-tab-app-panel::before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 220px;z-index: -1;background-image: url(../images/home/bottomTabBg.webp);background-position: center;background-repeat: no-repeat;background-size: cover;}
.bottom-tab-app-panel .tab-buttons{display: flex;align-items: center;justify-content: center;column-gap: 34px;padding-top: 34px;}
.bottom-tab-app-panel .tab-buttons li{cursor: pointer;width: 148px;height: 48px;text-align: center;line-height: 48px;border-radius: 24px;background-color: #FFFFFF3D;font-size: 18px;color: #ffffff;}
.bottom-tab-app-panel .tab-buttons li.active{background-color: #ffffff;font-weight: bold;color: #FF553E;}
.bottom-tab-app-panel .tab-contents{margin-top: 35px;}
.bottom-tab-app-panel .tab-content{display: none;column-gap: 24px;flex-wrap: wrap;row-gap: 30px;}
.bottom-tab-app-panel .tab-content.active{display: flex;}
.bottom-tab-app-panel .appWrap{width: 129px;flex: 0 0 129px;max-width: 129px;display: flex;flex-direction: column;row-gap: 12px;padding: 20px 16px;background: #ffffff;border-radius: 10px;}
.bottom-tab-app-panel .appWrap .imgWrap{width: 80px;height: 80px;margin: 0 auto;}
.bottom-tab-app-panel .appWrap .imgWrap img{width: 100%;height: 100%;object-fit: cover;object-position: center;border-radius: 20px;}
.bottom-tab-app-panel .appWrap .appName{font-size: 16px;color: #140402;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align: center;}
.bottom-tab-app-panel .appWrap .viewBtn{width: 72px;height: 36px;text-align: center;line-height: 36px;font-size: 14px;color: #ffffff;border-radius: 10px;background: linear-gradient(0deg, #ff763d 0%, #ff543d 100%);margin: 0 auto;}
.bottom-tab-app-panel .appWrap:hover{background: linear-gradient( 0deg, rgb(255,219,214) 0%, rgb(255,255,255) 21%, rgb(255,255,255) 100%);}
.bottom-tab-app-panel .appWrap:hover .appName{font-weight: bold;color: #FF553E;}

.friendship-link-panel{margin-top: 40px;}
.friendship-link-panel .title-top .titleWrap::before{width: 56px;height: 56px;background-image: url(../images/home/friendshipTitleIcon.webp);}
.friendship-link-panel .link-list{display: flex;flex-wrap: wrap;column-gap: 25px;row-gap: 25px;margin-top: 25px;}
.friendship-link-panel .link-list a{width: 150px;flex: 0 0 150px;max-width: 150px;height: 40px;text-align: center;line-height: 40px;background-color: #ffffff;border-radius: 10px;font-size: 16px;color: #140402;padding: 0 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}