.ranking{
    padding: 0!important;
    background: #6e6e6e;
    border: 1px solid #e5e6e5;
}
.ranking_box_left{
    background: #fff;
    padding: 0!important;
}
.ranking_box_right{
    background: #6e6e6e;
    padding: 0!important;
    overflow: hidden;

}
.ranking_box_title{
    height: 35px;line-height: 35px;
    font-size: 14px;padding-left: 12px;
}
.ranking_box_left .ranking_box_title{
    background: #eff8db;color: #333333;
}
.ranking_box_right .ranking_box_title{
    background: #eb9622;color: #ffffff;
}
.left_list_ul{
    padding: 12px 4px;font-size: 12px;color: #757575;
}

.left_list_ul li{
    margin: 8px 0;
}
.left_list_ul li .lip{
    height: 16px;line-height: 16px;
   overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    cursor: pointer;display: none;
}
.left_list_ul li .lip span{
    display: inline-block;
    width: 16px;height: 16px;
    text-align: center;line-height: 16px;
    background: #ededed;
    margin-right: 12px;color: #666666;
}
.left_listP3 span{
    margin: 0 4px;
}
.left_list_ul li .active{
    color: #fff;
}
.left_list_ul li .active1{
    background: #e9322d;
}
.left_list_ul li .active2{
    background: #ff815e;
}
.left_list_ul li .active3{
    background: #ffa95e;
}
/*排行榜*/
.list_title{
    font-size: 14px;color: #4cad46;
    border-bottom: 1px solid #dddddd;
    margin: 0;height: 35px;line-height: 35px;
}
.list_title span{
    border-bottom: 2px solid #4cad46;
    display: inline-block;height: 100%;
    position: relative;top: 2px;
    padding: 0 6px;
}
.left_list{
    position: relative;display: block;
    padding: 15px 0;
    overflow: hidden;
    border-bottom: 1px solid #e6e6e6;
}
.left_listImg{
    height: 133px!important;
    width: 100px;!important;
}
.left_listP1{
    position: absolute;
    top: 15px;left: 40%;
    font-size: 12px;color: #fff;
    display: inline-block;
    padding: 0 4px;
    background: #ff9e5e;
}
.left_listP2{
    position: absolute;
    top: 34%;left: 40%;width: 60%;
    font-size: 16px;color: #000;
    line-height: 22px;height: 22px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.left_listP3{
    position: absolute;
    bottom: 15px;left:40%;
    font-size: 12px;color: #919191;
}

/*豪粉榜*/
.ranking_box_right ul{
    padding:0 8px;
}
.ranking_box_right li{
    font-size: 12px;color: #ececec;
    margin: 6px 0;
    line-height: 22px;height: 22px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.ranking_box_right li span{
    padding: 0 8px;
}
.ranking_box_right li .active{
    color: #ffea00;
}

/*小屏幕（平板，大于等于768px）*/
@media (min-width:768px) {
    .ranking_box_title{
        height: 40px;line-height: 40px;
        font-size: 16px;
    }
    .list_title{
        font-size: 16px;
        height: 40px;line-height: 40px;
    }
    .left_list_ul li .lip{
        display: block;
    }
    .left_list{
        display: none;
    }
    .left_listImg{
        height: 107px!important;
        width: 80px;!important;
    }
}
/*中等屏幕（桌面显示器，大于等于992px）*/
@media (min-width:992px) {
    .ranking_box_title{
        height: 45px;line-height: 45px;
        font-size: 16px;
    }
    .list_title{
        font-size: 16px;
        height: 45px;line-height: 45px;
    }
    .left_list_ul li .lip{
        display: block;
    }
    .left_list{
        display: none;
    }
    .left_listImg{
        height: 93px!important;
        width: 70px;!important;
    }
}
@media (min-width:1200px) {
    .left_listImg{
        height: 107px!important;
        width: 80px;!important;
    }
}