.container-home{
    padding-bottom: 1.32rem;
}
.container-home .banner .swiper-pagination{
    bottom: .666667rem;
}
.container-home .banner .swiper-pagination .swiper-pagination-bullet{
    width: .426667rem; height: .053333rem; margin: 0 .066667rem; background: #fff; border-radius: .053333rem; opacity: 0.5; transition: width 0.2s ease;
}
.container-home .banner .swiper-pagination .swiper-pagination-bullet-active{
    width: .853333rem; opacity: 1;
}

.container-home .content-course{
    padding: 1rem .4rem 0;
}
.container-home .course{
    margin-top: .48rem;
}
.container-home .course-item{
    width: 100%; height: 5.333333rem;
}
.container-home .course-item a{
    display: block; width: 100%; height: 100%;
}
.container-home .course-item img{
    display: block; width: 100%; height: 100%; object-fit: cover;
}

.container-home .content-student{
    padding-top: 1rem;
}
.container-home .content-student .content-head{
    padding: 0 .4rem;
}
.container-home .student{
    position: relative; z-index: 1; margin-top: .48rem;
}
.container-home .student .line{
    position: absolute; bottom: .04rem; left: 0; z-index: -1; width: 100%; border-top: 1px solid #ccc;
}
.container-home .student .swiper-slide{
    width: 4.8rem; margin-right: .533333rem;
}
.container-home .student .swiper-slide a{
    display: block; width: 100%;
}
.container-home .student .swiper-slide .cover{
    width: 100%; height: 8.533333rem; overflow: hidden;
}
.container-home .student .swiper-slide .cover img{
    display: block; width: 100%; height: 100%; object-fit: cover;
}
.container-home .student .swiper-slide .info{
    margin-top: .4rem; font-size: .32rem; color: #999999; text-align: center;
}
.container-home .student .swiper-slide .info .id{
    font-size: .426667rem; color: #999;
}
.container-home .student .swiper-slide .info .dot{
    box-sizing: border-box; width: .12rem; height: .12rem; margin: .32rem auto 0; background-color: #fff; border: 1px solid #ccc; border-radius: .12rem;
}

.container-home .content-teacher{
    padding-top: 1rem;
}
.container-home .content-teacher .content-head{
    padding: 0 .4rem;
}
.container-home .teacher{
    min-height: 9.6rem; margin-top: .48rem;
}
.container-home .teacher .swiper-slide{
    width: 4.32rem; height: 7.68rem; margin-left: .4rem; transition: all 0.2s 0.2s ease;
}
.container-home .teacher .swiper-slide a{
    display: block; width: 100%; height: 100%;
}
.container-home .teacher .swiper-slide .cover{
    width: 100%; height: 100%; overflow: hidden;
}
.container-home .teacher .swiper-slide .cover img{
    display: block; width: 100%; height: 100%; object-fit: cover;
}
.container-home .teacher .swiper-slide-active{
    width: 5.4rem; height: 9.6rem;
}
.container-home .teacher .swiper-button-left,
.container-home .teacher .swiper-button-right{
    position: absolute; top: 8.64rem; right: .4rem; z-index: 5; box-sizing: border-box; display: flex; justify-content: center; align-items: center; width: 1.32rem; height: .96rem; border: 1px solid #ccc; cursor: pointer; outline: none; overflow: hidden; transition: all 0.1s ease;
}
.container-home .teacher .swiper-button-left{
    right: 1.72rem; border-right: none;
}
.container-home .teacher .swiper-button-left span,
.container-home .teacher .swiper-button-right span{
    width: .413333rem; height: .186667rem; background: url('../images/sprites.png') no-repeat 0 0; background-size: 2.4rem;
}
.container-home .teacher .swiper-button-left span{
    transform: rotateY(-180deg);
}
.container-home .teacher .swiper-button-left:active,
.container-home .teacher .swiper-button-right:active{
    background-color: #18d8b6; border-color: #18d8b6;
}
.container-home .teacher .swiper-button-left:active span,
.container-home .teacher .swiper-button-right:active span{
    background-position: -0.48rem 0;
}