@charset "utf-8";
/*
@author: he
@update: he (2024-01-12)
*/
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: #8450e1;}
.ggtit{ position: absolute; top: 40px; left: 0; z-index: 2; width: 100%; height: 128px; line-height: 124px; font-size: 34px; color: #fff; text-align: center; font-style: oblique; font-weight: 700; background:url(/images/zhuanti/2024ysbmj/tit_02.png) no-repeat center; -webkit-text-shadow:0 5px 5px rgba(252, 82, 59, 0.54); -moz-text-shadow:0 5px 5px rgba(252, 82, 59, 0.54); text-shadow:0 5px 5px rgba(252, 82, 59, 0.54);}

/*页头*/
.headerBg{ position: relative; z-index: 1; overflow-x: hidden; overflow-y: hidden;}
.headerBg .header{ position: relative; z-index: 2; height: 732px;}
.headerBg .header .logo{ position: absolute; top: 26px; left: 89px; z-index: 10; width: 183px; height: 45px; display: block;}
.headerBg .header .tBox{ position: absolute; top: 40px; left: 50%; z-index: 4; margin-left: -345px; width: 690px; height: 363px;}
.headerBg .header .shuangTime{ position: absolute; top: 394px; left: 50%; z-index: 6; margin-left: -233px; width: 466px; height: 56px; line-height: 56px; text-align: center; font-size: 18px; color: #fff; background:url(/images/zhuanti/2024ysbmj/bg_08.png) no-repeat;}
.headerBg .header .shuangTime b{ display: inline-block; margin: 0 10px; width: 34px; height: 30px; line-height: 30px; background: #fff; border-radius: 4px; font-size: 20px; color: #f74529; vertical-align: -1px;}
.headerBg .header .cBox{ position: absolute; top: 481px; left: 0; z-index: 10; width: 1200px; height: 130px; display: -webkit-flex; display: flex; justify-content: space-between;}
.headerBg .header .cBox-list{  position: relative; z-index: 1; display: block; width: 287px; height: 130px; border-radius: 15px; transition:all 0.2s linear; background: url(/images/zhuanti/2024ysbmj/bg_11.png) no-repeat; -webkit-transition:all 0.2s linear; -webkit-box-shadow:0 3px 10px #793fe0; -moz-box-shadow:0 3px 10px #793fe0; box-shadow:0 3px 10px #793fe0;}
.headerBg .header .cBox-list b{ display: block; padding: 15px 0 0 30px; line-height: 46px; font-size: 22px; color: #e22500;}
.headerBg .header .cBox-list p{ display: block; padding: 0 0 0 30px; line-height: 26px; font-size: 16px; color: #941700;}
.headerBg .header .cBox-list .btn{ display: block; position: absolute; top: 24px; right: 9px; width: 88px; height: 90px;}
.headerBg .header .cBox-list:hover{ text-decoration: none; transform:translate3d(0, -6px, 0);}
.headerBg .header .cBox-list .btn.c1{ animation: kc infinite 3s 0s;}
.headerBg .header .cBox-list .btn.c2{ animation: kc infinite 3s 0.5s;}
.headerBg .header .cBox-list .btn.c3{ animation: kc infinite 3s 1s;}
.headerBg .header .cBox-list .btn.c4{ animation: kc infinite 3s 1.5s;}
.headerBg .header .xiaobao{ position: absolute; top: 277px; left: 74px; z-index: 5; width: 260px; height: 267px; background:url(/images/zhuanti/2024ysbmj/xiaobao.png) no-repeat; -webkit-animation:floating 2s 1.1s infinite both; animation:floating 2s 1.1s infinite both;}
.headerBg .header .fxBox{position: absolute; bottom: 0; left: 50%; margin-left: -960px; z-index: 1; width: 1920px; height: 757px;}
.headerBg .header .fx1,.headerBg .header .fx2{position: absolute;bottom: 0;left: 0; width: 100%;height: 100%;background: url(/images/zhuanti/2024ysbmj/bg_13.png) no-repeat;transform-origin: 960px 757px; transform: scale(0);opacity: 0;}
.headerBg .header .fx1{animation: fxfd infinite 8s;}
.headerBg .header .fx2{animation: fxfd infinite 8s 4s;}
@keyframes fxfd{ 0%{transform: scale(0);} 50%{transform: scale(1);opacity: 0.8;} 100%{transform: scale(1.5);opacity: 0;} }
@keyframes kc {
    0%,25%,5%,12.5%,20% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    10% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }
    15% {
        -webkit-transform: translateY(-3px);
        transform: translateY(-3px)
    }
}

/*校庆*/
.anniversary{ position: relative; z-index: 1; padding-top: 134px; margin-top: -110px;}
.anniversary .fdHead{ position: absolute; top: 134px; left: 0; z-index: 1; width: 1200px; height: 59px; background:url(/images/zhuanti/2024ysbmj/tit_06.png) no-repeat;}
.anniversary .fdzsBtn{ position: absolute; top: 98px; right: 88px; z-index: 3; display: block; width:86px; height: 36px; line-height: 36px; text-align: center; font-size:16px; color:#fff; border-radius: 6px 6px 0 0; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#7F000000', endColorstr='#7F000000');background:rgba(0,0,0,0.5);}
.anniversary .fdzsBtn:hover{ text-decoration: none;}
.anniversary .conBox{ overflow: hidden; padding:70px 0 30px; border: 10px solid #ff8e64; border-top: 0; border-radius: 0 0 18px 18px; background:linear-gradient(to bottom, rgba(253,247,237,1) 0%, rgba(255,237,204,1) 30%, rgba(253,248,239,1) 100%);}
.anniversary .conBox-left{ float: left; width: 605px; margin-left: 30px;}
.anniversary .conBox-left .video{ width:585px; height:370px; border:10px solid #f9ad7f; border-radius:10px; cursor:pointer; overflow:hidden; margin-bottom: 20px;}
.anniversary .conBox-left .video img{ display:block; width:585px; height:370px;}
.anniversary .conBox-left .topRoll{ position: relative; z-index: 1; margin: 0 0 20px; height: 168px; background: #fde8cf; border-radius: 10px;}
.anniversary .conBox-left .topRoll .leftLoop{overflow: hidden; width: 605px; position: absolute;}
.anniversary .conBox-left .topRoll #leftMarquee{top: 20px;}
.anniversary .conBox-left .topRoll #leftMarquee2{top: 94px;}
.anniversary .conBox-left .topRoll ul li{ margin-right: 24px; height: 54px; cursor: pointer;}
.anniversary .conBox-left .topRoll .photo{ float: left; width: 54px; height: 54px; border-radius: 50%;}
.anniversary .conBox-left .topRoll .tancbg{ float: left; max-width: 180px; height: 53px; line-height: 26px; font-size: 14px; padding-top: 1px; margin-left: 15px;}
.anniversary .conBox-left .topRoll .tancbg p.name{ width: 100%; height: 26px; color: #666; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.anniversary .conBox-left .topRoll .tancbg p.txt{ width: 100%; height: 26px; color: #260000; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.anniversary .conBox-left .sendOut{ position: relative; z-index: 1; height: 64px; border: 1px solid #ffdfb2; border-radius: 6px; margin: 0 80px 0 0;}
.anniversary .conBox-left .sendOut-txt{ width: 440px; height: 48px; border: 0; line-height: 24px; font-size: 14px; color: #333; padding: 8px 0 8px 20px; background: none;}
.anniversary .conBox-left .sendOut-btn{ position: absolute; top: -1px; right: -80px; z-index: 1; width: 130px; height: 66px; line-height: 66px; text-align: center; font-size: 18px; font-weight: 700; color: #ffead8; border-radius: 33px; background: #f0511e; -webkit-box-shadow:0 4px 6px rgba(137, 13, 11, 0.43); -moz-box-shadow:0 4px 6px rgba(137, 13, 11, 0.43); box-shadow:0 4px 6px rgba(137, 13, 11, 0.43);
    background: -webkit-linear-gradient(top, #ff7a21, #dd1e1a); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(top, #ff7a21, #dd1e1a); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(top, #ff7a21, #dd1e1a); /* Firefox 3.6 - 15 */
    background: linear-gradient(to bottom, #ff7a21, #dd1e1a); /* 标准的语法 */}
.anniversary .conBox-left .sendOut-btn:hover{ text-decoration: none;
    background: -webkit-linear-gradient(top, #dd1e1a, #ff7a21); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(top, #dd1e1a, #ff7a21); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(top, #dd1e1a, #ff7a21); /* Firefox 3.6 - 15 */
    background: linear-gradient(to bottom, #dd1e1a, #ff7a21); /* 标准的语法 */}
.anniversary .conBox-left .sendOut-btn.on{ color: #fff;
    background: -webkit-linear-gradient(top, #eec579, #fcd58a); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(top, #eec579, #fcd58a); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(top, #eec579, #fcd58a); /* Firefox 3.6 - 15 */
    background: linear-gradient(to bottom, #eec579, #fcd58a); /* 标准的语法 */}
.anniversary .conBox-left .sendOut .fdLoginBg{ z-index: 5; position: absolute; left: 0; top: 0; display: block; width: 605px; height: 64px; background:fixed url(about:blank);}
.anniversary .conBox-right{ float: right; position: relative; z-index: 1; width: 472px; height: 664px; margin-right: 30px; background:url(/images/zhuanti/2024ysbmj/pic_09.png) no-repeat;}
.anniversary .conBox-right .crPic{ display: block; position: absolute; left: 50%; bottom: 101px; z-index: 1; margin-left: -110px; width: 220px; height: 442px;}
.anniversary .conBox-right .crEwm{ display: block; position: absolute; left: 56px; bottom: 14px; z-index: 2; width: 132px; height: 132px; -webkit-box-shadow:0 5px 10px rgba(245, 107, 48, 0.6); -moz-box-shadow:0 5px 10px rgba(245, 107, 48, 0.6); box-shadow:0 5px 10px rgba(245, 107, 48, 0.6);}
.anniversary-min{ display: none; position: relative; z-index: 1; height: 158px; margin-top: -100px; background:url(/images/zhuanti/2024ysbmj/pic_10.png) no-repeat;}
.anniversary-min .fdzsBtn{ position: absolute; top: 2px; right: 88px; z-index: 3; display: block; width:86px; height: 36px; line-height: 36px; text-align: center; font-size:16px; color:#fff; border-radius: 6px 6px 0 0; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#7F000000', endColorstr='#7F000000');background:rgba(0,0,0,0.5);}
.anniversary-min .fdzsBtn:hover{ text-decoration: none;}

/*抢红包*/
.coupon-warp{ position: relative; z-index: 1; padding-top: 40px;}
.coupon-warp .cwTit{ padding-top: 16px; height: 148px; line-height: 88px; text-align: center; font-size: 34px; color: #fff; font-style: oblique; font-weight: 700; background:url(/images/zhuanti/2024ysbmj/tit_01.png) no-repeat; -webkit-text-shadow:0 5px 5px rgba(252, 82, 59, 0.54); -moz-text-shadow:0 5px 5px rgba(252, 82, 59, 0.54); text-shadow:0 5px 5px rgba(252, 82, 59, 0.54);}
.coupon-warp .couponBox{ position: relative; z-index: 1; height: 207px; background:url(/images/zhuanti/2024ysbmj/bg_03.png) no-repeat;}
.coupon-warp .couponBox .fdLeft{ position: absolute; top: 54px; left: 266px;}
.coupon-warp .couponBox .fdLeft-top{ line-height: 34px; font-size: 16px; color: #fff;}
.coupon-warp .couponBox .fdLeft-bot{ line-height: 34px; font-size: 20px; color: #fff;}
.coupon-warp .couponBox .fdCen{ position: absolute; top: 39px; left: 684px;}
.coupon-warp .couponBox .fdCen-top{ line-height: 58px; font-size: 40px; color: #891500; font-style: oblique; font-weight: 700;}
.coupon-warp .couponBox .fdCen-bot{ line-height: 42px; font-size: 18px; color: #891500;}
.coupon-warp .couponBox .fdCen-bot .btn{ display: inline-block; margin-left: 10px; padding: 0 12px; height: 26px; line-height: 26px; font-size: 16px; color: #f85146; border: 1px solid #f85146; border-radius: 14px;}
.coupon-warp .couponBox .fdCen-bot .btn:hover{ text-decoration: none; background: #f85146; color: #fff;}
.coupon-warp .couponBox .fdBtn{ position: absolute; top: 7px; right: 60px; width: 160px; height: 160px; background:url(/images/zhuanti/2024ysbmj/icon_27.png) no-repeat; animation: pulse2 1.5s ease infinite; -webkit-animation: pulse2 1.5s ease infinite;}
.coupon-warp .couponBox .fdBtn.no{ animation: none; color: #d94808; background:url(/images/zhuanti/2024ysbmj/icon_31.png) no-repeat;}
.coupon-warp .buyCouList{ position: absolute; top: 40px; left: 0; z-index: 3; width: 240px; height: 60px;}
.coupon-warp .buyCouList .swiper-buyList{ overflow: hidden; width: 240px; height: 78px;}
.coupon-warp .buyCouList .swiper-buyList .swiper-slide{ width: 240px; height: 34px; padding-bottom: 10px;}
.coupon-warp .buyCouList .swiper-buyList .swiper-slide .list{ overflow: hidden; width: 100%; height: 34px; line-height: 34px; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#B2000000', endColorstr='#B2000000');background:rgba(0,0,0,0.7); border-radius: 25px;}
.coupon-warp .buyCouList .swiper-buyList .swiper-slide .list span{ display:block; float:left; font-size: 14px; color: #fff; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.coupon-warp .buyCouList .swiper-buyList .swiper-slide .list span.t1{ max-width:75px; padding-left: 18px; margin-right: 4px; color: #ffda7e;}
.coupon-warp .buyCouList .swiper-buyList .swiper-slide .list span.t2{ margin-right: 4px; color: #ffda7e;}
.coupon-warp .buyCouList .swiper-buyList .swiper-slide .list span.t3{ max-width:75px;}

/*课程导航*/
.classify-nav-box{ width:100%; height:122px; display:none; clear: both;}
.classify-nav-wrap{ width:100%; height:122px; background:#ffd9a6; border-radius: 8px 8px 0 0;
    background: -webkit-linear-gradient(top, #ffd399, #ffedcc); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(top, #ffd399, #ffedcc); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(top, #ffd399, #ffedcc); /* Firefox 3.6 - 15 */
    background: linear-gradient(to bottom, #ffd399, #ffedcc); /* 标准的语法 */}
.classify-nav-wrap.on{ position:fixed; left:0; top:0; z-index:19; margin-top:0; border-radius: 0;}
.classify-nav{ width: 1180px; height:122px; position: relative; margin: 0 auto;}
.classify-nav .ftab-tit{ padding:24px 0 0 0;}
.classify-nav .ftab-tit li{ float:left; position: relative; z-index: 1; width:142px; height:74px; text-align:center; font-size:22px; line-height:70px; color:#fff; margin-left: 12px; cursor:pointer; background:url(/images/zhuanti/2024ysbmj/btn_08.png) no-repeat;}
.classify-nav .ftab-tit li.on{ height: 85px; line-height: 70px; background:url(/images/zhuanti/2024ysbmj/btn_07.png) no-repeat; color:#881800; font-weight:bold;}
.classify-nav .ftab-tit li a{ text-decoration: none; color: #fff;}
.classify-nav .gzBtn{ position: absolute; top: 34px; right: 10px; display: block; width:56px; height: 40px; padding: 6px 0 6px 16px; line-height: 20px; font-size:16px; color:#fff6bb; border-radius: 26px; background: #df3c08;}
.classify-nav .gzBtn i{ position: absolute; top: 20px; right: 8px; display: block; width: 9px; height: 14px; background:url(/images/zhuanti/2024ysbmj/icon_06.png) no-repeat;}
.classify-nav .gzBtn:hover{ text-decoration: none;}

/*课程*/
.course-wrap{ position: relative; z-index: 1; width: 1180px; border: 10px solid #ff8e64; border-top: 0; border-radius: 0 0 18px 18px;
    background: -webkit-linear-gradient(top, #ffedcc, #fdf8ef); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(top, #ffedcc, #fdf8ef); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(top, #ffedcc, #fdf8ef); /* Firefox 3.6 - 15 */
    background: linear-gradient(to bottom, #ffedcc, #fdf8ef); /* 标准的语法 */}
.course-wrap .kmBox{ display: none;}
.course-wrap .course-banner{ width: 1150px; height: 64px; margin: 0 auto 30px;}
.course-wrap .course-refuel{ display: block; width: 1150px; height: 64px; margin: 0 auto 30px;}
.course-wrap .course{ position: relative; z-index: 1; padding: 0 15px;}
.course-wrap .course .tab-tit{ min-height:54px; text-align:center; border-radius: 10px 10px 0 0; background:#fe6333;
    background: -webkit-linear-gradient(left, #ff501a, #fd764d); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #ff501a, #fd764d); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #ff501a, #fd764d); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #ff501a, #fd764d); /* 标准的语法 */}
.course-wrap .course .tab-tit li{ display:block; float: left; height:54px; line-height:54px; font-size:16px; color:#fff1e6; cursor:pointer; position:relative; vertical-align: top;}
.course-wrap .course .tab-tit li.on{ margin-top: -10px; height: 64px; line-height: 64px; color:#d52121; font-weight: 700; background:#fff8ea; border-radius: 10px 10px 0 0; -webkit-box-shadow:0 -4px 4px rgba(206, 56, 2, 0.3);}
.course-wrap .course .tab-tit.w14 li,.course-wrap .course .tab-tit.w14 span.lia{ width: 7.14%;}
.course-wrap .course .tab-tit.w13 li,.course-wrap .course .tab-tit.w13 span.lia{ width: 7.69%;}
.course-wrap .course .tab-tit.w12 li,.course-wrap .course .tab-tit.w12 span.lia{ width: 8.33%;}
.course-wrap .course .tab-tit.w9 li,.course-wrap .course .tab-tit.w9 span.lia{ width:11.11%;}
.course-wrap .course .tab-tit.w6 li,.course-wrap .course .tab-tit.w6 span.lia{width: 6.25%;}
.course-wrap .course .tab-tit span.lia{ display:block; float: left; height:54px; line-height:54px; font-size:16px; color:#fff1e6; cursor:pointer; position:relative; vertical-align: top;}
.course-wrap .course .tab-tit span.lia a{ color:#fff1e6;}
.course-wrap .course .tab-tit span.lia a:hover{ text-decoration: none;}
.course-wrap .course .course-con{ display:none;}
.course-wrap .course .course-con ul{ padding:30px 0 0 0; background:#fff8ea; border-radius: 0 0 10px 10px;}
.course-wrap .course .course-con li{ float:left; width:356px; background:url(/images/zhuanti/2024ysbmj/bg_07.png) no-repeat center bottom #fff; margin:0 13px 24px 14px; border-radius: 6px; transition:all 0.2s linear; -webkit-transition:all 0.2s linear; -webkit-box-shadow:0 10px 20px rgba(255, 210, 190, 0.72); -moz-box-shadow:0 10px 20px rgba(255, 210, 190, 0.72); box-shadow:0 10px 20px rgba(255, 210, 190, 0.72);}
.course-wrap .course .course-con li:hover{ transform:translate3d(0, -6px, 0);}
.course-wrap .course .course-con .course-pic{ position: relative; z-index: 1; display: block; width:356px; height:330px; border-radius: 6px 6px 0 6px;}
.course-wrap .course .course-con .course-pic img{ width:356px; height:330px; border-radius: 6px 6px 0 6px;}
.course-wrap .course .course-con .course-pic .fdiconHot{ position: absolute; top: -7px; left: -12px; width: 55px; height: 53px; background:url(/images/zhuanti/2024ysbmj/icon_13.png) no-repeat;}
.course-wrap .course .course-con .course-bot{ height: 76px; padding-top: 21px;}
.course-wrap .course .course-con .course-bot .btnHong,.course-wrap .course .course-con .course-bot .btnFen{ margin: 0 auto; display: block; width: 220px; height: 52px; text-align: center; line-height: 52px; font-size: 20px; color: #fff; border-radius: 26px; -webkit-box-shadow:0 3px 0 rgba(255, 166, 86, 1); -moz-box-shadow:0 3px 0 rgba(255, 166, 86, 1); box-shadow:0 3px 0 rgba(255, 166, 86, 1);}
.course-wrap .course .course-con .course-bot .btnHong{ background: #fa2441;
    background: -webkit-linear-gradient(left, #ff8f0f, #f60655); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #ff8f0f, #f60655); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #ff8f0f, #f60655); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #ff8f0f, #f60655); /* 标准的语法 */}
.course-wrap .course .course-con .course-bot .btnFen{ background: #f56060;}
.course-wrap .course .course-con .course-bot .btnHong:hover{ text-decoration: none; background: #f60655;
    background: -webkit-linear-gradient(left, #f60655, #ff8f0f); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #f60655, #ff8f0f); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #f60655, #ff8f0f); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #f60655, #ff8f0f); /* 标准的语法 */}
.course-wrap .course .course-con .course-bot .btnFen:hover{ text-decoration: none;}
.course-wrap .course .course-con .course-bot .yesLogin{ display: none;}
.course-wrap .course .helpBox{ padding: 6px 0 30px; height: 56px; text-align: center;}
.course-wrap .course .helpBox-txt{ display: inline-block; margin: 0 16px 0 0; vertical-align: -7px;}
.course-wrap .course .helpBox-btn{ display: inline-block; width: 198px; height: 56px; line-height: 56px; font-size: 22px; color: #a50203; font-weight: 700; border-radius: 28px; background: #ffcb72; margin: 0 5px;
    background: -webkit-linear-gradient(left, #ffc661, #ffd590); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #ffc661, #ffd590); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #ffc661, #ffd590); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #ffc661, #ffd590); /* 标准的语法 */}
.course-wrap .course .helpBox-btn:hover{ text-decoration: none;
    background: -webkit-linear-gradient(left, #ffd590, #ffc661); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #ffd590, #ffc661); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #ffd590, #ffc661); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #ffd590, #ffc661); /* 标准的语法 */}

/*vip面授班*/
.courseVip{ position: relative; z-index: 1; padding-top: 134px;}
.courseVip .gzBtn{ position: absolute; top: 75px; right: 80px; z-index: 3; display: block; width:108px; height: 38px; line-height: 36px; text-indent: 18px; font-size:16px; color:#fff; border-radius: 19px; background: #5b379d;}
.courseVip .gzBtn:hover{ text-decoration: none;}
.courseVip .fdHead{ position: absolute; top: 134px; left: 0; z-index: 1; width: 1200px; height: 59px; background:url(/images/zhuanti/2024ysbmj/tit_06.png) no-repeat;}
.courseVip .conBox{ overflow: hidden; padding:59px 0 0; border: 10px solid #ff8e64; border-top: 0; border-radius: 0 0 18px 18px; background:linear-gradient(to bottom, rgba(253,247,237,1) 0%, rgba(255,237,204,1) 30%, rgba(253,248,239,1) 100%);}
.courseVip .conBox .tPic{ display: block; position: relative; z-index: 1; width: 1160px; height: 240px; margin: 0 auto 28px;}
.courseVip .conBox .tPic img{ width: 1160px; height: 240px;}
.courseVip .conBox .tbox{ width: 600px; height: 56px; background:#e4370e; border-radius: 28px; margin: 0 auto 14px;}
.courseVip .conBox .tbox li{ width: 300px; height: 56px; line-height: 56px; text-align: center; font-size: 20px; color: #fff; font-weight: 700; cursor: pointer;}
.courseVip .conBox .tbox li.on{ color: #a50203; background: #fff; border-radius: 28px; -webkit-box-shadow:0 0 16px rgba(255, 174, 84, 0.85); -moz-box-shadow:0 0 16px rgba(255, 174, 84, 0.85); box-shadow:0 0 16px rgba(255, 174, 84, 0.85);}
.courseVip .conBox .cbox{ position: relative; z-index: 1; background: #feeeda; border-radius: 10px;}
.courseVip .conBox .cbox .swiper-container{ width: 1140px; height: 494px; padding-top: 14px; margin: 0 auto;}
.courseVip .conBox .cbox .swiper-slide{ padding: 0 12px;}
.courseVip .conBox .cbox .swiper-slide li{ width:356px; background: #fff; border-radius: 4px 4px 6px 6px; transition:all 0.2s linear; -webkit-transition:all 0.2s linear; -webkit-box-shadow:0 6px 14px rgba(255, 191, 118, 0.76); -moz-box-shadow:0 6px 14px rgba(255, 191, 118, 0.76); box-shadow:0 6px 14px rgba(255, 191, 118, 0.76);}
.courseVip .conBox .cbox .swiper-slide li:hover{ transform:translate3d(0, -6px, 0);}
.courseVip .conBox .cbox .swiper-slide .course-pic{ width:356px; height:230px; padding-top: 30px; border-radius: 6px 6px 0 0; position: relative; z-index: 1;}
.courseVip .conBox .cbox .swiper-slide .course-pic .pctit{ text-align: center; line-height: 32px; color: #8e1101;}
.courseVip .conBox .cbox .swiper-slide .course-pic .pctit-txt{ font-size: 18px;}
.courseVip .conBox .cbox .swiper-slide .course-pic .pctit h3{ display: block; font-size: 32px; font-weight: 700;}
.courseVip .conBox .cbox .swiper-slide .course-pic .pctit-trait{ position: absolute; left: 33px; bottom: 3px; width: 290px; height: 40px; line-height: 36px; text-align: center; font-size: 16px; color: #fff;}
.courseVip .conBox .cbox .swiper-slide .course-pic .pctit:hover{ text-decoration: none;}
.courseVip .conBox .cbox .swiper-slide .course-pic .fdCon{ position: absolute; left: 0; bottom: -35px; width: 356px; height: 48px; background:url(/images/zhuanti/2024ysbmj/bg_25.png) no-repeat;}
.courseVip .conBox .cbox .swiper-slide .course-pic .fdCon-left{ float: left; width: 120px; height: 48px; line-height: 48px; text-align: center; font-size: 12px; color: #fff;}
.courseVip .conBox .cbox .swiper-slide .course-pic .fdCon-left b{ font-size: 18px;}
.courseVip .conBox .cbox .swiper-slide .course-pic .fdCon-right{ float: right; width: 236px; padding-top: 12px; height: 36px; text-align: center; line-height: 36px; font-size: 14px; color: #fff;}
.courseVip .conBox .cbox .swiper-slide .course-pic .fdicon01{ position: absolute; top: 0; right: 0; padding: 0 15px; height: 30px; line-height: 30px; font-size: 16px; color: #fff; border-radius: 0 6px 0 6px; background:#e2280c;
    background: -webkit-linear-gradient(left, #d61310, #f34106); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #d61310, #f34106); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #d61310, #f34106); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #d61310, #f34106); /* 标准的语法 */}
.courseVip .conBox .cbox .swiper-slide .course-bot{ height: 204px;}
.courseVip .conBox .cbox .swiper-slide .course-bot .priceV{ padding: 40px 15px 12px; height: 80px;}
.courseVip .conBox .cbox .swiper-slide .course-bot .priceV-price{ line-height: 56px; height: 56px; color: #d52121; font-size: 18px;}
.courseVip .conBox .cbox .swiper-slide .course-bot .priceV-price b{ font-size: 30px;}
.courseVip .conBox .cbox .swiper-slide .course-bot .priceV-bot{ height: 24px; margin-right: 5px;}
.courseVip .conBox .cbox .swiper-slide .course-bot .priceV-bot-txt{ float: left; line-height: 24px; color: #de3535; font-size: 14px;}
.courseVip .conBox .cbox .swiper-slide .course-bot .priceV-bot-tiao{ float: right; width: 140px; height: 24px; background: #ffe6e6; border-radius: 12px;}
.courseVip .conBox .cbox .swiper-slide .course-bot .priceV-bot-tiao .tcon{ position: relative; z-index: 1; height: 24px; line-height: 24px; text-align: center; font-size: 12px; color: #fff; white-space: nowrap; background:#ef6346; border-radius: 12px; transition:all 1s linear; -webkit-transition:all 1s linear; -webkit-box-shadow:0 0 8px rgba(197, 76, 1, 0.5); -moz-box-shadow:0 0 8px rgba(197, 76, 1, 0.5); box-shadow:0 0 8px rgba(197, 76, 1, 0.5);
    background: -webkit-linear-gradient(left, #fe925f, #de3838); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #fe925f, #de3838); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #fe925f, #de3838); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #fe925f, #de3838); /* 标准的语法 */}
.courseVip .conBox .cbox .swiper-slide .course-bot .priceV-bot-tiao .tcon .ijk{ display: block; position: absolute; right: -22px; top: -13px; width: 35px; height: 24px; background:url(/images/zhuanti/2024ysbmj/icon_24.png) no-repeat; -webkit-animation:hatch 4s 0s infinite both; -moz-animation:hatch 4s 0s infinite both; -o-animation:hatch 4s 0s infinite both; animation:hatch 4s 0s infinite both;}
.courseVip .conBox .cbox .swiper-slide .course-bot .priceV-bot-tiao .tcon .izg{ display: block; position: absolute; right: -22px; top: -13px; width: 26px; height: 34px; background:url(/images/zhuanti/2024ysbmj/icon_24.png) no-repeat; -webkit-animation:hatch 4s 0s infinite both; -moz-animation:hatch 4s 0s infinite both; -o-animation:hatch 4s 0s infinite both; animation:hatch 4s 0s infinite both;}
.courseVip .conBox .cbox .swiper-slide .course-bot .priceV-bot-tiao .tcon em{ display: none; padding-right: 15px;}
.courseVip .conBox .cbox .swiper-slide .course-bot .priceM{ padding: 40px 15px 12px; height: 80px;}
.courseVip .conBox .cbox .swiper-slide .course-bot .priceM-price{ line-height: 56px; height: 56px; color: #d52121; font-size: 18px;}
.courseVip .conBox .cbox .swiper-slide .course-bot .priceM-price b{ font-size: 30px;}
.courseVip .conBox .cbox .swiper-slide .course-bot .priceM-bot{ height: 24px; margin-right: 5px;}
.courseVip .conBox .cbox .swiper-slide .course-bot .priceM-bot-txt{ float: left; line-height: 24px; color: #de3535; font-size: 14px;}
.courseVip .conBox .cbox .swiper-slide .course-bot .priceM-bot-tiao{ float: right; width: 140px; height: 24px; background: #ffe6e6; border-radius: 12px;}
.courseVip .conBox .cbox .swiper-slide .course-bot .priceM-bot-tiao .tcon{ position: relative; z-index: 1; height: 24px; line-height: 24px; text-align: center; font-size: 12px; color: #fff; white-space: nowrap; background:#ef6346; border-radius: 12px; transition:all 1s linear; -webkit-transition:all 1s linear; -webkit-box-shadow:0 0 8px rgba(197, 76, 1, 0.5); -moz-box-shadow:0 0 8px rgba(197, 76, 1, 0.5); box-shadow:0 0 8px rgba(197, 76, 1, 0.5);
    background: -webkit-linear-gradient(left, #fe925f, #de3838); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #fe925f, #de3838); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #fe925f, #de3838); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #fe925f, #de3838); /* 标准的语法 */}
.courseVip .conBox .cbox .swiper-slide .course-bot .priceM-bot-tiao .tcon .ijk{ display: block; position: absolute; right: -22px; top: -13px; width: 35px; height: 24px; background:url(/images/zhuanti/2024ysbmj/icon_24.png) no-repeat; -webkit-animation:hatch 4s 0s infinite both; -moz-animation:hatch 4s 0s infinite both; -o-animation:hatch 4s 0s infinite both; animation:hatch 4s 0s infinite both;}
.courseVip .conBox .cbox .swiper-slide .course-bot .priceM-bot-tiao .tcon .izg{ display: block; position: absolute; right: -22px; top: -13px; width: 26px; height: 34px; background:url(/images/zhuanti/2024ysbmj/icon_24.png) no-repeat; -webkit-animation:hatch 4s 0s infinite both; -moz-animation:hatch 4s 0s infinite both; -o-animation:hatch 4s 0s infinite both; animation:hatch 4s 0s infinite both;}
.courseVip .conBox .cbox .swiper-slide .course-bot .priceM-bot-tiao .tcon em{ display: none; padding-right: 15px;}
.courseVip .conBox .cbox .swiper-slide .course-bot .btnHong,.courseVip .conBox .cbox .swiper-slide .course-bot .btnFen{ display: block; width: 146px; height: 50px; text-align: center; line-height: 50px; font-size: 20px; color: #fff; border-radius: 25px; margin: 0 auto; -webkit-box-shadow:0 3px 0 rgba(255, 166, 86, 1); -moz-box-shadow:0 3px 0 rgba(255, 166, 86, 1); box-shadow:0 3px 0 rgba(255, 166, 86, 1);}
.courseVip .conBox .cbox .swiper-slide .course-bot .btnHong{ background: #fb2541;
    background: -webkit-linear-gradient(left, #ff432d, #f60655); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #ff432d, #f60655); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #ff432d, #f60655); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #ff432d, #f60655); /* 标准的语法 */}
.courseVip .conBox .cbox .swiper-slide .course-bot .btnFen{ background: #f56060;}
.courseVip .conBox .cbox .swiper-slide .course-bot .btnHong:hover{ text-decoration: none; background: #f60a56;
    background: -webkit-linear-gradient(left, #f60655, #ff432d); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #f60655, #ff432d); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #f60655, #ff432d); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #f60655, #ff432d); /* 标准的语法 */}
.courseVip .conBox .cbox .swiper-slide .course-bot .btnFen:hover{ text-decoration: none;}
.courseVip .conBox .cbox .swiper-slide .course-bot .yesLogin{ display: none;}
.courseVip .conBox .cbox .arrow-left01,.courseVip .conBox .cbox .arrow-left02{ position: absolute; z-index: 2; left: 0; top: 218px; width: 42px; height: 67px; background:url(/images/zhuanti/2024ysbmj/icon_20.png) no-repeat;}
.courseVip .conBox .cbox .arrow-right01,.courseVip .conBox .cbox .arrow-right02{ position: absolute; z-index: 2; right: 0; top: 218px; width: 42px; height: 67px; background:url(/images/zhuanti/2024ysbmj/icon_21.png) no-repeat;}
.courseVip .conBox .helpBox{ padding: 6px 0 30px; height: 56px; text-align: center; background: #feeeda;}
.courseVip .conBox .helpBox-txt{ display: inline-block; margin: 0 16px 0 0; vertical-align: -7px;}
.courseVip .conBox .helpBox-btn{ display: inline-block; width: 198px; height: 56px; line-height: 56px; font-size: 22px; color: #a50203; font-weight: 700; border-radius: 28px; background: #ffcb72; margin: 0 5px;
    background: -webkit-linear-gradient(left, #ffc661, #ffd590); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #ffc661, #ffd590); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #ffc661, #ffd590); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #ffc661, #ffd590); /* 标准的语法 */}
.courseVip .conBox .helpBox-btn:hover{ text-decoration: none;
    background: -webkit-linear-gradient(left, #ffd590, #ffc661); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #ffd590, #ffc661); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #ffd590, #ffc661); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #ffd590, #ffc661); /* 标准的语法 */}

/*上传*/
.uploadMain{ position: relative; z-index: 1; padding-top: 134px;}
.uploadMain .gzBtn{ position: absolute; top: 75px; right: 80px; z-index: 3; display: block; width:108px; height: 38px; line-height: 36px; text-indent: 18px; font-size:16px; color:#fff; border-radius: 19px; background: #5b379d;}
.uploadMain .gzBtn:hover{ text-decoration: none;}
.uploadMain .fdHead{ position: absolute; top: 134px; left: 0; z-index: 1; width: 1200px; height: 59px; background:url(/images/zhuanti/2024ysbmj/tit_06.png) no-repeat;}
.uploadMain .conBox{ overflow: hidden; padding:69px 0 30px; border: 10px solid #ff8e64; border-top: 0; border-radius: 0 0 18px 18px;
    background: -webkit-linear-gradient(top, rgba(253,247,236,1) 0%, rgba(255,237,204,1) 30%, rgba(253,248,239,1) 100%); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(top, rgba(253,247,236,1) 0%, rgba(255,237,204,1) 30%, rgba(253,248,239,1) 100%); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(top, rgba(253,247,236,1) 0%, rgba(255,237,204,1) 30%, rgba(253,248,239,1) 100%); /* Firefox 3.6 - 15 */
    background: linear-gradient(to bottom, rgba(253,247,236,1) 0%, rgba(255,237,204,1) 30%, rgba(253,248,239,1) 100%); /* 标准的语法 */}
.uploadMain .bonus-bg{width: 530px; float: left; background: url(/images/zhuanti/2024ysbmj/species.png) no-repeat center; height:366px; text-align: center; margin-left: 30px;}
.uploadMain .bonus-bg .word{ padding-top: 80px; height: 24px; line-height: 24px; font-size: 22px; color: #df3a13; font-weight: 700;}
.uploadMain .bonus-bg p{ padding:161px 0 0 0; line-height: 20px; color: #691400; font-size: 14px;}
.uploadMain .upload-photo{ position: relative; z-index: 1; width:580px; height: 366px; float: right; background: #ffdaaf; margin-right: 30px; border-radius:5px 5px 0 0;}
.uploadMain .upload-photo .upload-content-intro{ width:380px; margin: 0 auto; padding: 30px 0 0;}
.uploadMain .upload-photo .upload-content-intro h5{ line-height: 18px; font-size: 18px; margin-bottom: 20px; position: relative; color: #7d0b02;}
.uploadMain .upload-photo .upload-content-intro h5 .view-box{ color: #666; float: right; font-size: 14px; font-weight: normal; background: url(/images/zhuanti/2024ysbmj/proIcon.png) no-repeat left center; padding-left: 20px;}
.uploadMain .upload-photo .upload-content-intro .file-box{ width: 380px; height: 155px; border-radius: 5px; border: 1px solid #ffc079; background: #ffe9d1; text-align: center; position: relative; z-index: 5;}
.uploadMain .upload-photo .upload-content-intro .file-box i{ display: block; background:url(/images/zhuanti/2024ysbmj/thumbnail.png) no-repeat; width:43px; height: 37px; position: absolute; left: 50%; margin-left: -20px; top: 20px;}
.uploadMain .upload-photo .upload-content-intro .file-box .file{width: 380px; height: 155px; position:absolute; top:0; left:0; border:0; cursor:pointer; filter:alpha(opacity:0);opacity: 0; z-index:2;font-size: 0;}
.uploadMain .upload-photo .upload-content-intro .file-box p{ font-size: 14px; width: 270px; text-align: center; color: #999; position: absolute; left: 50%; bottom: 20px; margin-left: -125px;}
.uploadMain .upload-photo .upload-content-intro .file-box .select-btn{ width: 108px; height: 30px; line-height: 30px; z-index: 0; border: 1px solid #be8756; text-align: center; font-size: 14px; color: #7d0b02; border-radius: 10px; display: block; left: 50%; position: absolute; top:70px; margin-left:-54px;}
.uploadMain .upload-photo .upload-content-intro .file-box .select-btn:hover{ text-decoration: none;}
.uploadMain .upload-photo .upload-content-intro .file-box .picList{ display: none; position: absolute; left: 0; top: 0; width: 380px; height: 155px; background: #ffe9d1;}
.uploadMain .upload-photo .upload-content-intro .file-box .picList img{ max-width: 380px; max-height: 155px; z-index: 8; cursor: pointer;}
.uploadMain .upload-photo .upload-content-intro .file-box .picList .pic-close{ display: block; position: absolute; right: 0; top: 0;background:url(/images/zhuanti/2024ysbmj/tu-close.png) no-repeat; width: 22px; height: 22px; z-index: 5;}
.uploadMain .upload-photo .upload-content-intro .file-box .loginBg{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 20; display: block;}
.uploadMain .upload-photo .upload-content-intro .file-box .popBg{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 19; display: none; background:#000; opacity:.7; filter:alpha(opacity=70); line-height: 155px; font-size: 14px; color: #fff;}
.uploadMain .upload-photo .upload-content-intro .file-box .popBg a{ color: #ff432d;}
.uploadMain .upload-photo .upload-content-intro .submit-upload{ display: block; width: 185px; height: 44px; line-height: 44px; text-align: center; color: #fff; font-size: 20px; border-radius: 22px; margin:20px auto 15px; background: #fb2541;
    background: -webkit-linear-gradient(left, #ff432d, #f94670); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #ff432d, #f94670); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #ff432d, #f94670); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #ff432d, #f94670); /* 标准的语法 */}
.uploadMain .upload-photo .upload-content-intro .submit-upload:hover{ text-decoration: none;
    background: -webkit-linear-gradient(left, #f94670, #ff432d); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #f94670, #ff432d); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #f94670, #ff432d); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #f94670, #ff432d); /* 标准的语法 */}
.uploadMain .upload-photo .upload-content-intro .submit-upload.btn-grey{ background: #ddd; color: #fff;pointer-events: none;}
.uploadMain .upload-photo .upload-content-intro .example-pic{ display: none; width: 238px; margin-left: -119px; position: absolute; left:50%; top: -30px; z-index: 50; box-shadow: 0 0 12px 0 rgb(0 0 0 / 20%);}
.uploadMain .upload-photo .upload-content-intro .example-pic img{width: 238px;}
.uploadMain .upload-photo .upload-content-intro .pichide{ display: none;}
.uploadMain .upload-photo .intro-con{ position: absolute; left: 0; right: 0; bottom: 0; background: #fec071; border-radius: 0 0 5px 5px; color: #7d0b02; font-size: 14px; height: 58px; line-height: 58px; text-align: center;
    background: -webkit-linear-gradient(left, #ffce85, #feb05b); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #ffce85, #feb05b); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #ffce85, #feb05b); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #ffce85, #feb05b); /* 标准的语法 */}
.uploadMain .upload-photo .currentCursor{pointer-events: none;}
/*上传弹框*/
.photo-pop{ display:none; background:#fff; position:fixed; left:50%; margin-left:-287px; top:50%; z-index:999; border-radius:10px;}
.photo-pop .close-btn-big{ display:block; width:35px; height:35px; position:absolute; right:-60px; top:-27px;background:url(/images/zhuanti/2024ysbmj/big-close.png) no-repeat; }
.upload-success{ width: 380px; background: #fff; border-radius: 20px; display: none; top: 50%; left: 50%; position: fixed; margin: 0 0 0 -190px; z-index: 99;}
.upload-success .pop-tit{ text-align: center; color: #7d0b02; line-height: 60px; font-size: 22px; font-weight: bold; border-radius: 15px 15px 0 0; background: #feb05b;
    background: -webkit-linear-gradient(left, #ffcd85, #feb05b); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #ffcd85, #feb05b); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #ffcd85, #feb05b); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #ffcd85, #feb05b); /* 标准的语法 */}
.upload-success .pop-con{text-align: center; padding:30px 30px 0; line-height: 28px; font-size: 16px;}
.upload-success .pop-con a.link{ color: #fe3c31;}
.upload-success .btn{ display: block; width: 180px; height: 48px; border-radius: 24px; line-height: 48px; margin: 20px auto; color: #fff; font-size: 16px; text-align: center; background: #fb2541;
    background: -webkit-linear-gradient(left, #ff432d, #f94670); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #ff432d, #f94670); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #ff432d, #f94670); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #ff432d, #f94670); /* 标准的语法 */}
.upload-success .btn:hover{ text-decoration: none;}
.upload-success .pop-tit .close-btn {background: url(/images/zhuanti/2024ysbmj/close-pic.png) no-repeat; width: 22px; height: 23px; right: 18px; top: 18px; position: absolute;}
.upload-delete-box .btn-mid{ text-align: center; margin: 30px 0;}
.upload-delete-box .btn-mid a{ display: inline-block; width: 130px; height: 44px; border-radius: 22px; line-height: 44px; color: #fff; font-size: 16px; margin: 0 15px;}
.upload-delete-box .btn-mid a:hover{ text-decoration: none;}
.upload-delete-box .btn-mid a.concle-btn{ background: #c8c8c8;}
.upload-delete-box .btn-mid a.sure-btn{ background: #fb2541;
    background: -webkit-linear-gradient(left, #ff432d, #f94670); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #ff432d, #f94670); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #ff432d, #f94670); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #ff432d, #f94670); /* 标准的语法 */}

/*图书*/
.bookMain{ position: relative; z-index: 1; padding-top: 134px;}
.bookMain .gzBtn{ position: absolute; top: 75px; right: 80px; z-index: 3; display: block; width:108px; height: 38px; line-height: 36px; text-indent: 18px; font-size:16px; color:#fff; border-radius: 19px; background: #5b379d;}
.bookMain .gzBtn:hover{ text-decoration: none;}
.bookMain .fdHead{ position: absolute; top: 134px; left: 0; z-index: 1; width: 1200px; height: 59px; background:url(/images/zhuanti/2024ysbmj/tit_06.png) no-repeat;}
.bookMain .conBox{ overflow: hidden; padding:79px 0 0; border: 10px solid #ff8e64; border-top: 0; border-radius: 0 0 18px 18px;
    background: -webkit-linear-gradient(top, rgba(253,247,236,1) 0%, rgba(255,237,204,1) 30%, rgba(253,248,239,1) 100%); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(top, rgba(253,247,236,1) 0%, rgba(255,237,204,1) 30%, rgba(253,248,239,1) 100%); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(top, rgba(253,247,236,1) 0%, rgba(255,237,204,1) 30%, rgba(253,248,239,1) 100%); /* Firefox 3.6 - 15 */
    background: linear-gradient(to bottom, rgba(253,247,236,1) 0%, rgba(255,237,204,1) 30%, rgba(253,248,239,1) 100%); /* 标准的语法 */}
.bookMain .conBox .tbox{ width: 600px; height: 56px; background:#e4370e; border-radius: 28px; margin: 0 auto 14px;}
.bookMain .conBox .tbox li{ width: 300px; height: 56px; line-height: 56px; text-align: center; font-size: 20px; color: #fff; font-weight: 700; cursor: pointer;}
.bookMain .conBox .tbox li.on{ color: #a50203; background: #fff; border-radius: 28px; -webkit-box-shadow:0 0 16px rgba(255, 174, 84, 0.85); -moz-box-shadow:0 0 16px rgba(255, 174, 84, 0.85); box-shadow:0 0 16px rgba(255, 174, 84, 0.85);}
.bookMain .conBox .cbox{ position: relative; z-index: 1;}
.bookMain .conBox .cbox .swiper-container{ width: 1144px; height: 380px; padding-top: 30px; margin: 0 auto;}
.bookMain .conBox .cbox .swiper-slide{ width: 276px; padding: 0 5px;}
.bookMain .conBox .cbox .swiper-slide li{ width:276px; background: #fff; border-radius: 6px; transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.bookMain .conBox .cbox .swiper-slide li:hover{ transform:translate3d(0, -6px, 0);}
.bookMain .conBox .cbox .swiper-slide .course-pic{ width:268px; height:180px; padding: 4px; background: #ffc9a2; border-radius: 6px 6px 0 0; position: relative; z-index: 1;}
.bookMain .conBox .cbox .swiper-slide .course-pic .fdicon01{ position: absolute; top: 0; right: 0; padding: 0 15px; height: 30px; line-height: 30px; font-size: 16px; color: #fff; border-radius: 0 6px 0 12px; background:#ee6045;
    background: -webkit-linear-gradient(left, #ff8d55, #de3535); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #ff8d55, #de3535); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #ff8d55, #de3535); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #ff8d55, #de3535); /* 标准的语法 */}
.bookMain .conBox .cbox .swiper-slide .course-pic-con{ display: block; height: 180px; text-align: center; background: #fff; border-radius: 6px 6px 0 0;}
.bookMain .conBox .cbox .swiper-slide .course-pic-con img{ display: inline-block; width: auto; height: 180px;}
.bookMain .conBox .cbox .swiper-slide .course-bot{ height: 162px;}
.bookMain .conBox .cbox .swiper-slide .course-bot .cbtit{ display: block; height: 40px; padding: 18px 15px 0; line-height: 20px; font-size: 14px; overflow:hidden;}
.bookMain .conBox .cbox .swiper-slide .course-bot .cbtit:hover{ text-decoration: none;}
.bookMain .conBox .cbox .swiper-slide .course-bot .cbprice{ height: 28px; line-height: 28px; padding: 0 15px 14px;}
.bookMain .conBox .cbox .swiper-slide .course-bot .cbprice-left{ float: left; font-size: 14px; color: #d52121;}
.bookMain .conBox .cbox .swiper-slide .course-bot .cbprice-left b{ font-size: 22px;}
.bookMain .conBox .cbox .swiper-slide .course-bot .cbprice-right{ float: right; font-size: 14px; color: #6e6d6d; text-decoration: line-through;}
.bookMain .conBox .cbox .swiper-slide .course-bot .btnHong{ display: block; width: 196px; height: 44px; text-align: center; line-height: 44px; font-size: 16px; color: #fff; border-radius: 22px; margin: 0 auto; -webkit-box-shadow:0 3px 3px rgba(255, 144, 70, 1); -moz-box-shadow:0 3px 3px rgba(255, 144, 70, 1); box-shadow:0 3px 3px rgba(255, 144, 70, 1);}
.bookMain .conBox .cbox .swiper-slide .course-bot .btnHong{ background: #f4530f;
    background: -webkit-linear-gradient(top, #ff6e0e, #eb3b10); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(top, #ff6e0e, #eb3b10); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(top, #ff6e0e, #eb3b10); /* Firefox 3.6 - 15 */
    background: linear-gradient(to bottom, #ff6e0e, #eb3b10); /* 标准的语法 */}
.bookMain .conBox .cbox .swiper-slide .course-bot .btnHong:hover{ text-decoration: none; background: #eb3b10;
    background: -webkit-linear-gradient(top, #eb3b10, #ff6e0e); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(top, #eb3b10, #ff6e0e); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(top, #eb3b10, #ff6e0e); /* Firefox 3.6 - 15 */
    background: linear-gradient(to bottom, #eb3b10, #ff6e0e); /* 标准的语法 */}
.bookMain .conBox .cbox .swiper-slide .course-bot .yesLogin{ display: none;}
.bookMain .conBox .cbox .arrow-bkleft01,.bookMain .conBox .cbox .arrow-bkleft02{ position: absolute; z-index: 2; left: 0; top: 168px; width: 42px; height: 67px; background:url(/images/zhuanti/2023ysbmj/icon_20.png) no-repeat;}
.bookMain .conBox .cbox .arrow-bkright01,.bookMain .conBox .cbox .arrow-bkright02{ position: absolute; z-index: 2; right: 0; top: 168px; width: 42px; height: 67px; background:url(/images/zhuanti/2023ysbmj/icon_21.png) no-repeat;}

/*直播*/
.liveMain{ position: relative; z-index: 1; padding-top: 134px;}
.liveMain .ggtit{ background:url(/images/zhuanti/2024ysbmj/tit_03.png) no-repeat center;}
.liveMain .fdHead{ position: absolute; top: 134px; left: 0; z-index: 1; width: 1200px; height: 59px; background:url(/images/zhuanti/2024ysbmj/tit_06.png) no-repeat;}
.liveMain .conBox{ padding:59px 0 0; border: 10px solid #ff8e64; border-top: 0; border-radius: 0 0 18px 18px; background:linear-gradient(to bottom, rgba(253,247,237,1) 0%, rgba(255,237,204,1) 30%, rgba(253,248,239,1) 100%);}
.liveMain .tbox{ position: relative; z-index: 1; height: 106px; border-radius: 8px 8px 0 0; background:#e01237; margin-top: -19px; -webkit-box-shadow:0 5px 10px rgba(0, 0, 0, 0.1); -moz-box-shadow:0 5px 10px rgba(0, 0, 0, 0.1); box-shadow:0 5px 10px rgba(0, 0, 0, 0.1);
    background: -webkit-linear-gradient(left, #da093b, #e61b33); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #da093b, #e61b33); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #da093b, #e61b33); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #da093b, #e61b33); /* 标准的语法 */}
.liveMain .tbox .swiper-container{ width: 1056px; height: 118px; margin: 0 auto;}
.liveMain .tbox .swiper-slide{ position: relative; z-index: 1; width: 200px; height: 82px; padding-top: 24px; line-height: 28px; text-align: center; font-size: 18px; color: #fef5f6; cursor: pointer;}
.liveMain .tbox .swiper-slide i{ position: absolute; display: none; width: 28px; height: 15px; left: 50%; bottom: -12px; margin-left: -15px; background:url(/images/zhuanti/2024ysbmj/icon_04.png) no-repeat;}
.liveMain .tbox .swiper-slide.on{ font-weight: 700; color: #b9141a; background: #ffd59e;
    background: -webkit-linear-gradient(left, #ffc282, #ffe2b3); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #ffc282, #ffe2b3); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #ffc282, #ffe2b3); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #ffc282, #ffe2b3); /* 标准的语法 */}
.liveMain .tbox .swiper-slide.on i{ display: block;}
.liveMain .tbox .larrow-left{ position: absolute; left: 0; top: 0; width: 72px; height: 106px; border-radius: 20px 0 0 0; background: #da093b;}
.liveMain .tbox .larrow-left i{ display: block; position: absolute; top: 30px; left: 19px; width: 32px; height: 49px; background:url(/images/zhuanti/2024ysbmj/icon_02.png) no-repeat;}
.liveMain .tbox .larrow-right{ position: absolute; right: 0; top: 0; width: 72px; height: 106px; border-radius: 0 20px 0 0; background: #e61b33;}
.liveMain .tbox .larrow-right i{ display: block; position: absolute; top: 30px; right: 19px; width: 32px; height: 49px; background:url(/images/zhuanti/2024ysbmj/icon_03.png) no-repeat;}
.liveMain .cbox{ padding: 30px 0 30px 20px;}
.liveMain .cbox-con{ display: none;}
.liveMain .cbox-con .videoBox .videoBox-con{ display: block; position: relative; z-index: 1; width: 610px; height: 380px; padding: 15px; background: #fbd09c; border-radius: 5px;}
.liveMain .cbox-con .videoBox .videoBox-con .pic{ width: 610px; height: 380px;}
.liveMain .cbox-con .videoBox .videoBox-con .btn{ display: block; position: absolute; left: 284px; top: 270px; width: 233px; height: 66px; text-indent: 56px; line-height: 50px; font-size: 26px; color: #cd2509; background:url(/images/zhuanti/2024ysbmj/btn_13.png) no-repeat;}
.liveMain .cbox-con .videoBox .videoBox-con .ewm{ display: block; position: absolute; right: 15px; bottom: 15px; width: 130px; height: 142px; padding-top: 8px; background: #fff;}
.liveMain .cbox-con .videoBox .videoBox-con .ewm-pic{ display: block; width: 114px; height: 114px; margin: 0 auto;}
.liveMain .cbox-con .videoBox .videoBox-con .ewm-txt{ line-height: 28px; text-align: center; font-size: 14px;}
.liveMain .cbox-con .videoBox .videoBox-prize{ overflow: hidden; width: 520px; height: 410px;}
.liveMain .cbox-con .videoBox .videoBox-prize img{ width: auto; height: 410px; float: right;}

/* 18年品牌 */
.brandBg{ margin-top: 55px; height: 504px; background:url(/images/zhuanti/2024ysbmj/bot.jpg) no-repeat center top;}
.brand .top{display: block;margin: 0 auto;padding-top: 50px;}
.brand .item {position: absolute;}
.brand .item .t1{font-size: 20px;line-height: 40px;font-weight: bold;color: #ce6805;}
.brand .item .t2{font-size: 16px;line-height: 30px;color: #861401;}
.brand .item.item1{left: 186px;top: 160px;}
.brand .item.item2{left: 560px;top: 160px;}
.brand .item.item3{left: 934px;top: 160px;}
.brand .item.item4{left: 186px;top: 290px;}
.brand .item.item5{left: 560px;top: 290px;}
.brand .item.item6{left: 934px;top: 290px;}

/* 底部模块 */
.botan {background: url(//www.med66.com/images/index2020/an.png) no-repeat;}
.bottom-mod{ padding: 20px 0 10px; background: #fff;}
.bottom-mod .botnav-mod{ padding-bottom: 30px;}
.bottom-mod .botnav-dls{width:446px;margin-left: 75px;}
.bottom-mod .botnav-dls dl{ float: left; width:100px;line-height:32px;text-align: center; font-size: 14px; margin-right: 70px;}
.bottom-mod .botnav-dls dl dt{line-height:36px;font-size:16px;font-weight:bold;}
.bottom-mod .botnav-dls dl dd a{color:#666;}
.bottom-mod .botnav-dls dl dd a:hover{color:#4ab83e;}
.bottom-mod .botnav-dls dl.dl-about{ margin-right: 0;}
.bottom-mod .bot-tels{width:246px; margin-left: 80px;}
.bottom-mod .bot-tels h6{line-height:36px;font-size:16px;margin-bottom:12px;}
.bottom-mod .bot-tels .bot-tel{padding-left:50px;line-height:30px;font-size:22px;background-position: 0 -2990px; font-weight: 700;}
.bottom-mod .bot-tels .bot-tel span{margin:0 11px 0 11px;}
.bottom-mod .bot-tels .bot-list{margin-top:22px;font-size:0;line-height:26px;}
.bottom-mod .bot-tels .bot-list a{padding-left:36px;margin-right:28px;display:inline-block;background-position:0 -3050px;font-size:14px; color: #666;}
.bottom-mod .bot-tels .bot-list a.tels-feedback{margin-right:0;background-position:0 -3150px;}
.bottom-mod .bot-tels .bot-list a:hover{color:#4ab83e;background-position:0 -3100px;}
.bottom-mod .bot-tels .bot-list a.tels-feedback:hover{background-position:0 -3200px;}
.bottom-mod .bot-tels .bot-list-zx a{display: inline-block;*display: inline;*zoom: 1;width: 220px;height: 44px;line-height: 44px;background-color: #4ab83e;border-radius: 22px;font-size: 20px;color: #ffffff;text-align: center;text-decoration: none;}
.bottom-mod .bot-follow{ width:260px; margin-left: 30px;}
.bottom-mod .bot-follow h6{line-height:36px;font-size:16px;margin-bottom:4px;}
.bottom-mod .bot-follow .ct-ewm{ float: left; width:104px;height:122px;margin-right:24px; border: 1px solid #e4e4e4;}
.bottom-mod .bot-follow .ct-ewm img{display:block; width: 90px; height: 90px; margin: 6px auto 0;}
.bottom-mod .bot-follow .ct-ewm p{ line-height: 26px; text-align: center; font-size: 12px; color: #666;}
.bottom-mod .bot-app{ width:200px;}
.bottom-mod .bot-app h6{line-height:36px;font-size:16px;margin-bottom:14px;}
.bottom-mod .bot-app-list{ float: left; width: 86px; margin-right: 28px; cursor: pointer;}
.bottom-mod .bot-app-list img{ display:block; width: 86px; height: 86px; margin: 0 auto 6px;}
.bottom-mod .bot-app-list p{ line-height: 22px; text-align: center; font-size: 12px; color: #666;}
.bottom-mod .bot-app-list.about{ margin-right: 0;}
.bottom-mod .bot-app-list:hover p{ color: #4ab83e;}
.bottom-mod .bot-app .qpBtn{ cursor: pointer; position: relative; z-index: 21;}
.bottom-mod .bot-app .qpBtn .qpCon{ display: none; position: absolute; left: 50%; top: 114px; margin-left: -54px; width: 106px; padding-top: 9px; background: #fff; border: 1px solid #fff; border: 1px solid #f1f1f1\0; *border: 1px solid #f1f1f1; -webkit-box-shadow:0 0 20px rgba(0, 0, 0, 0.15); -moz-box-shadow:0 0 20px rgba(0, 0, 0, 0.15); box-shadow:0 0 20px rgba(0, 0, 0, 0.15);}
.bottom-mod .bot-app .qpBtn .qpCon-ewm{ display: block; width: 90px; height: 90px; margin: 0 auto;}
.bottom-mod .bot-app .qpBtn .qpCon-txt{ line-height: 30px; text-align: center; font-size: 12px; color: #666;}
.bottom-mod .bot-app .qpBtn .qpCon-jian{ display: block; position: absolute; top: -6px; left: 50%; margin-left: -5px; width: 10px; height: 6px; background-position: 0 -200px;}
.bottom-mod .bot-app .qpBtn .qpCon.l40{ left:40px;}
.bottom-mod .bot-app .qpBtn a{ text-decoration: none;}
.bottom-mod .botlink-mod {border-bottom: 1px solid #e8e8e8;}
.bottom-mod .botlink-mod .link-dt{ width: 100px; line-height:28px;font-size:16px;float:left; text-align: center;}
.bottom-mod .botlink-mod .link-dd{margin-left:100px;padding-top:1px; font-size: 14px;}
.bottom-mod .botlink-mod .link-dd a{height:28px;line-height:28px;margin:0 20px 12px 0;color:#666;float:left;}
.bottom-mod .botlink-mod .link-dd a:hover{color:#4ab83e;}
.bottom-mod .bot-follow .ct-ewm .qx-info{ position: absolute; display: none; width: 205px; background: #fff; left: 0; }
.bottom-mod .bot-follow .ct-ewm  .qx-info p{ text-align: left; }
.bottom-mod .bot-follow .ct-ewm:hover .qx-info{ display: block; }
.bottom-mod .bot-follow{ position: relative; }
.bottom-mod .bot-follow .ct-ewm .qx-info .qpCon-jian { display: block; position: absolute; top: -6px; left: 50%; margin-left: -78px; width: 10px; height: 6px; background-position: 0 -200px; }

/* 2021/1/13 新增app下载四要素 */
.nav-panel .qpCon.qx-qpCon .qpCon-jian{ left: 82%; }
.nav-panel .qpCon.qpCon.qx-qpCon{ width: 251px; /* height: 286px; */ margin-left: -209px; }
.nav-panel .qpCon.qx-qpCon .qx-txt{ text-align: center; font-size: 16px; color: #333333; font-weight: bold; }
.qx-info{ padding: 16px 30px 16px 16px;
    -webkit-box-shadow: 0 5px 20px #dad9d9;
    -moz-box-shadow: 0 5px 20px #dad9d9;
    -ms-box-shadow: 0 5px 20px #dad9d9;
    -o-box-shadow: 0 5px 20px #dad9d9;
    box-shadow: 0 5px 20px #dad9d9;}
.qx-info p{ font-size: 12px; line-height: 21px; text-align: left;color: #666666; }
.qx-info p a{ font-size: 12px; color: #4ab83e; }
.qx-info p b{ font-weight: normal;}

/*右侧浮动*/
.fix-nav{ width:174px; height: 445px; position:fixed; z-index:70; right:0; top:50%; margin-top: -210px; background: url(/images/zhuanti/2024ysbmj/bg_23.png) no-repeat;}
.fix-nav .ftop { position: absolute; top: 136px; left: 40px; width: 93px;}
.fix-nav .ftop .list{display: block; width: 76px; height: 26px; line-height: 26px; font-size: 14px; text-align: center; color: #c21b00; margin: 0 auto 10px; background: #c21b00; border-radius: 13px; box-shadow:0 0 2px rgba(255, 160, 24, 1),0 5px 8px rgba(169, 37, 0, 0.4);
    background: -webkit-linear-gradient(top, #ffe694, #ffc447); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(top, #ffe694, #ffc447); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(top, #ffe694, #ffc447); /* Firefox 3.6 - 15 */
    background: linear-gradient(to bottom, #ffe694, #ffc447); /* 标准的语法 */}
.fix-nav .ftop .list:hover{ text-decoration: none;
    background: -webkit-linear-gradient(top, #ffc447, #ffe694); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(top, #ffc447, #ffe694); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(top, #ffc447, #ffe694); /* Firefox 3.6 - 15 */
    background: linear-gradient(to bottom, #ffc447, #ffe694); /* 标准的语法 */}
.fix-nav .fcen{ position: absolute; bottom: 40px; left: 34px; display: block; width: 106px; height: 90px; background: url(/images/zhuanti/2024ysbmj/bg_22.png) no-repeat;}
.fix-nav .fback{ position: absolute; bottom: 7px; left: 48px; display: block; width: 76px; height: 26px; line-height: 26px; text-indent: 22px; font-size: 12px; color: #f13718; border-radius: 13px; background: url(/images/zhuanti/2024ysbmj/icon_10.png) no-repeat 7px center,linear-gradient(to bottom, #fffae1, #ffd7b1);}
.fix-nav .fback:hover{ text-decoration: none; background: url(/images/zhuanti/2024ysbmj/icon_10.png) no-repeat 7px center,linear-gradient(to bottom, #ffd7b1, #fffae1);}
.fix-nav .switch-icon{ position: absolute; left: 22px; z-index: 2; top: 210px; width: 18px; height: 30px; background: url(/images/zhuanti/2024ysbmj/icon_33.png) no-repeat;}
.fix-nav.rightFloatNav-switch .switch-icon{ background: url(/images/zhuanti/2024ysbmj/icon_32.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;}

/*领取优惠券弹框*/
.lqyhqTk{ display: none; width: 622px; height: 266px; padding: 156px 0 0; background: url(/images/zhuanti/2024ysbmj/s_18.png) no-repeat; top: 50%; left: 50%; position: fixed; margin: 0 0 0 -311px; z-index: 99;}
.lqyhqTk .xx{ display: block; position: absolute; top: 0; right: 0; width: 39px; height: 39px; background: url(/images/zhuanti/2024ysbmj/icon_09.png) no-repeat;}
.lqyhqTk .tbox{ width: 433px; margin: 0 auto 28px;}
.lqyhqTk .tbox .clist{ width: 433px; height: 132px; background:url(/images/zhuanti/2024ysbmj/bg_24.png) no-repeat;}
.lqyhqTk .tbox .clist .txt{ float: right; width: 274px; line-height: 30px; font-size: 16px; color: #d1482d; margin-top: 36px;}
.lqyhqTk .tbox .clist .txt b{ color: #e00742; font-size: 16px;}
.lqyhqTk .bhan{ position: relative; z-index: 1; display: block; margin: 0 auto; width: 290px; height: 67px; background:url(/images/zhuanti/2024ysbmj/icon_36.png) no-repeat;}
.lqyhqTk .bhan:hover{ text-decoration: none; opacity: 0.9;}
.lqyhqTk .bhan i{ display: block; position: absolute; top: 12px; right: -40px; width: 81px; height: 81px; background:url(/images/zhuanti/2024ysbmj/icon_35.png) no-repeat; -webkit-animation:pulse2 1s 0s infinite; animation:pulse2 1s 0s infinite;}

/*秒杀优惠券弹框*/
.msyhqTk{ display: none; width: 622px; height: 266px; padding: 156px 0 0; background: url(/images/zhuanti/2024ysbmj/s_19.png) no-repeat; top: 50%; left: 50%; position: fixed; margin: 0 0 0 -311px; z-index: 99;}
.msyhqTk .xx{ display: block; position: absolute; top: 0; right: 0; width: 39px; height: 39px; background: url(/images/zhuanti/2024ysbmj/icon_09.png) no-repeat;}
.msyhqTk .tbox{ width: 433px; margin: 0 auto 28px;}
.msyhqTk .tbox .clist{ width: 433px; height: 132px; background:url(/images/zhuanti/2024ysbmj/bg_24.png) no-repeat;}
.msyhqTk .tbox .clist .txt{ float: right; width: 274px; line-height: 30px; font-size: 16px; color: #d1482d; margin-top: 36px;}
.msyhqTk .tbox .clist .txt b{ color: #e00742; font-size: 16px;}
.msyhqTk .bhan{ position: relative; z-index: 1; display: block; margin: 0 auto; width: 290px; height: 67px; background:url(/images/zhuanti/2024ysbmj/icon_34.png) no-repeat;}
.msyhqTk .bhan:hover{ text-decoration: none; opacity: 0.9;}
.msyhqTk .bhan i{ display: block; position: absolute; top: 12px; right: -40px; width: 81px; height: 81px; background:url(/images/zhuanti/2024ysbmj/icon_35.png) no-repeat; -webkit-animation:pulse2 1s 0s infinite; animation:pulse2 1s 0s infinite;}

/*规则弹框*/
.gzTk{ display: none; width: 650px; background: #fff; top: 50%; left: 50%; border-radius: 10px; position: fixed; margin: 0 0 0 -325px; z-index: 99;}
.gzTk .xx{ display: block; position: absolute; top: -10px; right: -10px; width: 39px; height: 39px; background: url(/images/zhuanti/2024ysbmj/icon_09.png) no-repeat;}
.gzTk .tit{ height: 60px; background: #fff1d6; border-radius: 10px 10px 0 0;}
.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{ padding: 15px 30px 10px; max-height: 400px; overflow: auto; overflow-x: hidden;}
.gzTk .txtbox .txt{ line-height: 28px; font-size: 16px; margin-bottom: 10px;}
.gzTk .bhan{ display: block; width: 170px; height: 50px; text-align: center; line-height: 50px; font-size: 20px; color: #fff; font-weight: 700; background: #f26208; border-radius: 25px; margin: 0 auto 20px;}
.gzTk .bhan:hover{ text-decoration: none; background: #ff6302;}

/*视频介绍弹框*/
.spjsTk,.vipspjsTk{display: none; width: 800px; background: #fff; border-radius: 8px; top: 50%; left: 50%; position: fixed; margin: 0 0 0 -400px; z-index: 99;}
.spjsTk .xx,.vipspjsTk .xx{ display: block; position: absolute; top: -10px; right: -10px; width: 39px; height: 39px; background: url(/images/zhuanti/2024ysbmj/icon_09.png) no-repeat;}
.spjsTk .tit,.vipspjsTk .tit{ height: 88px; background: #fff1d6; border-radius: 8px 8px 0 0; overflow: auto; overflow-y: hidden; margin-bottom: 30px;}
.spjsTk .tit ul,.vipspjsTk .tit ul{ width: 100%; padding-top: 14px; text-align: center;}
.spjsTk .tit li,.vipspjsTk .tit li{ display: inline-block; width: 166px; height: 60px; line-height: 60px; text-align: center; font-size: 18px; color: #672006; border-radius: 4px; margin: 0 4px; cursor: pointer; -webkit-box-shadow:0 3px 0 #fdd1ba; -moz-box-shadow:0 3px 0 #fdd1ba; box-shadow:0 3px 0 #fdd1ba;
    background: -webkit-linear-gradient(top, #ffbc6c, #fff0ad); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(top, #ffbc6c, #fff0ad); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(top, #ffbc6c, #fff0ad); /* Firefox 3.6 - 15 */
    background: linear-gradient(to bottom, #ffbc6c, #fff0ad); /* 标准的语法 */}
.spjsTk .tit li.on,.vipspjsTk .tit li.on{ color: #fff;
    background: -webkit-linear-gradient(top, #ff501b, #fd774d); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(top, #ff501b, #fd774d); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(top, #ff501b, #fd774d); /* Firefox 3.6 - 15 */
    background: linear-gradient(to bottom, #ff501b, #fd774d); /* 标准的语法 */}
.spjsTk .cCon,.vipspjsTk .cCon{ display: none; overflow: hidden; width: 700px; height: 350px; margin: 0 auto 30px;}
.spjsTk .cCon img,.vipspjsTk .cCon img{ width: 100%; height: 100%; cursor: pointer;}
.spjsTk .bhan,.vipspjsTk .bhan{ display: block; width: 280px; height: 50px; text-align: center; line-height: 50px; color: #fff; font-size: 20px; font-weight: 700; margin: 0 auto 33px; border-radius: 25px; -webkit-box-shadow:0 3px 0 #ff9046; -moz-box-shadow:0 3px 0 #ff9046; box-shadow:0 3px 0 #ff9046;
    background: -webkit-linear-gradient(top, #ff462f, #f71356); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(top, #ff462f, #f71356); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(top, #ff462f, #f71356); /* Firefox 3.6 - 15 */
    background: linear-gradient(to bottom, #ff462f, #f71356); /* 标准的语法 */}
.spjsTk .bhan:hover,.vipspjsTk .bhan:hover{ text-decoration: none;
    background: -webkit-linear-gradient(top, #f71356, #ff462f); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(top, #f71356, #ff462f); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(top, #f71356, #ff462f); /* Firefox 3.6 - 15 */
    background: linear-gradient(to bottom, #f71356, #ff462f); /* 标准的语法 */}

/*提示弹框*/
.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{ display: block; position: absolute; top: -10px; right: -10px; width: 39px; height: 39px; background: url(/images/zhuanti/2024ysbmj/icon_09.png) no-repeat;}
.tsTk .cpic{ width: 118px; height: 118px; padding-top: 24px; margin: 0 auto 3px;}
.tsTk .ctxt{ line-height: 38px; font-size: 22px; color: #666; margin-bottom: 20px; text-align: center;}
.tsTk .ctxt b{ color: #f7553f;}
.tsTk .bhan{ display: block; width: 170px; height: 50px; text-align: center; line-height: 50px; font-size: 20px; color: #fff; font-weight: 700; background: #f26208; border-radius: 25px; margin: 0 auto 20px;}
.tsTk .bhan:hover{ text-decoration: none; background: #ff6302;}

/*加油包弹框*/
.refuelTk{ width: 440px; background: #fff; border-radius: 20px; display: none; top: 50%; left: 50%; position: fixed; margin: 0 0 0 -220px; z-index: 99;}
.refuelTk .pop-tit{ text-align: center; color: #7d0b02; line-height: 60px; font-size: 22px; font-weight: bold; border-radius: 15px 15px 0 0; background: #feb05b;
    background: -webkit-linear-gradient(left, #ffcd85, #feb05b); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #ffcd85, #feb05b); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #ffcd85, #feb05b); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #ffcd85, #feb05b); /* 标准的语法 */}
.refuelTk .pop-tit .close-btn {background: url(/images/zhuanti/2024ysbmj/close-pic.png) no-repeat; width: 22px; height: 23px; right: 18px; top: 18px; position: absolute;}
.refuelTk .pop-con{ padding:20px 20px 0; line-height: 28px; font-size: 16px;}
.refuelTk .pop-con a.link{ color: #fe3c31;}
.refuelTk .pop-con .chong{ color: #ff412e;}
.refuelTk .course-con{ padding:20px 20px 0;}
.refuelTk .course-con li{ height: 48px; border: 1px solid #d6d6d6; border-radius: 4px; margin-bottom: 10px; cursor: pointer;}
.refuelTk .course-con li .clTxt{ float: left; width: 280px; height: 48px; line-height: 48px; font-size: 16px; padding-left: 14px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.refuelTk .course-con li .clPrice{ float: right; height: 48px; line-height: 48px; font-size: 20px; color: #ff412e; font-weight: 700; padding-right: 14px;}
.refuelTk .course-con li.on{ border: 1px solid #ff412e;}
.refuelTk .typ-con{ margin: 0 20px; padding: 6px 20px; line-height: 20px; font-size: 14px; color: #aa502e; background: #ffefad; border-radius: 4px;}
.refuelTk .btn{ display: block; width: 180px; height: 48px; border-radius: 24px; line-height: 48px; margin: 20px auto 30px; color: #fff; font-size: 16px; text-align: center; background: #fb2541;
    background: -webkit-linear-gradient(left, #ff432d, #f94670); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #ff432d, #f94670); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #ff432d, #f94670); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #ff432d, #f94670); /* 标准的语法 */}
.refuelTk .btn:hover{ text-decoration: none;}
.refuelTk .yesBox{ display: none;}

@keyframes envelope-burst {
    from {
        transform: scale(1) rotateZ(-20deg);
        opacity: 1;
    }
    to {
        transform: scale(1.8) rotateZ(-20deg);
        opacity: 0;
    }
}

.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.9);}50% {transform: scale(1);}100% {transform: scale(0.9);}}
@-webkit-keyframes pulse2 {0% { -webkit-transform: scale(0.9);}50% { -webkit-transform: scale(1);}100% { -webkit-transform: scale(0.9);}}

@-webkit-keyframes hatch{
    0%{-webkit-transform:rotate(0deg)}
    5%{-webkit-transform:rotate(-4deg)}
    9%{-webkit-transform:rotate(4deg)}
    13%{-webkit-transform:rotate(-4deg)}
    16%{-webkit-transform:rotate(2deg)}
    20%{-webkit-transform:rotate(-2deg)}
    25%{-webkit-transform:rotate(0deg)}
}
@-moz-keyframes hatch{
    0%{-moz-transform:rotate(0deg)}
    5%{-moz-transform:rotate(-4deg)}
    9%{-moz-transform:rotate(4deg)}
    13%{-moz-transform:rotate(-4deg)}
    16%{-moz-transform:rotate(2deg)}
    20%{-moz-transform:rotate(-2deg)}
    25%{-moz-transform:rotate(0deg)}
}
@-o-keyframes hatch{
    0%{-o-transform:rotate(0deg)}
    5%{-o-transform:rotate(-4deg)}
    9%{-o-transform:rotate(4deg)}
    13%{-o-transform:rotate(-4deg)}
    16%{-o-transform:rotate(2deg)}
    20%{-o-transform:rotate(-2deg)}
    25%{-o-transform:rotate(0deg)}
}
@keyframes hatch{
    0%{transform:rotate(0deg)}
    5%{transform:rotate(-4deg)}
    9%{transform:rotate(4deg)}
    13%{transform:rotate(-4deg)}
    16%{transform:rotate(2deg)}
    20%{transform:rotate(-2deg)}
    25%{transform:rotate(0deg)}
}

.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(4%);
    }
    100% {
        transform: translateY(0%);
    }
}

@-webkit-keyframes floating {
    0% {
        -webkit-transform: translateY(0%);
    }
    50% {
        -webkit-transform: translateY(4%);
    }
    100% {
        -webkit-transform: translateY(0%);
    }
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}
