.top-ranking-panel{margin-top: 1.25rem;}
.top-ranking-panel .topWrap{display: flex;flex-direction: column;row-gap: 1.5rem;}
.top-ranking-panel .topWrap .top-tab-banner{background-image: url(../images/top/rank-banner.png);background-repeat: no-repeat;background-size: cover;border-radius: 0.75rem;width: 100%;height: 10.5rem;position: relative;overflow: hidden;display: flex;justify-content: center;flex-direction: column;}
.top-ranking-panel .topWrap .top-tab-banner::before{content: '';display: block;width: 7.0154rem;
    height: 8.899rem;background: url("../images/top/banner-icon-left.png") no-repeat;left: 0.5rem;position: absolute;background-size:7.0154rem 8.899rem; }
.top-ranking-panel .topWrap .top-tab-banner::after{    content: '';
    display: block;
    width: 10.791rem;
    height: 11.543rem;
    background: url(../images/top/banner-icon-right.png) no-repeat;
    right: 2rem;
    position: absolute;
    background-size: 10.791rem 11.543rem;
    top: 2rem;}
.top-ranking-panel .topWrap .top-tab-banner > h1{width: 25.5rem;height: 3.125rem;display: block;margin: 0 auto;text-align: center;color: #fff;font-size:2.25rem;;    text-shadow: 0px 4px 2px rgba(61, 33, 19, 0.2);
    position: relative;}
.top-ranking-panel .topWrap .top-tab-banner > span{    text-align: center;
    color: #802D0F;    font-size: 1.5rem;}
/*.top-ranking-panel .topWrap .top-tab-banner > h1::before{    position: absolute;
    content: "";
    background-image: url(../images/top/banner-title-icon.png);
    width: 64px;
    height: 65px;
    display: block;
    top: -22px;
    left: -25px;}*/


.top-ranking-panel .topWrap .top-tab-banner .banner-icon-left{position: absolute;width: 8.563rem;height: auto;display: block;left: 0.5rem;}
.top-ranking-panel .topWrap .top-tab-banner .title-img{width: 25.5rem;height: 3.125rem;display: block;margin: 0 auto;background-image: url(../images/top/top-title.png);background-size: cover;background-repeat: no-repeat;position: relative;}
.top-ranking-panel .topWrap .top-tab-banner .top-tab-list{display: flex;align-items: center;justify-content: center;column-gap: 1.75rem;padding: 0 2.375rem;height: 3.125rem;background-color: #B2472D4D;border-radius: 0.31rem;width: 28.125rem;margin: 0.5rem auto 0;}
.top-ranking-panel .topWrap .top-tab-banner .top-tab-list a{font-size: 1.5rem;color: #802D0F;font-weight: 700;}
.top-ranking-panel .topWrap .top-tab-banner .top-tab-list a.active{color: #FFFFFFCC;}
.top-ranking-panel .topWrap .top-tab-banner .title-img::after{position: absolute;content: "";background-image: url(../images/top/banner-title-icon.png);width: 4rem;height: 4.063rem;background-size: cover;background-repeat: no-repeat;right: -2.875rem; top: -3rem;}

.hot-rank-panel{display: flex;align-items: center;justify-content: space-between;overflow-x: scroll;column-gap: 1.25rem;}
.hot-rank-panel::-webkit-scrollbar{height: 0;}
.hot-rank-panel .hot-rank-column{width: 17.75rem;max-width: 17.75rem;flex: 0 0 17.75rem;background-color: #ffffff;border-radius: 0.75rem;padding: 1.25rem;display: flex;flex-direction: column;border: 1px solid #EEEEEE;}
.hot-rank-panel .hot-rank-column .hot-rank-title{position: relative;font-size: 1.75rem;color: #404040;text-align: center;margin: 0 auto 1.125rem;width: fit-content;}
.hot-rank-panel .hot-rank-column .hot-rank-title::before{position: absolute;content: "";width: 0.75rem;height: 0.75rem;border-radius: 50%;background-color: #D2D2D2;top: 50%;transform: translateY(-50%);left: -1.75rem;}
.hot-rank-panel .hot-rank-column .hot-rank-title::after{position: absolute;content: "";width: 0.75rem;height: 0.75rem;border-radius: 50%;background-color: #D2D2D2;top: 50%;transform: translateY(-50%);right: -1.75rem;}
.hot-rank-panel .hot-rank-column .hot-rank-title span{display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;max-width: 10rem;}
.hot-rank-panel .hot-rank-column .hot-rank-title span::before{position: absolute;content: "";width: 0.5rem;height: 0.5rem;border-radius: 50%;background-color: #D2D2D2;top: 50%;transform: translateY(-50%);left: -3.125rem;}
.hot-rank-panel .hot-rank-column .hot-rank-title span::after{position: absolute;content: "";width: 0.5rem;height: 0.5rem;border-radius: 50%;background-color: #D2D2D2;top: 50%;transform: translateY(-50%);right: -3.125rem;}
.hot-rank-panel .hot-rank-column .hot-rank-list{display: flex;flex-direction: column;row-gap: 0.875rem;}
.hot-rank-panel .hot-rank-column .hot-rank-list a{display: flex;align-items: center;}
.hot-rank-panel .hot-rank-column .hot-rank-list a::before{content: '';display:block;width: 1.75rem;height: 2.375rem;margin-right: 1.25rem;background: url("../images/top/1.png") no-repeat;background-size:1.75rem 2.375rem;}
.hot-rank-panel .hot-rank-column .hot-rank-list > a:nth-child(1)::before{background-image:  url(../images/top/1.png);}
.hot-rank-panel .hot-rank-column .hot-rank-list > a:nth-child(2)::before{background-image:  url(../images/top/2.png);}
.hot-rank-panel .hot-rank-column .hot-rank-list > a:nth-child(3)::before{background-image:  url(../images/top/3.png);}

.hot-rank-panel .hot-rank-column .hot-rank-list a > img{width: 1.75rem;height: 2.375rem;display: block;object-fit: cover;margin-right: 1.25rem;}
.hot-rank-panel .hot-rank-column .hot-rank-list a p.name{font-size: 1.5rem;color: #666666;width: 11.625rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.hot-rank-panel .hot-rank-column .viewMore{color: #CCCCCC;font-size: 1.5rem;margin: 0.75rem auto 0;display: flex;align-items: center;}
.hot-rank-panel .hot-rank-column .viewMore::after{content: '>>';font-size: 1.2rem;color: #CCCCCC;margin-left: .5rem;position: relative;top: -.1rem;}
.hot-rank-panel .hot-rank-column .viewMore i{font-size: 1.75rem;color: #CCCCCC;}

.rank-list-panel{display: flex;background-color: #FFFFFF;border-radius: 2.5rem 2.5rem 0 0;padding: 0 0 0 0.5rem;flex-direction: column;position: relative;}
.rank-list-panel > ul{overflow: hidden;}
.rank-list-panel > ul > li{    padding: 1.25rem 0;
    border-bottom: 1px solid #f3f3f3;}
.rank-list-panel > ul > li:last-child{border-bottom: 0;}
.rank-list-panel > ul > li > a{display: block;overflow: hidden;height: 8.75rem;}
.rank-list-panel > ul > li > a > i{    font-size: 1.875rem;
    font-weight: 900;
    color: #A8A8A8;
    margin-right: 1.625rem;
    width: 2rem;
    text-align: center;
    flex: 0 0 2rem;display: block;float: left;font-style: unset;margin-top: 3rem;}
.rank-list-panel > ul > li:nth-child(1) > a > i{    color: #FF4C34;}
.rank-list-panel > ul > li:nth-child(2) > a > i{    color: #4AABFF;}
.rank-list-panel > ul > li:nth-child(3) > a > i{    color: #FFC64A;}
.rank-list-panel > ul > li > a > img{    width: 8.75rem;
    height: 8.75rem;float: left;    margin-right: 1.25rem;    border-radius: 2rem;}
.rank-list-panel > ul > li > a > div{    width: 20rem;overflow: hidden;float: left;}
.rank-list-panel > ul > li > a > div > p{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;    font-size: 1.5rem;
    color: #999999;}
.rank-list-panel > ul > li > a > div > p:nth-child(1){font-size: 1.875rem;
    font-weight: 500;
    color: #404040;
    margin-bottom: 1rem;}
.rank-list-panel > ul > li > a > div > p:nth-child(2){    margin-bottom: 1rem;}
.rank-list-panel > ul > li > a > div > p:nth-child(3){}
.rank-list-panel > ul > li > a > div > p:nth-child(4){display: none;}
.rank-list-panel > ul > li > a > span{display: block;    width: 7.188rem;
    height: 3rem;
    line-height: 3rem;
    text-align: center;    color: #999999;
    font-size: 1.5rem;
    background-color: #F3F3F3;
    border-radius: 1.5rem;
    float: right;
    margin-top: 3rem;}



/*.rank-list-panel{display: flex;background-color: #FFFFFF;border-radius: 2.5rem 2.5rem 0 0;padding: 0 0 0 0.5rem;flex-direction: column;position: relative;}
.rank-list-panel .rank-item-wrap{display: flex;align-items: center;padding: 1.25rem 0;border-bottom: 1px solid #f3f3f3;}
.rank-list-panel .rank-item-wrap:nth-child(5){border-bottom: none;}
.rank-list-panel .rank-item-wrap .rankNo{font-size: 1.875rem;font-weight: 900;color: #A8A8A8;margin-right: 1.625rem;width: 2rem;text-align: center;flex: 0 0 2rem;max-width: 2rem;}
.rank-list-panel .rank-item-wrap .rankNo.first{color: #FF4C34;}
.rank-list-panel .rank-item-wrap .rankNo.second{color: #4AABFF;}
.rank-list-panel .rank-item-wrap .rankNo.third{color: #FFC64A;}
.rank-list-panel .rank-item-wrap .imgWrap{width: 8.75rem;height: 8.75rem;flex: 0 0 8.75rem;max-width: 8.75rem;margin-right: 1.25rem;}
.rank-list-panel .rank-item-wrap .imgWrap img{width: 100%;height: 100%;border-radius: 2rem;display: block;}
.rank-list-panel .rank-item-wrap .detailWrap{display: flex;width: 17.25rem;flex: 0 0 17.25rem;max-width: 17.25rem;overflow: hidden;flex-direction: column;}
.rank-list-panel .rank-item-wrap .detailWrap h4{font-size: 1.875rem;font-weight: 500;color: #404040;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;margin-bottom: 1rem;max-width: 15.375rem;}
.rank-list-panel .rank-item-wrap .detailWrap .tag-list{display: flex;flex-wrap: wrap;gap: 0.63rem;margin-bottom: 0.875rem;}
.rank-list-panel .rank-item-wrap .detailWrap .tag-list a{border-radius: 0.31rem;padding: 0.31rem 0.5rem;font-size: 1.25rem;color: #17A79F;background-color: #DDF8F1;}
.rank-list-panel .rank-item-wrap .detailWrap .tag-list a:nth-child(2){background-color: #E9F8FF;color: #3C69E4;}
.rank-list-panel .rank-item-wrap .detailWrap .tag-list a:nth-child(2){background-color: #FFEFEB;color: #F75A53;}
.rank-list-panel .rank-item-wrap .detailWrap .dateUpdate{font-size: 1.5rem;color: #999999;}
.rank-list-panel .rank-item-wrap .viewBtn{margin-left: auto;min-width: 7.188rem;height: 3rem;flex: 0 0 7.188rem;max-width: 7.188rem;border-radius: 1.5rem;background-color: #F3F3F3;text-align: center;line-height: 3rem;font-size: 1.5rem;color: #999999;}*/

.hot-rank-tag{margin-top: 0.375rem;}
.hot-rank-tag .link-list{display: flex;flex-wrap: wrap;row-gap: 1rem;/*justify-content: space-between;*/column-gap:.7rem}
.hot-rank-tag .link-list a{width: 13.75rem;flex: 0 0 13.75rem;max-width: 13.75rem;height: 3.5rem;line-height: 3.25rem;text-align: center;background-color: #ffffff;border: 2px solid #E5E5E5;border-radius: 1.75rem;font-size: 1.5rem;color: #666666;white-space: nowrap;}
.hot-rank-tag .link-list a span{position: relative;}
.hot-rank-tag .link-list a.hot span::after{width: 1rem;height: 1.125rem;display: block;background-image: url(../images/top/hot-icon.png);background-repeat: no-repeat;background-size: cover;position: absolute;content: "";    top: -0.25rem; right: -1.25rem;}

.all-rank-type-popup{position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%;text-align: center;display: none;}
.all-rank-type-popup.show{display: block;}
.all-rank-type-popup .overlay{background: #00000080; position: absolute;width: 100%;height: 100%;z-index: -1;}
.all-rank-type-popup .rank-type-wrap{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);border-radius: 2rem;width: 40rem;background-color: #ffffff;padding: 4rem 1.875rem 2.5rem;}
.all-rank-type-popup .rank-type-wrap::before{position: absolute;content: "";width: 100%;height: 8.125rem;border-radius: 2rem;background: linear-gradient( 0deg, rgba(74,171,255,0) 0%, rgba(74,171,255,0.4) 100%);top: 0;left: 0;}
.all-rank-type-popup .rank-type-wrap > img{width: 10.125rem;height: auto;display: block;position: absolute;left: 50%;transform: translateX(-50%);top: -5rem;}
.all-rank-type-popup .rank-type-wrap h2{font-size: 2.25rem;font-weight: 900;color: #404040;margin-bottom: 1.75rem;}
.all-rank-type-popup .rank-type-wrap .swiper-slide{display: flex;gap: 1.25rem;flex-wrap: wrap;}
.all-rank-type-popup .rank-type-wrap .swiper-slide a{width: calc(50% - 0.625rem);flex: 0 0 calc(50% - 0.625rem);max-width: calc(50% - 0.625rem);height: 3.625rem;line-height: 3.625rem;text-align: center;background-color: #F7F7F7;border-radius: 0.31rem;font-size: 1.5rem;color: #666666;}
.all-rank-type-popup .rank-type-wrap .rank-type-swiper-pagination{margin: 1.5rem auto;display: flex;align-items: center;column-gap: 0.63rem;justify-content: center;}
.all-rank-type-popup .rank-type-wrap .rank-type-swiper-pagination .swiper-pagination-bullet{width: 0.63rem;height: 0.63rem;opacity: 1;background-color: #DCDCDC;}
.all-rank-type-popup .rank-type-wrap .rank-type-swiper-pagination .swiper-pagination-bullet-active{width: 2rem;height: 0.63rem;background-color: #00A0E9;border-radius: 0.31rem;}
.all-rank-type-popup .rank-type-wrap .confirmBtn{width: 100%;height: 4.5rem;line-height: 4.5rem;text-align: center;border-radius: 2.25rem;background-color: #4AABFF;font-size: 1.875rem;font-weight: 900;color: #ffffff;}
.all-rank-type-popup .rank-type-wrap .close-button{position: absolute;left: 50%;transform: translateX(-50%);bottom: -5rem;}
.all-rank-type-popup .rank-type-wrap .close-button i{font-size: 3rem;color: #ffffff;}

.new-app-panel{margin-top: 1.875rem;}
.new-app-panel .app-listing{display: flex;flex-wrap: wrap;column-gap: 2.625rem;row-gap: 2rem;}
.new-app-panel .app-listing a{width: 8.75rem;flex: 0 0 8.75rem;max-width: 8.75rem;display: flex;flex-direction: column;align-items: center;}
.new-app-panel .app-listing a img{width: 8.75rem;height: 8.75rem;border-radius: 2rem;display: block;}
.new-app-panel .app-listing a p{margin: 0.313rem 0 0.625rem;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 1.75rem;color: #404040;font-weight: 500;width: 100%;}
.new-app-panel .app-listing a span{width: 7.188rem;max-width: 7.188rem;height: 3rem;line-height: 3rem;text-align: center;background-color: #F3F3F3;border-radius: 1.5rem;font-size: 1.5rem;color: #999999;}