.app-page-content{margin-top: 1.25rem;}
.app-page-content .app-hot-banner{width: 100%;position: relative;overflow: hidden;border-radius: 0.63rem;display: flex;flex-direction: column;row-gap: 1.875rem;background-color: #ffffff;}
.app-page-content .app-hot-banner .hot-banner{position: relative;width: 100%;height: 20.75rem;border-radius: 0.63rem;}
.app-page-content .app-hot-banner .hot-banner::after{content: "";position: absolute;top: 0;left: 0;border-radius: 0.63rem;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000cc 100%);width: 100%;height: 100%;}
.app-page-content .app-hot-banner .hot-banner .hotWeekTag{position: absolute;top: -0.25rem;left: -0.25rem;width: 6rem;height: 5.75rem;z-index: 1;}
.app-page-content .app-hot-banner .hot-banner .hotWeekTag img{width: 100%;height: 100%;object-fit: contain;}
.app-page-content .app-hot-banner .hot-banner > img{width: 100%;height: 100%;object-fit: cover;border-radius: 0.63rem;position: absolute;left: 0;top: 0;}
.app-page-content .app-hot-banner .hot-banner .bannerDetail{padding: 0 1.375rem;position: absolute;bottom: 1.25rem;display: flex;align-items: center;column-gap: 1.25rem;width: 100%;z-index: 1;}
.app-page-content .app-hot-banner .hot-banner .bannerDetail img{width: 6.5rem;height: 6.5rem;border-radius: 1rem;object-fit: cover;border: 2px solid #ffffff80;}
.app-page-content .app-hot-banner .hot-banner .bannerDetail .detailWrap{display: flex;flex-direction: column;row-gap: 0.875rem;overflow: hidden;max-width: 20rem;}
.app-page-content .app-hot-banner .hot-banner .bannerDetail .detailWrap h4{font-size: 1.75rem;color: #ffffff;font-weight: bold;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.app-page-content .app-hot-banner .hot-banner .bannerDetail .detailWrap .typeWrap{display: flex;align-items: center;column-gap: 1rem;}
.app-page-content .app-hot-banner .hot-banner .bannerDetail .detailWrap .typeWrap p{font-size: 1.25rem;color: #ffffff;position: relative;}
.app-page-content .app-hot-banner .hot-banner .bannerDetail .detailWrap .typeWrap p:first-child::after{content: "";position: absolute;right: -0.5rem;top: 50%;transform: translateY(-50%);width: 0.125rem;height: 75%;background-color: #ffffff;}
.app-page-content .app-hot-banner .hot-banner .bannerDetail .detailWrap > p{font-size: 1.25rem;color: #ffffff;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.app-page-content .app-hot-banner .hot-banner .bannerDetail .viewBtn{width: 7.75rem; height: 3.125rem; text-align: center; line-height: 3.125rem; background: linear-gradient( 90deg, rgb(2,162,255) 0%, rgb(9,115,255) 100%); border-radius: 1.5rem; font-size: 1.5rem; color: #ffffff;margin-left: auto;}
.app-page-content .app-hot-banner .hot-of-the-week{padding: 0 1.25rem 1.875rem;}
.app-page-content .app-hot-banner .hot-of-the-week .hot-app-list{display: flex;align-items: center;column-gap: 3.125rem;justify-content: space-between;}
.app-page-content .app-hot-banner .hot-of-the-week .hot-app-list a{width: 7.75rem;flex: 0 0 7.75rem;max-width: 7.75rem;display: flex;flex-direction: column;}
.app-page-content .app-hot-banner .hot-of-the-week .hot-app-list a img{width: 7.75rem;height: 7.75rem;object-fit: cover;border-radius: 1.875rem;margin-bottom: 0.5rem;}
.app-page-content .app-hot-banner .hot-of-the-week .hot-app-list a p{font-size: 1.5rem;color: #000000;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align: center;margin-bottom: 1rem;}
.app-page-content .app-hot-banner .hot-of-the-week .hot-app-list a .viewBtn{width: 7.75rem; height: 3.125rem; text-align: center; line-height: 3rem; border: 1px solid #0872FF4D; border-radius: 1.5rem; font-size: 1.5rem; color: #0975FF;}

.app-page-content .app-listing-panel{display: flex ; flex-direction: column; background: #ffffff; border-radius: 0.63rem;margin-top: 1.25rem;padding: 1.875rem 1.25rem 3.125rem;}
.app-page-content .app-listing-panel .category-list{display: flex;flex-wrap: wrap;column-gap: 1.375rem;row-gap: 1.25rem;padding-bottom: 1.875rem;border-bottom: 2px dashed #02A1FF33;}
.app-page-content .app-listing-panel .category-list a, .app-page-content .app-listing-panel .category-list .toggle-btn{width: 12.625rem;flex: 0 0 12.625rem;max-width: 12.625rem;height: 3.875rem;text-align: center;line-height: 3.875rem;border-radius: 0.63rem;background: #F7F7F7;font-size: 1.875rem;color: #666666;border: none;outline: none;}
.app-page-content .app-listing-panel .category-list .toggle-btn{background-color: #f5fbff;color: #02a1ff;}
.app-page-content .app-listing-panel .category-list a.active{color: #ffffff;background: #02A1FF;}
.app-page-content.app-page .app-listing-panel .category-list a.active{background: #39eb82;color: #ffffff;}
.app-page-content .app-listing-panel .category-list:not(.expanded) a:nth-of-type(n+9) { display: none; }
.app-page-content .app-listing-panel .category-list .toggle-btn.collapse{background: #F7F7F7;color: #cccccc;}
.app-page-content .app-listing-panel .app-listing{margin-top: 2rem;display: flex;flex-direction: column;row-gap: 3.125rem;}
.app-page-content .app-listing-panel .app-listing .appWrap{display: flex;align-items: center;}
.app-page-content .app-listing-panel .app-listing .appWrap .imgWrap{width: 7.5rem;height: 7.5rem;}
.app-page-content .app-listing-panel .app-listing .appWrap .imgWrap img{width: 100%;height: 100%;border-radius: 1.75rem;object-fit: cover;}
.app-page-content .app-listing-panel .app-listing .appWrap .appDetail{display: flex;flex-direction: column;overflow: hidden;width: 18.75rem;margin-left: 1.625rem;}
.app-page-content .app-listing-panel .app-listing .appWrap .appDetail h4{font-size: 1.625rem;color: #000000;margin-bottom: 0.875rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-weight: 400;}
.app-page-content .app-listing-panel .app-listing .appWrap .appDetail .typeWrap{display: flex;align-items: center;column-gap: 1rem;margin-bottom: 1rem;}
.app-page-content .app-listing-panel .app-listing .appWrap .appDetail .typeWrap p{font-size: 1.25rem;color: #BABABA;position: relative;}
.app-page-content .app-listing-panel .app-listing .appWrap .appDetail .typeWrap p:first-child::after{content: "";position: absolute;top: 50%;right: -0.5rem;transform: translateY(-50%);width: 0.125rem;height: 75%;background-color: #BABABA;}
.app-page-content .app-listing-panel .app-listing .appWrap .appDetail .dateUpdate{font-size: 1.25rem;color: #BABABA;}
.app-page-content .app-listing-panel .app-listing .appWrap .viewBtn{width: 7.75rem; height: 3.125rem; text-align: center; line-height: 3rem; border: 1px solid #0872FF4D; border-radius: 1.5rem; font-size: 1.5rem; color: #0975FF;margin-left: auto;}