.content {
    width: 100%;
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.teacherlist-header {
    width: 100%;
    height: 259px;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-image: url('/imgs/teacher-bg.png');
}

.teacherlist-header-top {
    width: 100%;
    height: 68px;
}

.teacherlist-header-body {
    width: 1200px;
    height: 191px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.teacherlist-header-body div {
    width: 835px;
    height: 68px;
    text-align: center;
    line-height:68px;
    font-size:34px;
    color:#fff;
    background: rgba(255, 255, 255, .3);
    border-radius: 40px;
}
.teacherlist-main{
    width:1200px;
    margin:16px;
    display: flex;
    flex-wrap: wrap;

}
.course-teacher-main{
    display: flex;
    margin-right: -25px;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start !important;
    justify-content: flex-start !important;
    margin-top:5%;
}
.teacher-item{
    margin-right: 20px;
    margin-bottom:80px;
}
.course-teacher .course-teacher-main .teacher-item .img-item-right h4{
    font-size:16px;
   color:#575757;

}
.course-teacher .course-teacher-main .teacher-item .img-item-right .h6-0{
    background:linear-gradient(54deg,rgba(88,219,242,1) 0%,rgba(168,231,241,1) 100%);
}
.course-teacher .course-teacher-main .teacher-item .img-item-right .h6-1{
    background:linear-gradient(233deg,rgba(240,166,242,1) 0%,rgba(225,91,229,1) 100%);
}
.course-teacher .course-teacher-main .teacher-item .img-item-right .h6-2,.course-teacher .course-teacher-main .teacher-item .img-item-right .h6-4{
    background:linear-gradient(135deg,rgba(255,109,16,1) 0%,rgba(234,181,142,1) 100%);
}
.course-teacher .course-teacher-main .teacher-item .img-item-right .h6-3{
    background:linear-gradient(63deg,rgba(228,72,99,1) 0%,rgba(255,170,185,1) 100%);
}

.course-teacher .course-teacher-main .teacher-item .img-item-right .xie{
   width:111px;
   height: 107px;
    clip-path: polygon(15% 0, 0 100%, 100% 100%, 100% 0);
    position: absolute;
    bottom:17px;
    right:5px;
    z-index:15;
   display: flex;
   flex-direction: row;
   justify-content: flex-end;
   background:rgba(234,234,234,0.6);

}
.course-teacher .course-teacher-main .teacher-item .img-item-right .xie-p{
   width:82px;
   height:100%;
   font-size:10px;
   color:#575757;
   word-break:break-all;
   display:-webkit-box;/**对象作为伸缩盒子模型展示**/
   -webkit-box-orient:vertical;/**设置或检索伸缩盒子对象的子元素的排列方式**/
   -webkit-line-clamp:6;/**显示的行数**/
   overflow:hidden;/**隐藏超出的内容**/
}
.course-teacher .course-teacher-main .teacher-item .img-item-right .xie p{
    padding-top:4px;
   overflow: hidden;
}
.active{
    background:linear-gradient(226deg,rgba(70,230,228,1) 0%,rgba(72,177,239,1) 100%);
    color:#fff !important;
}
.active a {
    color:#fff;
}