.teacher {
    background-color: #fff;
}
.teacher h2 {
    font-size: .5333rem;
    padding-top: .5333rem;
    text-align: center;
    color: #191919;

}
.teacher hr {
    width: .9333rem;
    border: .0133rem solid #1968b2;
    margin: .1867rem auto;
}
.teacher .des {
    font-size: .32rem;
    color: #7b7b7b;
    text-align: center;
}
.teacher ul {
    margin-top: .4rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.teacher ul li {
    height: 8rem;
    width: 48.5%;
    border: .0133rem solid #d2deea;
    border-radius: .1333rem;
    overflow: hidden;
    margin-bottom: .2667rem;
}
.teacher ul li .img {
    height: 5.12rem;
    background-color: #d2deea;
    overflow: hidden;
}
.teacher ul li .box .title {
    display: flex;
    align-items: center;
    height: .7467rem;
    margin: .0667rem auto 0 auto;
}
.teacher ul li .box .title .name {
    width: 30%;
    font-size: .3467rem;
    font-weight: bold;
    padding-left: .2rem;
    text-align: center;
}
.teacher ul li .box .title .t {
    flex: 1;
    height: .4533rem;
    font-size: .2667rem;
    color: #7b7b7b;
    border-left: .0267rem solid #d2deea;
    padding-left: .1333rem;
    line-height: 2;
}
.teacher ul li .box p {
    height: 1.0667rem;
    padding: 0 .1333rem;
    font-size: .2133rem;
    line-height: 1.4;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.teacher ul li .box .btn {
    width: 60%;
    height: .6rem;
    margin: .1333rem auto;
    background-color: #1968b2;
    color: #fff;
    font-size: .24rem;
    line-height: .6rem;
    text-align: center;
}