.hot-ranking-panel{background-color: #ffffff;overflow: hidden; border-top: 10px solid #ececec;}
.hot-ranking-panel .titleWrap .rankTabs{font-size: 14px; position: absolute; right: 15px; top: 12px;    overflow: hidden; width: 195px; background: #f8f8f8; border-radius: 20px; margin: 0px auto 0;}
.hot-ranking-panel .titleWrap .rankTabs p{float: left; color: #999; width: 65px; font-size: 15px; text-align: center; line-height: 26px; height: 26px; border-radius: 20px; padding: 0; border-right: 0; }
.hot-ranking-panel .titleWrap .rankTabs p.active{background: linear-gradient(to right, #f60 0%, #ff973c 100%);color: #fff;}
.hot-ranking-panel .rankList{overflow: hidden; margin: 20px 15px 0px 15px; background-size: 100% 50%; display: none;}
.hot-ranking-panel .rankList.active{display: block !important;}
.hot-ranking-panel .rankList.bg1{background-image: url(../images/home/bj01.webp); background-repeat: no-repeat;}
.hot-ranking-panel .rankList.bg2{background-image: url(../images/home/bj03.webp); background-repeat: no-repeat;}
.hot-ranking-panel .rankList.bg3{background-image: url(../images/home/bj04.webp); background-repeat: no-repeat;}
.hot-ranking-panel .rankList .rankTitle{display: flex; justify-content: center; align-items: center; padding: 1.875rem 0 0.875rem 0;}
.hot-ranking-panel .rankList .rankTitle img{width: 2.75rem; height: .75rem;}
.hot-ranking-panel .rankList .rankTitle .rankText{font-size: 1.125rem; font-weight: bold; font-stretch: normal; letter-spacing: .0625rem; color: #ffffff; margin: 0 1.125rem;}
.hot-ranking-panel .rankList .topWrap{height: 160px; padding: 5px 15px 15px; overflow: hidden; border-bottom: 1px dashed #eaeaea;}
.hot-ranking-panel .rankList .topWrap li{width: 33%; float: left; margin-top: 10px;}
.hot-ranking-panel .rankList .topWrap li a{display: block; text-align: center;}
.hot-ranking-panel .rankList .topWrap li a .rankIcon{width: 100%; height: 25px; background: url(../images/home/no1.webp) no-repeat center; background-size: auto 24px; clear: both; display: block;}
.hot-ranking-panel .rankList .topWrap li.rank2 a .rankIcon{background: url(../images/home/no2.webp) no-repeat center;background-size: auto 24px;}
.hot-ranking-panel .rankList .topWrap li.rank3 a .rankIcon{background: url(../images/home/no3.webp) no-repeat center;background-size: auto 24px;}
.hot-ranking-panel .rankList .topWrap li a img{width: 70px; height: 70px; clear: both; border-radius: 20px;}
.hot-ranking-panel .rankList .topWrap li.rank1{margin-top: 0;}
.hot-ranking-panel .rankList .topWrap li.rank1 a img{border: 2px solid #fed52f; width: 80px; height: 80px;}
.hot-ranking-panel .rankList .topWrap li.rank2 a img{border: 2px solid #e2e2e2;}
.hot-ranking-panel .rankList .topWrap li.rank3 a img{border: 2px solid #c08a5b;}
.hot-ranking-panel .rankList .topWrap li a p{width: 100%; text-align: center; font-size: 15px; line-height: 34px; height: 34px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #333;}
.hot-ranking-panel .rankList .topWrap li a span{width: 100%; text-align: center; font-size: 12px; color: #999; display: block;}
.hot-ranking-panel .rankList .rankListing{overflow: hidden;}
.hot-ranking-panel .rankList .rankListing ul{overflow: hidden; margin: 5px 0 15px 0;padding: 0;}
.hot-ranking-panel .rankList .rankListing ul li{position: relative; height: auto; background: none; overflow: hidden; margin: 15px 15px 0 15px; padding: 0; border-radius: 8px;}
.hot-ranking-panel .rankList .rankListing ul li .itemWrap{position: relative; width: auto; height: auto; overflow: hidden;}
.hot-ranking-panel .rankList .rankListing ul li .itemWrap .imgWrap{float: left; width: 75px; height: 75px; border-radius: 14px; display: block; overflow: hidden;}
.hot-ranking-panel .rankList .rankListing ul li .itemWrap .imgWrap img{width: 75px; height: 75px; border-radius: 14px; display: block; overflow: hidden;}
.hot-ranking-panel .rankList .rankListing ul li .itemWrap .linkWrap{-webkit-box-flex: 1; display: block; overflow: hidden;}
.hot-ranking-panel .rankList .rankListing ul li .itemWrap .linkWrap > div{width: auto; height: auto; -webkit-box-flex: 1; padding: 0 0 0 15px; box-sizing: border-box; display: block; overflow: hidden;}
.hot-ranking-panel .rankList .rankListing ul li .itemWrap .linkWrap > div h4{width: 100%; height: 20px; line-height: 20px; font-size: 15px; font-weight: normal; color: #333; margin: 2px 0 0 0; display: block; overflow: hidden;}
.hot-ranking-panel .rankList .rankListing ul li .itemWrap .linkWrap > div h4 strong{line-height: 20px; font-size: 16px; font-weight: bold; text-align: center; font-family: 'Roboto'; color: #333; padding-right: 10px;}
.hot-ranking-panel .rankList .rankListing ul li .itemWrap .linkWrap > div i{display: block; height: 14px; margin: 9px 0 8px 0;}
.hot-ranking-panel .rankList .rankListing ul li .itemWrap .linkWrap > div i img{width: auto; height: 14px; display: block; overflow: hidden;border-radius: 14px;}
.hot-ranking-panel .rankList .rankListing ul li .itemWrap .linkWrap > div span{white-space: nowrap; width: 100%; height: 20px; line-height: 20px; font-size: 12px; font-weight: normal; color: #999; display: block; overflow: hidden;}
.hot-ranking-panel .rankList .rankListing ul li .downloadBtn{text-decoration: none; color: #f60; position: absolute; font-style: normal; top: 26px; right: 0; border: 1px solid #f60; border-radius: 4px; display: block; height: 22px; line-height: 22px; font-size: 14px; text-align: center; width: 53px; background: #f60; color: #fff;}