.app-content-page .app-content-wrap{margin-top: 16px;display: flex;align-items: flex-start;justify-content: space-between;}
.app-content-page .app-content-wrap .app-listing-panel{width: 794px;flex: 0 0 794px;max-width: 794px;border-radius: 10px;background-color: #ffffff;box-shadow: 0px 0px 6px 0px #50D5AD1A;padding: 20px 20px 30px;overflow: hidden;}
.app-content-page .app-content-wrap .app-listing-panel .app-top-panel{display: flex;align-items: center;column-gap: 16px;}
.app-content-page .app-content-wrap .app-listing-panel .app-top-panel .app-slider-panel {width: 232px;flex: 0 0 232px;max-width: 232px;height: 130px;background: linear-gradient(107.47deg, #FF793F -28.82%, #FFD04D 28.23%, #58F0C0 70.99%, #0EC9A3 103.55%);border-radius: 16px;padding: 5px;}
.app-content-page .app-content-wrap .app-listing-panel .app-top-panel .app-slider-swiper{position: relative;width: 100%;height: 100%;border-radius: 10px;}
.app-content-page .app-content-wrap .app-listing-panel .app-top-panel .swiper-slide{width: 100%;height: 100%;position: relative;border-radius: 10px;}
.app-content-page .app-content-wrap .app-listing-panel .app-top-panel .swiper-slide > img{width: 100%;height: 120px;border-radius: 10px;object-fit: cover;object-position: center;display: block;}
.app-content-page .app-content-wrap .app-listing-panel .app-top-panel .swiper-slide .title-overlay{position: absolute;bottom: 0;left: 0;border-radius: 0 0 10px 10px;height: 28px;width: 100%;background: linear-gradient(90deg, rgba(0, 0, 0, 0.4) 27.88%, rgba(102, 102, 102, 0.4) 100%); padding: 0 6px;display: flex;align-items: center;}
.app-content-page .app-content-wrap .app-listing-panel .app-top-panel .swiper-slide .title-overlay p{font-size: 16px;font-weight: bold;color: #FFFFFF;max-width: 160px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.app-content-page .app-content-wrap .app-listing-panel .app-top-panel .swiper-slide-count{position: absolute;bottom: 2px;right: 6px;font-size: 15px;color: #ffffff;display: flex;align-items: flex-end;z-index: 1;font-style: italic;}
.app-content-page .app-content-wrap .app-listing-panel .app-top-panel .swiper-slide-count span{color: #27F2B2;font-size: 20px;font-weight: bold;margin-right: 3px;}
.app-content-page .app-content-wrap .app-listing-panel .app-top-panel .top-app-detail{display: flex;flex-direction: column;row-gap: 6px;}
.app-content-page .app-content-wrap .app-listing-panel .app-top-panel .top-app-detail .top-app-title{display: flex;align-items: center;column-gap: 8px;}
.app-content-page .app-content-wrap .app-listing-panel .app-top-panel .top-app-detail .top-app-title h1{font-size: 20px;color: #000000D9;font-weight: bold;line-height: 28px;max-width: 250px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.app-content-page .app-content-wrap .app-listing-panel .app-top-panel .top-app-detail .top-app-title .tag-list{display: flex;align-items: center;column-gap: 9px;}
.app-content-page .app-content-wrap .app-listing-panel .app-top-panel .top-app-detail .top-app-title .tag-list a{height: 22px;line-height: 22px;width: fit-content;padding: 0 6px;text-align: center;border-radius: 5px;font-size: 12px;white-space: nowrap;}
.app-content-page .app-content-wrap .app-listing-panel .app-top-panel .top-app-detail .top-app-title .tag-list a:nth-child(4n + 1){background-color: #DFFDF7;color: #0EC9A3;}
.app-content-page .app-content-wrap .app-listing-panel .app-top-panel .top-app-detail .top-app-title .tag-list a:nth-child(4n + 2){background-color: #FFEFE8;color: #FF793F;}
.app-content-page .app-content-wrap .app-listing-panel .app-top-panel .top-app-detail .top-app-title .tag-list a:nth-child(4n + 3){background-color: #EDF4FF;color: #4690FF;}
.app-content-page .app-content-wrap .app-listing-panel .app-top-panel .top-app-detail .top-app-title .tag-list a:nth-child(4n + 4){background-color: #FFF5D8;color: #FFA220;}
.app-content-page .app-content-wrap .app-listing-panel .app-top-panel .top-app-detail a.content{font-size: 15px;color: #333333;line-height: 24px;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow:hidden;}

.app-content-page .app-content-wrap .app-listing-panel .category-panel{display: flex;flex-wrap: wrap;gap: 16px;margin: 28px 0;}
.app-content-page .app-content-wrap .app-listing-panel .category-panel a{width: 112px;flex: 0 0 112px;max-width: 112px;height: 35px;background-color: #F9F9F9;border-radius: 10px;border: 1px solid #EAEAEA;text-align: center;padding: 0 10px;line-height: 33px;font-size: 16px;color: #949494;font-weight: 500;}
.app-content-page .app-content-wrap .app-listing-panel .category-panel a.active{background: linear-gradient(96.21deg, #AFF8E9 -8.7%, #58F0A9 42.31%, #41E0C0 107.73%);font-weight: bold;color: #ffffff;box-shadow: 3px 4px 4.3px 0px #0EC9A321;border:1px solid transparent;}

.app-content-page .app-content-wrap .app-listing-panel .app-listing{display: flex;flex-wrap: wrap;column-gap: 24px;row-gap: 15px;}
.app-content-page .app-content-wrap .app-listing-panel .app-listing .appWrap{width: 364px;flex: 0 0 364px;max-width: 364px;height: 110px;border: 1px solid transparent;border-radius: 25px;display: flex;align-items: center;column-gap: 14px;padding: 0 17px 0 14px;transition: box-shadow .3s ease;}
.app-content-page .app-content-wrap .app-listing-panel .app-listing .appWrap .imgWrap{width: 80px;height: 80px;flex: 0 0 80px;max-width: 80px;border-radius: 20px;}
.app-content-page .app-content-wrap .app-listing-panel .app-listing .appWrap .imgWrap img{width: 100%;height: 100%;border-radius: 20px;object-fit: cover;object-position: center;}
.app-content-page .app-content-wrap .app-listing-panel .app-listing .appWrap .detailWrap{display: flex;flex-direction: column;row-gap: 7px;max-width: 175px;}
.app-content-page .app-content-wrap .app-listing-panel .app-listing .appWrap .detailWrap h4{font-size: 18px;font-weight: bold;line-height: 24px;color: #0F0F0F;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.app-content-page .app-content-wrap .app-listing-panel .app-listing .appWrap .detailWrap .typeSize{display: flex;align-items: center;column-gap: 8px;font-size: 14px;color: #333333;}
.app-content-page .app-content-wrap .app-listing-panel .app-listing .appWrap .detailWrap .typeSize i{width: 1px;height: 14px;background-color: #333333;transform: rotate(25deg);}
.app-content-page .app-content-wrap .app-listing-panel .app-listing .appWrap .detailWrap .dateUpdate{display: flex;align-items: center;column-gap: 5px;}
.app-content-page .app-content-wrap .app-listing-panel .app-listing .appWrap .detailWrap .dateUpdate img{width: 15px;height: auto;object-fit: cover;object-position: center;}
.app-content-page .app-content-wrap .app-listing-panel .app-listing .appWrap .detailWrap .dateUpdate span{font-size: 14px;color: #333333;}
.app-content-page .app-content-wrap .app-listing-panel .app-listing .appWrap .viewNowBtn{width: 58px;flex: 0 0 58px;max-width: 58px;height: 23px;line-height: 21px;text-align: center;padding: 0 3px;border: 1px solid #0EC9A3;border-radius: 8px;font-size: 12px;font-weight: 500;color: #0EC9A3;margin-left: auto;}
.app-content-page .app-content-wrap .app-listing-panel .app-listing .appWrap:hover{cursor: pointer;border: 1px solid #0EC9A34D;background-color: #F6FFFC;box-shadow: 3px 3px 8.1px 0px #46E0B03D; }
.app-content-page .app-content-wrap .app-listing-panel .app-listing .appWrap:hover .viewNowBtn{background: linear-gradient(98.94deg, #0EC9A3 0%, #41E0C0 72.6%);border: 1px solid transparent;font-weight: bold;color: #FFFFFF;}

.app-content-page .app-content-wrap .app-side-panel{width: 385px;flex: 0 0 385px;max-width: 385px;display: flex;flex-direction: column;row-gap: 20px;}
.app-content-page .app-content-wrap .app-side-panel .recommend-download-panel{box-shadow: 0px 0px 6px 0px #50D5AD1A; border-radius: 10px;padding: 16px 12px 22px;background-color: #FFFFFF;}
.app-content-page .app-content-wrap .app-side-panel .recommend-download-panel .side-title-wrap{padding-left: 10px;}
.app-content-page .app-content-wrap .app-side-panel .recommend-download-panel .side-title-wrap .side-title .gradient-text{right: -60px;}
.app-content-page .app-content-wrap .app-side-panel .recommend-download-panel .side-app-list{margin-top: 24px;display: flex;flex-wrap: wrap;row-gap: 10px;}
.app-content-page .app-content-wrap .app-side-panel .recommend-download-panel .side-app-list a{display: flex;align-items: center;width: 180px;flex: 0 0 180px;max-width: 180px;height: 76px;border-radius: 15px;border: 1px solid transparent;padding: 0 10px;column-gap: 8px;}
.app-content-page .app-content-wrap .app-side-panel .recommend-download-panel .side-app-list a > img{width: 58px;flex: 0 0 58px;max-width: 58px;height: 58px;border-radius: 15px;}
.app-content-page .app-content-wrap .app-side-panel .recommend-download-panel .side-app-list a .detailWrap{display: flex;flex-direction: column;row-gap: 4px;overflow: hidden;}
.app-content-page .app-content-wrap .app-side-panel .recommend-download-panel .side-app-list a .detailWrap h4{font-size: 16px;line-height: 22px;font-weight: bold;color: #0F0F0F;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.app-content-page .app-content-wrap .app-side-panel .recommend-download-panel .side-app-list a .detailWrap p{font-size: 14px;color: #333333;line-height: 16px;}
.app-content-page .app-content-wrap .app-side-panel .recommend-download-panel .side-app-list a:hover{border: 1px solid #0EC9A34D;background: #F6FFFC; box-shadow: 3px 3px 8.1px 0px #46E0B03D; }

.app-content-page .app-content-wrap .app-side-panel .side-rank-panel{box-shadow: 0px 0px 6px 0px #50D5AD1A; border-radius: 10px;padding: 16px 12px 22px;background-color: #FFFFFF;}
.app-content-page .app-content-wrap .app-side-panel .side-rank-panel .side-title-wrap{padding-left: 10px;}
.app-content-page .app-content-wrap .app-side-panel .side-rank-panel .side-title-wrap .side-title .gradient-text{right: -68px;}
.app-content-page .app-content-wrap .app-side-panel .side-rank-panel .side-rank-list{display: flex;flex-direction: column;margin-top: 24px;}
.app-content-page .app-content-wrap .app-side-panel .side-rank-panel .side-rank-list .sideRankWrap{display: flex;align-items: center;padding: 18px 22px 18px 17px;}
.app-content-page .app-content-wrap .app-side-panel .side-rank-panel .side-rank-list .sideRankWrap .rankNo{width: 20px;height: 20px;background-image: url(../images/home/1.webp);background-position: center;background-repeat: no-repeat;background-size: cover;flex: 0 0 20px;max-width: 20px;margin-right: 15px;}
.app-content-page .app-content-wrap .app-side-panel .side-rank-panel .side-rank-list .sideRankWrap:nth-child(1) .rankNo{background-size: 7px 20px;}
.app-content-page .app-content-wrap .app-side-panel .side-rank-panel .side-rank-list .sideRankWrap:nth-child(2) .rankNo{background-image: url(../images/home/2.webp);background-size: 10px 20px;}
.app-content-page .app-content-wrap .app-side-panel .side-rank-panel .side-rank-list .sideRankWrap:nth-child(3) .rankNo{background-image: url(../images/home/3.webp);background-size: 10px 20px;}
.app-content-page .app-content-wrap .app-side-panel .side-rank-panel .side-rank-list .sideRankWrap:nth-child(4) .rankNo{background-image: url(../images/home/4.webp);background-size: 10px 20px;}
.app-content-page .app-content-wrap .app-side-panel .side-rank-panel .side-rank-list .sideRankWrap:nth-child(5) .rankNo{background-image: url(../images/home/5.webp);background-size: 10px 20px;}
.app-content-page .app-content-wrap .app-side-panel .side-rank-panel .side-rank-list .sideRankWrap:nth-child(6) .rankNo{background-image: url(../images/home/6.webp);background-size: 10px 20px;}
.app-content-page .app-content-wrap .app-side-panel .side-rank-panel .side-rank-list .sideRankWrap:nth-child(7) .rankNo{background-image: url(../images/home/7.webp);background-size: 10px 20px;}
.app-content-page .app-content-wrap .app-side-panel .side-rank-panel .side-rank-list .sideRankWrap:nth-child(8) .rankNo{background-image: url(../images/home/8.webp);background-size: 10px 20px;}
.app-content-page .app-content-wrap .app-side-panel .side-rank-panel .side-rank-list .sideRankWrap:nth-child(9) .rankNo{background-image: url(../images/home/9.webp);background-size: 10px 20px;}
.app-content-page .app-content-wrap .app-side-panel .side-rank-panel .side-rank-list .sideRankWrap:nth-child(10) .rankNo{background-image: url(../images/home/10.webp);background-size: 20px 20px;}
.app-content-page .app-content-wrap .app-side-panel .side-rank-panel .side-rank-list .sideRankWrap .imgWrap{width: 50px;flex: 0 0 50px;max-width: 50px;height: 50px;margin-right: 16px;}
.app-content-page .app-content-wrap .app-side-panel .side-rank-panel .side-rank-list .sideRankWrap .imgWrap img{width: 100%;height: 100%;border-radius: 15px;object-fit: cover;object-position: center);}
.app-content-page .app-content-wrap .app-side-panel .side-rank-panel .side-rank-list .sideRankWrap .detailWrap{display: flex;flex-direction: column;row-gap: 9px;overflow: hidden;}
.app-content-page .app-content-wrap .app-side-panel .side-rank-panel .side-rank-list .sideRankWrap .detailWrap h4{font-size: 16px;line-height: 22px;font-weight: 500;color: #0F0F0F;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.app-content-page .app-content-wrap .app-side-panel .side-rank-panel .side-rank-list .sideRankWrap .detailWrap p{display: flex; align-items: center; column-gap: 8px; font-size: 14px; color: #333333;}
.app-content-page .app-content-wrap .app-side-panel .side-rank-panel .side-rank-list .sideRankWrap .detailWrap p i{width: 1px; height: 14px; background-color: #333333; transform: rotate(25deg);}
.app-content-page .app-content-wrap .app-side-panel .side-rank-panel .side-rank-list .sideRankWrap .viewNowBtn{width: 58px; flex: 0 0 58px; max-width: 58px; height: 23px; line-height: 21px; text-align: center; padding: 0 3px; border: 1px solid #0EC9A3; border-radius: 8px; font-size: 12px; font-weight: 500; color: #0EC9A3; margin-left: auto;opacity: 0;visibility: hidden;transition: opacity .3s ease;}
.app-content-page .app-content-wrap .app-side-panel .side-rank-panel .side-rank-list .sideRankWrap:hover{background-color: #F1FFF9;box-shadow: 0px 4px 10.6px 0px #D2FFEF; }
.app-content-page .app-content-wrap .app-side-panel .side-rank-panel .side-rank-list .sideRankWrap:hover .viewNowBtn{opacity: 1;visibility: visible;background: linear-gradient(98.94deg, #0EC9A3 0%, #41E0C0 72.6%); border: 1px solid transparent; font-weight: bold; color: #FFFFFF;}