.top-ranking-panel{margin-top: 2rem;}
.top-ranking-panel h2{font-size: 1.25rem;color: #364152;font-weight: 500;}
.top-ranking-panel .tab-bar{margin-top: 1.5rem;display: flex;align-items: center;}
.top-ranking-panel .tab-bar .type-tab{display: flex;align-items: center;column-gap: 1rem;padding-right: 1.5rem;height: 2.5rem;}
.top-ranking-panel .tab-bar .type-tab .tab{display: flex;align-items: center;column-gap: 0.5rem;height: 100%;padding: 0 1.25rem 0 1rem;cursor: pointer;}
.top-ranking-panel .tab-bar .type-tab .tab i{font-size: 1.5rem;color: #697586;}
.top-ranking-panel .tab-bar .type-tab .tab p{font-size: 1rem;color: #697586;line-height: 1.5rem;}
.top-ranking-panel .tab-bar .type-tab .tab.active{border-bottom: 2px solid #6938EF;}
.top-ranking-panel .tab-bar .type-tab .tab.active p, .top-ranking-panel .tab-bar .type-tab .tab.active i{color: #6938EF;}
.top-ranking-panel .tab-bar .rank-category-tab{padding-left: 2rem;display: flex;align-items: center;column-gap: 1rem;height: 3rem;border-left: 1px solid #CDD5DF;}
.top-ranking-panel .tab-bar .rank-category-tab .rank-tab{height: 100%;padding: 0 1.5rem 0 1.25rem;display: flex;align-items: center;justify-content: center;column-gap: 0.25rem;border: 1px solid #CDD5DF;border-radius: 0.63rem;cursor: pointer;}
.top-ranking-panel .tab-bar .rank-category-tab .rank-tab i{font-size: 1.5rem;color: #697586;}
.top-ranking-panel .tab-bar .rank-category-tab .rank-tab p{font-size: 1rem;color: #697586;line-height: 1.5rem;}
.top-ranking-panel .tab-bar .rank-category-tab .rank-tab.active{border-color: #6938EF;background-color: #EBE9FE;}
.top-ranking-panel .tab-bar .rank-category-tab .rank-tab.active p{font-weight: 600;color: #6938EF;}
.top-ranking-panel .tab-bar .rank-category-tab .rank-tab.active i{color: #6938EF;}

.top-ranking-panel .tab-content{margin-top: 1.5rem;}
.top-ranking-panel .tab-content > div{display: flex;flex-direction: column;row-gap: 1.5rem;}
.top-ranking-panel .tab-content > div .column-top{display: grid;gap: 1rem;grid-template-columns: 1fr auto 1fr;grid-template-rows: 1fr;align-items: end;justify-items: center;}
.top-ranking-panel .tab-content > div .column-top a{position: relative;min-width: 32.625rem;max-width: 32.625rem;}
.top-ranking-panel .tab-content > div .column-top a:nth-child(1) { grid-column: 2; grid-row: 1;}
.top-ranking-panel .tab-content > div .column-top a:nth-child(2) { grid-column: 1; grid-row: 1; }
.top-ranking-panel .tab-content > div .column-top a:nth-child(3) { grid-column: 3; grid-row: 1; }
.top-ranking-panel .tab-content > div .column-top a {display: flex;flex-direction: column;row-gap: 1rem;}
.top-ranking-panel .tab-content > div .column-top a .rankNo{width: 100%;text-align: center;font-weight: 900;font-size: 3rem;font-family: "orbitron", sans-serif;}
.top-ranking-panel .tab-content > div .column-top a.first .rankNo{font-size: 4rem;background: linear-gradient(360deg, #EECB6D 0%, #FFAE2B 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;text-shadow: 0px 2px 2px #eecb6d29}
.top-ranking-panel .tab-content > div .column-top a.second .rankNo{background: linear-gradient(360deg, #CACACA 0%, #767676 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;text-shadow: 0px 2px 2px #CACACA29}
.top-ranking-panel .tab-content > div .column-top a.third .rankNo{background: linear-gradient(0deg, #F2AF6D 0%, #9C5527 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;text-shadow: 0px 2px 2px #F2AF6D29}
.top-ranking-panel .tab-content > div .column-top a .itemWrap{display: flex;flex-direction: column;box-shadow: 0px 2px 4px 0px #11135B26;border-radius: 0.63rem;}
.top-ranking-panel .tab-content > div .column-top a .itemWrap .banner{width: 100%;height: 14.5rem;border-radius: 0.63rem 0.63rem 0 0;object-fit: cover;}
.top-ranking-panel .tab-content > div .column-top a .itemWrap .infoWrap{display: flex;align-items: flex-start;padding: 1rem;width: 100%;border-radius: 0 0 0.63rem 0.63rem;}
.top-ranking-panel .tab-content > div .column-top a .itemWrap .infoWrap > img{width: 5.5rem;height: 5.5rem;flex: 0 0 5.5rem;border-radius: 0.63rem;margin-right: 1rem;}
.top-ranking-panel .tab-content > div .column-top a .itemWrap .infoWrap .detailWrap{display: flex;flex-direction: column;row-gap: 0.5rem;overflow: hidden;max-width: 13.875rem;margin-top: -0.25rem;}
.top-ranking-panel .tab-content > div .column-top a .itemWrap .infoWrap .detailWrap h3{font-weight: 600;font-size: 1.25rem;color: #364152;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 100%;}
.top-ranking-panel .tab-content > div .column-top a .itemWrap .infoWrap .detailWrap .category{display: flex;align-items: center;column-gap: 0.5rem;}
.top-ranking-panel .tab-content > div .column-top a .itemWrap .infoWrap .detailWrap .category p{font-size: 0.75rem;color: #364152;}
.top-ranking-panel .tab-content > div .column-top a .itemWrap .infoWrap .detailWrap .category span{width: 0.25rem;height: 0.25rem;border-radius: 50%;background-color: #9AA3B2;}
.top-ranking-panel .tab-content > div .column-top a .itemWrap .infoWrap .detailWrap .content{font-size: 0.75rem;color: #364152;text-align: justify;display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.top-ranking-panel .tab-content > div .column-top a .itemWrap .infoWrap .rightWrap{height: 5.5rem;margin-left: auto;display: flex;flex-direction: column;justify-content: space-between;}
.top-ranking-panel .tab-content > div .column-top a .itemWrap .infoWrap .rightWrap > p{display: flex;align-items: center;column-gap: 0.25rem;font-size: 1.5rem;color: #364152;font-weight: 600;line-height: 2.25rem;justify-content: flex-end;}
.top-ranking-panel .tab-content > div .column-top a .itemWrap .infoWrap .rightWrap > p i{font-size: 1.5rem;color: #6938EF;}
.top-ranking-panel .tab-content > div .column-top a .itemWrap .infoWrap .rightWrap .downloadBtn{display: flex;align-items: center;column-gap: 0.5rem;width: 5.75rem;height: 2.25rem;border-radius: 0.31rem;justify-content: center;background: linear-gradient(180deg, #7A5AF8 0%, #6938EF 100%); box-shadow: 0px 2px 2px 0px #11135B40;margin-top: auto;}
.top-ranking-panel .tab-content > div .column-top a .itemWrap .infoWrap .rightWrap .downloadBtn i{font-size: 1.25rem;color: #ffffff;}
.top-ranking-panel .tab-content > div .column-top a .itemWrap .infoWrap .rightWrap .downloadBtn p{font-size: 500;font-size: 0.875rem;color: #ffffff;line-height: 1.5rem;}
.top-ranking-panel .tab-content > div .column-top a.first .itemWrap .infoWrap > img{width: 7.5rem;height: 7.5rem;flex: 0 0 7.5rem;}
.top-ranking-panel .tab-content > div .column-top a.first .itemWrap .infoWrap .rightWrap{height: 7.5rem;}
.top-ranking-panel .tab-content > div .column-top a.first .itemWrap .infoWrap .detailWrap h3{font-size: 1.5rem;}
.top-ranking-panel .tab-content > div .column-top a.first .itemWrap .infoWrap{background: radial-gradient(66.77% 211.08% at 48.21% 50%, rgba(237, 157, 92, 0.3) 0%, rgba(249, 233, 94, 0.3) 100%); }
.top-ranking-panel .tab-content > div .column-top a.second .itemWrap .infoWrap{background: radial-gradient(66.77% 211.08% at 48.21% 50%, rgba(111, 130, 149, 0.3) 0%, rgba(213, 213, 213, 0.3) 100%); }
.top-ranking-panel .tab-content > div .column-top a.third .itemWrap .infoWrap{background: radial-gradient(66.77% 211.08% at 48.21% 50%, rgba(134, 61, 31, 0.3) 0%, rgba(233, 188, 115, 0.3) 100%); }

.top-ranking-panel .tab-content > div .column-bottom{display: grid;gap: 1rem;grid-template-columns: 1fr auto 1fr;grid-template-rows: 1fr 1fr;align-items: center;justify-items: center;}
.top-ranking-panel .tab-content > div .column-bottom a{position: relative;min-width: 32.625rem;max-width: 32.625rem;box-shadow: 0px 2px 4px 0px #11135B26; border-radius: 0.63rem;}
.top-ranking-panel .tab-content > div .column-bottom a .itemWrap-small {display: flex;align-items: center;padding: 1rem;}
.top-ranking-panel .tab-content > div .column-bottom a .itemWrap-small .rankNo{font-family: "orbitron", sans-serif;font-weight: 900;font-size: 2.5rem;color: #BDB4FE;flex: 0 0 3.375rem;margin-right: 1rem;text-align: center;}
.top-ranking-panel .tab-content > div .column-bottom a .itemWrap-small > img{width: 5.5rem;height: 5.5rem;border-radius: 0.63rem;margin-right: 2rem;flex: 0 0 5.5rem;}
.top-ranking-panel .tab-content > div .column-bottom a .itemWrap-small .infoWrap{display: flex;flex-direction: column;row-gap: 0.5rem;overflow: hidden;max-width: 11.25rem;}
.top-ranking-panel .tab-content > div .column-bottom a .itemWrap-small .infoWrap h3{font-size: 1rem;font-weight: 600;color: #364152;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.top-ranking-panel .tab-content > div .column-bottom a .itemWrap-small .infoWrap .reviewWrap{display: flex;align-items: center;column-gap: 0.5rem;}
.top-ranking-panel .tab-content > div .column-bottom a .itemWrap-small .infoWrap .reviewWrap > p{display: flex;align-items: center;column-gap: 0.25rem;font-size: 1.25rem;font-weight: 500;color: #364152;}
.top-ranking-panel .tab-content > div .column-bottom a .itemWrap-small .infoWrap .reviewWrap > p i{font-size: 1.25rem;color: #6938EF;}
.top-ranking-panel .tab-content > div .column-bottom a .itemWrap-small .infoWrap .reviewWrap span{width: 0.25rem;height: 0.25rem;border-radius: 50%;background-color: #9AA3B2;}
.top-ranking-panel .tab-content > div .column-bottom a .itemWrap-small .infoWrap .reviewWrap .comment{font-size: 0.875rem;font-weight: 400;color: #364152;}
.top-ranking-panel .tab-content > div .column-bottom a .itemWrap-small .infoWrap .category{display: flex;align-items: center;column-gap: 0.5rem;}
.top-ranking-panel .tab-content > div .column-bottom a .itemWrap-small .infoWrap .category span{width: 0.25rem;height: 0.25rem;border-radius: 50%;background-color: #9AA3B2;}
.top-ranking-panel .tab-content > div .column-bottom a .itemWrap-small .infoWrap .category p{font-size: 0.75rem;color: #364152;}
.top-ranking-panel .tab-content > div .column-bottom a .itemWrap-small .downloadBtn{display: flex;align-items: center;column-gap: 0.5rem;width: 5.75rem;height: 2.25rem;border-radius: 0.31rem;justify-content: center;background: linear-gradient(180deg, #7A5AF8 0%, #6938EF 100%); box-shadow: 0px 2px 2px 0px #11135B40;margin-left: auto;}
.top-ranking-panel .tab-content > div .column-bottom a .itemWrap-small .downloadBtn i{font-size: 1.25rem;color: #ffffff;}
.top-ranking-panel .tab-content > div .column-bottom a .itemWrap-small .downloadBtn p{font-size: 500;font-size: 0.875rem;color: #ffffff;line-height: 1.5rem;}

.footer-ba{
    margin: auto;
    color: #666;
    text-align: center;
    font-size: 0.75rem;
}
.footer-ba a {
    color: #666;
}

.hero-panel-slider .hero-banner-swiper .swiper-slide a .bottomWrap .nameWrap p.d-tips {
 font-size: 0.75rem;
 line-height: 1;
 font-weight: 400;
}

.hero-panel-slider .hero-banner-swiper .swiper-slide a .bottomWrap .nameWrap p {
    font-size: 1.2rem;
    font-weight: 600;
    color: #ffffff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.1;
}