.index-roleModel {
    padding: 1.1rem 0 0 0;
    box-sizing: border-box;
    overflow: hidden;
    width: 100%;
    height: auto;
    margin: 0 auto;

}

.index-roleModel-header {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .375rem;
    font-weight: bold;
    color: #333333;
    position: relative;
    font-family: 微软雅黑;
    letter-spacing: .0625rem;
}

.index-roleModel-header::before {
    position: absolute;
    content: "";
    width: .475rem;
    height: .0625rem;
    background: #9C0C13;
    bottom: -0.1875rem;
}

.index-roleModel-btnMore {
    font-size: .175rem;
    color: #9C0C13;
    float: right;
    display: block;
    width: max-content;
    position: absolute;
    right: 1.9875rem;
    letter-spacing: 0;
}

.index-roleModel-btnMore::before {
    position: absolute;
    content: "";
    width: 110%;
    height: .025rem;
    background: #9C0C13;
    bottom: -0.1125rem;
    left: -5%;
    right: 0;
    margin: 0 auto;
}

.index-roleModel-section {
    padding: .8rem 0 0 0;
    box-sizing: border-box;
    display: flex;
    background: url(../img/bangyangrenwu-bg.svg) bottom no-repeat;
    background-size: 100% 6.1375rem;
}

.roleModel-swiper {
    width: 13.225rem;
    height: 8.8125rem;
}

.roleModel-swiper .swiper-pagination {
      width: 100%;
    display: flex;
    left: auto;
    right: .25rem;
    bottom: .5rem;
    justify-content: flex-end;
}

.roleModel-swiper .swiper-pagination-bullet {
    width: 0.125rem;
    height: 0.125rem;
    background: rgba(255, 255, 255, 0.35);
    border-radius: 0;
}

.roleModel-swiper .swiper-pagination-bullet-active {
    background: #9C0C13;
}

.hover-roleModel-img-text {
    width: 100%;
    height: 2.25rem;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.94) 100%);
    position: absolute;
    bottom: 0;
    padding: 1.3875rem 0 0 .4875rem;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
}

.hover-roleModel-img-text .title {
    font-size: .2375rem;
    color: #FFFFFF;
    padding: .125rem 0 0 0;
    box-sizing: border-box;
}


.hover-roleModel-img {
    width: 13.225rem;
    height: 8.8125rem;
}

.hover-roleModel-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 1s;
}

.hover-roleModel-img img:hover {
    transform: scale(1.1);
}

.index-roleModel-section-list {
    width: 8.225rem;
    padding: 0 0 0 .65rem;
    box-sizing: border-box;
}



.index-roleModel-section-list {
    display: flex;
    flex-direction: column;
}

.index-roleModel-section-list li {
    height: auto;
    width: 8.225rem;
    display: flex;
    border-top: 1px solid #DBDBDB;
    background: linear-gradient(to right, #9C0C13, #9C0C13) no-repeat right top;
    background-size: 0 2px;
    transition: background-size 1s;
    display: flex;
    flex-direction: column;
    padding: .45rem 0 .5375rem 0;
    overflow: hidden;
    box-sizing: border-box;
}

.index-roleModel-list-top {
    display: flex;
    align-items: center;
    margin: 0 0 .2625rem 0;
}

.index-roleModel-section-list li.select {
    height: max-content;
    background-position: left top;
    background-size: 100% 2px;
}


.index-roleModel-section-list li img {
    width: 1.25rem;
    height: 1.25rem;
    border-radius: 50%;
    object-fit: cover;
}

.index-roleModel-section-list li div.section-all {
    padding: 0 0 0 .2625rem;
}

.index-roleModel-section-list li div.section-all p.title {
    font-size: .2375rem;
    color: #9C0C13;
    font-weight: bold;
}

.index-roleModel-section-list li div.section-all p.mark {
    font-size: .25rem;
    color: #333333;
    padding: .1875rem 0 0 0;
    box-sizing: border-box;
}

.index-roleModel-section-list li div.section {
    display: block;
    width: 100%;
    font-size: .2rem;
    color: #8A8A8A;
    box-sizing: border-box;
    height: 0;
    overflow: hidden;
    transition: height .3s ease;
    box-sizing: border-box;
    display: flex;
    justify-content: flex-end;
    position: relative;
    top: -0.25rem;
}

.index-roleModel-section-list li div.section span {
    padding: 0 0 0 1.5125rem;
color:#333333;
}

.index-roleModel-section-list li.select div.section {
    height: 1.325rem;
}