@charset "utf-8";

.tecaher {
    margin: -1px 0 0 0;
}

.tecaher .teacher-tab-wrap {
    position: relative;
}

.tecaher .teacher-tab-wrap .tab-menu-inner {
    z-index: 1;
    position: relative;
}

.tecaher .teacher-tab-wrap .tab-menu {
    padding-top: 100px;
    font-size: 0;
    width: 520px;
    position: absolute;
}

.tecaher .teacher-tab-wrap .tab-menu li {
    display: inline-block;
    zoom: 1;
    vertical-align: top;
    font-size: 14px;
    width: 32%;
    margin: 0 0 0 2%;
}

.tecaher .teacher-tab-wrap .tab-menu li:first-child {
    margin: 0;
}

.tecaher .teacher-tab-wrap .tab-menu li a {
    display: block;
    text-align: center;
    color: #fff;
    box-sizing: border-box;
    background-color: #cccbcb;
    line-height: 50px;
    font-size: 27px;
}

.tecaher .teacher-tab-wrap .tab-menu li:hover a,
.tecaher .teacher-tab-wrap .tab-menu li a.selected {
    background: #1b2d62;
    color: #fff;
}

.tecaher .teacher-tab-wrap .tab-menu li b {
    font-family: 'spoqa4';
}

.tecaher .teacher-tab-wrap .tab-content1 {
    position: relative;
    /*background: ;*/
}

.tecaher .teacher-tab-wrap .tab-content1 .professor-profile {
    background-color: #b9c1cc;
    padding: 260px 0 0 0;
    height: 845px;
}

.tecaher .teacher-tab-wrap .tab-content1 .professor-img {
    position: absolute;
    top: 0;
    left: 60%;
    width: 260px;
    transform: translateX(-60%);
}

.tecaher .teacher-tab-wrap .tab-content2 {
    position: relative;
    /*background: ;*/
}

.tecaher .teacher-tab-wrap .tab-content2 .professor-profile {
    background-color: #b9c1cc;
    padding: 260px 0 0 0;
    height: 845px;
}

.tecaher .teacher-tab-wrap .tab-content2 .professor-img {
    position: absolute;
    top: 0;
    left: 60%;
    width: 468px;
    transform: translateX(-60%);
}


.tabcontent-tit {
    color: #fff;
}

.tabcontent-tit > span {
    display: block;
    font-size: 40px;
    font-family: noto2;
    line-height: 50px;
}

.tabcontent-tit > div {
    font-size: 55px;
    font-family: noto2;
    line-height: 65px;
    letter-spacing: -1.2px;
}

.tabcontent-tit > div > b {
    display: block;
    font-family: noto6;
    font-size: 60px;
    line-height: 70px;
    background: linear-gradient(88deg, #1b2d62 12%, #23559a 40%);
    color: transparent;
    background-clip: text;
    -webkit-background-clip: text;
}

.tecaher .teacher-tab-wrap .tab-content3 {
    background: url('//static-sdedu.akamaized.net/img1/_skin/tpl_skin/basic_distribution_5/images/teacher/teacher3.png') no-repeat left bottom;
    padding: 195px 0 114px 480px;
}

.tecaher .teacher-tab-wrap .tab-conten.tecaher .teacher-tab-wrap .tab-content dl dt, .tecaher .teacher-tab-wrap .tab-content dl ddt dl {
    display: flex;
    width: 100%;
    margin: 30px 0;
    flex-flow: column nowrap;
}

.tecaher .teacher-tab-wrap .tab-content dl::before {
    margin: 70px 0 30px;
    display: block;
    content: '';
    width: 70px;
    height: 4px;
    background: #6991c7;
}

.tecaher .teacher-tab-wrap .tab-content dl dt {
    font-family: 'spoqa4';
    width: 36%;
}

.tecaher .teacher-tab-wrap .tab-content dl > dt > p {
    color: #212123;
    font-size: 32px;
    line-height: 100%;
    font-family: 'spoqa3';
    margin: 0 0 15px 0;
}

.tecaher .teacher-tab-wrap .tab-content dl dt p b {
    font-family: 'noto6';
    margin: 0 5px 0 0;
}

.tecaher .teacher-tab-wrap .tab-content dl dt em {
    display: block;
    font-size: 23px;
    color: #182534;
}

.tecaher .teacher-tab-wrap .tab-content dl dd {
    color: #182534;
    margin-top: 30px;
}

.tecaher .teacher-tab-wrap .tab-content dl dd span {
    display: block;
    font-size: 18px;
    line-height: 25px;
    margin: 7px 0 0 0;
    position: relative;
    padding: 0 0 0 8px;
    color: #565756;
}

.tecaher .teacher-tab-wrap .tab-content dl dd span:first-child {
    margin: 0;
}

.tecaher .teacher-tab-wrap .tab-content dl dd span:before {
    content: 'ㆍ';
    position: absolute;
    left: -8px;
}

.tecaher .teacher-tab-wrap .tab-content .sample {
    border: 4px #eedb95 solid;
    width: 569px;
    height: 314px;
    background: #2c3643;
}

.tecaher .teacher-tab-wrap .tab-content1 .play {
    display: block;
    height: 100%;
    font-size: 0;
    /*text-indent: -9999px;*/
    text-align: center;
    color: #ddc09b;
    background: url('/_skin/tpl_skin/basic_distribution_5/images/teacher/var_1/paly1.png') no-repeat center center;
}
.tecaher .teacher-tab-wrap .tab-content2 .play {
    display: block;
    height: 100%;
    font-size: 0;
    /*text-indent: -9999px;*/
    text-align: center;
    color: #ddc09b;
    background: url('/_skin/tpl_skin/basic_distribution_5/images/teacher/var_1/paly2.png') no-repeat center center;
}
.tecaher .teacher-tab-wrap .tab-content .play img{
    margin-top: 15%;
}
.tecaher .teacher-tab-wrap .tab-content .professor-video-point {
    width: 420px;
    margin-left: 10px;
}
.tecaher .teacher-tab-wrap .tab-content .professor-video-point ul li:first-child{
    margin: 20px 0;
}
.tecaher .teacher-tab-wrap .tab-content .professor-video-point ul li{
    width: 100%;
    padding: 27px 20px;
    text-align: center;
    margin: 30px 0;
    position: relative;
    background-color: #fff;
    border-radius: 10px;
    border: 1px solid #cab59a;
    box-sizing: border-box;
    font-size: 22px;
    font-family: noto6;
}
.tecaher .teacher-tab-wrap .tab-content .professor-video-point ul li::before{
    display: block;
    content: '';
    width: 128px;
    height: 34px;
    position:absolute;
    top: -20px;
}
.tecaher .teacher-tab-wrap .tab-content .professor-video-point ul li:nth-child(1)::before{
    background-image: url("/_skin/tpl_skin/basic_distribution_5/images/teacher/var_1/point1.png");
}
.tecaher .teacher-tab-wrap .tab-content .professor-video-point ul li:nth-child(2)::before{
    background-image: url("/_skin/tpl_skin/basic_distribution_5/images/teacher/var_1/point2.png");
}
.tecaher .teacher-tab-wrap .tab-content .professor-video-point ul li:nth-child(3)::before{
    background-image: url("/_skin/tpl_skin/basic_distribution_5/images/teacher/var_1/point3.png");
}
.professor-video .content{
    display: flex;
}
/*
.tecaher .teacher-tab-wrap .tab-content .play:hover {
    background: url('//static-sdedu.akamaized.net/img1/_skin/tpl_skin/basic_distribution_5/images/teacher/plyer_btn_over.png') no-repeat center center;
}*/

.teacher-curri {
    text-align: center;
    background: #fff;
}

.professor-video {
    background-color: #8da0b9;
    padding-bottom: 90px ;
}

.professor-video .professor-video-inner {
    width: 1000px;
    margin: 0 auto;
}

.professor-video-tit {
    width: 100%;
    text-align: center;
    padding: 100px 0 40px;
}
.professor-review{
    background-color: #f6eddc;
    padding: 100px 0;

}
.professor-review .professor-review-slider{
    width: 1000px;
    margin: 0 auto;
    height: 440px;
}
.professor-review-inner{
    width: 1100px;
    margin: 0 auto;
    position: relative;
}
.professor-review-inner .swiper-button-next,
.professor-review-inner .swiper-button-prev {
    background-repeat: no-repeat;
    top: 60%;
    height: 50px;
}
.professor-review-inner .swiper-button-next{
    background-image: url("/_skin/tpl_skin/basic_distribution_5/images/teacher/var_1/btn.png");
    background-position: left -118px top -10px;

}
.professor-review-inner .swiper-button-prev{
    background-image: url("/_skin/tpl_skin/basic_distribution_5/images/teacher/var_1/btn.png");
    background-position: left -83px top -10px;
}
.professor-review .professor-review-txtinner{
    text-align: center;
    margin-bottom: 50px;
}
.professor-review .text-content{
    background-color: #fff;
    border-radius: 20px;
    box-sizing: border-box;
    border: 1px solid #d0cdc9;
    box-shadow: 1px 8px 7px rgb(0 0 0 / 20%);
}
.professor-review [class^=review-image-]{
    background-image: url("/_skin/tpl_skin/basic_distribution_5/images/teacher/var_1/review_photo.png");
    width: 100px;
    height: 100px;
    margin:36px auto;
    background-repeat: no-repeat;
}
.professor-review .review-image-1{
    background-position: right 0 bottom 0;
}
.professor-review .review-image-2{
    background-position: right -118px bottom 0;
}
.professor-review .review-image-3{
    background-position: right -239px bottom 0;
}
.professor-review .review-image-4{
    background-position: right 0 bottom -122px;
}
.professor-review .review-image-5{
    background-position: right -118px bottom -122px;
}
.professor-review .review-image-6{
    background-position: right -239px bottom -122px;
}
.professor-review .textbox{
    text-align: center;
}
.professor-review .tit{
    font-size: 20px;
    line-height: 100%;
    font-family: noto6;
}
.professor-review .review-txt{
    color:#4b4c4b;
    margin: 24px 0;
    font-size: 16px;
    line-height: 26px;
}
.professor-review .review-txt > span{
    display: block;
    margin: 40px 0;
    color: #a1a3a6;
}

.professor-review{
}
.professor-review{
}
.professor-review{
}
.professor-review{
}
.professor-review{
}
.professor-review{
}
.professor-review{
}
.professor-review{
}
.professor-review{
}
.professor-review{
}
.professor-review{
}
.professor-review{
}
.professor-review{
}
.professor-review{
}
.professor-review{
}
.professor-review{
}