/*游戏排行榜*/
 #game-ranking {
     background: white;
     padding: 0.3rem 0.24rem 0.05rem;
}
 .ranking-tab1 {
     width: 100%;
     height: 0.68rem;
     display: flex;
     justify-content: flex-start;
     align-items: center;
}
 .ranking-tab1 a {
     display: block;
     width: 33.3%;
     height: 0.66rem;
     font-size: 0.28rem;
     letter-spacing: 0.01rem;
     color: #2189ff;
     line-height: 0.66rem;
     text-align: center;
     border: 1px solid #2189ff;
}
 .ranking-tab1 a:nth-child(1) {
     border-radius: 0.12rem 0 0 0.12rem;
}
 .ranking-tab1 a:nth-child(4) {
     border-radius: 0 0.12rem 0.12rem 0;
}
 .ranking-tab1 a:nth-child(2){
     border-right: 0;
     border-left: 0;
}
.ranking-tab1 a:nth-child(3){
    border-right: 0;
}
 .ranking-tab1 a.checked {
     color: white;
     background: #2189ff;
     ;
}
 .ranking-tab2 {
     width: 100%;
     flex-wrap: wrap;
     display: flex;
     justify-content: flex-start;
     align-items: center;
     padding-top: 0.3rem;
}
 .ranking-tab2 a {
     width: 1.6rem;
     height: 0.5rem;
     background-color: #f0f0f0;
     border: 1px solid #f0f0f0;
     line-height: 0.48rem;
     border-radius: 0.05rem;
     font-size: 0.22rem;
     overflow: hidden;
     margin-right: 0.2rem;
     white-space: nowrap;
     text-overflow: ellipsis;
     margin-bottom: 0.2rem;
     text-align: center;
     color: #555555;
}
 .ranking-tab2 a:nth-child(4n){
     margin-right:0;
}
 .ranking-tab2 a.checked {
     background: white;
     border-color: #2189ff;
     color: #2189ff;
}
 .game-ranking-ul li {
     padding: 0.24rem 0;
     display: flex;
     justify-content: space-between;
     align-items: center;
     border-bottom: 0.01rem solid #eeeeee;
}
 .game-ranking-ul img {
     width: 1.3rem;
     height: 1.3rem;
     border-radius: 22%;
     margin-right: 0.4rem;
}
.game-ranking-ul .djgame-img{
    height:1.7rem;
    border-radius:.1rem;
}
.game-ranking-ul .ranking-content {
     width: 4.4rem;
     display: flex;
     flex-direction: column;
     justify-content: space-between;
     align-items: flex-start;
     height: 1.3rem;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
}
 .game-ranking-ul .ranking-content a {
     height: 0.34rem;
     line-height: 0.32rem;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
     font-size: 0.30rem;
     color: #1a1a1a;
}
 .game-ranking-ul .ranking-content a i {
     float: left;
     width: 0.34rem;
     height: 0.34rem;
     background-color: #999999;
     border-radius: 0.1rem;
     margin-right: 0.12rem;
     text-align: center;
     color: white;
}
 .game-ranking-ul .top3 a i {
     background-color: #2189ff;
}
 .game-ranking-ul .ranking-content span {
     margin-right: 0.1rem;
}
 .game-ranking-ul .ranking-content .game-info {
     height: 0.24rem;
     line-height: 0.24rem;
     font-size: 0.22rem;
     color: #999999;
     text-overflow: ellipsis;
     overflow: hidden;
     white-space: nowrap;
     width: 96%;
     word-break: break-all;
}
 .game-ranking-ul .ranking-content .game-label {
     height: 0.45rem;
     line-height: 0.4rem;
     font-size: 0.22rem;
     color: #666666;
     text-overflow: ellipsis;
     overflow: hidden;
     white-space: inherit;
     width: 96%;
     word-break: break-all;
}
 .game-ranking-ul .ranking-content .game-label span {
     border-radius: 0.05rem;
     border: solid 1px #999999;
     padding: 0 0.1rem;
     display: inline-block;
}
 .game-ranking-ul .game-detail {
     width: 1.3rem;
     height: 0.5rem;
     background-color: #2189ff;
     border-radius: 0.05rem;
     text-align: center;
     line-height: 0.5rem;
     color: #ffffff;
     font-size: 0.26rem;
}