/*
@author: he
@update: he (2023-05-31)
*/
@charset "utf-8";
body{font-family:"Helvetica Neue",Helvetica,Microsoft Yahei,arial,STHeiTi,sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);margin:0 auto;padding:0;background:#fff;color:#333;font-size:0.32rem;}
p,ul,ol,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,button,textarea,iframe{margin:0; padding:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
video embed,video object,video iframe,video{width:100%;height:auto;}
img{max-width:100%;border:0;}
li,ol,ul{list-style:none}
i,em,cite{font-style:normal;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{*zoom:1;}
a{text-decoration:none;outline:none;}
textarea{resize:none}
input[type="text"],input[type="password"],select,textarea,button,input[type="button"],input[type="reset"],input[type="submit"]{outline:0;-webkit-user-modify:read-write-plaintext-only;-webkit-appearance:none;font-family:"Helvetica Neue",Helvetica,Microsoft Yahei,arial,STHeiTi,sans-serif;}
.pr{position:relative;}
.abs{position: absolute}
.fl{float:left;}
.fr{float:right;}
.tl{text-align:left;}
.tc{text-align:center;}
.tr{text-align:right;}
.wrap{min-width:320px;max-width:768px;margin:0 auto;overflow:hidden;position:relative; background: #e73e00;}
.ellipsis{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.ggtit{ position: absolute; top: 0.533rem; left: 0; z-index: 2; width: 10rem; height: 1.573rem; line-height: 1.44rem; text-align: center; font-size: 0.507rem; font-weight: 700; color: #fff; font-style: oblique; background:url(/images/zhuanti/20230618/tit_01.png) no-repeat; background-size: 100% 100%; -webkit-text-shadow:0 0.067rem 0.067rem rgba(252, 82, 59, 0.54); -moz-text-shadow:0 0.067rem 0.067rem rgba(252, 82, 59, 0.54); text-shadow:0 0.067rem 0.067rem rgba(252, 82, 59, 0.54);}

/*页头*/
.headerBg .header{ position: relative; z-index: 2; height: 11.68rem;}
.headerBg .header .logo{ position: absolute; top: 1.2rem; left: 0.48rem; z-index: 10; width: 3.5rem; height: 0.62rem; display: block;}
.headerBg .header .shuangTime{ position: absolute; top: 9.01rem; left: 1.28rem; z-index: 6; width: 7.44rem; height: 0.88rem; line-height: 0.94rem; text-align: center; font-size: 0.293rem; color: #fff;}
.headerBg .header .shuangTime b{ display: inline-block; margin: 0 0.107rem; width: 0.613rem; height: 0.453rem; line-height: 0.453rem; color: #f74529; background: #fff; border-radius: 0.053rem; font-size: 0.4rem; vertical-align: 0;}
.headerBg .header .cBox{ position: absolute; top: 10.34rem; left: 0; z-index: 10; width: 100%; height: 0.88rem; text-align: center;}
.headerBg .header .cBox-list{ display: inline-block; width: 2.267rem; height: 0.88rem; line-height: 0.88rem; text-align: center; font-size: 0.32rem; color: #fff; margin: 0 0.04rem; border-radius: 0.44rem; background: url(/images/zhuanti/20230618/bg_11.png) no-repeat; background-size: 100% 100%; -webkit-box-shadow:0 0.067rem 0.133rem rgba(172, 2, 26, 0.67); -moz-box-shadow:0 0.067rem 0.133rem rgba(172, 2, 26, 0.67); box-shadow:0 0.067rem 0.133rem rgba(172, 2, 26, 0.67);}
.headerBg .header .cBox-list.list01{ animation: kc infinite 4.5s 0s;}
.headerBg .header .cBox-list.list02{ animation: kc infinite 4.5s 0.5s;}
.headerBg .header .cBox-list.list03{ animation: kc infinite 4.5s 1s;}
.headerBg .header .cBox-list.list04{ animation: kc infinite 4.5s 1.5s;}
.headerBg .header .cBox-list.list05{ animation: kc infinite 4.5s 2s;}
@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)
    }
}

/*抢红包*/
.couponBox{ position: relative; z-index: 3; width: 9.2rem; height: 5.187rem; margin: 0 auto; background:url(/images/zhuanti/20230618/bg_03.png) no-repeat; background-size: 100% 100%; border-radius: 0.24rem; -webkit-box-shadow:0 0.107rem 0.667rem rgba(174, 2, 43, 0.7); -moz-box-shadow:0 0.107rem 0.667rem rgba(174, 2, 43, 0.7); box-shadow:0 0.107rem 0.667rem rgba(174, 2, 43, 0.7);}
.couponBox .fdBtn{ position: absolute; top: 2.72rem; left: 50%; z-index: 1; margin-left: -2.827rem; width: 5.653rem; height: 1.733rem; background:url(/images/zhuanti/20230618/icon_27.png) no-repeat; background-size: 100% 100%; animation: pulse2 1.5s ease infinite; -webkit-animation: pulse2 1.5s ease infinite;}
.couponBox .fdBtn.no{ animation: none; background:url(/images/zhuanti/20230618/icon_28.png) no-repeat; background-size: 100% 100%;}
.couponBox .fdBot{ position: absolute; top: 4.187rem; left: 0; z-index: 2; width: 100%; line-height: 0.747rem; font-size: 0.32rem; color: #feeea8; text-align: center;}
.couponBox .fdBot .gzBtn{ display: inline-block; margin-left: 0.2rem; width: 1.92rem; height: 0.693rem; line-height: 0.693rem; font-size: 0.32rem; color: #feeea8; text-align: center; border: 0.027rem solid #feeea8; border-radius: 0.373rem; vertical-align: middle;}

/* 课程 */
.course-wrap { position: relative; z-index: 1; padding-top: 2.133rem; background-size: 100% auto;}
.course-wrap .fdHead{ position: absolute; top: 1.707rem; left: 0; width: 10rem; height: 0.427rem; background: url(/images/zhuanti/20230618/tit_07.png) no-repeat; background-size: 100% 100%;}

/*课程导航*/
.classify-nav-box{width:10rem; height:2.053rem; display: none;}
.classify-nav { position: relative; width: 10rem; height: 2.053rem; z-index: 90; background: #ff8d60;}
.classify-nav .tab-tit { padding: 0.267rem 0 0 0.2rem;}
.classify-nav .tab-tit li { float: left; display: block; width: 2.267rem; height: 0.693rem; line-height: 0.693rem; font-size: 0.347rem; color: #780309; text-align: center; border-radius: 0.347rem; margin: 0 0.067rem 0.133rem; cursor: pointer; -webkit-box-shadow: 0 0.067rem 0.067rem rgba(190, 20, 18, 0.5); -moz-box-shadow: 0 0.067rem 0.067rem rgba(190, 20, 18, 0.5); box-shadow: 0 0.067rem 0.067rem rgba(190, 20, 18, 0.5);
    background: -webkit-linear-gradient(top, #ffe5ab 0%, #fff2e4 50%, #ffe8b8 100%); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(top, #ffe5ab 0%, #fff2e4 70%, #ffe8b8 100%); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(top, #ffe5ab 0%, #fff2e4 70%, #ffe8b8 100%); /* Firefox 3.6 - 15 */
    background: linear-gradient(to bottom, #ffe5ab 0%, #fff2e4 70%, #ffe8b8 100%); /* 标准的语法 */}
.classify-nav .tab-tit li.on{ color: #fff;
    background: -webkit-linear-gradient(left, #c4006c, #fa3c00); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #c4006c, #fa3c00); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #c4006c, #fa3c00); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #c4006c, #fa3c00); /* 标准的语法 */}
.classify-nav .tab-tit li a{display: inline-block; color: #780309;}
.classify-nav .fdbtn { float: left; display: block; width: 1.813rem; height: 0.533rem; border: 0.027rem solid #ffd27c; line-height: 0.533rem; margin: 0.08rem 0.067rem 0; font-size: 0.267rem; color: #ffd27c; text-align: center; border-radius: 0.3rem; background-color: #f92d01;}
.classify-nav.on{position:fixed; left:50%; margin-left:-5rem; top:0;}

/*课程*/
.course-wrap .kmBox{display: none; background: #ff8d60;}
.course-wrap .course-banner{ width: 100%; height: 1.56rem; text-align: center; margin: 0 0 0.24rem;}
.course-wrap .course-banner img{ width: auto; height: 100%;}
.course-wrap .course .course-subtit{ position: relative; width: 9.6rem; margin: 0.133rem auto 0;}
.course-wrap .course .course-subtit .swiper-container { width: 8.613rem; height: 0.987rem; margin: 0 0.987rem 0 0; position: relative; z-index: 9; padding-top: .107rem;}
.course-wrap .course .course-subtit .swiper-slide { position: relative; width: auto; height: 0.987rem; line-height: 0.987rem; font-size: .37rem; color: #fff; padding:0 0.2rem; background: #fe1d28;}
.course-wrap .course .course-subtit .swiper-slide.on { padding: 0 0.267rem; height: 0.987rem; color: #780309; font-weight: 700; box-sizing: border-box; -webkit-box-sizing: border-box;
    background: -webkit-linear-gradient(top, #ffe9ce 0%, #ffe7b6 100%); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(top, #ffe9ce 0%, #ffe7b6 100%); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(top, #ffe9ce 0%, #ffe7b6 100%); /* Firefox 3.6 - 15 */
    background: linear-gradient(to bottom, #ffe9ce 0%, #ffe7b6 100%); /* 标准的语法 */}
.course-wrap .course .course-subtit .swiper-slide.on:after{ position: absolute; display: block; top: -0.107rem; left: 0; content: ' '; width: 100%; height: 0.107rem; background: #de008f; border-radius: 0.1rem 0.1rem 0 0; }
.course-wrap .course .course-subtit .swiper-slide a{ color: #fff;}
.course-wrap .course .course-subtit .more-btn { position: absolute; top: 0.107rem; right: 0; width: 0.987rem; height: 0.987rem; border-radius: 0 0.2rem 0 0;
    background: -webkit-linear-gradient(left, #ff3304, #d2009c); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #ff3304, #d2009c); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #ff3304, #d2009c); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #ff3304, #d2009c); /* 标准的语法 */}
.course-wrap .course .course-subtit .more-btn .jian { display: block; position: absolute; top: 0.4rem; left: 0.3rem; width: 0.347rem; height: 0.2rem; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAPCAYAAAD6Ud/mAAABKklEQVQ4ja2UPS+DURTHf0+bdGiw2TqaBINBFzEYxELCamVq7EYmvgCDGK1iqGAxGfgSLLZORToU8TO4TZ80fblP25Pc6f92c+49J1GfgBywBrwz3poG7oFGDpgCloBboDjGkEmgCiwCRdSS+uZ/3agFlRFPQX0Ini9qqQXMqrUAXKrJCCF59Tp41dQZlTShrH4EwtmQIYl6ETzq6nwL6ySuqs1APBoi6CRoG+pyGutG3lJ/gmA/Q8hB0DTVjU68l2hX/Q1nJyJkbxA/5oZf6mYf3naqA5VevEE3PU71fKULnn7Tw35eMb/oPBjV1YUUVlY/A3Y6qL0xj5xXr4Jhay7mzDh3sT8qPemvtjdJ1chNEhuEOqE+265HtRirT9Ss2/gO+AbWybDt/wBNpvK4eSlPeAAAAABJRU5ErkJggg==) no-repeat center; background-size: 0.347rem auto; }
.course-wrap .course .course-subtit .more-btn.on .jian{transform:rotate(180deg); -webkit-transform:rotate(180deg);}
.course-wrap .course .course-subtit .more-pop{display:none; width:100%; position:absolute; left:0; top:1.094rem; z-index:7; background: #fe1d28;}
.course-wrap .course .course-subtit .more-pop li{float:left; line-height:.88rem; font-size:.34rem; color:#fff; margin-left:0.32rem;}
.course-wrap .course .course-subtit .more-pop li.on{color:#fee693;}
.course-wrap .course .course-subtit .more-pop li a{ color: #fff;}
.course-wrap .course .course-con { display: none; }
.course-wrap .course .course-con ul { box-sizing: border-box; width: 9.6rem; margin: 0 auto; background: #ffe7b6; padding: 0.28rem 0 0; border-radius: 0 0 0.107rem 0.107rem;}
.course-wrap .course .course-con li { float: left; width: 4.6rem; background:url(/images/zhuanti/20230618/bg_07.png) no-repeat center bottom #fff; background-size: 100% auto; margin: 0 0 0.267rem 0.133rem; border-radius: 0.067rem; -webkit-box-shadow:0 0.133rem 0.267rem rgba(243, 122, 79, 0.72); -moz-box-shadow:0 0.133rem 0.267rem rgba(243, 122, 79, 0.72); box-shadow:0 0.133rem 0.267rem rgba(243, 122, 79, 0.72);}
.course-wrap .course .course-con .course-pic { box-sizing: border-box; width: 4.6rem; height: 4.267rem; border-radius: 0.067rem 0.067rem 0 0.067rem; position: relative;}
.course-wrap .course .course-con .course-pic img{ width: 4.6rem; height: 4.267rem; border-radius: 0.067rem 0.067rem 0 0.067rem;}
.course-wrap .course .course-con .course-pic .fdiconHot{ position: absolute; top: -0.213rem; left: -0.213rem; width: 0.947rem; height: 0.907rem; background:url(/images/zhuanti/20230618/icon_13.png) no-repeat; background-size: 100% 100%;}
.course-wrap .course .course-con .course-bot{ height: 1.2rem; padding-top: 0.293rem;}
.course-wrap .course .course-con .course-bot .btnHong,.course-wrap .course .course-con .course-bot .btnFen{ margin: 0 auto; display: block; width: 2.933rem; height: 0.88rem; text-align: center; line-height: 0.9rem; font-size: 0.347rem; color: #fff; border-radius: 0.44rem; -webkit-box-shadow:0 0.04rem 0 rgba(255, 166, 86, 1); -moz-box-shadow:0 0.04rem 0 rgba(255, 166, 86, 1); box-shadow:0 0.04rem 0 rgba(255, 166, 86, 1);}
.course-wrap .course .course-con .course-bot .btnHong{ background: #fa2441;
    background: -webkit-linear-gradient(left, #ff8f0e, #ff0a4f); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #ff8f0e, #ff0a4f); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #ff8f0e, #ff0a4f); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #ff8f0e, #ff0a4f); /* 标准的语法 */}
.course-wrap .course .course-con .course-bot .btnFen{ background: #f56060;}
.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: 0.453rem 0 0.6rem; background: #ff8d60;}
.course-wrap .course .helpBox-txt{ width: 100%; height: 0.587rem; text-align: center; margin-bottom: 0.267rem;}
.course-wrap .course .helpBox-txt img{ width: auto; height: 0.587rem;}
.course-wrap .course .helpBox-bot{ text-align: center; height: 1.067rem;}
.course-wrap .course .helpBox-bot .btn01{ display: inline-block; width: 2.4rem; height: 1.067rem; line-height: 1.067rem; font-size: 0.427rem; color: #fff; border-radius: 0.533rem; margin: 0 0.107rem; background:url(/images/zhuanti/20230618/icon_29.png) no-repeat; background-size: 100% 100%; -webkit-box-shadow:0 0.067rem 0.133rem rgba(227, 67, 12, 0.67); -moz-box-shadow:0 0.067rem 0.133rem rgba(227, 67, 12, 0.67); box-shadow:0 0.067rem 0.133rem rgba(227, 67, 12, 0.67);}
.course-wrap .course .helpBox-bot .btn02{ display: inline-block; width: 4.213rem; height: 1.067rem; line-height: 1.067rem; font-size: 0.427rem; color: #fff; border-radius: 0.533rem; margin: 0 0.107rem; background:url(/images/zhuanti/20230618/icon_30.png) no-repeat; background-size: 100% 100%; -webkit-box-shadow:0 0.067rem 0.133rem rgba(227, 67, 12, 0.67); -moz-box-shadow:0 0.067rem 0.133rem rgba(227, 67, 12, 0.67); box-shadow:0 0.067rem 0.133rem rgba(227, 67, 12, 0.67);}

/*vip面授班*/
.courseVip{ position: relative; z-index: 1; padding-top: 2.4rem;}
.courseVip .fdHead{ position: absolute; top: 1.707rem; left: 0.2rem; width: 9.6rem; height: 0.693rem; background: url(/images/zhuanti/20230618/tit_08.png) no-repeat; background-size: 100% 100%;}
.courseVip .gzBtn{ display: block; position: absolute; top: 1.8rem; right: 0; z-index: 3; width: 1.067rem; height: 0.667rem; line-height: 0.678rem; text-align: center; font-size: 0.34rem; color: #cd2415; border-radius: 0.333rem 0 0 0.333rem; -webkit-box-shadow:0 0.133rem 0.267rem rgba(243, 122, 79, 0.72); -moz-box-shadow:0 0.133rem 0.267rem rgba(243, 122, 79, 0.72); box-shadow:0 0.133rem 0.267rem rgba(243, 122, 79, 0.72);
    background: -webkit-linear-gradient(left, #ffe1ad, #fff191); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #ffe1ad, #fff191); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #ffe1ad, #fff191); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #ffe1ad, #fff191); /* 标准的语法 */}
.courseVip .conBox{ overflow: hidden; height: 17.4rem; padding: 0.067rem 0 0.2rem; background: #ff8f62; border-radius: 0 0 0.267rem 0.267rem; margin: 0 0.2rem;}
.courseVip .conBox .tPic{ display: block; width: 9.173rem; height: 5.333rem; margin: 0 auto 0.4rem;}
.courseVip .conBox .tPic img{ width: 9.173rem; height: 5.333rem;}
.courseVip .conBox .tbox{ padding: 0.4rem 0 0.267rem; height: 0.8rem; background:#fff0d1; margin: 0 0.2rem; border-radius: 0.107rem 0.107rem 0 0;}
.courseVip .conBox .tbox ul{ width: 8.533rem; height: 0.8rem; border-radius: 0.4rem; margin: 0 auto;
    background: -webkit-linear-gradient(left, #fd3f00, #d80210); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #fd3f00, #d80210); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #fd3f00, #d80210); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #fd3f00, #d80210); /* 标准的语法 */}
.courseVip .conBox .tbox li{ float: left; width: 50%; height: 0.8rem; line-height: 0.8rem; text-align: center; font-size: 0.4rem; color: #fff; font-weight: 700; cursor: pointer;}
.courseVip .conBox .tbox li.on{ color: #be2b29; background:#fff; border-radius: 0.4rem; -webkit-box-shadow:0 0 0.173rem rgba(146, 4, 3, 0.53); -moz-box-shadow:0 0 0.173rem rgba(146, 4, 3, 0.53); box-shadow:0 0 0.173rem rgba(146, 4, 3, 0.53);}
.courseVip .conBox .cbox{ position: relative; z-index: 1; background:#fff0d1; margin: -0.013rem 0.2rem 0; border-radius: 0 0 0.107rem 0.107rem;}
.courseVip .conBox .cbox .swiper-container{ width: 9.2rem; height: 6.587rem; padding: 0.213rem 0 0.8rem;}
.courseVip .conBox .cbox .swiper-slide{ margin-left: 0.152rem; width:4.373rem;}
.courseVip .conBox .cbox .swiper-slide li{ width:4.373rem; background: #fef5f6; border-radius: 0.107rem; -webkit-box-shadow:0 0.04rem 0.24rem rgba(208, 73, 20, 0.34); -moz-box-shadow:0 0.04rem 0.24rem rgba(208, 73, 20, 0.34); box-shadow:0 0.04rem 0.24rem rgba(208, 73, 20, 0.34);}
.courseVip .conBox .cbox .swiper-slide .course-pic{ width:4.373rem; height:3.12rem; padding-top: 0.187rem; border-radius: 0.107rem 0.107rem 0 0; position: relative; z-index: 1;}
.courseVip .conBox .cbox .swiper-slide .course-pic .pctit{ text-align: center; line-height: 0.48rem; color: #8e1101;}
.courseVip .conBox .cbox .swiper-slide .course-pic .pctit-txt{ font-size: 0.267rem;}
.courseVip .conBox .cbox .swiper-slide .course-pic .pctit h3{ display: block; font-size: 0.427rem; font-weight: 700;}
.courseVip .conBox .cbox .swiper-slide .course-pic .pctit-trait{ position: absolute; left: 0.12rem; bottom: 0.04rem; width: 4.133rem; height: 0.533rem; line-height: 0.533rem; text-align: center; font-size: 0.24rem; 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: -0.467rem; width: 4.373rem; height: 0.64rem; background:url(/images/zhuanti/20230618/bg_17.png) no-repeat; background-size: 100% 100%;}
.courseVip .conBox .cbox .swiper-slide .course-pic .fdCon-left{ float: left; width: 1.6rem; height: 0.64rem; line-height: 0.64rem; text-align: center; font-size: 0.24rem; color: #fff;}
.courseVip .conBox .cbox .swiper-slide .course-pic .fdCon-right{ float: right; width: 2.773rem; padding-top: 0.12rem; height: 0.52rem; text-align: center; line-height: 0.533rem; font-size: 0.24rem; color: #fff;}
.courseVip .conBox .cbox .swiper-slide .course-pic .fdicon01{ display: none;}
.courseVip .conBox .cbox .swiper-slide .course-bot{ height: 3.28rem;}
.courseVip .conBox .cbox .swiper-slide .course-bot .priceV{ padding: 0.48rem 0.2rem 0.107rem; height: 1.573rem;}
.courseVip .conBox .cbox .swiper-slide .course-bot .priceV-price{ line-height: 0.853rem; height: 0.853rem; color: #d52121; font-size: 0.24rem;}
.courseVip .conBox .cbox .swiper-slide .course-bot .priceV-price b{ font-size: 0.4rem;}
.courseVip .conBox .cbox .swiper-slide .course-bot .priceV-bot{ height: 0.693rem; margin-right: 0.133rem;}
.courseVip .conBox .cbox .swiper-slide .course-bot .priceV-bot-txt{ float: left; width: 1.733rem; line-height: 0.347rem; color: #de3535; font-size: 0.24rem;}
.courseVip .conBox .cbox .swiper-slide .course-bot .priceV-bot-tiao{ float: right; width: 2.027rem; height: 0.347rem; background: #fedfe0; border-radius: 0.173rem; margin-top: 0.173rem;}
.courseVip .conBox .cbox .swiper-slide .course-bot .priceV-bot-tiao .tcon{ position: relative; z-index: 1; height: 0.347rem; line-height: 0.347rem; text-align: center; font-size: 0.187rem; color: #fff; white-space: nowrap; border-radius: 0.173rem; transition:all 1s linear; -webkit-transition:all 1s linear; -webkit-box-shadow:0 0 0.107rem rgba(197, 76, 1, 0.5); -moz-box-shadow:0 0 0.107rem rgba(197, 76, 1, 0.5); box-shadow:0 0 0.107rem 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: -0.4rem; top: -0.293rem; width: 0.587rem; height: 0.427rem; background:url(/images/zhuanti/20230618/icon_22.png) no-repeat; background-size: 100% 100%; -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: -0.4rem; top: -0.293rem; width: 0.387rem; height: 0.507rem; background:url(/images/zhuanti/20230618/icon_23.png) no-repeat; background-size: 100% 100%; -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: 0.2rem;}
.courseVip .conBox .cbox .swiper-slide .course-bot .priceM{ padding: 0.48rem 0.2rem 0.107rem; height: 1.573rem;}
.courseVip .conBox .cbox .swiper-slide .course-bot .priceM-price{ line-height: 0.853rem; height: 0.853rem; color: #d52121; font-size: 0.24rem;}
.courseVip .conBox .cbox .swiper-slide .course-bot .priceM-price b{ font-size: 0.4rem;}
.courseVip .conBox .cbox .swiper-slide .course-bot .priceM-bot{ height: 0.693rem; margin-right: 0.133rem;}
.courseVip .conBox .cbox .swiper-slide .course-bot .priceM-bot-txt{ float: left; width: 1.733rem; line-height: 0.347rem; color: #de3535; font-size: 0.24rem;}
.courseVip .conBox .cbox .swiper-slide .course-bot .priceM-bot-tiao{ float: right; width: 2.027rem; height: 0.347rem; background: #fedfe0; border-radius: 0.173rem; margin-top: 0.173rem;}
.courseVip .conBox .cbox .swiper-slide .course-bot .priceM-bot-tiao .tcon{ position: relative; z-index: 1; height: 0.347rem; line-height: 0.347rem; text-align: center; font-size: 0.187rem; color: #fff; white-space: nowrap; border-radius: 0.173rem; transition:all 1s linear; -webkit-transition:all 1s linear; -webkit-box-shadow:0 0 0.107rem rgba(197, 76, 1, 0.5); -moz-box-shadow:0 0 0.107rem rgba(197, 76, 1, 0.5); box-shadow:0 0 0.107rem 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: -0.4rem; top: -0.293rem; width: 0.587rem; height: 0.427rem; background:url(/images/zhuanti/20230618/icon_22.png) no-repeat; background-size: 100% 100%; -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: -0.4rem; top: -0.293rem; width: 0.387rem; height: 0.507rem; background:url(/images/zhuanti/20230618/icon_23.png) no-repeat; background-size: 100% 100%; -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: 0.2rem;}
.courseVip .conBox .cbox .swiper-slide .course-bot .btnHong,.courseVip .conBox .cbox .swiper-slide .course-bot .btnFen{ display: block; width: 2.133rem; height: 0.8rem; text-align: center; line-height: 0.8rem; font-size: 0.347rem; color: #fff; margin: 0 auto; border-radius: 0.4rem; -webkit-box-shadow:0 0.04rem 0 rgba(255, 166, 86, 1); -moz-box-shadow:0 0.04rem 0 rgba(255, 166, 86, 1); box-shadow:0 0.04rem 0 rgba(255, 166, 86, 1);}
.courseVip .conBox .cbox .swiper-slide .course-bot .btnHong{
    background: -webkit-linear-gradient(left, #ff432d, #f60a55); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #ff432d, #f60a55); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #ff432d, #f60a55); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #ff432d, #f60a55); /* 标准的语法 */}
.courseVip .conBox .cbox .swiper-slide .course-bot .btnFen{ background: #f56060;}
.courseVip .conBox .cbox .swiper-slide .course-bot .yesLogin{ display: none;}
.courseVip .conBox .cbox .swiper-slide:last-child{ margin-right: 0.147rem;}
.courseVip .conBox .cbox .swiper-pagination-bullets{ bottom: 0.2rem!important;}
.courseVip .conBox .cbox .swiper-pagination-bullet-active{background: #f25b15 !important;}
.courseVip .conBox .helpBox{ padding: 0.453rem 0 0;}
.courseVip .conBox .helpBox-txt{ width: 100%; height: 0.587rem; text-align: center; margin-bottom: 0.267rem;}
.courseVip .conBox .helpBox-txt img{ width: auto; height: 0.587rem;}
.courseVip .conBox .helpBox-bot{ text-align: center; height: 1.067rem;}
.courseVip .conBox .helpBox-bot .btn01{ display: inline-block; width: 2.4rem; height: 1.067rem; line-height: 1.067rem; font-size: 0.427rem; color: #fff; border-radius: 0.533rem; margin: 0 0.107rem; background:url(/images/zhuanti/20230618/icon_29.png) no-repeat; background-size: 100% 100%; -webkit-box-shadow:0 0.067rem 0.133rem rgba(227, 67, 12, 0.67); -moz-box-shadow:0 0.067rem 0.133rem rgba(227, 67, 12, 0.67); box-shadow:0 0.067rem 0.133rem rgba(227, 67, 12, 0.67);}
.courseVip .conBox .helpBox-bot .btn02{ display: inline-block; width: 4.213rem; height: 1.067rem; line-height: 1.067rem; font-size: 0.427rem; color: #fff; border-radius: 0.533rem; margin: 0 0.107rem; background:url(/images/zhuanti/20230618/icon_30.png) no-repeat; background-size: 100% 100%; -webkit-box-shadow:0 0.067rem 0.133rem rgba(227, 67, 12, 0.67); -moz-box-shadow:0 0.067rem 0.133rem rgba(227, 67, 12, 0.67); box-shadow:0 0.067rem 0.133rem rgba(227, 67, 12, 0.67);}

/*秒杀*/
.seckillMain { position: relative; z-index: 1; padding-top: 2.4rem;}
.seckillMain .ggtit{ background: url(/images/zhuanti/20230618/tit_02.png) no-repeat; background-size: 100% 100%;}
.seckillMain .fdHead{ position: absolute; top: 1.72rem; left: 0.2rem; width: 9.6rem; height: 0.693rem; background: url(/images/zhuanti/20230618/tit_09.png) no-repeat; background-size: 100% 100%;}
.seckillMain .gzBtn{ display: block; position: absolute; top: 1.8rem; right: 0; z-index: 3; width: 1.067rem; height: 0.667rem; line-height: 0.678rem; text-align: center; font-size: 0.34rem; color: #cd2415; border-radius: 0.333rem 0 0 0.333rem; -webkit-box-shadow:0 0.133rem 0.267rem rgba(243, 122, 79, 0.72); -moz-box-shadow:0 0.133rem 0.267rem rgba(243, 122, 79, 0.72); box-shadow:0 0.133rem 0.267rem rgba(243, 122, 79, 0.72);
    background: -webkit-linear-gradient(left, #ffe1ad, #fff191); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #ffe1ad, #fff191); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #ffe1ad, #fff191); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #ffe1ad, #fff191); /* 标准的语法 */}
.seckillMain .conBox { padding-bottom: 0.133rem; background: #fef8eb; border: 0.133rem solid #ff8f62; border-top: 0; border-radius: 0 0 0.267rem 0.267rem; margin: 0 0.2rem;}
.seckillMain .conBox .tbox{ width: 100%; height: 1.613rem; text-align: center;}
.seckillMain .conBox .tbox li{ display: inline-block; width: 2.68rem; height: 1.613rem; text-align: center; cursor: pointer; background:url(/images/zhuanti/20230618/bg_10.png) no-repeat; background-size: 100% 100%; margin: 0 -0.267rem;}
.seckillMain .conBox .tbox li .ltxt{ padding: 0.24rem 0 0.027rem; line-height: 0.373rem; font-size: 0.267rem; color: #fff;}
.seckillMain .conBox .tbox li .ltxt b{ font-size: 0.293rem; display: block;}
.seckillMain .conBox .tbox li .lbtn{ width: 1.387rem; height: 0.347rem; line-height: 0.353rem; font-size: 0.24rem; color: #fff; border-radius: 0.173rem; margin: 0 auto; background: #ef5315;}
.seckillMain .conBox .tbox li.on{ background:url(/images/zhuanti/20230618/bg_09.png) no-repeat; background-size: 100% 100%;}
.seckillMain .conBox .tbox li.on .lbtn{ background: #d4130f;}
.seckillMain .conBox .tbox li .lbtn.cur{ color: #fae551; animation: pulse2 1.5s ease infinite; -webkit-animation: pulse2 1.5s ease infinite;
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)); /* 标准的语法 */}
.seckillMain .conBox .cbox { display: none; position: relative; z-index: 1;}
.seckillMain .conBox .cbox .swiper-container { width: 100%; margin-top: 0.267rem;}
.seckillMain .conBox .cbox .swiper-slide{ float: left; width:4.467rem; margin: 0 0 0.267rem 0.133rem;}
.seckillMain .conBox .cbox .swiper-slide li{ width:4.467rem; background: #fff; border-radius: 0.08rem; -webkit-box-shadow:0 0.08rem 0.187rem rgba(255, 191, 118, 0.76); -moz-box-shadow:0 0.08rem 0.187rem rgba(255, 191, 118, 0.76); box-shadow:0 0.08rem 0.187rem rgba(255, 191, 118, 0.76);}
.seckillMain .conBox .cbox .swiper-slide .course-pic{ width:4.467rem; height:2.133rem; border-radius: 0.08rem 0.08rem 0 0; position: relative; z-index: 1;}
.seckillMain .conBox .cbox .swiper-slide .course-pic .fdicon01{ position: absolute; top: 0; right: 0; padding: 0 0.187rem; height: 0.48rem; line-height: 0.48rem; font-size: 0.267rem; color: #fff; border-radius: 0 0.08rem 0 0.16rem; background:#e42d0a;
    background: -webkit-linear-gradient(left, #d41310, #f34306); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #d41310, #f34306); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #d41310, #f34306); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #d41310, #f34306); /* 标准的语法 */}
.seckillMain .conBox .cbox .swiper-slide .course-pic-con{ display: block; height: 2.133rem; text-align: center; background: #fff; border-radius: 0.08rem 0.08rem 0 0;}
.seckillMain .conBox .cbox .swiper-slide .course-pic-con img{ display: inline-block; width: auto; height: 2.133rem;}
.seckillMain .conBox .cbox .swiper-slide .course-bot{ height: 2.16rem;}
.seckillMain .conBox .cbox .swiper-slide .course-bot .cbtit{ display: block; height: 0.8rem; padding: 0 0.267rem; line-height: 0.8rem; font-size: 0.373rem; color: #333; overflow:hidden; white-space: nowrap; text-overflow: ellipsis;}
.seckillMain .conBox .cbox .swiper-slide .course-bot .cbprice{ height: 1.093rem;}
.seckillMain .conBox .cbox .swiper-slide .course-bot .cbprice-left{ float: left; width: 1.267rem; padding-top: 0.067rem; text-align: center; line-height: 0.48rem; font-size: 0.293rem; color: #666; text-decoration: line-through;}
.seckillMain .conBox .cbox .swiper-slide .course-bot .cbprice-cen{ float: left; width: 1.267rem; padding-top: 0.067rem; text-align: center; line-height: 0.48rem; font-size: 0.293rem; color: #f40202;}
.seckillMain .conBox .cbox .swiper-slide .course-bot .cbprice-cen b{ font-size: 0.31rem;}
.seckillMain .conBox .cbox .swiper-slide .course-bot .gmBtn{ float: right; display: block; width: 1.467rem; height: 0.96rem; padding-top: 0.133rem; text-align: center; line-height: 0.427rem; font-size: 0.32rem; color: #fff; border-radius: 0.547rem; margin-right: 0.267rem; -webkit-box-shadow:0 0.04rem 0 #ffa656; -moz-box-shadow:0 0.04rem 0 #ffa656; box-shadow:0 0.04rem 0 #ffa656;}
.seckillMain .conBox .cbox .swiper-slide .course-bot .btnHong{ background: #fb2640;
    background: -webkit-linear-gradient(left, #ff462f, #f71356); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #ff462f, #f71356); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #ff462f, #f71356); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #ff462f, #f71356); /* 标准的语法 */}
.seckillMain .conBox .cbox .swiper-slide .course-bot .yesLogin{ display: none;}
.seckillMain .conBox .cbox .swiper-slide .course-bot .btnHui{ background:#d8cece; color: #666; box-shadow: none; line-height: 0.853rem;
    background: -webkit-linear-gradient(top, #ece1da, #ccc2c2); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(top, #ece1da, #ccc2c2); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(top, #ece1da, #ccc2c2); /* Firefox 3.6 - 15 */
    background: linear-gradient(to bottom, #ece1da, #ccc2c2); /* 标准的语法 */}
.seckillMain .conBox .cbox .swiper-slide .course-bot .btnHuang{ background: #ffd590;
    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); /* 标准的语法 */}
.seckillMain .conBox .cbox .swiper-slide:last-child{ margin-right: 0.133rem;}
.seckillMain .conBox .cbox .swiper-pagination-bullets{ bottom: 0.1rem!important;}
.seckillMain .conBox .cbox .swiper-pagination-bullet{ background: #eaaa71 !important; opacity: 1; margin: 0 5px !important; }
.seckillMain .conBox .cbox .swiper-pagination-bullet-active { background: #830000 !important; }

/*直播*/
.liveMain{ position: relative; z-index: 1; padding-top: 2.4rem;}
.liveMain .fdHead{ position: absolute; top: 1.72rem; left: 0.2rem; width: 9.6rem; height: 0.693rem; background: url(/images/zhuanti/20230618/tit_09.png) no-repeat; background-size: 100% 100%;}
.liveMain .conBox{ padding-top: 0.133rem; background: #fef8eb; border: 0.133rem solid #ff8f62; border-top: 0; border-radius: 0 0 0.267rem 0.267rem; margin: 0 0.2rem;}
.liveMain .tbox { position: relative; z-index: 1; height: 1.227rem; -webkit-box-shadow: 0 0.067rem 0.133rem rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0.067rem 0.133rem rgba(0, 0, 0, 0.1); box-shadow: 0 0.067rem 0.133rem rgba(0, 0, 0, 0.1);
    background: -webkit-linear-gradient(left, #c60dda, #fa3d00); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #c60dda, #fa3d00); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #c60dda, #fa3d00); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #c60dda, #fa3d00); /* 标准的语法 */ }
.liveMain .tbox .swiper-container{ width: 100%; height: 1.387rem;}
.liveMain .tbox .swiper-slide { position: relative; z-index: 1; width: 2.6rem; height: 1.04rem; padding-top: 0.187rem; line-height: 0.42rem; text-align: center; font-size: 0.347rem; color: #fff; cursor: pointer; }
.liveMain .tbox .swiper-slide i { position: absolute; display: none; width: 0.293rem; height: 0.16rem; left: 50%; bottom: -0.16rem; margin-left: -0.147rem; background: url(/images/zhuanti/20211111/ticon_04.png) no-repeat; background-size: 100% 100%; }
.liveMain .tbox .swiper-slide.on { font-weight: 700; color: #b9141a;
    background: -webkit-linear-gradient(left, #ffc582, #ffe4b6); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #ffc582, #ffe4b6); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #ffc582, #ffe4b6); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #ffc582, #ffe4b6); /* 标准的语法 */ }
.liveMain .tbox .swiper-slide.on i{ display: block;}
.liveMain .videoBox{display: none; padding-top: 0.4rem;}
.liveMain .videoBox .videoBox-con{ position: relative; z-index: 1; display: block; margin-bottom: 0.4rem;}
.liveMain .videoBox .videoBox-con .pic { display: block; width: 8.133rem; height: 5.067rem; border: 0.2rem solid #6111c8; margin: 0 auto; border-radius: 0.08rem;}
.liveMain .videoBox .videoBox-con .btn { display: block; position: absolute; z-index: 2; left: 4.32rem; top: 3.9rem; width: 3.107rem; height: 0.88rem; text-indent: 0.747rem; line-height: 0.71rem; font-size: 0.347rem; color: #cd2509; background: url(/images/zhuanti/20210618/icon_13.png) no-repeat; background-size: 100% 100%; }
.liveMain .videoBox .videoBox-prize { overflow: hidden; width: 9.333rem; border-radius: 0 0 0.17rem 0.17rem;}
.liveMain .videoBox .videoBox-prize img{ width: 100%; height: 100%; }

/* 18年品牌 */
.brandBg{ width: 10rem; height: 7.773rem; margin-top: 0.6rem;box-sizing: border-box;}
.brandBg .brand{width: 9.5rem;height: 7.5rem;margin: 0 auto;padding-top: 1.8rem;box-sizing: border-box;}
.brand .item{width: 3.1rem;display: inline-block;margin-top: 1rem;text-align: center;}
.brand .item:nth-child(4){padding-top: 0.4rem;}
.brand .item .t1{ font-size: .3467rem; line-height: .5333rem; font-weight: bold; color: #ce6805; }
.brand .item .t2{ font-size: .2667rem; line-height: .4rem; color: #861401;; }

/*右侧浮动*/
.fix-top{ position:fixed;  right:.13rem; bottom:1.5rem; display:block; width:1.2rem; height:1.2rem; z-index:92; background:url(/images/zhuanti/20230618/icon_18.png) no-repeat; background-size:100% auto;}

/*底部浮动*/
.floatBot-wap{ width: 100%; height: 1.333rem;}
.floatBot{ position: fixed; left: 0; bottom: 0; z-index: 91; width: 100%; height: 1.333rem; display: -webkit-flex; display: flex;}
.floatBot .lbtn{ display: block; flex-grow: 1; height: 1.333rem; line-height: 1.333rem; text-align: center; font-size: 0.48rem; color: #fff; font-weight: 700; border-radius: 18px 0 0 0;
    background: -webkit-linear-gradient(left, #a82ddb, #fe5f0a); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #a82ddb, #fe5f0a); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #a82ddb, #fe5f0a); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #a82ddb, #fe5f0a); /* 标准的语法 */}
.floatBot .rbtn{ display: block; flex-grow: 1; height: 1.333rem; line-height: 1.333rem; text-align: center; font-size: 0.48rem; color: #fff; font-weight: 700; border-radius: 0 18px 0 0;
    background: -webkit-linear-gradient(left, #ff9032, #fd942e); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #ff9032, #fd942e); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #ff9032, #fd942e); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #ff9032, #fd942e); /* 标准的语法 */}

.mask{ display: none; width:100%; height:100%; background:#000; opacity:.7; filter:alpha(opacity=70); position:fixed; top:0; left:0; z-index:98;}

/*秒杀优惠券弹框*/
.msyhqTk{ display: none; width: 10rem; height: 8.147rem; padding-top: 2.507rem; background: url(/images/zhuanti/20230618/s_19.png) no-repeat; background-size: 100% 100%; top: 50%; left: 50%; position: fixed; margin: 0 0 0 -5rem; z-index: 99;}
.msyhqTk .xx{ display: block; position: absolute; top: 0.053rem; right: 1.2rem; width: 0.667rem; height: 0.667rem; background: url(/images/zhuanti/20230618/icon_14.png) no-repeat; background-size: 100% 100%;}
.msyhqTk .tbox{ width: 6.933rem; margin: 0 auto;}
.msyhqTk .tbox .clist{ width: 5.64rem; height: 1.413rem; margin: 0 0 0.133rem 0.653rem; background:url(/images/zhuanti/20230618/bg_12.png) no-repeat; background-size: 100% 100%;}
.msyhqTk .tbox .clist .price{ position: relative; z-index: 1; float: left; width: 1.32rem; height: 1.413rem; padding-left: 0.653rem; line-height: 1.413rem; font-size: 0.8rem; color: #e00742; font-weight: 700; font-family:Impact;}
.msyhqTk .tbox .clist .price i{ position: absolute; top: 0.2rem; left: 0.2rem; font-size: 0.32rem; color: #e00742; line-height: 0.32rem;}
.msyhqTk .tbox .clist .txt{ float: right; width: 3.333rem; line-height: 0.48rem; font-size: 0.213rem; color: #d1482d; margin-top: 0.26rem;}
.msyhqTk .tbox .clist .txt b{ font-size: 0.267rem; color: #e00742;}
.msyhqTk .bhan{ display: block; position: absolute; bottom: 0.48rem; left: 50%; margin-left: -2.133rem; width: 4.267rem; height: 0.987rem; background:url(/images/zhuanti/20230618/icon_38.png) no-repeat; background-size: 100% 100%; border-radius: 0.493rem; -webkit-box-shadow:0 0.133rem 0.08rem rgba(230, 35, 50, 0.86); -moz-box-shadow:0 0.133rem 0.08rem rgba(230, 35, 50, 0.86); box-shadow:0 0.133rem 0.08rem rgba(230, 35, 50, 0.86);}

/*规则弹框*/
.gzTk{ display: none; width: 8.133rem; background: #fff; top: 50%; left: 50%; border-radius: 0.24rem; position: fixed; margin: 0 0 0 -4.067rem; z-index: 99;}
.gzTk .xx{ display: block; position: absolute; top: -0.267rem; right: -0.267rem; width: 0.667rem; height: 0.667rem; background: url(/images/zhuanti/20230618/icon_14.png) no-repeat; background-size: 100% 100%;z-index: 8;}
.gzTk .tit{ height: 1.333rem; line-height: 1.333rem; font-size: 0.48rem; font-weight: 700; color: #f26208; text-align: center; background: #fff1d6; border-radius: 0.267rem 0.267rem 0 0;}
.gzTk .tsbox{ padding: 0.747rem 0.4rem 0; margin-bottom: 0.667rem; line-height: 0.587rem; font-size: 0.4rem; text-align: center;}
.gzTk .txtbox{ padding: 0.4rem 0.4rem 0; margin-bottom: 0.4rem; max-height: 7.733rem; overflow: auto; overflow-x: hidden;}
.gzTk .txtbox .txt{ line-height: 0.693rem; font-size: 0.4rem; margin-bottom: 0.267rem;}
.gzTk .bhan { display: flex; justify-content: center; align-items: center; width: 5.067rem; height: 0.933rem; text-align: center; font-size: 0.4rem; color: #fff; font-weight: 700; background: #f26208; border-radius: 0.467rem; margin: 0 auto 0.533rem; -webkit-box-shadow: 0 0.04rem 0.08rem rgba(227, 4, 45, 0.65); -moz-box-shadow: 0 0.04rem 0.08rem rgba(227, 4, 45, 0.65); box-shadow: 0 0.04rem 0.08rem rgba(227, 4, 45, 0.65); }

/*秒杀预约弹框*/
.msyyTk{display: none; width: 10rem; height: 6.373rem; padding-top: 3.2rem; background: url(/images/zhuanti/20230618/bg_22.png) no-repeat; background-size: 100% 100%; top: 50%; left: 50%; position: fixed; margin: 0 0 0 -5rem; z-index: 99;}
.msyyTk .xx{ display: block; position: absolute; top: 1.04rem; right: 2.027rem; width: 0.667rem; height: 0.667rem; background: url(/images/zhuanti/20230618/icon_14.png) no-repeat; background-size: 100% 100%;}
.msyyTk .ttxt{ line-height: 0.72rem; font-size: 0.453rem; color: #fff; text-align: center; margin-bottom: 0.24rem; -webkit-text-shadow:0 0.027rem 0.213rem rgba(185, 30, 0, 0.75); -moz-text-shadow:0 0.027rem 0.213rem rgba(185, 30, 0, 0.75); text-shadow:0 0.027rem 0.213rem rgba(185, 30, 0, 0.75);}
.msyyTk .cpic{ overflow: hidden; width: 2.533rem; height: 2.533rem; margin: 0 auto 0.347rem; border-radius: 0.107rem;}
.msyyTk .cpic img{ width: 100%; height: 100%;}
.msyyTk .bhan{ display: block; width: 3.067rem; height: 0.893rem; text-align: center; line-height: 0.72rem; color: #b81311; font-size: 0.347rem; margin: 0 auto; background: url(/images/zhuanti/20230618/icon_40.png) no-repeat; background-size: 100% 100%;}

/*秒杀选课弹框*/
.msxkTk{display: none; width: 9.2rem; background: #fff; border-radius: 0.107rem; top: 50%; left: 50%; position: fixed; margin: 0 0 0 -4.6rem; z-index: 99;}
.msxkTk .xx{ display: block; position: absolute; top: -0.267rem; right: -0.267rem; width: 0.667rem; height: 0.667rem; background: url(/images/zhuanti/20230618/icon_14.png) no-repeat; background-size: 100% 100%;z-index: 8;}
.msxkTk .tit{ height: 1.36rem; line-height: 1.36rem; font-size: 0.48rem; color: #f26208; text-align: center; font-weight: 700; background: #fff1d6; border-radius: 0.107rem 0.107rem 0 0;}
.msxkTk .ttxt{ clear: both; line-height: 1.28rem; font-size: 0.373rem; color: #666; margin: 0 0.333rem;}
.msxkTk .cCon{ margin: 0 0 0.4rem; max-height: 6.667rem; overflow: auto; overflow-x: hidden;}
.msxkTk .cCon .chk-btn{ margin: 0 0 0.267rem 0.333rem; width: 7.84rem; height: 0.88rem; line-height: 0.9rem; font-size: 0.347rem; padding: 0 0.333rem; cursor:pointer; border: 1px solid #d5d5d5; border-radius: 0.053rem; position:relative; overflow:hidden;}
.msxkTk .cCon .chk-btn span{ float: right;}
.msxkTk .cCon .chk-btn.on{ border: 1px solid #fc6f2f; color:#f23016; background:url(/images/zhuanti/20230618/icon_41.png) no-repeat right bottom #fff8ec; background-size: 0.52rem 0.48rem;}
.msxkTk .cCon .chk-btn .coursechk{ position:absolute; left:-0.4rem; top:-0.4rem;}
.msxkTk .bbox{ padding-bottom: 0.667rem;}
.msxkTk .bbox-btn{ display: block; width: 5.067rem; height: 0.933rem; text-align: center; line-height: 0.933rem; color: #fff; font-size: 0.4rem; margin: 0 auto; border-radius: 0.467rem; -webkit-box-shadow:0 0.04rem 0 #ff9046; -moz-box-shadow:0 0.04rem 0 #ff9046; box-shadow:0 0.04rem 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,.vipspjsTk{display: none; width: 9.2rem; background: #fff; border-radius: 0.107rem; top: 50%; left: 50%; position: fixed; margin: 0 0 0 -4.6rem; z-index: 99;}
.spjsTk .xx,.vipspjsTk .xx{ display: block; position: absolute; top: -0.267rem; right: -0.267rem; width: 0.667rem; height: 0.667rem; background: url(/images/zhuanti/20230618/icon_14.png) no-repeat; background-size: 100% 100%;z-index: 8;}
.spjsTk .tit,.vipspjsTk .tit{ height: 1.36rem; background: #fff1d6; border-radius: 0.107rem 0.107rem 0 0; margin-bottom: 0.533rem;}
.spjsTk .tit ul,.vipspjsTk .tit ul{ padding-top: 0.147rem; text-align: center;}
.spjsTk .tit li,.vipspjsTk .tit li{ display: inline-block; width: 1.92rem; height: 1.067rem; line-height: 1.067rem; text-align: center; font-size: 0.32rem; color: #672006; border-radius: 0.053rem; margin: 0 0.04rem; cursor: pointer; -webkit-box-shadow:0 0.04rem 0 #fdd1ba; -moz-box-shadow:0 0.04rem 0 #fdd1ba; box-shadow:0 0.04rem 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); /* 标准的语法 */}
.vipspjsTk .tit li{ width: 2.4rem;}
.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: 7.467rem; height: 4.2rem; margin: 0 auto 0.533rem;}
.spjsTk .cCon img,.vipspjsTk .cCon img{ width: 100%; height: 100%; cursor: pointer;}
.spjsTk .bhan,.vipspjsTk .bhan{ display: block; width: 5.067rem; height: 0.933rem; text-align: center; line-height: 0.933rem; color: #fff; font-size: 0.4rem; margin: 0 auto 0.667rem; border-radius: 0.467rem; -webkit-box-shadow:0 0.04rem 0 #ff9046; -moz-box-shadow:0 0.04rem 0 #ff9046; box-shadow:0 0.04rem 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); /* 标准的语法 */}

/*提示弹框*/
.tsTk{display: none;width: 8.107rem; background: #fff; border-radius: 0.107rem; top: 50%; left: 50%; position: fixed; margin: 0 0 0 -4.05rem; z-index: 99;}
.tsTk .xx{ display: block; position: absolute; top: -0.267rem; right: -0.267rem; width: 0.667rem; height: 0.667rem; background: url(/images/zhuanti/20230618/icon_14.png) no-repeat; background-size: 100% 100%;}
.tsTk .cpic{width: 1.573rem; height: 1.573rem; padding-top: 0.4rem; margin: 0 auto 0.04rem;}
.tsTk .ctxt{line-height: 0.507rem; font-size: 0.427rem; color: #666; text-align: center; margin: 0.5rem 0.4rem 0.6rem;}
.tsTk .ctxt b{color: #f7553f;}
.tsTk .bhan{display: block; width: 3.1rem; height: 0.933rem; text-align: center; line-height: 0.933rem; color: #fff; background: #f7553f; margin: 0 auto 0.373rem; border-radius: 0.467rem; font-size: 0.4rem;}

.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 fadeInLeftUp {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.5, .5, .5) translate3d(260%, 60%, 0);
        transform: scale3d(.5, .5, .5) translate3d(260%, 60%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInLeftUp {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.5, .5, .5) translate3d(260%, 60%, 0);
        transform: scale3d(.5, .5, .5) translate3d(260%, 60%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInLeftUp {
    -webkit-animation-name: fadeInLeftUp;
    animation-name: fadeInLeftUp;
}

@-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(5%);
    }
    100% {
        transform: translateY(0%);
    }
}

@-webkit-keyframes floating {
    0% {
        -webkit-transform: translateY(0%);
    }
    50% {
        -webkit-transform: translateY(5%);
    }
    100% {
        -webkit-transform: translateY(0%);
    }
}
