@charset "utf-8";
body{overflow-x:hidden;max-width:100%;background:#fff;font:18px/36px "Hiragino Sans GB","MicroSoft YaHei",Arial,sans-serif;}
blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,select,td,textarea,th,ul{margin:0;padding:0;}
img{display:block;max-width:100%;border:none;}
a{color:#2b2a3c;text-decoration:none;}
a:hover{text-decoration:none;}
li,ol,ul{list-style:none}
table{border-collapse:collapse;border-spacing:0;max-width:100%}
:focus,input{outline:0}
select{-webkit-appearance:none;appearance:none;-moz-appearance:none;-ms-appearance:none}
input::focus-inner{padding:0;border:0}
input::-webkit-input-placeholder{color:#999}
input::-moz-placeholder{color:#999}
input:-moz-placeholder{color:#999}
input:-ms-input-placeholder{color:#999}
.fl{float:left;}
.fr{float:right;}
.pull-left{float:left;}
.pull-right{float:right;}
.clearfix{position:relative}
.clearfix::after{display:block;content: '';height:0;font-size:0;clear:both}
.clearfix{zoom:1}
.hide,.mobshow{display:none;}
.container{max-width:1280px;margin:0 auto;position:relative;box-sizing:border-box;}
.container::after{display:block;content: '';height:0;font-size:0;clear:both}
ul::after{display:block;content: '';height:0;font-size:0;clear:both}
.header{width:100%;height:80px;background-color:#e11727;margin-bottom:10px;}
.header .container{padding:0 15px;}
.header_l{margin:20px 0;float:left}
.header_l{float:left}
.logo{float:left}
.header_logo{float:left;display:block;padding-left:5px;text-align:center;margin-left:10px;color:#fff;border-left:1px solid #fff;font-size:28px;line-height:40px}
.links1{margin-left:26px;font-size:18px;line-height:80px;float:left;}
.links1 a{color:#fff;padding-right:10px;}
.header_search{float:right;height:40px;width:320px;margin:20px 0;position:relative}
.header_search input{width:100%;height:40px;line-height:40px;border:0;border-radius:20px;background:#fff;font-size:16px;box-sizing:border-box;padding-left:20px;color:#999;text-align:left;}
.header_search_btn{position:absolute;top:50%;transform:translateY(-50%);right:25px;z-index:5;cursor:pointer}
.header_search input.search_btn{right:0;width:80px;background:#F44336;color:#fff;font-size:16px;cursor:pointer;border-radius:0 40px 40px 0;position:absolute;padding-left:0;text-align:center;top:0;}
.search_ci{line-height:36px;color:#F44336;padding:0 0 0 15px;width:230px;background:#f5f6f7;border-radius:40px 0 0 40px;font-size:14px;position:absolute;z-index:999;}
.i_jobcz{overflow:hidden;margin:20px auto;padding:5px 0;max-width:1260px;background:#fff;box-shadow:0 0 20px rgba(0,0,0,.1);}
.i_jobcz ul{overflow:hidden;margin:1px auto;padding:0 10px;}
.i_jobcz ul li{float:left;margin:2px 3px;white-space:nowrap;}
.i_jobcz li a,.i_jobcz li span{float:left;padding:3px 5px;min-width:56px;background:#f5f5f5;text-align:center;text-decoration:none;font-size:14px;line-height:22px;}
.i_jobcz li span{background:#9E9E9E;color:#fff;}
.i_jobcz li a:hover,.i_jobcz li a.cur{background:#fff;color:#e53538;box-shadow:0 0 0 1px #F44336;}
.teacher_list{display:flex;flex-wrap:wrap;justify-content:space-between;}
.teacher_list li{cursor:pointer;float:left;margin:0 1% 20px;width:48%;box-shadow:0 0 20px rgba(0,0,0,.1);transition:all .5s;}
.teacher_list li::after{content: '';display:block;height:0;font-size:0;clear:both}
.teacher_list li a::after{content: '';display:block;height:0;font-size:0;clear:both}
.teacher_list li:hover h4{color:#d02d26}
.teacher_list li:hover{transform:translateY(-10px)}
.teacher_list > p{width:100%;}
.teacher_bpic{width:38%;float:left;box-sizing:border-box;}
.teacher_bpic img{width:100%;}
.teacher_list_r{float:left;box-sizing:border-box;width:62%;color:#333;padding:1% 5%;}
.teacher_list_r h4{line-height:50px;font-size:24px}
.teacher_list_r p{height:40px;line-height:40px;font-size:18px;overflow:hidden}
.teacher_list_r .brief{display:block;height:105px;overflow:hidden;margin-top:10px;line-height:35px;font-size:16px;color:#999;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;text-align:left}
.bottom{width:100%;background:#e11727;}
.footer{clear:both;position:relative;padding:30px 10px;text-align:center;}
.footer p,.footer p a{color:#fff;font-size:14px;line-height:24px;}
.img_phone{display:none}
.detail_container{margin:0 auto 30px;}
.detail_left{float:left;width:28%;box-sizing:border-box;padding:40px 2.5%;box-shadow:0 0 30px rgba(0,0,0,.1)}
.detail_teacher_name{line-height:60px;margin-top:15px;font-weight:700;text-align:center;font-size:24px;color:#333}
.detail_l_text{float:left;width:90px}
.detail_left p{line-height:40px;font-size:18px;color:#333}
.detail_l_p{float:left;width:calc(100% - 90px);text-align:justify}
.testclass span{line-height:30px;margin:0 2px 5px;padding:0 6px;color:#333;position:relative;background:#e7f4ff;font-size:14px;display:inline-block;opacity:.8;}
.testclass span:nth-child(3n+2){background:#fff4f2;}
.testclass span:nth-child(3n+3){background:#edffea;}
.testclass span:hover{opacity:1;}
.detail_left img{width:100%;display:inline-block;vertical-align:middle}
.detail_right{float:right;width:70%;box-sizing:border-box;box-shadow:0 0 30px rgba(0,0,0,.1)}
.detail_right_top{line-height:100px;border-bottom:1px solid #e6e6e6;text-align:center}
.detail_right_top a{line-height:50px;display:inline-block;vertical-align:middle;text-align:center;font-size:24px;color:#333;width:100px;margin:0 50px;position:relative}
.detail_right_top a.active{color:#d02d26}
.detail_right_top a.active::after,.detail_right_top a:hover::after{content: '';display:block;width:50px;height:1px;border-bottom:2px solid #d02d26;position:absolute;bottom:0;left:50%;transform:translateX(-50%)}
.detail_right_container{position:relative;box-sizing:border-box;padding:10px 2.5% 30px;width:100%;}
.detail_right_tit{width:250px;line-height:75px;background:url(../images/detail_r_titbg.png);font-size:36px;color:#333;font-weight:400;margin:0 auto 30px auto}
.detail_right_tit span{display:inline-block;vertical-align:top}
.detail_right_tit img{display:inline-block;vertical-align:middle;margin:0 10px 0 20px}
.picScroll-left{width:100%;overflow:hidden;position:relative}
.picScroll-left .hd{position:absolute;bottom:50px;left:50%;transform:translateX(-50%);overflow:hidden;height:5px;padding:0 10px;z-index:5}
.picScroll-left .hd ul{overflow:hidden;zoom:1}
.picScroll-left .bd ul{overflow:hidden;zoom:1;width:100%}
.detail_text{line-height:35px;text-indent:2em;font-size:16px;color:#333;text-align:left;margin:35px 0 80px 0}
.detail_course_list li{width:32%;float:left}
.detail_course_list li:nth-last-child(1){display:none}
.detail_course_list li:hover img{transform:scale(1.1)}
.detail_course_list li:hover a.detail_course_title{color:#c33}
.detail_course_list li:nth-child(2){margin:0 2%}
.detail_course_list li a{overflow:hidden;display:block;margin-bottom:15px}
.detail_course_list li img{width:7.5rem;height:4.25rem;display:block;transition:all .5s}
.detail_course_list li a.detail_course_title{height:70px;line-height:35px;font-size:18px;color:#333;text-align:justify;margin-bottom:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.detail_course_list li p{line-height:30px}
.course_num{float:left;font-size:16px;color:#999}
.course_saled{float:right;font-size:16px;color:#c33}
.course_more{display:block;width:100%;line-height:60px;text-align:center;background:#f5f5f5;font-size:16px;color:#333;margin-top:35px}
.course_more span{display:inline-block;vertical-align:middle;width:20px;height:20px;background:#666 url(../images/more_icon.png) center center no-repeat;border-radius:50%}
.mainWords h2{font-size:22px;color:#e22131;}
.teacherpic{width:100px;height:100px;overflow:hidden;border-radius:100%;margin:10px auto;}
.teacherpic img{width:100%;}
.fanye{text-align:center;margin:10px auto 25px;overflow:hidden;}
.fanye a{background:#676767;color:#FFF;text-align:center;margin:5px 2px;font-size:14px;padding:0 15px;line-height:38px;cursor:pointer;display:inline-block;}
.fanye a.on{background:#d21332;color:#fff;}
.fanye a:hover{color:#fff;background:#d21332;}
.shop-info{overflow:hidden;margin:10px auto;padding-top:20px;width:1160px;background:#fff;}
.shop-info .container{position:relative;}
.shop-info .arrow{position:absolute;top:-22px;left:75px;}
.shop-info .shop-qrcode{margin:0 30px 15px;width:175px;height:175px;}
.shop-info .shop-desc{padding-top:20px;}
.shop-info .shop-desc .wxv{color:#f60;}
.shop-info .shop-desc .icon-wxv{margin-right:5px;vertical-align:text-bottom;display:inline-block;width:16px;height:16px;background-image:url(../images/icon-wxv.png);background-position:0 0;background-repeat:no-repeat;}
.shop-info .shop-desc dl{margin-bottom:15px;overflow:hidden;}
.shop-info .shop-desc dt{margin-bottom:10px;color:#333;font-weight:700;font-size:16px;line-height:18px;}
.shop-info .shop-desc dd{margin-bottom:15px;color:#666;font-size:12px;line-height:1.5em;}
.shop-info-fixed{position:absolute;top:50px;left:0;z-index:10;margin:0;padding:20px 0;width:100%;border-top:0 none;background-color:#f7f7f7;-webkit-box-shadow:rgba(50,50,50,.75) 0 5px 10px 0;box-shadow:rgba(50,50,50,.75) 0 5px 10px 0;}
.vbcom,#htts,.vbhead{display:none;}
@media only all and (max-width:1200px){
.teacher_list li:hover{transform:translateY(0)}
.container{width:98%;margin:0 auto;}
.img_pc{display:none}
.img_phone{display:block}
.header{height:2rem;margin-bottom:0;}
.header .container{padding:0 .2rem;}
.header_l{margin:.35rem 0;height:1.3rem;}
.header_l img{height:1.25rem;float:left}
.header_logo{padding-left:8px;margin-left:.2rem;font-size:.7rem;line-height:1.25rem}
.links1{margin-left:8px;font-size:13px;line-height:2rem;display:none;}
.header_search{height:1.5rem;width:8rem;margin:.25rem 0;}
.header_search input{width:8rem;font-size:.5rem;padding-left:.5rem;height:1.5rem;line-height:1.5rem;margin:0;display:block;}
.header_search_btn{right:.5rem;width:.75rem}
.header_search input.search_btn{width:2.5rem;font-size:0.7rem;}
.search_ci{width:5rem;line-height:1.5rem;font-size:13px;}
.i_jobcz{margin:10px auto;}
.i_jobcz ul{margin:5px auto 0;padding:0 5px;}
.i_jobcz ul li{margin:2px;}
.i_jobcz li a,.i_jobcz li span{padding:0 5px;min-width:auto;font-size:12px;}
.teacher_list li{float:none;        /* height:10.65rem; */margin:0 0 .5rem;width:100%;box-shadow:0 0 .25remrgba(0,0,0,.1);overflow:hidden;}
.teacher_bpic{width:6.5rem;}
.teacher_list_r{float:right;box-sizing:border-box;width:calc(100% - 6.5rem);color:#333;padding:0.5rem .5rem;}
.teacher_list_r h4{line-height:1rem;font-size:.8rem;margin-bottom:.5rem}
.teacher_list_r p{height:1.25rem;line-height:1.25rem;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;font-size:.7rem;}
.teacher_list_r p.testclass{height:auto;display:-webkit-box;-webkit-box-orient:initial;-webkit-line-clamp:initial;}
.testclass span{font-size:12px;line-height:24px;margin:0 1px 3px;padding:0 3px;}
.teacher_list_r .brief{height:3rem;margin-top:.5rem;line-height:1rem;font-size:.6rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;text-align:left;}
.detail_container{margin:0 auto 1rem;}
.detail_left{float:none;width:100%;padding:0;position:relative;margin-bottom:.75rem;display:flex;align-items:center;}
.detail_left::after{display:block;content: '';height:0;font-size:0;clear:both}
.detail_left img.detail_img{float:left;width:7.75rem}
.detail_info_box{float:right;width:10.5rem;padding:0 .5rem;box-sizing:border-box;}
.detail_teacher_name{text-align:left;line-height:1.5rem;margin-top:0;font-size:.7rem}
.detail_l_text{width:3.5rem}
.detail_left p{line-height:1rem;font-size:.6rem}
.detail_l_p{width:calc(100% - 3.5rem)}
.detail_right{float:none;width:100%}
.detail_right_top{width:100%;background:#fff;line-height:2.25rem}
.detail_right_top a{line-height:1.3rem;font-size:.7rem;width:3rem;margin:0 1rem}
.detail_right_top a.active::after,.detail_right_top a:hover::after{width:1.5rem}
.detail_right_container{position:relative;box-sizing:border-box;padding:0 2.5% 0.5rem;width:100%;}
.detail_right_tit{width:6.5rem;line-height:2rem;background-size:100% auto;font-size:.9rem;margin:0.5rem auto .7rem;}
.detail_right_tit img{width:1rem;margin:0 .5rem}
.picScroll-left .hd{bottom:3.5rem;height:.2rem;padding:0 .25rem}
.detail_text{line-height:1rem;font-size:.6rem;margin:1rem 0 2rem 0}
.detail_course_list li{width:46%;float:left;margin:.5rem 2%}
.detail_course_list li:nth-last-child(1){display:block}
.detail_course_list li:nth-child(2){margin:.5rem 2%;}
.detail_course_list li a{margin-bottom:.2rem;}
.detail_course_list li a.detail_course_title{margin-bottom:.3rem;height:2.5rem;font-size:.7rem;line-height:1.25rem;}
.detail_course_list li p{line-height:1rem;}
.course_num{font-size:.6rem;}
.course_saled{font-size:.6rem;}
.course_more{margin-top:.7rem;background:#fff;font-size:.7rem;line-height:1.5rem;}
.course_more span{width:.6rem;height:.6rem;background-size:.2rem;}
.shop-info{width:100%;text-align:center;}
.shop-info .shop-qrcode{float:none;margin:0 auto;}
.shop-desc.pull-left{float:none;width:96%;margin:0 auto;}
.goods-info-fixed{width:100%;height:auto;}
.goods-info-fixed .goods-info-title{padding-left:5px;margin-left:5px;}
}
/* video */
.videobox{width:100%;height:465px;background:url(https://ah.huatu.com/zt/sylkmshls/i/images/afbg.jpg) top no-repeat;}
.videobox iframe{width:653px;height:368px;margin:0px auto;display:block;padding-top:49px;}
.videobox > img{width:653px;margin:0px auto;display:block;padding-top:49px;}
.videobox video{height:auto;margin:0px auto;display:block;padding-top:0;width:100%;max-height:100%;}
.videomain{width:820px;margin:0 auto;}
@media only all and (min-width:1000px){
.mbshow{display:none!important;}
}
@media only all and (max-width:1000px){
.pcshow{display:none!important;}
.videobox{height:240px;}
.videobox video{margin:5px auto;}
.videomain{width:100%;margin:0 auto;height:240px;overflow:hidden;box-sizing:border-box;}
}
.tab-detail{display:none;}
.tab-selected{background-image:-moz-linear-gradient(90deg,rgb(255,19,80) 0%,rgb(255,97,134) 100%)!important;background-image:-webkit-linear-gradient(90deg,rgb(255 0 66) 0%,#e11727 100%)!important;background-image:-ms-linear-gradient(90deg,rgb(255,19,80) 0%,rgb(255,97,134) 100%)!important;color:#fff!important;}
.tab-buttons{width:100%;display:flex;flex-wrap:wrap;justify-content:center;margin:2% 0;}
.tab-buttons button{border:none;margin-right:2%;width:18%;border-color:rgb(255,237,200);background-image:-moz-linear-gradient(90deg,rgb(255,244,207) 0%,rgb(255,190,92) 100%);background-image:-ms-linear-gradient(90deg,rgb(255,244,207) 0%,rgb(255,190,92) 100%);color:rgb(112,53,0);font-size:20px;border-radius:50px;padding:0.5% 0;cursor:pointer;}
.tab-buttons button:nth-child(3){margin-right:0;}
@media screen and (max-width:500px){
.tab-buttons button{width:25%;height:1.5rem;font-size:.6rem;}
}