.cont {
    padding-top: 1.17rem;
    padding-bottom: 0.57rem;
}

.list {
    margin: 1.07rem 3.92rem 0;
    display: flex;
    flex-direction: column;
}

.list-item {
    display: flex;
    margin-bottom: 1.34rem;
}

.people-img {
    width: 2.59rem;
    height: 3.77rem;
    margin-right: .66rem;
}

.people-info {
    display: flex;
    flex-direction: column;
}

.name {
    font-weight: 500;
    font-size: .3rem;
    color: #333333;
}

.position {
    font-weight: 500;
    font-size: .24rem;
    color: #828282;
    margin: .07rem 0 .18rem;
}

.link {
    width: .30rem;
    height: .03rem;
    background: #828282;
}

.brief {
    font-weight: 400;
    font-size: .2rem;
    color: #828282;
    margin-top: .23rem;
    text-align: justify;
    line-height: 0.35rem;
}

.page {
    display: flex;
    align-items: center;
    margin: 1.07rem 3.92rem 0;
    justify-content: center;
    cursor: pointer;
}

.previous {
    margin-right: .2rem;
}

.previous,
.next {
    width: 1.16rem;
    height: .62rem;
    line-height: .62rem;
    text-align: center;
    background: #FFFFFF;
    border-radius: .08rem;
    border: .02rem solid #E0E0E0;
    font-weight: 400;
    font-size: .24rem;
    color: #878787;
    cursor: pointer;
}

.page-num {
    width: .64rem;
    height: .62rem;
    line-height: .62rem;
    text-align: center;
    background: #FFFFFF;
    border-radius: .08rem;
    border: .02rem solid #E0E0E0;
    font-weight: 400;
    font-size: .24rem;
    color: #878787;
    margin-right: .2rem;
    cursor: pointer;
}

.numactive {
    background: #FFA017;
    color: #FFFFFF;
}