@charset "gb2312";
/*
@author: he
@update: he (2019-09-19)
*/
body{font:12px/1.5 "\5b8b\4f53",arial,Helvetica,Tahoma,sans-serif; margin:0 auto; color:#333; min-width: 1100px; background: #ffbe6a;}
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;}
ul,li,ol{list-style-type:none;}
i,em,address, caption, cite, code, dfn, th, var {font-style: normal;font-weight: normal}
.msf{font-family:\5FAE\8F6F\96C5\9ED1,\9ED1\4F53;}
a{text-decoration:none;color:#333;}
a:hover{text-decoration:underline;}
a,a:hover{outline:none;}
.clearfix:after{content:".";display:block;height:0;clear: both;visibility:hidden;}
.clearfix{*zoom:1;}
input,button,select,textarea{outline:none} textarea{resize:none}

/*框架*/
.layout{ clear:both;width:1100px;text-align:left;margin:0 auto;color:#333;}
.fl{ float:left;_display: inline}
.fr{ float:right;_display: inline}
.pr{ position:relative}
.abs{position:absolute;}
.ellipsis{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.ggtit{ height: 79px; line-height: 70px; font-size: 36px; color: #e24914; font-weight: 700; text-align: center; margin-bottom: 40px; background:url(/images/zhuanti/2020wsbm/tit_03.png) no-repeat center;}

/*页头*/
.header{ height: 520px;}
.header .logo{ display: block; top: 30px; left: 0; width: 175px; height: 46px;}
.header .rfTimes{ display: block; top: 422px; left: 300px; width: 500px; height: 80px; line-height: 80px; font-size: 24px; color: #fff; text-align: center;}
.header .rfTimes b{ font-size: 30px;}

/*领优惠券*/
.couponBoxBg{ background:url(/images/zhuanti/2020wsbm/bg_02.png) no-repeat center top;}
.couponBox{ padding-bottom: 90px;}
.couponBox .tit{ height: 132px; line-height: 132px; font-size: 36px; font-weight: 700; color: #a40120; text-align: center;}
.couponBox .mainbox{ height: 210px; padding: 32px 0 0 10px; background:url(/images/zhuanti/2020wsbm/ys_09.png); border: 3px solid #e0402c; border-radius: 12px;}
.couponBox .mainbox .mlist{ width: 358px; height: 152px; background:url(/images/zhuanti/2020wsbm/ys_01.png) no-repeat;}
.couponBox .mainbox .mlist .money{ width: 130px; padding-left: 22px; text-align: center; line-height: 152px; font-size: 58px; font-weight: 700; color: #dd3726;}
.couponBox .mainbox .mlist .rtxt{ width: 170px; padding: 46px 22px 0 0; line-height: 28px; font-size: 14px; color: #dd3726;}
.couponBox .mainbox .mlist .rtxt b{ font-size: 16px;}
.couponBox .mainbox .bbtn{ display: block; bottom: -42px; left: 50%; z-index: 1; margin-left: -150px; width: 300px; height: 80px; line-height: 60px; font-size: 24px; color: #c71806; text-align: center; background:url(/images/zhuanti/2020wsbm/ys_02.png) no-repeat;}
.couponBox .mainbox .bbtn i{ display: block; top: -20px; right: 0; width: 96px; height: 41px; line-height: 26px; font-size: 14px; color: #fff; background:url(/images/zhuanti/2020wsbm/ys_07.png) no-repeat;}
.couponBox .mainbox .bbtn:hover{ text-decoration: none; background:url(/images/zhuanti/2020wsbm/ys_03.png) no-repeat;}

/*课程*/
.courseBox{ padding-bottom: 70px;}
.courseBox .ggtit1{ background:url(/images/zhuanti/2020wsbm/tit_01.png) no-repeat center;}
.courseBox .ggtit1 i{ display: inline-block; vertical-align: 4px; width: 185px; height: 37px; line-height: 37px; font-size: 22px; color: #fff; background:url(/images/zhuanti/2020wsbm/ys_08.png) no-repeat; margin-left: 20px;}
.courseBox .ggtit2{ background:url(/images/zhuanti/2020wsbm/tit_02.png) no-repeat center;}
.courseBox .mainTit{ height:58px; background:#ed6738; border-radius: 29px; text-align:center; margin-bottom: 30px; -webkit-box-shadow:0 10px 10px rgba(0, 0, 0, 0.1); -moz-box-shadow:0 10px 10px rgba(0, 0, 0, 0.1); box-shadow:0 10px 10px rgba(0, 0, 0, 0.1);}
.courseBox .mainTit li{ display:inline-block; *display:inline; *zoom:1; height:58px; line-height:58px; font-size:16px; color:#fff; cursor:pointer; padding:0 8px; position:relative;}
.courseBox .mainTit li.on{ color:#8e021d; font-weight: 700; background:#ffe8c9;}
.courseBox .mainbox{ display: none; overflow: hidden; background:url(/images/zhuanti/2020wsbm/ys_09.png); border: 3px solid #e0402c; border-radius: 12px;}
.courseBox .mainbox .btop{ height: 84px;}
.courseBox .mainbox .btop li{ float: left; margin: 21px 0 0 5px; height: 42px; line-height: 42px; padding: 0 12px; font-size: 16px; color: #fff; background: #e0402c; border-radius: 21px; cursor: pointer;}
.courseBox .mainbox .btop li.on{ margin-top: 10px; height: 74px; line-height: 64px; font-weight: 700; background: #ffe8c9; color: #8e021d; border-radius: 21px 21px 0 0;}
.courseBox .mainbox .bbot{ display: none; padding: 30px 12px 0; background: #ffe8c9;}
.courseBox .mainbox .bbot .coulist{ border-radius: 6px; overflow: hidden; margin-bottom: 30px; -webkit-box-shadow:0 4px 24px rgba(252, 157, 98, 0.32); -moz-box-shadow:0 4px 24px rgba(252, 157, 98, 0.32); box-shadow:0 4px 24px rgba(252, 157, 98, 0.32);}
.courseBox .mainbox .bbot .coulist .cltit{ width: 230px; padding-top: 20px; text-align: center;}
.courseBox .mainbox .bbot .coulist .cltit h3{ display: block; line-height: 32px; font-size: 26px; font-weight: 700;}
.courseBox .mainbox .bbot .coulist .cltit .subtit{ line-height: 32px; font-size: 16px; color: #e24914; margin-bottom: 6px;}
.courseBox .mainbox .bbot .coulist .cltit .ctxt{ height: 46px; line-height: 46px; font-size: 16px; margin-bottom: 10px;}
.courseBox .mainbox .bbot .coulist .cltit .btxt{ height: 56px; line-height: 56px; padding: 0 20px;}
.courseBox .mainbox .bbot .coulist .cltit .btxt .price{ font-size: 26px; color: #dd3726; font-weight: 700;}
.courseBox .mainbox .bbot .coulist .cltit .btxt .yprice{ font-size: 14px; color: #666; text-decoration: line-through;}
.courseBox .mainbox .bbot .coulist .cltit .btxt .picon{ display: block; top: 0; right: 0; width: 96px; height: 41px; line-height: 26px; font-size: 14px; color: #fff; background:url(/images/zhuanti/2020wsbm/ys_07.png) no-repeat;}

.courseBox .mainbox .bbot .coulist .cltit .buy-btn{ display: block; width: 188px; height: 50px; line-height: 50px; text-align: center; font-size: 20px; color: #fff; margin: 0 auto; border-radius: 25px; -webkit-box-shadow:0 4px 4px rgba(158, 7, 21, 0.32); -moz-box-shadow:0 4px 4px rgba(158, 7, 21, 0.32); box-shadow:0 4px 4px rgba(158, 7, 21, 0.32); background: #fb7d38\9;
    background: -webkit-linear-gradient(top, #fe983d, #f4402c); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(bottom, #fe983d, #f4402c); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(bottom, #fe983d, #f4402c); /* Firefox 3.6 - 15 */
    background: linear-gradient(to bottom, #fe983d, #f4402c); /* 标准的语法 */}
.courseBox .mainbox .bbot .coulist .cltit .buy-btn:hover{ text-decoration: none; opacity: 0.9;}
.courseBox .mainbox .bbot .coulist .more-list{ width: 178px; padding: 0 15px; border-right: 2px solid #f0f0f0; background: #fff;}
.courseBox .mainbox .bbot .coulist .more-list h4{ display: block; margin: 22px 0 8px; height: 36px; font-size: 18px;}
.courseBox .mainbox .bbot .coulist .more-list h4 b{ color: #e0402c; font-size: 30px;}
.courseBox .mainbox .bbot .coulist .more-list p{ clear: both; display:block; height:36px; line-height:36px; color:#666; font-size: 14px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.courseBox .mainbox .bbot .coulist .more-list p.two{ width:89px; float: left; clear: none;}
.courseBox .mainbox .bbot .coulist .more-list p.box{ width:100% !important;}
.courseBox .mainbox .bbot .coulist .more-list p b{ font-size: 18px;}
.courseBox .mainbox .bbot .coulist .more-list .zeng{ position: relative; display: block; clear: both; margin: 4px 0; padding-left: 34px; height: 28px; line-height: 28px; font-size: 14px;}
.courseBox .mainbox .bbot .coulist .more-list .zeng .zicon{ position: absolute; display: block; width: 28px; height: 28px; top: 0; left: 0; border-radius: 4px; background: #e0402c; text-align: center; line-height: 28px; font-size: 14px; color: #fff;}
.courseBox .mainbox .bbot .coulist .more-list.listTwo{ width: 388px;}
.courseBox .mainbox .bbot .coulist .more-list.listFor{ width: 808px;}
.courseBox .mainbox .bbot .coulist.vip{ height: 370px; background: #fff2db;}
.courseBox .mainbox .bbot .coulist.vip .cltit .ctxt{ background: #ffd89a;}
.courseBox .mainbox .bbot .coulist.vip .more-list{ height: 370px;}
.courseBox .mainbox .bbot .coulist.qzb{ height: 300px; background: #fdedb0;}
.courseBox .mainbox .bbot .coulist.qzb .cltit .ctxt{ background: #fedd7d;}
.courseBox .mainbox .bbot .coulist.qzb .more-list{ height: 300px;}
.courseBox .mainbox .bbot .coulist.tgb{ height: 280px; background: #fff2db;}
.courseBox .mainbox .bbot .coulist.tgb .cltit .ctxt{ background: #ffd89a;}
.courseBox .mainbox .bbot .coulist.tgb .more-list{ height: 280px;}
.courseBox .mainbox .bbot .coulist.jpb{ height: 280px; background: #dcf0f6;}
.courseBox .mainbox .bbot .coulist.jpb .cltit .ctxt{ background: #c1e7f2;}
.courseBox .mainbox .bbot .coulist.jpb .more-list{ height: 280px;}
.courseBox .mainbox .bbot .coulist.tsb{ height: 220px; background: #e7f9ee;}
.courseBox .mainbox .bbot .coulist.tsb .more-list{ height: 220px;}
.courseBox .mainbox .bbotBg{ background: none;}
.courseBox .zxbox{ height: 102px; background:url(/images/zhuanti/2020wsbm/ys_04.png) no-repeat; margin-top: 30px;}
.courseBox .zxbox .zbtn{ display: block; top: 20px; left: 50%; z-index: 1; margin-left: -150px; width: 300px; height: 80px; line-height: 60px; font-size: 24px; color: #c71806; text-align: center; background:url(/images/zhuanti/2020wsbm/ys_02.png) no-repeat;}
.courseBox .zxbox .zbtn:hover{ text-decoration: none; background:url(/images/zhuanti/2020wsbm/ys_03.png) no-repeat;}
.courseBox .zxbox .txt{ display: block; top: 20px; left: 80px; line-height: 60px; font-size: 24px; color: #fff;}

/*其他活动*/
.otherBox{ padding-bottom: 60px;}
.otherBox .mainbox .mlist{ float: left; display: block; width: 350px; height: 305px; padding-top: 12px; background:url(/images/zhuanti/2020wsbm/ys_06.png) no-repeat; margin-right: 25px;}
.otherBox .mainbox .mlist .tit{ line-height: 66px; font-size: 28px; font-weight: 700; color: #e24914; text-align: center;}
.otherBox .mainbox .mlist .cen{ height: 156px; margin: 0 45px; line-height: 28px; font-size: 18px;}
.otherBox .mainbox .mlist .cen b{ font-size: 20px; color: #e24914;}
.otherBox .mainbox .mlist .bbtn{ display: block; width: 300px; height: 80px; line-height: 60px; font-size: 24px; color: #c71806; text-align: center; background:url(/images/zhuanti/2020wsbm/ys_02.png) no-repeat; margin: 0 auto;}
.otherBox .mainbox .mlist .bbtn:hover{ text-decoration: none; background:url(/images/zhuanti/2020wsbm/ys_03.png) no-repeat;}
.otherBox .mainbox .mlist.mr0{ margin-right: 0;}

/*加入我们*/
.joinBoxBg{ background: url(/images/zhuanti/2020wsbm/bg_04.png) no-repeat center top;}
.joinBox{ height: 230px; padding-top: 25px; padding-bottom: 30px;}
.joinBox .ltxt{ width: 500px; padding-left: 40px;}
.joinBox .ltxt-tit{ line-height: 74px; font-size: 30px; font-weight: 700;}
.joinBox .ltxt-cen{ line-height: 30px; font-size: 16px; color: #666; margin-bottom: 14px;}
.joinBox .ltxt-cen b{ font-size: 22px;}
.joinBox .right{ padding: 30px 14px 0 0;}
.joinBox .right .ewm{ width: 140px; margin-right: 30px;}
.joinBox .right .ewm-pic{ display: block; width: 120px; height: 120px; padding: 10px; background: #fff; -webkit-box-shadow:0 0 15px rgba(0,0,0,0.13); -moz-box-shadow:0 0 15px rgba(0,0,0,0.13); box-shadow:0 0 15px rgba(0,0,0,0.13);}
.joinBox .right .ewm-txt{ line-height: 42px; text-align: center; font-size: 16px; color: #666;}

/*提示弹框*/
.mask{ display: none; width:100%; height:100%; background:#000; opacity:.7; filter:alpha(opacity=70); position:fixed; top:0; left:0; z-index:98; _position:absolute; _height: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight))}
.tsTk{ display: none; width: 480px; background: #fff; border-radius: 8px; top: 50%; left: 50%; position: fixed; margin: 0 0 0 -240px; z-index: 99; _position: absolute; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight/2))}
.tsTk .xx{ top: 4px; right: 7px; display: block; width: 40px; height: 40px; background: url(/images/zhuanti/2020wsbm/ys_13.png) no-repeat center; cursor: pointer;}
.tsTk .cpic{ text-align: center; margin: 0 auto 12px; padding-top: 30px;}
.tsTk .ttxt{ line-height: 36px; text-align: center; font-size: 22px; color: #e0402c; font-weight: 700;}
.tsTk .ctxt{ line-height: 36px; text-align: center; font-size: 18px; color: #666; margin-bottom: 20px;}
.tsTk .jstxt{ line-height: 26px; font-size: 22px; color: #666; margin-bottom: 22px; text-align: center;}
.tsTk .jstxt b{ color: #f7553f;}
.tsTk .hbox{ text-align: center; margin-bottom: 40px;}
.tsTk .bhan{ display: inline-block; *display: inline; *zoom: 1; padding: 0 50px; height: 40px; text-align: center; line-height: 40px; font-size: 18px; color: #fff; background: #f7553f; border-radius: 20px; margin: 0 10px;}
.tsTk .bhan:hover{ text-decoration: none; opacity: 0.9;}

/*新媒体活动*/
.mediaBox{ padding-bottom: 70px;}
.mediaBox .ggtit1{ background:url(/images/zhuanti/2020hsbm/tit_01.png) no-repeat center;}
.mediaBox .ggtit1 i{ display: inline-block; vertical-align: 4px; width: 185px; height: 37px; line-height: 37px; font-size: 22px; color: #fff; background:url(/images/zhuanti/2020hsbm/ys_08.png) no-repeat; margin-left: 20px;}
.mediaBox .ggtit2{ background:url(/images/zhuanti/2020hsbm/tit_02.png) no-repeat center;}
.mediaBox .mainbox{ overflow: hidden; background:#ffe8c9; border: 3px solid #e0402c; border-radius: 12px;}
.mediaBox .mainbox .lbox{ margin-left: 42px; width: 650px; padding: 30px 0;}
.mediaBox .mainbox .lbox-ttxt{ margin-bottom: 10px; font-size: 18px; line-height: 30px;}
.mediaBox .mainbox .lbox-btxt{ padding-top: 20px; font-size: 18px; line-height: 36px;}
.mediaBox .mainbox .lbox-btxt .f24{ font-size: 24px;}
.mediaBox .mainbox .rbox{ padding-top: 20px; margin-right: 30px; width: 358px;}
.mediaBox .mainbox .rbox .ewmBox{ margin-bottom: 50px;}
.mediaBox .mainbox .rbox .ewmBox-txt{ line-height: 80px; text-align: center; font-size: 22px; color: #e24914; font-weight: 700;}
.mediaBox .mainbox .rbox .ewmBox-pic{ width: 174px; height: 174px; margin: 0 auto;}
.mediaBox .mainbox .rbox .ewmBox-pic img{ display: block; width: 174px; height: 174px;}
.mediaBox .mainbox .rbox .picBox{ display: block; width: 358px; height: 228px;}
.mediaBox.mb20{ padding-bottom: 20px;}