/*
@author: sunke
*/
body,input,textarea,button{font:14px/1.5 "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1,\9ED1\4F53","PingFang SC","Heiti SC",tahoma,arial,Hiragino Sans GB,"\5B8B\4F53",sans-serif;}
body{margin:0 auto;color:#333;min-width:1530px;background:#F8F8F8;}
p,ul,ol,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,button,textarea,iframe{margin:0;padding:0;}
img{border:0 none;vertical-align:top;}
ul,li,ol{list-style-type:none;}
i,em,address,caption,cite,code,dfn,th,var{font-style: normal;}
a{text-decoration:none;color:#333;}
a:hover{ color:#A77D44; text-decoration:none;}
input,button,textarea,a,a:hover{outline:none;}
textarea{resize:none;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{*zoom:1;}
.fl{float:left; _display:inline;}
.fr{float:right; _display:inline;}
.pr{position:relative;}
.abs{position:absolute;}
.layout{width:1530px;margin:0 auto;}
.main-layout{width:1220px;margin:0 auto;}
.header-wrap{ background:#fff;}

/**/
.crumbs-mod{ line-height:47px; margin:35px 0 0; font-size:12px; color:#999; padding-left:17px; background:url("/images/template/newsList2024/ico01.png") no-repeat left center;}
.crumbs-mod a{ color:#999;}

/**/
.teacherList-mod{}
.teacherList-mod .top-title{ padding:20px 0 0;}
.teacherList-mod .top-title .tit{ line-height:30px; color:#999;}
.teacherList-mod .top-title .tab-tit{}
.teacherList-mod .top-title .tab-tit .btn{ float:left; line-height:30px; font-size:16px; padding:0 20px; margin-left:15px;}
.teacherList-mod .top-title .tab-tit .btn.on{ background:#EAC58A; border-radius:15px;}
.teacherList-mod .list{ padding:39px 0 0;}
.teacherList-mod .list ul{ width:1250px;}
.teacherList-mod .list li{ float:left; width:290px; height:284px; overflow:hidden; margin:0 20px 20px 0; box-shadow:0 0 4px 1px rgba(225,231,235,0.72); border-radius:10px; position:relative;}
.teacherList-mod .list li .pic{ height:198px; background:#DFDFDF; position:relative; border-radius:10px 10px 0 0;}
.teacherList-mod .list li .pic img{ max-height:198px; position:absolute; left:50%; bottom:0; transform: translate(-50%,0); -webkit-transform:translate(-50%,0); }
.teacherList-mod .list li .introduce{ padding:13px 0 0 15px;}
.teacherList-mod .list li .introduce h4{ line-height:25px; font-size:18px;}
.teacherList-mod .list li .introduce h4 span{ font-size:14px; font-weight:normal; padding-left:10px;}
.teacherList-mod .list li .introduce p{ height:20px; line-height:20px; padding-top:11px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.teacherList-mod .list li .more{ width:100%; height:284px; position:absolute; left:0; bottom:-284px; border-radius:10px; background:rgba(239,208,157,.9);}
.teacherList-mod .list li .more .tit{ line-height:63px; padding:36px 0 0 22px; font-size:18px; color:#fff; font-weight:bold;}
.teacherList-mod .list li .more .tit span{ font-size:14px; font-weight:normal; padding-left:10px;}
.teacherList-mod .list li .more .head{ display:inline-block; width:63px; height:63px; border-radius:50%; vertical-align:top; overflow:hidden; background:#fff; margin-right:17px; position:relative;}
.teacherList-mod .list li .more .head img{ display:block; max-width:100%; max-height:100%; border-radius:50%;}
.teacherList-mod .list li .more p{ padding:28px 21px 0; line-height:22px; color:#fff;}
.teacherList-mod .list li .link-btn{ display:block; width:100%; height:100%; line-height:0; font-size:0; position:absolute; left:0; top:0; z-index:9;}

/**/
.teacher-mod{}
.teacher-mod .left-con{ width:687px; background:#fff; border-radius:10px; padding:20px 56px;}
.teacher-mod .left-con .teacherIntroduce{ padding:18px 0 22px; border-bottom:1px solid #F2F2F2;}
.teacher-mod .left-con .teacherIntroduce .head{}
.teacher-mod .left-con .teacherIntroduce .head .pic{ display:block; width:158px; height:158px; border-radius:50%;}
.teacher-mod .left-con .teacherIntroduce .text{ margin-left:211px;}
.teacher-mod .left-con .teacherIntroduce .text h3{ line-height:28px;}
.teacher-mod .left-con .teacherIntroduce .text h3 strong{ font-size:20px; color:#3E3A39; position:relative;}
.teacher-mod .left-con .teacherIntroduce .text h3 strong:before{ content:""; width:100%; height:2px; background:#EAC58A; position:absolute; left:0; bottom:-11px;}
.teacher-mod .left-con .teacherIntroduce .text h3 i{ margin-left:24px; font-size:18px; color:#9AABB8; font-weight:normal;}
.teacher-mod .left-con .teacherIntroduce .text h3 span{ font-size:14px; font-weight:normal; margin-left:9px;}
.teacher-mod .left-con .teacherIntroduce .text p{ line-height:24px; color:#666; padding:36px 0 0 0;}


.teacher-mod .left-con h1{ line-height:33px; font-size:24px; color:#2B3E50; }
.teacher-mod .left-con .more{ padding:15px 0 0;}
.teacher-mod .left-con .more .time{ float:left; line-height:18px; font-size:12px; color:#9AABB8; padding-left:20px; background:url("/images/template/newsList2024/ico03.jpg") no-repeat left center;}
.teacher-mod .left-con .more .from{ float:left; line-height:18px; font-size:12px; color:#9AABB8; margin-left:36px;}
.teacher-mod .left-con .main{ padding:28px 0 0;}
.teacher-mod .left-con .main .video-btn{ display:block; position:relative; text-align:center; margin-bottom:20px;}
.teacher-mod .left-con .main .video-btn:before{ content:""; width:58px; height:58px; position:absolute; left:50%; top:50%; transform: translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);  background:url("/images/template/newsList2024/video-btn.png") no-repeat;}
.teacher-mod .left-con .main .pic{ text-align:center; padding:0 0 16px;}
.teacher-mod .left-con .main .pic img{ max-width:100%;}
.teacher-mod .left-con .main p{ padding-bottom:16px; line-height:26px; font-size:14px; color:#2B3E50; }
.teacher-mod .left-con .enclosure{ padding:18px 20px; background:#F8F8F8; border-radius:10px;}
.teacher-mod .left-con .enclosure h4{ line-height:32px; font-size:18px; padding-bottom:5px;}
.teacher-mod .left-con .enclosure .btn{ display:block; line-height:26px; color:#6180c8;}
.teacher-mod .right-con{ width:370px;}
.teacher-mod .right-con .title{ padding-bottom:20px;}
.teacher-mod .right-con .title h3{ float:left; line-height:25px; font-size:18px; padding-left:28px;}
.teacher-mod .right-con .title h3.ico01{ background:url("/images/template/newsList2024/title-ico01.jpg") no-repeat left center;}

/**/
.recommendCourse-mod{}
.recommendCourse-mod .box{ background:#fff; border-radius:10px; margin-bottom:34px;}
.recommendCourse-mod .box .top-con{ padding:25px 20px 0;}
.recommendCourse-mod .box h4{ line-height:25px; font-size:18px; font-weight:normal;}
.recommendCourse-mod .box .time{ line-height:18px; font-size:12px; color:#666; padding-top:6px;}
.recommendCourse-mod .box .tags{ padding:8px 0 0;}
.recommendCourse-mod .box .tags span{ display:block; float:left; line-height:18px; font-size:12px; color:#A77D44; margin:0 8px 6px 0; background:#FFF9EF; border-radius:2px;}
.recommendCourse-mod .box .teacher{ padding:20px 0;}
.recommendCourse-mod .box .teacher .btn{ display:block; float:left; width:44px; margin-right:23px; text-align:center;}
.recommendCourse-mod .box .teacher .btn img{ display:block; width:44px; height:44px;}
.recommendCourse-mod .box .teacher .btn p{ line-height:18px; font-size:12px; color:#777; padding-top:8px;}
.recommendCourse-mod .box .bottom-con{ height:58px; line-height:58px; border-top:1px solid #F2F2F2; padding:0 25px 0 30px;}
.recommendCourse-mod .box .bottom-con .nums{ float:left; color:#777; font-size:12px;}
.recommendCourse-mod .box .bottom-con .pirze{ float:right; color:#E6213A; text-align:right;}
.recommendCourse-mod .box .bottom-con .pirze i{ font-size:10px;}
.recommendCourse-mod .box .bottom-con .pirze strong{ font-size:20px;}
.recommendCourse-mod .box .bottom-con .pirze p{ line-height:20px; padding-top:10px;}
.recommendCourse-mod .box .bottom-con .pirze del{ line-height:16px; font-size:11px; color:#C5C5C5;}



@media screen and (max-width: 1530px) {
    body{ min-width:1200px;}
    .layout{ width:1200px;}
}