* {
    margin: 0;
    padding: 0;
    list-style: none;
}

.header {
    position: relative;
    height: 4.58rem;
    padding-top: 1.5rem;
    background: url('../img/header_bg.png') no-repeat;
    background-size: 100%;
}

.header-info {
    display: flex;
    margin-left: 0.56rem;
    font-size: 0;
}

.league-logo {
    width: 2.88rem;
    height: 2.88rem;
    margin-right: 0.56rem;
    border-radius: 10px;
}

.league-info {
    vertical-align: top;
    padding-top: 0.512rem;
}

.league-name {
    width: 12rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.768rem;
    color: #fff;
}

.player-num {
    margin-top: 0.12rem;
    font-size: 0.512rem;
    color: #a1a1a1
}

.nav-wrapper {
    display: flex;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    font-size: 0;
    color: #fff;
}

.nav-wrapper li {
    flex: 1;
    padding-bottom: 0.32rem;
    font-size: 0.56rem;
    text-align: center;
}

.nav-selected {
    padding-bottom: 0.235rem;
    border-bottom: 0.085rem solid #eb1e23;
}

.sub-nav-wrapper {
    height: 1.216rem;
    padding-top: 0.32rem;
    background: #f7f7f7;
    text-align: center;
    font-size: 0;
}

.sub-nav-wrapper li {
    display: inline-block;
    width: 2.66rem;
    height: 0.896rem;
    line-height: 0.896rem;
    margin-right: 0.896rem;
    border-radius: 10px;
    background: #fff;
    font-size: 0.512rem;
    text-align: center;
    color: #a1a1a1;
}

.sub-nav-wrapper li:last-child {
    margin: 0;
}

.sub-nav-selected {
    background: #eb1e23 !important;
    color: #fff !important;
}


.list-title {
    display: flex;
    align-items: center;
    height: 1.92rem;
    padding-left: 1.28rem;
    border-bottom: 1px solid #cecece;
    font-size: 0;
}

.list-title span {
    display: inline-block;
    width: 1.7rem;
    height: 0.65rem;
    line-height: 0.65rem;
    border-radius: 0.18rem;
    background: #eb1e23;
    font-size: 0.512rem;
    text-align: center;
    color: #fff;
}

.rank-list {
    font-size: 0;
}

.rank-item {
    height: 1.5rem;
    line-height: 1.5rem;
    padding-left: 0.512rem;
}

.rank-item:nth-child(even) {
    background: #f6f6f6;
}

.rank-item span {
    display: inline-block;
    vertical-align: top;
    font-size: 0.512rem;
}

.rank {
    width: 1rem;
}