.teacher-page { background-size: auto 100%; padding-bottom: 80px; background: #fffbf7 url('../../images/dtzx/listbg.png') no-repeat left bottom; background-size: 100% auto;}
.teacher-page .banner-box {position: relative; width: 100%; background: url('../../images/list/bg02.png') no-repeat top left;background-size: 100% 195px;}
.teacher-page .teacher-info {margin-top: 20px;}
.teacher-page .teacher-info .left-info {float: left; width: 200px; height: 245px;overflow: hidden;}
.teacher-page .teacher-info .right-info {float: left; width: calc(100% - 200px);padding-left: 40px;padding-top: 17px;}
.teacher-page .teacher-info .left-info a,.teacher-page .teacher-info .left-info img {width: 100%; height: 100%;object-fit: cover;}
.teacher-page .right-info .title-box {float: left; width: calc(100% - 80px); color:#fff; font-size: 30px;line-height: 45px;}
.teacher-page .right-info .title-box a  {display: inline-block; color: #fff;}
.teacher-page .right-info .gz {float: left;margin-top: 5px; width: 80px; height: 35px; border: 1px solid #fff; font-size: 16px; line-height: 35px; text-align: center; color: #fff;}
.teacher-page .right-info .ygz { border: 1px solid #fff; color: #fff;}
.teacher-page .toolbar {margin-top: 10px;height: 20px;}
.teacher-page .toolbar span {color: #fff;}
.teacher-page .toolbar .num {display: inline-block; margin: 0 25px 0 15px}
.teacher-page .toolbar .hyzs {margin-left: 25px;}
.teacher-page .summary {margin-top: 45px; color: #333; font-size: 16px; line-height: 24px;}
.teacher-page .bq .item {display: inline-block;font-size: 18px; color: #333; padding: 0 18px;height: 40px;line-height: 40px;cursor: pointer;margin-right: 5px;}
.teacher-page .bq {margin-bottom: 18px;}
.teacher-page .bq .item.on,.bq .item:hover {background-color: #fff0f0; border-radius: 2px; border: 1px solid #ffcdc4; color:#c11500; }
.teacher-page .bqq {display:inline-block; padding: 0px 20px; height: 30px; line-height: 30px;vertical-align: top; margin-top: 8px; margin-left: 20px; text-align: center;background-color: #3a4055;font-size: 16px; color: #efd49a;}
.teacher-page .yjfx {margin-left: 25px;}
.teacher-page .cover-box {background-color: transparent;box-shadow: 0px 0px 0px 0px transparent;cursor: pointer;}
.teacher-page .bf {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -105%); width: 56px; height: 56px;background: url('../../images/dtzx/bf.png') no-repeat center center; background-size: 100% 100%;}
.teacher-page .pagebox {padding-top: 60px;}
.teacher-page .title a:hover {color: #c11500 !important;}
@media ( max-width : 850px) {
    .teacher-page .teacher-info .left-info {display: none;}
    .teacher-page .teacher-info .right-info {width: 100%; padding-left: 0;}
}


@media ( max-width : 450px) {
    .teacher-page .teacher-info .right-info {padding-top: 0;}
    .teacher-page .toolbar .hyzs {margin-left: 0;}
    .teacher-page .toolbar {margin-top: 10px; font-size: 14px;}
    /* .teacher-page .banner-box {height: 170px;} */
    .teacher-page .summary {margin-top: 33px;}
    .teacher-page .banner-box {background-size: 100% 170px;}
}



















