.app-content-page .app-category-panel {margin-top: 1.75rem;}
.app-content-page .app-category-panel .category-list{display: grid; grid-template-columns: repeat(4, 1fr); column-gap: 1.5rem;row-gap: 1.5rem;}
.app-content-page .app-category-panel .category-list a{height: 4rem;background-color: #F4F6F8;border-radius: 1.875rem;text-align: center;font-size: 1.5rem;color: #4D4D4D;line-height: 4rem;overflow: hidden;}
.app-content-page .app-category-panel .category-list a.active{background-color: #54C5FF;color: #ffffff;}

.app-content-page .app-tabs-wrap{position: relative;width: 100%;height: 5.5rem;display: grid; grid-template-columns: repeat(3, 1fr);z-index: 1;margin-top: 2.375rem;}
.app-content-page .app-tabs-wrap::after{content: "";position: absolute;bottom: 0;left: 0;width: 100%;height: 5rem;border-radius: 1.25rem 1.25rem 0 0;background-color: #F5F5F5;z-index: -1;}
.app-content-page .app-tabs-wrap a, .app-content-page .app-tabs-wrap p{text-align: center;font-size: 1.75rem;color: #666666;position: relative;display: flex;align-items: center;justify-content: center;}
.app-content-page .app-tabs-wrap a span, .app-content-page .app-tabs-wrap p span{position: relative;z-index: 1;}
.app-content-page .app-tabs-wrap a.active, .app-content-page .app-tabs-wrap p.active{font-size: 2rem;color: #333333;font-weight: bold;}
.app-content-page .app-tabs-wrap a.active::after, .app-content-page .app-tabs-wrap p.active::after{content: "";position: absolute;bottom: 0;width: 21rem;height: 5.625rem;background-image: url(../images/app/tab-shape-2.webp);background-position: center;background-repeat: no-repeat;background-size: cover;left: 50%;transform: translateX(-50%);}
.app-content-page .app-tabs-wrap a.active:first-child::after{background-image: url(../images/app/tab-shape.webp);background-position: center;background-repeat: no-repeat;background-size: cover;height: 5.625rem;width: 17.438rem;left: 0;transform: unset;}
.app-content-page .app-tabs-wrap p.active:last-child::after{background-image: url(../images/app/tab-shape.webp);background-position: center;background-repeat: no-repeat;background-size: cover;height: 5.625rem;width: 17.438rem;right: 0;transform: scaleX(-1);left: unset;}
.app-content-page .app-tabs-wrap a.active span::after, .app-content-page .app-tabs-wrap p.active span::after{content: "";position: absolute;left: 50%;transform: translateX(-50%);bottom: -0.5rem;width: 2.125rem;height: 0.375rem;border-radius: 0.25rem;background-color: #54C5FF;}


.app-content-page .app-listing-panel #load-more-indicator {text-align:center; padding: 20px; width: 100%; min-height: 50px;}
.app-content-page .app-listing-panel #load-more-indicator p{display: none;}
.app-content-page .app-listing-panel #load-more-indicator p.loading-text{color: #999;font-size: 1.5rem;}
.app-content-page .app-listing-panel #load-more-indicator p.no-more-text{color: #333;font-size: 1.5rem;}
.app-content-page .app-listing-panel.rec-panel{display: none;}
.app-content-page .app-listing-panel.rec-panel.active{display: flex;}

.app-content-page .app-listing-panel .app-listing{margin-top: 1.25rem;display: grid;grid-template-columns: repeat(2, 1fr); column-gap: 2.25rem;row-gap: 1.875rem;}
.app-content-page .app-listing-panel .app-listing .appWrap{display: flex;align-items: center;column-gap: 1.25rem;overflow: hidden;}
.app-content-page .app-listing-panel .app-listing .appWrap .imgWrap{width: 6.25rem;flex: 0 0 6.25rem;max-width: 6.25rem;height: 6.25rem;border-radius: 1.5rem;}
.app-content-page .app-listing-panel .app-listing .appWrap .imgWrap img{width: 100%;height: 100%;object-fit: cover;object-position: center;border-radius: 1.5rem;}
.app-content-page .app-listing-panel .app-listing .appWrap .detailWrap{display: flex;flex-direction: column;flex: 1;flex-shrink: 0;overflow: hidden;row-gap: 0.125rem;}
.app-content-page .app-listing-panel .app-listing .appWrap .detailWrap .appName{font-size: 1.75rem;color: #091F17;overflow: hidden;white-space: nowrap;line-height: 2.125rem;max-width: 12.25rem;}
.app-content-page .app-listing-panel .app-listing .appWrap .detailWrap .appType{font-size: 1.5rem;color: #999999;line-height: 1.75rem;}
.app-content-page .app-listing-panel .app-listing .appWrap .detailWrap > p{font-size: 1.5rem;color: #999999;line-height: 1.75rem;}

.app-content-page .topic-panel{margin-top: 2.75rem;}
.app-content-page .topic-panel .topic-listing {margin-top: 1.25rem;display: flex;flex-direction: column;row-gap: 1.75rem;overflow: hidden;}
.app-content-page .topic-panel .topic-listing .topic-list-row{overflow-x: scroll;display: flex;align-items: center;column-gap: 1.25rem;flex-wrap: nowrap;width: max-content; animation: marquee 20s linear infinite;}
.app-content-page .topic-panel .topic-listing .topic-list-row:nth-child(2){animation: marquee 18s linear infinite;}
.app-content-page .topic-panel .topic-listing .topic-list-row:nth-child(3){animation: marquee 16s linear infinite;}
.app-content-page .topic-panel .topic-listing .topic-list-row::-webkit-scrollbar{height: 0;}
.app-content-page .topic-panel .topic-listing .topic-list-row .topicWrap{width: fit-content;height: 3.75rem;display: flex;align-items: center;column-gap: 1.125rem;border-radius: 1.875rem;background-color: #F4F6F8;padding-right: 1.5rem;}
.app-content-page .topic-panel .topic-listing .topic-list-row .topicWrap .imgWrap{width: 3.75rem;flex: 0 0 3.75rem;max-width: 3.75rem;height: 3.75rem;border-radius: 50%;}
.app-content-page .topic-panel .topic-listing .topic-list-row .topicWrap .imgWrap img{width: 100%;height: 100%;object-fit: cover;object-position: center;border-radius: 50%;}
.app-content-page .topic-panel .topic-listing .topic-list-row .topicWrap .topicName{font-size: 1.5rem;color: #060D1F;line-height: 1.25;}

.app-content-page .hot-news-panel{margin-top: 2.5rem;}
.app-content-page .hot-news-panel .titleWrap .swiper-buttons{margin-left: auto;display: flex;align-items: center;column-gap: 2.25rem;}
.app-content-page .hot-news-panel .titleWrap .swiper-buttons .swiper-button{width: 2rem;height: 2rem;display: flex;align-items: center;justify-content: center;border-radius: 50%;background-color: #54C5FF;}
.app-content-page .hot-news-panel .titleWrap .swiper-buttons .swiper-button.swiper-button-disabled{background-color: #F4F6F8;}
.app-content-page .hot-news-panel .titleWrap .swiper-buttons .swiper-button i{width: 0.625rem; height: 0.625rem; border: 2px solid #ffffff; border-top: none; border-right: none; transform: rotate(-135deg);margin-left: -0.25rem;}
.app-content-page .hot-news-panel .titleWrap .swiper-buttons .swiper-button.hot-news-swiper-prev i{transform: rotate(45deg);margin-right: -0.5rem;}
.app-content-page .hot-news-panel .titleWrap .swiper-buttons .swiper-button.swiper-button-disabled i{border-color: #C8CACC;}
.app-content-page .hot-news-panel .hot-news-swiper{margin-top: 1.5rem;}
.app-content-page .hot-news-panel .swiper-slide{display: flex;flex-direction: column;overflow: hidden;}
.app-content-page .hot-news-panel .swiper-slide .bannerWrap{width: 100%;height: 12.5rem;border-radius: 0.625rem;position: relative;overflow: hidden;margin-bottom: 0.75rem;}
.app-content-page .hot-news-panel .swiper-slide .bannerWrap > img{width: 100%;height: 100%;object-fit: cover;object-position: center;border-radius: 0.625rem;}
.app-content-page .hot-news-panel .swiper-slide .bannerWrap .amountWrap{position: absolute;bottom: 0;right: 0;width: fit-content;height: 2rem;border-radius: 0.625rem 0 0.625rem 0;background-color: #00000080;line-height: 2.125rem;padding: 0 0.625rem 0 2.625rem;font-size: 1.125rem;color: #ffffff;}
.app-content-page .hot-news-panel .swiper-slide .bannerWrap .amountWrap::before{content: "";position: absolute;left: 0.625rem;top: 50%;transform: translateY(-50%);width: 1.5rem;height: 1.125rem;background-image: url(../images/viewIcon.webp);background-position: center;background-repeat: no-repeat;background-size: contain;}
.app-content-page .hot-news-panel .swiper-slide .newsTitle{font-size: 1.75rem;color: #060D1F;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align: left;margin-bottom: 0.625rem;}
.app-content-page .hot-news-panel .swiper-slide .infoWrap{display: flex;align-items: center;justify-content: space-between;}
.app-content-page .hot-news-panel .swiper-slide .infoWrap p{font-size: 1.5rem;color: #999999;line-height: 2rem;}