.popular_rank{}

.popular_rank ul{
    margin:0;
    padding:0;
    list-style:none;
}

.popular_rank li{
    display:flex;
    align-items:center;
    gap:8px;
    padding:2px 0;
}

.popular_rank .rank_num{
    width:28px;
    height:28px;
    flex-shrink:0;

    display:flex;
    align-items:center;
    justify-content:center;

    font-weight:500;
    box-sizing:border-box;
}

.popular_rank .rank_top{
    font-size:16px;
    color:#fff;
    background:#2f80ed;
    border:1px solid #2f80ed;
}

.popular_rank .rank_normal{
    font-size:14px;
    color:#888;
    background:#fff;
    border:1px solid #ddd;
}

.popular_rank .rank_subject{
    flex:1;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;

    font-size:15px;
    color:#333;
    text-decoration:none;
    transition:.2s;
}

.popular_rank .rank_subject:hover{
    color:#2f80ed;
}

.popular_rank .empty_li{
    justify-content:center;
    color:#999;
    padding:30px 0;
}