/*
@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:1200px;background:#fff;}
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{text-decoration:underline;}
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:1200px;margin:0 auto;}

/**/
.topHeader-wrap{ width:100%; height:507px; background:url("/images/zhuanti/teacher/teacher_2/header.jpg") no-repeat center top;}

/**/
.nav-wrap{ width:100%; height:198px; background:url("/images/zhuanti/teacher/teacher_2/nav.jpg") no-repeat center top;}
.nav-mod .follow-con{ padding:82px 0 0 20px;}
.nav-mod .follow-con .btn{ display:block; float:left; width:212px; height:50px; line-height:0; font-size:0;}

/**/
.introduce-wrap{ width:100%; height:749px; background:url("/images/zhuanti/teacher/teacher_2/introduce-bg.jpg") no-repeat center top;}

/**/
.video-wrap{ width:100%; height:577px; background:url("/images/zhuanti/teacher/teacher_2/video-bg.jpg") no-repeat center top;}
.video-mod{ padding:32px 0 0; overflow:hidden;}
.video-mod .btn{ display:block; width:958px; height:490px; margin:0 auto; position:relative;}
.video-mod .btn img{ display:block; width:958px; height:490px; border-radius:12px;}
.video-mod .btn:before{ content:""; width:100%; height:100px; position:absolute; left:50%; top:50%; margin:8px 0 0 -50px; background:url("/images/zhuanti/teacher/teacher_1/ico01.png") no-repeat;}

/**/
.class-wrap{ width:100%; height:762px; background:url("/images/zhuanti/teacher/teacher_2/class-bg.jpg") no-repeat center top;}
.class-mod{}
.class-mod .btn01{ display:block; width:220px; height:124px; position:absolute; left:138px; top:638px; background:url("/images/zhuanti/teacher/teacher_1/btn01.png") no-repeat;}
/*.class-mod .btn02{ display:block; width:220px; height:124px; position:absolute; left:393px; top:583px; background:url("/images/zhuanti/teacher/teacher_1/btn02.png") no-repeat;}*/
.class-mod .btn02{ display:block; width:220px; height:124px; position:absolute; left:253px; top:620px; background:url("/images/zhuanti/teacher/common/btn02.png") no-repeat;}
.class-mod .btn03{ display:block; width:220px; height:124px; position:absolute; left:638px; top:617px; transform:rotate(19deg); -webkit-rotate(19deg); background:url("/images/zhuanti/teacher/teacher_1/btn01.png") no-repeat;}
/*.class-mod .btn04{ display:block; width:220px; height:124px; position:absolute; left:898px; top:646px; transform:rotate(19deg); -webkit-rotate(19deg); background:url("/images/zhuanti/teacher/teacher_1/btn02.png") no-repeat;}*/
.class-mod .btn04{ display:block; width:220px; height:124px; position:absolute; left:747px; top:633px; transform:rotate(19deg); -webkit-rotate(19deg); background:url("/images/zhuanti/teacher/common/btn02.png") no-repeat;}

/**/
.question-wrap{ width:100%; height:1348px; background:url("/images/zhuanti/teacher/teacher_2/question-bg.jpg") no-repeat center top;}

/**/
.life-wrap{ width:100%; height:901px; background:url("/images/zhuanti/teacher/teacher_2/life-bg.jpg") no-repeat center top;}
.life-mod .list{ padding:195px 0 0 40px;}
.life-mod .list .swiper-container{ width:933px; height:434px;}
.life-mod .list .swiper-container .swiper-slide img{ border-radius:12px;}
.life-mod .list .pagination{ width:100%; position:absolute; left:0; bottom:19px; text-align:center; z-index:9;}
.life-mod .list .pagination .swiper-pagination-switch{ display:inline-block; width:43px; height:10px; background:#fff; border-radius:5px; margin:0 7px;}
.life-mod .list .pagination .swiper-active-switch{ background:#ffc03a;}
.life-mod .btn-wrap{ padding:100px 0 0; text-align:center;}
.life-mod .btn-wrap .btn01{ display:inline-block; vertical-align:top; width:380px; height:100px; margin:0 60px; line-height:0; font-size:0;}

/**/
.mask{display:none; width:100%;z-index:98;height:100%;background:#000;opacity:.6;filter:alpha(opacity=60);position:fixed;top:0;left:0;}
.common-pop{ display:none; width:400px; position:fixed; left:50%; margin-left:-200px; top:50%; z-index:99;}
.common-pop .close-btn{ display:block; width:21px; height:20px; position:absolute; top:26px; right:32px; background:url("/images/zhuanti/teacher/common/close-btn.png") no-repeat;}
.common-pop .pop-con{ background:#fff; border-radius:10px; border-top:0; padding:60px 0 30px;}
.common-pop .pop-con .pic{ display:block; width:200px; height:200px; margin:0 auto;}
.common-pop .pop-con p{ line-height:40px; font-size:24px; font-weight:bold; text-align:center; color:#528deb; padding-top:10px;}