@charset "utf-8";
/*
@author: he
@update: he (2021-12-23)
*/
body{font:12px/1.5 "\5FAE\8F6F\96C5\9ED1",arial,Helvetica,Tahoma,sans-serif; margin:0 auto; color:#333; min-width: 1200px;}
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:1200px;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;}
/* 新增公用样式 */
.hide{display:none;}
.diiblock{display: inline-block; *zoom: 1; *display: inline;}
.textcon{text-align:center;}
.marcon{margin:0 auto;}
.wblod{font-weight: bold;}
.horizontalcolor{background: -moz-linear-gradient(to right, #11C3F9, #72C472); background: -ms-linear-gradient(to right, #11C3F9, #72C472); background: -webkit-linear-gradient(to right, #11C3F9, #72C472); background: linear-gradient(to right, #11C3F9, #72C472); filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr="#11C3F9", endColorstr="#72C472", gradientType="1");}
.verticalcolor{background: -moz-linear-gradient(#11C3F9, #72C472); background: -ms-linear-gradient(#11C3F9, #72C472); background: -webkit-linear-gradient(#11C3F9, #72C472); background: linear-gradient(#11C3F9, #72C472); filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr="#11C3F9", endColorstr="#72C472", gradientType="0");}
.margR0{margin-right: 0 !important;}
.bodyBg{ background:url(/images/zhuanti/2022bmjyh/bg_03.jpg) repeat-y center 990px #4e0cbc;}
.footer,.footer a{ color: #fff!important;}
.ggtit{ width: 530px; height: 80px; padding-top: 10px; line-height: 76px; text-align: center; font-size: 38px; color: #5d0db0; font-weight: 700; background:url(/images/zhuanti/2022bmjyh/tit_04.png) no-repeat; margin: 0 auto 30px;}

/*页头*/
.headerBg{ background:url(/images/zhuanti/2022bmjyh/bg_01.jpg) no-repeat center top;}
.headerBg .jb01{ display: block; width: 69px; height: 69px; top: 150px; left: 50%; margin-left: -550px; background:url(/images/zhuanti/2022bmjyh/jb_01.png) no-repeat; animation: floating 1.8s ease infinite 0.3s; -webkit-animation: floating 1.8s ease infinite 0.3s; z-index: 2;}
.headerBg .jb02{ display: block; width: 92px; height: 90px; top: 392px; left: 50%; margin-left: -620px; background:url(/images/zhuanti/2022bmjyh/jb_02.png) no-repeat; animation: floating 1.2s ease infinite 0.1s; -webkit-animation: floating 1.2s ease infinite 0.1s; z-index: 2;}
.headerBg .jb03{ display: block; width: 97px; height: 79px; top: 68px; left: 50%; margin-left: 360px; background:url(/images/zhuanti/2022bmjyh/jb_03.png) no-repeat; animation: floating 1.4s ease infinite 0.2s; -webkit-animation: floating 1.4s ease infinite 0.2s; z-index: 2;}
.headerBg .jb04{ display: block; width: 112px; height: 110px; top: 452px; left: 50%; margin-left: 510px; background:url(/images/zhuanti/2022bmjyh/jb_04.png) no-repeat; animation: floating 1.6s ease infinite 0.1s; -webkit-animation: floating 1.6s ease infinite 0.1s; z-index: 2;}
.header{ height: 480px; z-index: 2;}
.header .logo{ left: 11px; top: 51px; z-index: 3; display: block; width: 180px; height: 42px;}
.header .tbox{ left: 50%; top: 72px; margin-left: -362px; width: 724px; height: 228px; -webkit-animation:zoomInDown 1s 0.1s 1 both; animation:zoomInDown 1s 0.1s 1 both;}
.header .cbox{ left: 0; top: 328px; width: 100%; line-height: 34px; font-size: 34px; text-align: center; font-weight: 700; color: #f15c1d; -webkit-text-shadow: 0 3px 0 #fff; -moz-text-shadow: 0 3px 0 #fff; text-shadow: 0 3px 0 #fff; -webkit-animation:zoomInDown 1s 0.6s 1 both; animation:zoomInDown 1s 0.6s 1 both;}
.header .mNav{ left: 0; bottom: 8px; width: 100%; height: 52px; text-align: center;}
.header .mNav .list{ display: inline-block; width: 132px; height: 52px; text-align: center; line-height: 52px; font-size: 22px; font-weight: 700; color: #ffec92; margin: 0 16px; background:url(/images/zhuanti/2022bmjyh/icon_04.png) no-repeat;}
.header .mNav .list.on{ background:url(/images/zhuanti/2022bmjyh/icon_03.png) no-repeat;}
.header .mNav .list.list01{ width: 227px; background:url(/images/zhuanti/2022bmjyh/icon_02.png) no-repeat;}
.header .mNav .list01.on{ background:url(/images/zhuanti/2022bmjyh/icon_01.png) no-repeat;}
.header .mNav .list:hover{ text-decoration: none;}

/*秒杀优惠券*/
.couponBoxbg{ background:url(/images/zhuanti/2022bmjyh/bg_02.jpg) no-repeat center top;}
.couponBox{ position: relative; z-index: 1; padding-top: 26px; margin-bottom: 45px;}
.couponBox .shuangTime{ width: 654px; height: 56px; line-height: 56px; text-align: center; font-size: 20px; color: #842b00; margin: 0 auto 48px; background:url(/images/zhuanti/2022bmjyh/tit_08.png) no-repeat;}
.couponBox .shuangTime strong{ font-size: 24px; color: #f15c1d; vertical-align: -2px;}
.couponBox .shuangTime b{ display: inline-block; width: 46px; height: 34px; font-size: 28px; line-height: 34px; color: #fff; font-weight: 400; text-indent: 5px; letter-spacing: 4px; margin: 0 10px; vertical-align:-3px; background: #f15c1d; border-radius: 4px;}
.couponBox .fdBtn{ position: absolute; top: 38px; right: 120px; width: 108px; height: 30px; line-height: 30px; font-size: 16px; color: #fff; text-align: center; border: 1px solid #fff; border-radius: 16px; font-weight: 400;}
.couponBox .fdBtn:hover{ text-decoration: none;}
.couponBox .conBox .topBox{ height: 358px; margin-bottom: 25px;}
.couponBox .conBox .topBox .cltit{ height: 72px; text-align: center;}
.couponBox .conBox .topBox .cltit-licon{ display: inline-block; *display: inline; *zoom: 1; background:url(/images/zhuanti/2022bmjyh/tit_02.png) no-repeat left center;}
.couponBox .conBox .topBox .cltit-ricon{ display: inline-block; *display: inline; *zoom: 1; background:url(/images/zhuanti/2022bmjyh/tit_03.png) no-repeat right center;}
.couponBox .conBox .topBox .cltit-ctxt{ display: inline-block; *display: inline; *zoom: 1; padding: 0 62px; line-height: 72px; font-size: 20px; color: #a81e12;}
.couponBox .conBox .topBox .cltit-ctxt b{ font-size: 24px; vertical-align: -2px;}
.couponBox .conBox .topBox .coupon{ text-align: center; height: 156px; margin-bottom: 30px;}
.couponBox .conBox .topBox .coupon-list{ position: relative; z-index: 1; display: inline-block; *display: inline; *zoom: 1; width: 240px; height: 156px; margin: 0 10px; background:url(/images/zhuanti/2022bmjyh/bg_04.png) no-repeat;}
.couponBox .conBox .topBox .coupon-list .price{ position: absolute; left: 0; top: 28px; width: 100%; height: 54px; line-height: 54px; text-align: center; font-size: 54px; font-weight: 700; color: #ee410f;}
.couponBox .conBox .topBox .coupon-list .txt{ position: absolute; left: 50%; bottom: 28px; margin-left: -83px; width: 166px; height: 30px; line-height: 30px; text-align: center; font-size: 14px; background: #f0501d; color: #fefdf6;}
.couponBox .conBox .topBox .hbox{ height: 74px; position: relative; z-index: 1;}
.couponBox .conBox .topBox .hbox .btn01,.couponBox .conBox .topBox .hbox .btn02 { position: relative; display: block; width: 360px; height: 74px; line-height: 60px; font-size: 24px; color: #fff; text-indent: 110px; background: url(/images/zhuanti/2022bmjyh/icon_05.png) no-repeat; margin: 0 auto; animation: pulse2 1s ease infinite; -webkit-animation: pulse2 1s ease infinite;}
.couponBox .conBox .topBox .hbox .btn01:hover,.couponBox .conBox .topBox .hbox .btn02:hover{ text-decoration: none; opacity: 0.9;}
.couponBox .conBox .topBox .hbox .btn01 i,.couponBox .conBox .topBox .hbox .btn02 i{ position: absolute; top: -16px; right: -5px; width: 86px; height: 33px; line-height: 22px; text-align: center; font-size: 12px; text-indent: 0; color: #a81e11; background: url(/images/zhuanti/2022bmjyh/icon_07.png) no-repeat;}
.couponBox .conBox .topBox .hbox .btn01 span{ position: absolute; top: 15px; right: 110px; width: 30px; height: 30px; background:url(/images/zhuanti/2022bmjyh/icon_06.png) no-repeat;}
.couponBox .conBox .topBox .hbox .btn02{ display: none; text-indent: 0; text-align: center; animation: none;}
.couponBox .conBox .topBox .hbox .btn02 span{ display: none;}
.couponBox .conBox .botBox{ clear: both; width: 1100px; padding: 0 20px 10px; margin: 0 auto; background: #7b20da; border-radius: 8px;}
.couponBox .conBox .botBox .bbtit{ height: 52px; text-align: center; line-height: 52px; font-size: 24px; color: #fff; font-weight: 700;}
.couponBox .conBox .botBox .bbcon{ overflow: hidden; background: #efe1ff; border-radius: 8px;}
.couponBox .conBox .botBox .bbcon .swiper-cpList{ overflow: hidden; height: 80px; padding: 10px 0; background: #fefdf6;}
.couponBox .conBox .botBox .bbcon .swiper-cpList .swiper-slide{ float: none; height:40px;}
.couponBox .conBox .botBox .bbcon .swiper-cpList .swiper-slide .list{ float:left; width: 470px; height: 40px; padding: 0 40px; line-height: 40px; font-size: 18px; color: #a81e12;}
.couponBox .conBox .botBox .bbcon .swiper-cpList .swiper-slide .list span.t1{ display: inline-block; width: 90px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; vertical-align: top;}

/*课程*/
.courseBox{ position: relative; z-index: 1; margin-bottom: 45px;}
.courseBox .fdBtn,.courseBox .fdBtn02{ position: absolute; top: 36px; right: 150px; width: 108px; height: 30px; line-height: 30px; font-size: 16px; color: #fff; text-align: center; border: 1px solid #fff; border-radius: 16px; font-weight: 400;}
.courseBox .fdBtn:hover,.courseBox .fdBtn02:hover{ text-decoration: none;}
.courseBox .fdBtn02{ right: 20px;}
.courseBox .mainbox{ overflow: hidden; background:#faf2e7; border-radius: 8px;}
.courseBox .mainbox .btop{ height: 84px; background: #a03fe7; text-align: center;}
.courseBox .mainbox .btop li{ display: inline-block; margin: 21px 8px 0 8px; height: 42px; line-height: 42px; padding: 0 30px; font-size: 16px; color: #fff; background: #5d0db0; border-radius: 21px; cursor: pointer;}
.courseBox .mainbox .btop li.on{ margin-top: 10px; height: 74px; line-height: 64px; font-weight: 700; background: #faf2e7; color: #fb5c29; border-radius: 21px 21px 0 0;}
.courseBox .mainbox .bbot{ display: none; padding: 30px 12px 0;}
.courseBox .mainbox .bbot .couTea{ display: block; width: 100%; height: 110px;}
.courseBox .mainbox .bbot .couTea img{ width: 100%; height: 110px;}
.courseBox .mainbox .bbot .coulist{ border-radius: 6px; 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{ position: relative; z-index: 1; width: 244px; text-align: center;}
.courseBox .mainbox .bbot .coulist .cltit .fdicon{ position: absolute; top: 0; left: 0; padding: 0 14px; height: 26px; line-height: 26px; font-size: 14px; color: #fff; border-radius: 8px 0 8px 0;}
.courseBox .mainbox .bbot .coulist .cltit .hoticon{ position: absolute; top: -20px; right: -15px; width: 57px; height: 68px;}
.courseBox .mainbox .bbot .coulist .cltit h3{ display: block; padding-top: 48px; line-height: 32px; font-size: 26px; font-weight: 700; margin-bottom: 20px;}
.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 10px 0 20px;margin-bottom: 10px;}
.courseBox .mainbox .bbot .coulist .cltit .btxt .price {font-size: 20px;color: #dd3726;line-height: 25px;text-align: left;}
.courseBox .mainbox .bbot .coulist .cltit .btxt .price.font27{font-size: 27px;font-weight: bold;}
.courseBox .mainbox .bbot .coulist .cltit .btxt .price em{font-weight: 700;font-size: 26px;}
.courseBox .mainbox .bbot .coulist .cltit .btxt .price .apphide{font-size: 16px;font-weight: normal;}
.courseBox .mainbox .bbot .coulist .cltit .btxt .yprice {font-size: 14px;color: #666;line-height: 25px;text-align: left;}
.courseBox .mainbox .bbot .coulist .cltit .btxt .yprice font{text-decoration: line-through;}
.courseBox .mainbox .bbot .coulist .cltit .buy-btn,.courseBox .mainbox .bbot .coulist .cltit .zx-btn{ position: relative; z-index: 1; display: block; width: 188px; height: 50px; line-height: 50px; text-align: center; font-size: 20px; color: #fff; margin: 0 auto 30px; border-radius: 25px; transition:all 0.2s linear; -webkit-transition:all 0.2s linear; -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 i,.courseBox .mainbox .bbot .coulist .cltit .zx-btn i{ position: absolute; top: -20px; right: -10px; width: 92px; height: 38px; line-height: 26px; text-align: center; font-size: 12px; color: #fff; background: url(/images/zhuanti/2022bmjyh/icon_12.png) no-repeat;}
.courseBox .mainbox .bbot .coulist .cltit .buy-btn:hover,.courseBox .mainbox .bbot .coulist .cltit .zx-btn:hover{ text-decoration: none; transform:translateY(-6px); -webkit-transform:translateY(-6px);}
.courseBox .mainbox .bbot .coulist .cltit .btx{ line-height: 34px; font-size: 12px; color: #9b3c06; text-align: center; margin: -20px 0 10px;}
.courseBox .mainbox .bbot .coulist .cltit .ctxt02{ height: 42px; line-height: 42px; font-size: 16px; margin-top: -20px;}
.courseBox .mainbox .bbot .coulist .cltit .btxt02 .yprice{ position: relative; z-index: 1; width: 244px; height: 62px; background: url(/images/zhuanti/2022bmjyh/icon_11.gif) no-repeat;}
.courseBox .mainbox .bbot .coulist .cltit .btxt02 .yprice-flL,.courseBox .mainbox .bbot .coulist .cltit .btxt02 .yprice-flR{ position: absolute; top: 16px; left: 0; width: 70px; text-align: center; line-height: 18px; font-size: 14px; color: #6e6d6d;}
.courseBox .mainbox .bbot .coulist .cltit .btxt02 .yprice-flR{ left: auto; right: 0;}
.courseBox .mainbox .bbot .coulist .cltit .btxt02 .yprice-flC{ position: absolute; top: 8px; left: 86px; width: 74px; text-align: center; line-height: 16px; font-size: 12px; color: #fff;}
.courseBox .mainbox .bbot .coulist .cltit .btxt02 .yprice-flC b{ font-size: 14px;}
.courseBox .mainbox .bbot .coulist .cltit .btxt02 .yprice font{text-decoration: line-through;}
.courseBox .mainbox .bbot .coulist .cltit .btxt02 .price {font-size: 20px;color: #fa4128;line-height: 48px;text-align: center;}
.courseBox .mainbox .bbot .coulist .cltit .btxt02 .price em{font-weight: 700;font-size: 26px;}
.courseBox .mainbox .bbot .coulist .more-list{ width: 201px; 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;vertical-align: top;}
.courseBox .mainbox .bbot .coulist .more-list p:last-child{ margin-bottom: 10px;}
.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: 434px;}
.courseBox .mainbox .bbot .coulist .more-list.listFor{ width: 900px;}
.courseBox .mainbox .bbot .coulist .more-list:last-child{ border-radius: 0 8px 8px 0; border-right: 2px solid #fff;}
.courseBox .mainbox .bbot .coulist .vipBox{ width: 932px; background: #fff; border-radius: 0 8px 8px 0;}
.courseBox .mainbox .bbot .coulist .vipBox-left{ padding: 30px 0 0 0; width: 588px;}
.courseBox .mainbox .bbot .coulist .vipBox-left .wlList{ float: left; width: 254px; margin: 0 0 30px 40px;}
.courseBox .mainbox .bbot .coulist .vipBox-left .wlList-tit{ position: relative; z-index: 1; height: 32px; line-height: 32px; font-size: 16px; font-weight: 700;}
.courseBox .mainbox .bbot .coulist .vipBox-left .wlList-tit i{ position: absolute; top: 50%; left: -14px; width: 4px; height: 18px; margin-top: -9px; background: #fc6c20; display: block; border-radius: 2px;}
.courseBox .mainbox .bbot .coulist .vipBox-left .wlList-tit em{ font-size: 14px; font-weight: 700;}
.courseBox .mainbox .bbot .coulist .vipBox-left .wlList-txt{ height: 36px; line-height: 36px; font-size: 14px;}
.courseBox .mainbox .bbot .coulist .vipBox-left .wlList-txt b{ font-size: 18px;}
.courseBox .mainbox .bbot .coulist .vipBox-right{ margin: 25px 20px 0 0; width: 234px; height: 256px; border-radius: 8px; background: #fdefc9;}
.courseBox .mainbox .bbot .coulist .vipBox-right .vrTit{ line-height: 46px; text-align: center; font-size: 18px; font-weight: 700; color: #036561;}
.courseBox .mainbox .bbot .coulist .vipBox-right .vrPic{ display: block; width: 134px; height: 134px; border: 6px solid #fcdaaa; margin: 0 auto 14px;}
.courseBox .mainbox .bbot .coulist .vipBox-right .vrPic img{ width: 134px; height: 134px;}
.courseBox .mainbox .bbot .coulist .vipBox-right .vrBox{ text-align: center; height: 38px;}
.courseBox .mainbox .bbot .coulist .vipBox-right .vrBox .vBtn01{ display: inline-block; *display: inline; *zoom: 1; width: 150px; height: 38px; line-height: 38px; text-align: center; font-size: 16px; color: #fff; background: #fb5c29; border-radius: 19px; margin: 0 6px; transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.courseBox .mainbox .bbot .coulist .vipBox-right .vrBox .vBtn01:hover{ text-decoration: none; transform:translateY(-3px); -webkit-transform:translateY(-3px);}
.courseBox .mainbox .bbot .coulist .vipBox-right2{ margin: 25px 20px 0 0; width: 324px; height: 256px; border-radius: 8px; background: #fdefc9;}
.courseBox .mainbox .bbot .coulist .vipBox-right2 .vrTit{ line-height: 40px; text-align: center; font-size: 16px; font-weight: 700; color: #e0402c; padding-top: 8px;}
.courseBox .mainbox .bbot .coulist .vipBox-right2 .vrPic{ display: block; width: 290px; height: 138px; margin: 0 auto 18px;}
.courseBox .mainbox .bbot .coulist .vipBox-right2 .vrPic img{ width: 290px; height: 138px;}
.courseBox .mainbox .bbot .coulist .vipBox-right2 .vrBox{ text-align: center; height: 38px;}
.courseBox .mainbox .bbot .coulist .vipBox-right2 .vrBox .vBtn01{ display: inline-block; *display: inline; *zoom: 1; width: 136px; height: 38px; line-height: 38px; text-align: center; font-size: 16px; color: #fff; background: #e10d7b; border-radius: 19px; margin: 0 6px; transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.courseBox .mainbox .bbot .coulist .vipBox-right2 .vrBox .vBtn01:hover{ text-decoration: none; transform:translateY(-3px); -webkit-transform:translateY(-3px);}
.courseBox .mainbox .bbot .coulist .vipBox-right2 .vrBox .vBtn02{ display: inline-block; *display: inline; *zoom: 1; width: 136px; height: 38px; line-height: 38px; text-align: center; font-size: 16px; color: #fff; background: #fb5c29; border-radius: 19px; margin: 0 6px; transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.courseBox .mainbox .bbot .coulist .vipBox-right2 .vrBox .vBtn02:hover{ text-decoration: none; transform:translateY(-3px); -webkit-transform:translateY(-3px);}
.courseBox .mainbox .bbot .coulist .vipBox-right2 .vrBox .vBtn02.zxzxBtn{ animation: pulse2 1s ease infinite; -webkit-animation: pulse2 1s ease infinite;}
.courseBox .mainbox .bbot .coulist.vip .cltit{ background: #feca95;}
.courseBox .mainbox .bbot .coulist.vip .cltit h3 a{ color: #993906;}
.courseBox .mainbox .bbot .coulist.vip .cltit .fdicon{ background: #e89834;}
.courseBox .mainbox .bbot .coulist.vip .cltit .ctxt{ background: #d88922; color: #fff;}
.courseBox .mainbox .bbot .coulist.vip .cltit .ctxt a{ color: #fff;}
.courseBox .mainbox .bbot .coulist.qzb .cltit{ background: #ffecbd;}
.courseBox .mainbox .bbot .coulist.qzb .cltit .fdicon{ background: #ff8d32;}
.courseBox .mainbox .bbot .coulist.qzb .cltit .ctxt{ background: #ffda92;}
.courseBox .mainbox .bbot .coulist.tgb .cltit{ background: #dcf0f6;}
.courseBox .mainbox .bbot .coulist.tgb .cltit .fdicon{ background: #5eace2;}
.courseBox .mainbox .bbot .coulist.tgb .cltit .ctxt{ background: #c1e7f2;}
.courseBox .mainbox .bbot .coulist.jpb .cltit{ background: #fff2db;}
.courseBox .mainbox .bbot .coulist.jpb .cltit .fdicon{ background: #f77332;}
.courseBox .mainbox .bbot .coulist.jpb .cltit .ctxt{ background: #ffd89a;}
.courseBox .mainbox .bbot .coulist.tsb .cltit{ background: #e7f9f2;}
.courseBox .mainbox .bbot .coulist.tsb .cltit .fdicon{ background: #32b38d;}
.courseBox .mainbox .bbot .coulist.tsb .cltit .ctxt{ background: #bbefdb;}
.courseBox .mainbox .bbot .bbsubTit{ width: 700px; height: 44px; background: #fff; border: 1px solid #f8d7bd; border-radius: 23px; margin: 0 auto 30px;}
.courseBox .mainbox .bbot .bbsubTit li{ float: left; width: 350px; height: 44px; line-height: 44px; text-align: center; font-size: 22px; color: #333; border-radius: 23px; cursor: pointer;}
.courseBox .mainbox .bbot .bbsubTit li.on{ color: #fff; background: #b21a8d\0; background: #b21a8d\9;
    background: -webkit-linear-gradient(left, #7c13c2, #e1205e); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #7c13c2, #e1205e); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #7c13c2, #e1205e); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #7c13c2, #e1205e); /* 标准的语法 */}
.courseBox .mainbox .bbot .bbCon{ display: none;}
.courseBox .zxbox{ position: relative; z-index: 1; height: 234px; background: url(/images/zhuanti/2022bmjyh/bg_07.png) no-repeat;}
.courseBox .zxbox .btn{ position: absolute; bottom: 10px; right: 170px; display: block; width: 230px; height: 94px; line-height: 94px; font-size: 24px; color: #e0402c; font-weight: 700; text-align: center; background: url(/images/zhuanti/2022bmjyh/icon_14.png) no-repeat; margin: 0 auto; transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.courseBox .zxbox .btn:hover{ text-decoration: none; transform:translateY(-6px); -webkit-transform:translateY(-6px);}
.courseBox .zxbox .btn i{ position: absolute; top: 0; right: -56px; width: 110px; height: 54px; line-height: 54px; text-align: center; font-size: 14px; color: #fff; background: url(/images/zhuanti/2022bmjyh/icon_15.png) no-repeat;}

/*直播模块 */
.livebox { position: relative; z-index: 1; margin-bottom: 45px;}
.livebox .ggtit{ width: 586px; height: 90px; background: url(/images/zhuanti/2022bmjyh/tit_05.png) no-repeat;}
.livebox .nav { overflow: hidden; position: absolute; right: 20px; top: 150px; width:510px; height:66px; border-radius:5px; background:url(/images/zhuanti/2022bmjyh/tit_09.png) repeat-x;}
.livebox .nav .swiper-slide { width: 111px; height: 58px; padding-top: 8px; font-size:18px; color:#fff; line-height: 22px; text-align:center; cursor: pointer;}
.livebox .nav .swiper-slide span{ display: block; font-size: 16px;}
.livebox .nav .swiper-slide.on{ background:url(/images/zhuanti/2022bmjyh/icon_29.png) no-repeat;}
.livebox .cBox { padding: 20px; background: #fff; border-radius: 10px;}
.livebox .cBox-con{ display: none;}
.livebox .cBox .picList { float: left; display: block; width:610px; height:380px; border:10px solid #fff; border-radius:6px; -webkit-box-shadow:0 4px 24px rgba(199, 199, 230, 1); -moz-box-shadow:0 4px 24px rgba(199, 199, 230, 1); box-shadow:0 4px 24px rgba(199, 199, 230, 1);}
.livebox .cBox .picList .big { width:610px; height:380px;}
.livebox .cBox .picList .small { z-index: 1; width:213px; height:126px; right:60px; top:141px;}
.livebox .cBox .picList .fdTxt{ left: 0; bottom: 0; width: 570px; height: 56px; line-height: 28px; font-size: 16px; color: #fff; padding: 7px 0 7px 40px; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#47000000', endColorstr='#47000000');background:rgba(0,0,0,0.28);}
.livebox .cBox .picList .fdTxt b{ font-size: 18px;}
.livebox .cBox .picList .fdTxt a{ color: #fff;}
.livebox .cBox .conList{ float: right; width: 510px; height: 336px; margin-top: 64px; overflow: auto; overflow-x: hidden;}
.livebox .cBox .conList-con{ padding-top: 10px;}
.livebox .cBox .conList .info { border-bottom:1px solid #f2f5fc; padding-bottom:9px;}
.livebox .cBox .conList .info .t1 { padding-left: 54px; height: 48px; font-size:20px; color:#2f306e; line-height:48px; font-weight:bold; background:url(/images/zhuanti/2022bmjyh/icon_18.png) no-repeat 8px 9px;}
.livebox .cBox .conList .info .t2 { padding-left: 54px; height: 48px; font-size:18px; line-height:48px; background:url(/images/zhuanti/2022bmjyh/icon_19.png) no-repeat 8px 9px;}
.livebox .cBox .conList .info .t3 { padding-left: 54px; height: 48px; font-size:18px; line-height:48px; background:url(/images/zhuanti/2022bmjyh/icon_20.png) no-repeat 8px 9px;}
.livebox .cBox .conList .cbtn { display:block; width:156px; height:66px; font-size:20px; line-height:64px; color:#fff; text-indent: 34px; margin:2px auto; background:url(/images/zhuanti/2022bmjyh/icon_21.png) no-repeat; opacity: 0.9;}
.livebox .cBox .conList .cbtn:hover{ text-decoration: none; opacity: 1;}
.livebox .cBox .conList .cbg { position:relative; background-color:#f0e9f8; border-radius:5px; font-size:18px; line-height:34px; padding:16px;}
.livebox .cBox .conList .cbg .gobtn { position:absolute; right:16px; bottom:14px; width:90px; height:36px; font-size:16px; line-height:36px; color:#4e0cbc; text-align:center; border: 1px solid #4e0cbc; border-radius:19px;}
.livebox .cBox .conList .cbg .gobtn:hover{ text-decoration: none; background: #4e0cbc; color: #fff;}

/*师资团队*/
.teacherBox{ margin-bottom: 60px;}
.teacherBox .cbox{ background: #efe1ff; border-radius: 8px; padding: 30px;}
.teacherBox .cbox .cLeft{ width: 400px;}
.teacherBox .cbox .cLeft-tit{ height: 92px; margin-bottom: 30px; background:url(/images/zhuanti/2022bmjyh/tit_06.png) no-repeat;}
.teacherBox .cbox .cLeft-con .list{ float: left; width: 90px; height: 90px; border: 2px solid #fff3e4; cursor: pointer; margin: 0 6px 6px 0;}
.teacherBox .cbox .cLeft-con .list img{ width: 90px; height: 90px;}
.teacherBox .cbox .cLeft-con .list.on{ border: 2px solid #ffbe6a;}
.teacherBox .cbox .cRight{ width: 726px; margin-top: -17px;}
.teacherBox .cbox .cRight-con{ display: none; position: relative; z-index: 1; width: 426px; height: 330px; padding: 118px 0 0 300px; background:url(/images/zhuanti/2022bmjyh/bg_10.jpg) no-repeat bottom;}
.teacherBox .cbox .cRight-con .teaPic{ display: block; position: absolute; left: 0; bottom: 0; width: 328px; height: 448px;}
.teacherBox .cbox .cRight-con .crTit{ position: relative; z-index: 1; height: 80px;}
.teacherBox .cbox .cRight-con .crTit .name{ float: left; line-height: 80px; color: #fff; font-size: 32px; font-weight: 700;}
.teacherBox .cbox .cRight-con .crTit .videoBtn{ position: absolute; top: 0; right: 0; display: block; width: 157px; height: 50px; line-height: 50px; font-size: 18px; font-weight: 700; color: #c21306; text-indent: 34px; background:url(/images/zhuanti/2022bmjyh/icon_22.png) no-repeat; transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.teacherBox .cbox .cRight-con .crTit .videoBtn:hover{ text-decoration: none; transform:translateY(-6px); -webkit-transform:translateY(-6px);}
.teacherBox .cbox .cRight-con .crCtxt{ line-height: 32px; font-size: 16px; color: #fff; margin: 0 24px 20px 0;}
.teacherBox .cbox .cRight-con .crBtxt{ line-height: 32px; font-size: 16px; color: #fff; margin: 0 24px 16px 0; padding-left: 82px; position: relative; z-index: 1;}
.teacherBox .cbox .cRight-con .crBtxt .icon{ position: absolute; top: 0; left: 0; width: 72px; height: 32px; line-height: 32px; font-size: 14px; text-align: center; color: #142040; background: #fff3e4; border-radius: 3px;}

/*六大理由*/
.reasonBoxBg{ background: #3c039b;}
.reasonBox{ overflow: hidden; padding: 45px 0 10px;}
.reasonBox .tit{ height: auto; padding: 58px 0 48px; text-align: center;}
.reasonBox .cbox{ width: 1220px;}
.reasonBox .cbox .list{ float: left; width: 590px; height: 68px; background: #fff; margin: 0 20px 28px 0; -webkit-box-shadow:0 6px 10px rgba(34, 0, 92, 0.43); -moz-box-shadow:0 6px 10px rgba(34, 0, 92, 0.43); box-shadow:0 6px 10px rgba(34, 0, 92, 0.43);}
.reasonBox .cbox .list-left{ float: left; width: 128px; height: 68px; background: #4b00ca; line-height: 68px; text-align: center; font-size: 20px; color: #fff;}
.reasonBox .cbox .list-right{ float: left; padding-left: 40px; line-height: 68px; font-size: 18px;}

/*加入我们*/
.joinBoxBg{ background: #3c039b;}
.joinBox{ padding-bottom: 40px;}
.joinBox .bbox .ltxt{ width: 500px; color: #fff;}
.joinBox .bbox .ltxt-tit{ line-height: 74px; font-size: 30px; font-weight: 700;}
.joinBox .bbox .ltxt-cen{ line-height: 30px; font-size: 16px; margin-bottom: 14px;}
.joinBox .bbox .ltxt-cen b{ font-size: 22px;}
.joinBox .bbox .right{ padding: 30px 0 0 0;}
.joinBox .bbox .right .ewm{ width: 140px; margin-left: 50px;}
.joinBox .bbox .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 .bbox .right .ewm-txt{ line-height: 42px; text-align: center; font-size: 16px; color: #fff;}

/*右侧浮动*/
.fix-nav{ width:141px; position:fixed; z-index:70; right:0; top:50%; margin-top: -215px;margin-right: 0;}
.fix-nav .ftop { display: block; width: 141px; height: 113px; background: url(/images/zhuanti/2022bmjyh/icon_23.png) no-repeat;}
.fix-nav .fbot { width: 141px; height: 315px; background: url(/images/zhuanti/2022bmjyh/icon_24.png) no-repeat;}
.fix-nav .fbot .flist {display: block; width: 97px; height: 97px; margin-left: 20px; background: url(/images/zhuanti/2022bmjyh/icon_25.png) no-repeat; animation: pulse2 1s ease infinite; -webkit-animation: pulse2 1s ease infinite;}
.fix-nav .fbot .list,.fix-nav .fbot .back{display: block; width: 90px; height: 40px; line-height: 40px; font-size: 14px; text-align: center; color: #fff; opacity: 0.9; margin-left: 23px; background: url(/images/zhuanti/2022bmjyh/icon_28.png) no-repeat;}
.fix-nav .fbot .list:hover,.fix-nav .fbot .back:hover{ text-decoration: none; opacity: 1;}
.fix-nav .switch-icon{ position: absolute; left: -10px; z-index: 2; top: 264px; width: 30px; height: 50px; background: url(/images/zhuanti/2022bmjyh/icon_27.png) no-repeat;}
.fix-nav.rightFloatNav-switch .switch-icon{ background: url(/images/zhuanti/2022bmjyh/icon_26.png) no-repeat;}

.mask{display: none; width:100%; height:100%; background:#000; opacity:.7; filter:alpha(opacity=70); position:fixed; top:0; left:0; z-index:98;}

/*提示弹框*/
.tsTk{ display: none; width: 480px; background: #fff; border-radius: 8px; top: 50%; left: 50%; position: fixed; margin: 0 0 0 -240px; z-index: 99;}
.tsTk .xx{ top: 10px; right: 10px; display: block; width: 32px; height: 32px; background: url(/images/zhuanti/2022bmjyh/icon_08.png) no-repeat; 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;}
.tsTk .yesBox,.tsTk .noBox,.tsTk .yyBox{ display: none;}
.tsTk .hbox{ height: 40px; text-align: center; margin-bottom: 28px;}
.tsTk .hbox .bhan{ display: inline-block; *display: inline; *zoom: 1; margin: 0 15px;}
.tsTk .bhbox{text-align: center;margin-bottom: 30px;}

/*规则弹框*/
.gzTk{ display: none; width: 680px; background: #fff; top: 50%; left: 50%; position: fixed; margin: 0 0 0 -340px; z-index: 99;}
.gzTk .xx{ position: absolute; top: 10px; right: 6px; display: block; width: 40px; height: 40px; background:url(/images/zhuanti/2020ysbmyh/new/an.png) no-repeat -548px -1088px; cursor: pointer;}
.gzTk .tit{ height: 60px; background: #fff1d6;}
.gzTk .tit-left{ line-height: 60px; font-size: 18px; padding-left: 15px; margin-left: 18px;}
.gzTk .tit-left i{ display: block; width: 3px; height: 16px; background: #f65514; left: 0; top: 50%; margin-top: -8px;}
.gzTk .txtbox{ max-height: 500px; overflow: auto; overflow-x: hidden; padding: 0 30px; margin: 10px 0;}
.gzTk .txtbox .txt{ line-height: 28px; font-size: 16px; margin-bottom: 10px;}

/*秒杀弹窗*/
.msyhqTk{ display: none; width: 668px; height: 588px; background: url(/images/zhuanti/2022bmjyh/bg_05.png) no-repeat; top: 50%; left: 50%; position: fixed; margin: 0 0 0 -334px; z-index: 99;}
.msyhqTk .xx{ display: block; position: absolute; top: 16px; right: 76px; width: 39px; height: 39px; background: url(/images/zhuanti/2022bmjyh/icon_13.png) no-repeat;}
.msyhqTk .ttxt{ padding-top: 46px; line-height: 48px; font-size: 28px; font-weight: 700; color: #f26208; text-align: center;}
.msyhqTk .subtxt{ text-align: center; margin-bottom: 10px;}
.msyhqTk .subtxt span{ display: inline-block; padding: 0 20px; height: 30px; line-height: 30px; font-size: 16px; color: #fff; background: #f75947; border-radius: 15px;}
.msyhqTk .tbox{ width: 430px; margin: 0 auto;}
.msyhqTk .tbox .clist{ position: relative; z-index: 1; width: 430px; height: 72px; margin: 0 0 4px; background: url(/images/zhuanti/2022bmjyh/bg_06.png) no-repeat;}
.msyhqTk .tbox .clist .price{ position: absolute; left: 0; top: 0; width: 146px; font-size: 42px; font-weight: 700; color: #ee410f; line-height: 72px; text-align: center;}
.msyhqTk .tbox .clist .txt{ position: absolute; left: 156px; top: 12px; width: 260px; font-size: 16px; color: #d1482d; line-height: 26px; text-align: left;}
.msyhqTk .tbox .clist .txt b{ display: block; color: #dd3726;}
.msyhqTk .bhan{ display: block; position: absolute; bottom: 55px; left: 50%; margin-left: -112px; width: 224px; height: 69px; text-align: center; line-height: 68px; font-size: 20px; color: #c8110d; font-weight: 700; background: url(/images/zhuanti/21bzxxq/icon_03.png) no-repeat;}
.msyhqTk .bhan:hover{ text-decoration: none; opacity: 0.9;}



.pulse2{animation-name: pulse2;-webkit-animation-name: pulse2;animation-duration: 1.5s;-webkit-animation-duration: 1.5s;animation-iteration-count: infinite;-webkit-animation-iteration-count: infinite;}
@keyframes pulse2 {0% {transform: scale(0.95);}50% {transform: scale(1.05);}100% {transform: scale(0.95);}}
@-webkit-keyframes pulse2 {0% { -webkit-transform: scale(0.95);}50% { -webkit-transform: scale(1.05);}100% { -webkit-transform: scale(0.95);}}

.floating{
    animation-name: floating;
    -webkit-animation-name: floating;

    animation-duration: 1.2s;
    -webkit-animation-duration: 1.2s;

    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}

@keyframes floating {
    0% {
        transform: translateY(0%);
    }
    50% {
        transform: translateY(12%);
    }
    100% {
        transform: translateY(0%);
    }
}

@-webkit-keyframes floating {
    0% {
        -webkit-transform: translateY(0%);
    }
    50% {
        -webkit-transform: translateY(12%);
    }
    100% {
        -webkit-transform: translateY(0%);
    }
}

@-webkit-keyframes zoomInDown {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

@keyframes zoomInDown {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

.zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown;
}