.rankpage{background: #fff;}
.rankpage header{background:#F4F4F4;padding:.1rem .25rem .2rem;align-items: center;}
.rankpage header .left-text{width:65%}
.rankpage header .right-img{width:35%;}
.rankpage header .left-text div{font-size:20px;color:#333;margin-bottom:2px;font-weight: 600;}
.rankpage header .left-text div span{color:#F19C6D;}
.rankpage header .left-text p{color:#999;}
.rankpage .rank-tab{background:#F4F4F4;padding:0 .15rem}
.rankpage .rank-tab span{width:33.33%;font-size:12px;line-height: 30px;background: url('../../images/rank/tab.png') center/100% 100% no-repeat;}
.rankpage .rank-tab span.on{background: url('../../images/rank/tab-on.png') center/100% 100% no-repeat;}
.rankpage .rank-table{padding:0 .15rem;overflow: hidden;}
.rankpage .rank-table .th-text{font-size:12px;line-height:40px;margin-top:10px}
.rankpage .rank-table .name{width:38%;padding-right:.1rem}
.rankpage .rank-table .rank{width:30%}
.rankpage .rank-table .rate{width:22%}
.rankpage .rank-table .follow{width:10%}
.rankpage .rank-table ul{margin:0 -3px;font-size:13px}
.rankpage .rank-table li{padding:15px 3px;background-position: center;background-size: 100% 100%;background-repeat: no-repeat;margin-bottom:10px;align-items: center;}
.rankpage .rank-table li.no1{background-image: url('../../images/rank/no1.png');}
.rankpage .rank-table li.no2{background-image: url('../../images/rank/no2.png');}
.rankpage .rank-table li.no3{background-image: url('../../images/rank/no3.png');}
.rankpage .rank-table li.no4{background-image: url('../../images/rank/no4.png');}
.rankpage .rank-table li.no5{background-image: url('../../images/rank/no5.png');}
.rankpage .rank-table li .title{color:#000;margin-bottom:2px;font-weight: bold;}
.rankpage .rank-table li .grey{color:#999;font-size:10px}
.rankpage .rank-table li .red{color:#ED6361;font-weight: bold;}
.rankpage .rank-table li .follow .followimg{width:22px;height:22px;background: url('../../images/product/gz.png') center/contain no-repeat;}
.rankpage .rank-table li .follow .followimg.on{background: url('../../images/product/gz-active.png') center/contain no-repeat}
.rankpage .rank-footer{padding:.1rem .15rem;color:#b5b5b5;font-size:10px;height: 183px;}
.rankpage .rank-footer p{padding-left:15px;background: url('../../images/rank/star.png') left 3px/10px no-repeat;margin-bottom:5px}
@media ( min-width : 1200px) {

}

@media ( max-width : 767px) {

}