.page.part {
    margin-top: 0.6rem;
}

.page .title h3 {
    font-family: "Muli-Bold";
    font-size: 0.44rem;
    font-size: Max(0.44rem, 20px);
    font-weight: bold;
    line-height: 0.44rem;
    text-transform: uppercase;
    color: #3D3D3D;
}

.content-box {
    margin-top: 0.64rem;
}

.list .item .title {
    padding: 0.16rem 0 0.16rem 0.32rem;
    min-height: 0.58rem;
    border-radius: 0.08rem;
    background: #16519F url(/src/img/links/links-img2.png) center right no-repeat;
    background-size: cover;
}

.list .item .title h4 {
    font-family: "Muli-Bold";
    font-size: 0.18rem;
    font-size: Max(0.18rem, 14px);
    font-weight: bold;
    line-height: normal;
    color: #FFFFFF;
}

.list .item .sub-content {
    padding: 0.32rem 0 0.2rem 0.32rem;
}

.list .item .sub-content a {
    font-family: "Muli-Bold";
    font-size: 0.16rem;
    font-size: Max(0.16rem, 12px);
    font-size: Max(0.16rem, 13px);
    font-weight: normal;
    line-height: normal;
    text-decoration: underline;
    color: #16519F;
    margin-right: 0.5rem;
    margin-bottom: 0.28rem;
}

.alphabet-wrap {
    margin-bottom: 0.32rem;
}

.alphabet-wrap span,
.alphabet-wrap a {
    width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    font-size: 16px;
    margin-left: -1px;
    margin-top: -1px;
    border: 1px solid #ececec;
    background: #f9f9f9;
    color: #333;
    font-weight: bold;
    cursor: pointer;
}

.alphabet-wrap a {
    width: 50px;
}

.alphabet-wrap span.selected,
.alphabet-wrap a.selected {
    color: #fff;
    background: #16519F;
    cursor: pointer;
}

.alphabet-wrap span.disabled {
    color: #ccc;
    cursor: not-allowed;
}

@media screen and (max-width: 750px) {
    .list .item .title {
        background: #16519F;
    }
}