.rank-content-page .rank-tabs{margin-top: 2.375rem;display: flex;align-items: center;justify-content: center;column-gap: 11.25rem;}
.rank-content-page .rank-tabs li, .rank-content-page h1{font-size: 1.75rem;color: #060D1F;position: relative;z-index: 1;}
.rank-content-page .rank-tabs li.active, .rank-content-page h1{font-weight: bold;font-size: 2rem;}
.rank-content-page .rank-tabs li.active::after, .rank-content-page h1::after{content: "";position: absolute;bottom: 0.125rem;left: 0;width: 8.75rem;height: 0.625rem;border-radius: 0.315rem;background: linear-gradient( 90deg, rgb(84,197,255) 0%, rgba(84,197,255,0) 100%);z-index: -1;}
.rank-content-page .top-content-wrap{margin-top: 2.375rem;}
.rank-content-page h1{cursor: unset;}
.rank-content-page .rank-listing-panel, .rank-content-page .rank-list-wrap {position: relative;margin-top: 1.375rem;}
.rank-content-page .rank-listing, .rank-content-page .rank-list-wrap .rank-listing{display: none;flex-direction: column;}
.rank-content-page .rank-listing.active, .rank-content-page .rank-list-wrap .rank-listing{display: flex;}
.rank-content-page .rank-listing .rankWrap{display: flex;align-items: center;column-gap: 1.25rem;position: relative;padding: 1rem 0;}
.rank-content-page .rank-listing .rankWrap::after{content: "";position: absolute;bottom: 0;right: 0;width: calc(100% - 8.75rem);height: 1px;background-color: #EEEEEE;}
.rank-content-page .rank-listing .rankWrap .imgWrap{width: 7.5rem;flex: 0 0 7.5rem;max-width: 7.5rem;height: 7.5rem;border-radius: 1.5rem;}
.rank-content-page .rank-listing .rankWrap .imgWrap img{width: 100%;height: 100%;object-fit: cover;object-position: center;border-radius: 1.5rem;}
.rank-content-page .rank-listing .rankWrap .detailWrap{display: flex;flex: 1;flex-shrink: 0;flex-direction: column;row-gap: 0.5rem;overflow: hidden;}
.rank-content-page .rank-listing .rankWrap .detailWrap .nameWrap{display: flex;align-items: center;column-gap: 0.5rem;overflow: hidden;}
.rank-content-page .rank-listing .rankWrap .detailWrap .nameWrap .rankNo{font-size: 1.75rem;font-weight: 500;color: #54C5FF;line-height: 2.5rem;}
.rank-content-page .rank-listing .rankWrap .detailWrap .nameWrap .appName{flex: 1;flex-shrink: 0;font-size: 1.75rem;color: #060D1F;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-weight: 500;line-height: 2.5rem;}
.rank-content-page .rank-listing .rankWrap:nth-child(1) .detailWrap .nameWrap .rankNo{color: #FA4726;}
.rank-content-page .rank-listing .rankWrap:nth-child(2) .detailWrap .nameWrap .rankNo{color: #FA4726;;}
.rank-content-page .rank-listing .rankWrap:nth-child(3) .detailWrap .nameWrap .rankNo{color: #FA4726;;}
.rank-content-page .rank-listing .rankWrap:nth-child(4) .detailWrap .nameWrap .rankNo{color: #FA4726;;}
.rank-content-page .rank-listing .rankWrap:nth-child(5) .detailWrap .nameWrap .rankNo{color: #FA4726;;}
.rank-content-page .rank-listing .rankWrap .detailWrap .infoWrap{display: flex;align-items: center;column-gap: 0.625rem;}
.rank-content-page .rank-listing .rankWrap .detailWrap .infoWrap a, .rank-content-page .rank-listing .rankWrap .detailWrap .infoWrap p{font-size: 1.5rem;color: #999999;line-height: 2rem;}
.rank-content-page .rank-listing .rankWrap .detailWrap .infoWrap i{width: 0.25rem;height: 0.25rem;background-color: #999999;border-radius: 50%;}
.rank-content-page .rank-listing .rankWrap .detailWrap .appContent{font-size: 1.25rem;color: #999999;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.rank-content-page .rank-listing .rankWrap .viewBtn{width: 5.5rem;height: 3rem;flex: 0 0 5.5rem;max-width: 5.5rem;border-radius: 1.5rem;text-align: center;line-height: 3rem;background-color: #54C5FF;font-size: 1.5rem;color: #ffffff;}

.rank-content-page .rank-type-panel{margin-top: 2.5rem;display: flex;align-items: flex-start;column-gap: 3.75rem;flex-wrap: nowrap;overflow-x: scroll;}
.rank-content-page .rank-type-panel::-webkit-scrollbar{height: 0;}
.rank-content-page .rank-type-panel .rank-column{width: 22.5rem;flex: 0 0 22.5rem;max-width: 22.5rem;display: flex;flex-direction: column;}
.rank-content-page .rank-type-panel .rank-column .titleWrap h2{padding-left: 2.5rem;position: relative;}
.rank-content-page .rank-type-panel .rank-column .titleWrap h2::before{content: "";position: absolute;top: 50%;transform: translateY(-50%);left: 0;width: 2rem;height: 2rem;}
.rank-content-page .rank-type-panel .rank-column.gameRank .titleWrap h2::before{background-image: url(../images/top/gameRankIcon.webp);background-position: center;background-repeat: no-repeat;background-size: contain;}
.rank-content-page .rank-type-panel .rank-column.hotRank .titleWrap h2::before{background-image: url(../images/top/hotRankIcon.webp);background-position: center;background-repeat: no-repeat;background-size: contain;}
.rank-content-page .rank-type-panel .rank-column.downloadRank .titleWrap h2::before{background-image: url(../images/top/downloadRankIcon.webp);background-position: center;background-repeat: no-repeat;background-size: contain;}
.rank-content-page .rank-type-panel .rank-column.appRank .titleWrap h2::before{background-image: url(../images/top/appRankIcon.webp);background-position: center;background-repeat: no-repeat;background-size: contain;}
.rank-content-page .rank-type-panel .rank-column .app-listing{display: flex;flex-direction: column;row-gap: 1.75rem;margin-top: 1.5rem;}
.rank-content-page .rank-type-panel .rank-column .app-listing .appWrap{display: flex;align-items: center;column-gap: 1.375rem;overflow: hidden;}
.rank-content-page .rank-type-panel .rank-column .app-listing .appWrap .imgWrap{width: 6.25rem;height: 6.25rem;flex: 0 0 6.25rem;max-width: 6.25rem;}
.rank-content-page .rank-type-panel .rank-column .app-listing .appWrap .imgWrap img{width: 100%;height: 100%;object-fit: cover;object-position: center;border-radius: 1.5rem;}
.rank-content-page .rank-type-panel .rank-column .app-listing .appWrap .detailWrap{display: flex;flex-direction: column;row-gap: 0.125rem;flex: 1;flex-shrink: 0;overflow: hidden;}
.rank-content-page .rank-type-panel .rank-column .app-listing .appWrap .detailWrap .nameWrap{display: flex;align-items: center;column-gap: 0.5rem;}
.rank-content-page .rank-type-panel .rank-column .app-listing .appWrap .detailWrap .nameWrap .rankNo{font-size: 1.75rem;color: #FA4726;line-height: 2.5rem;font-weight: 500;}
.rank-content-page .rank-type-panel .rank-column .app-listing .appWrap .detailWrap .appName{font-size: 1.75rem;line-height: 2.5rem;color: #091F17;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;flex: 1;flex-shrink: 0;font-weight: 500;}
.rank-content-page .rank-type-panel .rank-column .app-listing .appWrap .detailWrap > p, .rank-content-page .rank-type-panel .rank-column .app-listing .appWrap .detailWrap > a{font-size: 1.5rem;color: #999999;}

.rank-content-page .topic-panel{margin-top: 2.5rem;}
.rank-content-page .topic-panel .topic-listing {margin-top: 1.25rem;display: flex;flex-direction: column;row-gap: 1.75rem;overflow: hidden;}
.rank-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;}
.rank-content-page .topic-panel .topic-listing .topic-list-row:nth-child(2){animation: marquee 18s linear infinite;}
.rank-content-page .topic-panel .topic-listing .topic-list-row:nth-child(3){animation: marquee 16s linear infinite;}
.rank-content-page .topic-panel .topic-listing .topic-list-row::-webkit-scrollbar{height: 0;}
.rank-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;}
.rank-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%;}
.rank-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%;}
.rank-content-page .topic-panel .topic-listing .topic-list-row .topicWrap .topicName{font-size: 1.5rem;color: #060D1F;line-height: 1.25;}