.top-content-page .top-content-wrap{margin-top: 24px;display: flex;align-items: flex-start;justify-content: space-between;}
.top-content-page .top-content-wrap .top-listing-panel{width: 794px;flex: 0 0 794px;max-width: 794px;border-radius: 0 0 10px 10px;}
.top-content-page .top-content-wrap .top-listing-panel .top-tabs{display: flex;align-items: center;justify-content: space-between;}
.top-content-page .top-content-wrap .top-listing-panel .top-tabs li{display: flex;align-items: center;justify-content: center;column-gap: 8px;width: 260px;flex: 0 0 260px;max-width: 260px;height: 60px;background-color: #F5FFFF;cursor: pointer;}
.top-content-page .top-content-wrap .top-listing-panel .top-tabs li p{font-size: 20px;line-height: 28px;color: #949494;}
.top-content-page .top-content-wrap .top-listing-panel .top-tabs li:nth-child(1) img{width: 32px;height: auto;object-fit: cover;object-position: center;}
.top-content-page .top-content-wrap .top-listing-panel .top-tabs li:nth-child(2) img{width: 23px;height: auto;object-fit: cover;object-position: center;}
.top-content-page .top-content-wrap .top-listing-panel .top-tabs li:nth-child(3) img{width: 25px;height: auto;object-fit: cover;object-position: center;}
.top-content-page .top-content-wrap .top-listing-panel .top-tabs li:nth-child(1).active{background-color: #FFFBF2;}
.top-content-page .top-content-wrap .top-listing-panel .top-tabs li:nth-child(2).active{background-color: #EFF5FF;}
.top-content-page .top-content-wrap .top-listing-panel .top-tabs li:nth-child(3).active{background-color: #EBFFFC;}
.top-content-page .top-content-wrap .top-listing-panel .top-tabs li:nth-child(1).active p{font-weight: bold;color: #FFAA32;}
.top-content-page .top-content-wrap .top-listing-panel .top-tabs li:nth-child(2).active p{font-weight: bold;color: #4690FF;}
.top-content-page .top-content-wrap .top-listing-panel .top-tabs li:nth-child(3).active p{font-weight: bold;color: #0EC9A3;}
.top-content-page .top-content-wrap .top-listing-panel .top-tabs li:nth-child(1).active img{filter: brightness(0) saturate(100%) invert(71%) sepia(76%) saturate(614%) hue-rotate(332deg) brightness(101%) contrast(101%);}
.top-content-page .top-content-wrap .top-listing-panel .top-tabs li:nth-child(2).active img{filter: brightness(0) saturate(100%) invert(48%) sepia(77%) saturate(1909%) hue-rotate(197deg) brightness(100%) contrast(103%);}
.top-content-page .top-content-wrap .top-listing-panel .top-tabs li:nth-child(3).active img{filter: brightness(0) saturate(100%) invert(73%) sepia(23%) saturate(5385%) hue-rotate(118deg) brightness(91%) contrast(89%);}
.top-content-page .top-content-wrap .top-listing-panel .top-listing{display: none;background-color: #ffffff;box-shadow: 0px 0px 6px 0px #50D5AD1A;padding: 0 20px;flex-direction: column;}
.top-content-page .top-content-wrap .top-listing-panel .top-listing.active{display: flex;}
.top-content-page .top-content-wrap .top-listing-panel .top-listing .topWrap{display: flex;align-items: center;column-gap: 14px;padding: 30px 0;position: relative;border-bottom: 1px solid #94F8E3;cursor: pointer;}
.top-content-page .top-content-wrap .top-listing-panel .top-listing .topWrap .rankNo{width: 32px;height: 36px;background-image: url(../images/home/rank1.webp);background-position: center;background-repeat: no-repeat;background-size: cover;flex: 0 0 32px;max-width: 32px;}
.top-content-page .top-content-wrap .top-listing-panel .top-listing .topWrap:nth-child(2) .rankNo{background-image: url(../images/home/rank2.webp);}
.top-content-page .top-content-wrap .top-listing-panel .top-listing .topWrap:nth-child(3) .rankNo{background-image: url(../images/home/rank3.webp);}
.top-content-page .top-content-wrap .top-listing-panel .top-listing .topWrap:nth-child(4) .rankNo{background-image: url(../images/home/4.webp);background-size: 14px 30px;}
.top-content-page .top-content-wrap .top-listing-panel .top-listing .topWrap:nth-child(5) .rankNo{background-image: url(../images/home/5.webp);background-size: 14px 30px;}
.top-content-page .top-content-wrap .top-listing-panel .top-listing .topWrap:nth-child(6) .rankNo{background-image: url(../images/home/6.webp);background-size: 14px 30px;}
.top-content-page .top-content-wrap .top-listing-panel .top-listing .topWrap:nth-child(7) .rankNo{background-image: url(../images/home/7.webp);background-size: 14px 30px;}
.top-content-page .top-content-wrap .top-listing-panel .top-listing .topWrap:nth-child(8) .rankNo{background-image: url(../images/home/8.webp);background-size: 14px 30px;}
.top-content-page .top-content-wrap .top-listing-panel .top-listing .topWrap:nth-child(9) .rankNo{background-image: url(../images/home/9.webp);background-size: 14px 30px;}
.top-content-page .top-content-wrap .top-listing-panel .top-listing .topWrap:nth-child(10) .rankNo{background-image: url(../images/home/10.webp);background-size: 25px 30px;}
.top-content-page .top-content-wrap .top-listing-panel .top-listing .topWrap .imgWrap{width: 90px;flex: 0 0 90px;max-width: 90px;height: 90px;}
.top-content-page .top-content-wrap .top-listing-panel .top-listing .topWrap .imgWrap img{width: 100%;height: 100%;border-radius: 20px;object-fit: cover;object-position: center;}
.top-content-page .top-content-wrap .top-listing-panel .top-listing .topWrap .detailWrap{display: flex;flex-direction: column;row-gap: 6px;overflow: hidden;}
.top-content-page .top-content-wrap .top-listing-panel .top-listing .topWrap .detailWrap h4{font-size: 20px;line-height: 28px;font-weight: bold;color: #0F0F0F;max-width: 500px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.top-content-page .top-content-wrap .top-listing-panel .top-listing .topWrap .detailWrap .typeSize{display: flex;align-items: center;column-gap: 8px;font-size: 14px;color: #333333;}
.top-content-page .top-content-wrap .top-listing-panel .top-listing .topWrap .detailWrap .typeSize i{width: 1px;height: 14px;background-color: #333333;transform: rotate(25deg);}
.top-content-page .top-content-wrap .top-listing-panel .top-listing .topWrap .detailWrap p.content{font-size: 14px;line-height: 18px;color: #333333;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.top-content-page .top-content-wrap .top-listing-panel .top-listing .topWrap .viewNowBtn{position: absolute;top: 20px;right: -24px;display: flex;align-items: center;column-gap: 5px;width: 102px;height: 31px;justify-content: center;border-radius: 50px 0 0 50px;background: linear-gradient(93.27deg, #0EC9A3 -9.84%, #55DFC3 119.29%);opacity: 0;visibility: hidden;transition: opacity .3s ease;}
.top-content-page .top-content-wrap .top-listing-panel .top-listing .topWrap .viewNowBtn img{width: 14px;height: auto;object-fit: cover;object-position: center;}
.top-content-page .top-content-wrap .top-listing-panel .top-listing .topWrap .viewNowBtn p{font-size: 14px;font-weight: 500;color: #FFFFFF;margin-top: -2px;}
.top-content-page .top-content-wrap .top-listing-panel .top-listing .topWrap .viewNowBtn::after{content: "";position: absolute;right: 0;bottom: -4px;width: 4px;height: 4px;background-color: #ADF5E7;clip-path: polygon(0 0, 0% 100%, 100% 0);}
.top-content-page .top-content-wrap .top-listing-panel .top-listing .topWrap:hover{background-color: #F5FFFC;}
.top-content-page .top-content-wrap .top-listing-panel .top-listing .topWrap:hover .detailWrap h4{color: #0EC9A3;}
.top-content-page .top-content-wrap .top-listing-panel .top-listing .topWrap:hover .viewNowBtn{opacity: 1;visibility: visible;}
.top-content-page .top-content-wrap .top-listing-panel .pagination{margin-top: 0;background-color: #ffffff;border-radius: 0 0 10px 10px;padding-top: 20px;padding-bottom: 30px;}

.top-content-page .top-content-wrap .top-side-panel{width: 385px;flex: 0 0 385px;max-width: 385px;display: flex;flex-direction: column;row-gap: 20px;}
.top-content-page .top-content-wrap .top-side-panel .recommend-download-panel{box-shadow: 0px 0px 6px 0px #50D5AD1A; border-radius: 10px;padding: 16px 12px 22px;background-color: #FFFFFF;}
.top-content-page .top-content-wrap .top-side-panel .recommend-download-panel .side-title-wrap{padding-left: 10px;}
.top-content-page .top-content-wrap .top-side-panel .recommend-download-panel .side-title-wrap .side-title .gradient-text{right: -60px;}
.top-content-page .top-content-wrap .top-side-panel .recommend-download-panel .side-app-list{margin-top: 24px;display: flex;flex-wrap: wrap;row-gap: 10px;}
.top-content-page .top-content-wrap .top-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;}
.top-content-page .top-content-wrap .top-side-panel .recommend-download-panel .side-app-list a > img{width: 58px;flex: 0 0 58px;max-width: 58px;height: 58px;border-radius: 15px;}
.top-content-page .top-content-wrap .top-side-panel .recommend-download-panel .side-app-list a .detailWrap{display: flex;flex-direction: column;row-gap: 4px;overflow: hidden;}
.top-content-page .top-content-wrap .top-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;}
.top-content-page .top-content-wrap .top-side-panel .recommend-download-panel .side-app-list a .detailWrap p{font-size: 14px;color: #333333;line-height: 16px;}
.top-content-page .top-content-wrap .top-side-panel .recommend-download-panel .side-app-list a:hover{border: 1px solid #0EC9A34D;background: #F6FFFC; box-shadow: 3px 3px 8.1px 0px #46E0B03D; }