court-badminton/commpents/match-achieve/ranking.less

.list {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 5px;
    background-color: #fff;
    height: 50px;
    margin: 0 0 4px 0;

    .rank {
        width: 50px;
        height: 50px;
        border-radius: 50%;
        background-color: #cccccc;
        text-align: center;
        line-height: 50px;
        color: #fff;
        font-size: 18px;
        font-weight: 700;
    }

    .rank_1 {
        background-color: rgb(255, 196, 0);
    }

    .rank_2 {
        background-color: rgb(219, 151, 48);
    }

    .rank_3 {
        background-color: rgb(255, 114, 79);
    }

    .name {
        width: 75vw;
        line-height: 50px;
    }
}