/*
@author: he
@update: he (2025-08-15)
*/
@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: #ff5e19;}
.ellipsis{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.ggTit{ height: 0.773rem; text-align: center; margin-bottom: 0.533rem;}
.ggTit .lcion,.ggTit .rcion{ display: inline-block; *display: inline; *zoom: 1; background:url(/images/zhuanti/2026xinkaojiyouhui/tit_01.png) no-repeat left center; background-size: 0.8rem 0.627rem;}
.ggTit .rcion{ background:url(/images/zhuanti/2026xinkaojiyouhui/tit_02.png) no-repeat right center; background-size: 0.8rem 0.627rem;}
.ggTit .ctxt{ position: relative; z-index: 1; padding: 0 1.067rem; line-height: 0.773rem; font-size: 0.533rem; font-weight: 700; color: #fff;}
.ggTit .ctxt strong{ position: relative; z-index: 2;}
.ggTit .ctxt b{ color: #ffe690;}
.ggTit .ctxt:after{ content:" "; display:block; position: absolute; left: 0.933rem; right:0.933rem; bottom: 0; z-index: 1; height: 0.293rem; border-radius: 0.147rem; background: #e60731;}

/*页头*/
.headerBg .header{ position: relative; z-index: 2; height: 14.813rem;}
.headerBg .header .logo{ position: absolute; top: 0.453rem; left: 3.453rem; z-index: 10; width: 3.96rem; height: 0.707rem; display: block;}
.headerBg .header .shuangTime{ display: block; position: absolute; top: 11.813rem; left: 50%; z-index: 6; margin-left: -3.707rem; width: 7.413rem; height: 0.853rem; line-height: 0.853rem; text-align: center; font-size: 0.293rem; color: #fff; background: url(/images/zhuanti/2026xinkaojiyouhui/bg_15.png) no-repeat; background-size: 100% 100%;}
.headerBg .header .shuangTime b{ display: inline-block; margin: 0 0.08rem; width: 0.613rem; height: 0.453rem; line-height: 0.453rem; color: #d24224; background: #fff; border-radius: 0.053rem; font-size: 0.4rem; vertical-align: -0.013rem;}
.headerBg .header .chbxb{ position: absolute; top: 0; left: 0; right: 0; z-index: 3;}
.headerBg .header .chbxb-hb01{ position: absolute; top: 8.28rem; right: 1.467rem; z-index: 20; width: 1.093rem; height: 1.48rem; background:url(/images/zhuanti/2026xinkaojiyouhui/hb_01.png) no-repeat; background-size: 100% 100%; -webkit-animation:fadeIn 1s 0s 1 both; animation:fadeIn 1s 0s 1 both;}
.headerBg .header .chbxb-hb02{ position: absolute; top: 9.827rem; right: 1.253rem; z-index: 19; width: 1.333rem; height: 1.973rem; background:url(/images/zhuanti/2026xinkaojiyouhui/hb_02.png) no-repeat; background-size: 100% 100%; -webkit-animation:fadeIn 1s 0.5s 1 both; animation:fadeIn 1s 0.5s 1 both;}
.headerBg .header .chbxb-hb03{ position: absolute; top: 9.96rem; left: 0.413rem; z-index: 18; width: 3.08rem; height: 2.213rem; background:url(/images/zhuanti/2026xinkaojiyouhui/hb_03.png) no-repeat; background-size: 100% 100%; -webkit-animation:fadeIn 1s 1s 1 both; animation:fadeIn 1s 1s 1 both;}
.headerBg .header .chbxb-jb01{ position: absolute; top: 10.832rem; right: 0.4rem; z-index: 21; width: 0.853rem; height: 1.133rem; background:url(/images/zhuanti/2026xinkaojiyouhui/jb_01.png) no-repeat; background-size: 100% 100%; -webkit-animation:floating 2s 0s infinite both; animation:floating 2s 0s infinite both;}
.headerBg .header .cBox{ position: absolute; bottom: 0.533rem; left: 0; z-index: 10; width: 100%; height: 0.88rem; text-align: center;}
.headerBg .header .cBox-list{ display: inline-block; width: 1.867rem; height: 0.88rem; line-height: 0.9rem; text-align: center; font-size: 0.32rem; color: #fff; margin: 0 0.03rem; border-radius: 0.44rem; background: url(/images/zhuanti/2026xinkaojiyouhui/bg_11.png) no-repeat; background-size: 100% 100%; -webkit-box-shadow:0 0.067rem 0.133rem rgba(229, 26, 10, 0.67); -moz-box-shadow:0 0.067rem 0.133rem rgba(229, 26, 10, 0.67); box-shadow:0 0.067rem 0.133rem rgba(229, 26, 10, 0.67);}
.headerBg .header .cBox-list.list01{ animation: kc infinite 4s 0s;}
.headerBg .header .cBox-list.list02{ animation: kc infinite 4s 0.5s;}
.headerBg .header .cBox-list.list03{ animation: kc infinite 4s 1s;}
.headerBg .header .cBox-list.list04{ animation: kc infinite 4s 1.5s;}
.headerBg .header .cBox-list.list05{ animation: kc infinite 4s 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)
    }
}

/*抽奖*/
.luckMain{ position: relative; z-index: 1; padding: 0 0.2rem;}
.luckMain .lmTit{ line-height: 1.173rem; text-align: center; font-size: 0.48rem; color: #fd2847; font-weight: 700;}
.luckMain .conBox{ position: relative; z-index: 1; border-radius: 0.24rem;
    background: -webkit-linear-gradient(top, rgba(255,241,172,1) 0%, rgba(255,237,249,1) 25%, rgba(252,234,200,1) 50%, rgba(255,203,102,1) 100%);
    background: -o-linear-gradient(top, rgba(255,241,172,1) 0%, rgba(255,237,249,1) 25%, rgba(252,234,200,1) 50%, rgba(255,203,102,1) 100%);
    background: -moz-linear-gradient(top, rgba(255,241,172,1) 0%, rgba(255,237,249,1) 25%, rgba(252,234,200,1) 50%, rgba(255,203,102,1) 100%);
    background: linear-gradient(to bottom, rgba(255,241,172,1) 0%, rgba(255,237,249,1) 25%, rgba(252,234,200,1) 50%, rgba(255,203,102,1) 100%);}
.luckMain .prizeList{ width: 9.6rem; height: 7.507rem; background:url(/images/zhuanti/2026xinkaojiyouhui/bg_03.png) no-repeat; background-size: 100% 100%; margin: -0.133rem auto 0.267rem;}
.luckMain .prizeList li{ position: absolute; width:1.96rem; height:1.8rem; z-index: 1;}
.luckMain .prizeList li.pz1{ left:0.707rem; top:1.4rem; width: 2.547rem; background:url(/images/zhuanti/2026xinkaojiyouhui/lu_01.png) no-repeat; background-size: 100% 100%;}
.luckMain .prizeList li.on.pz1{ background:url(/images/zhuanti/2026xinkaojiyouhui/lu_01_on.png) no-repeat; background-size: 100% 100%;}
.luckMain .prizeList li.pz2{ left:3.52rem; top:1.4rem; width: 2.547rem; background:url(/images/zhuanti/2026xinkaojiyouhui/lu_02.png) no-repeat; background-size: 100% 100%;}
.luckMain .prizeList li.on.pz2{ background:url(/images/zhuanti/2026xinkaojiyouhui/lu_02_on.png) no-repeat; background-size: 100% 100%;}
.luckMain .prizeList li.pz3{ left:6.333rem; top:1.4rem; width: 2.547rem; background:url(/images/zhuanti/2026xinkaojiyouhui/lu_03.png) no-repeat; background-size: 100% 100%;}
.luckMain .prizeList li.on.pz3{ background:url(/images/zhuanti/2026xinkaojiyouhui/lu_03_on.png) no-repeat; background-size: 100% 100%;}
.luckMain .prizeList li.pz4{ left:0.693rem; top:3.6rem; background:url(/images/zhuanti/2026xinkaojiyouhui/lu_04.png) no-repeat; background-size: 100% 100%;}
.luckMain .prizeList li.on.pz4{ background:url(/images/zhuanti/2026xinkaojiyouhui/lu_04_on.png) no-repeat; background-size: 100% 100%;}
.luckMain .prizeList li.pz5{ left:2.787rem; top:3.6rem; background:url(/images/zhuanti/2026xinkaojiyouhui/lu_05.png) no-repeat; background-size: 100% 100%;}
.luckMain .prizeList li.on.pz5{ background:url(/images/zhuanti/2026xinkaojiyouhui/lu_05_on.png) no-repeat; background-size: 100% 100%;}
.luckMain .prizeList li.pz6{ left:4.88rem; top:3.6rem; background:url(/images/zhuanti/2026xinkaojiyouhui/lu_06.png) no-repeat; background-size: 100% 100%;}
.luckMain .prizeList li.on.pz6{ background:url(/images/zhuanti/2026xinkaojiyouhui/lu_06_on.png) no-repeat; background-size: 100% 100%;}
.luckMain .prizeList li.pz7{ left:6.973rem; top:3.6rem; background:url(/images/zhuanti/2026xinkaojiyouhui/lu_07.png) no-repeat; background-size: 100% 100%;}
.luckMain .prizeList li.on.pz7{ background:url(/images/zhuanti/2026xinkaojiyouhui/lu_07_on.png) no-repeat; background-size: 100% 100%;}
.luckMain .prizeList .btn,.luckMain .prizeList .btnNo{ display: block; width:4.88rem; height:1.28rem; line-height: 1.12rem; text-align: center; font-size: 0.427rem; color: #fff; font-weight: 700; position: absolute; bottom:0.107rem; left:50%; margin-left: -2.44rem; background:url(/images/zhuanti/2026xinkaojiyouhui/icon_01.png) no-repeat; background-size: 100% 100%;}
.luckMain .prizeList .btn i,.luckMain .prizeList .btnNo i{ position: absolute; top: -0.293rem; right: -0.32rem; display: block; width: 1.76rem; height: 0.507rem; line-height: 0.507rem; text-align: center; font-size: 0.32rem; color: #d52008; border: 0.013rem solid #ff955f; background: #fffcf7; border-radius: 0.267rem 0.267rem 0.267rem 0;}
.luckMain .prizeList .btnNo{ background:url(/images/zhuanti/2026xinkaojiyouhui/icon_01.png) no-repeat; background-size: 100% 100%;}
.luckMain .prizeList .noLogin-bg{ display:block; position:absolute; left:0; right: 0; top:0; bottom: 0; z-index:9; background:url(about:blank);}

.luckMain .draw-list{ overflow: hidden; padding-top: 0.4rem; margin: 0 0.2rem 0.333rem; background: #fff; border-radius: 0.24rem;}
.luckMain .draw-list .dltit{ position: relative; z-index: 1; width: 100%; height: 0.667rem; margin-bottom: 0.267rem;}
.luckMain .draw-list .dltit-txt{ display: block; text-align: center; line-height:0.667rem; font-size: 0.48rem; color:#c61421; font-weight:bold;}
.luckMain .draw-list .dltit-btn{ position: absolute; top: 0; right: 0.2rem; display: block; width: 2.133rem; height: 0.667rem; line-height: 0.667rem; text-align: center; font-size: 0.32rem; color: #fff; border-radius: 0.333rem; background: #ff9b28;}
.luckMain .draw-list .swiper-drawBigList{ overflow: hidden; width: 9.2rem; height: 3.173rem; margin: 0 auto 0.267rem;}
.luckMain .draw-list .swiper-drawBigList .swiper-slide{ width: 2.8rem; height: 3.173rem; padding: 0 0.133rem;}
.luckMain .draw-list .swiper-drawBigList .swiper-slide .spic{ display: block; width: 2.8rem; height: 1.68rem; margin: 0 auto 0.133rem;}
.luckMain .draw-list .swiper-drawBigList .swiper-slide .sttxt{ line-height: 0.453rem; text-align: center; font-size: 0.32rem; color: #333;}
.luckMain .draw-list .swiper-drawBigList .swiper-slide .sctxt{ line-height: 0.453rem; text-align: center; font-size: 0.32rem; color: #ea1726;}
.luckMain .draw-list .swiper-drawBigList .swiper-slide .sbtxt{ line-height: 0.453rem; text-align: center; font-size: 0.32rem; color: #999;}
.luckMain .draw-list .swiper-drawList{ overflow: hidden; padding:0 0.4rem; height: 1.493rem; margin-bottom: 0.213rem;}
.luckMain .draw-list .swiper-drawList .swiper-slide{ height: 0.747rem; line-height: 0.747rem; font-size:0.347rem; color:#333;}
.luckMain .draw-list .swiper-drawList .swiper-slide span{ display:block; float:left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.luckMain .draw-list .swiper-drawList .swiper-slide span.t1{ width:2.16rem; margin-right: 0.4rem;}
.luckMain .draw-list .swiper-drawList .swiper-slide span.t2{ position: relative; z-index: 1; width:3.6rem; color: #ea1726; margin-right: 0.4rem;}
.luckMain .draw-list .swiper-drawList .swiper-slide span.t3{ float: right; width:1.7rem;}
.luckMain .draw-list .bbtn{ display: block; width:4.88rem; height:1.28rem; line-height: 1.067rem; text-align: center; font-size: 0.427rem; color: #fff; font-weight: 700; margin: 0 auto 0.4rem; background:url(/images/zhuanti/2026xinkaojiyouhui/icon_01.png) no-repeat; background-size: 100% 100%;}

/*立即领券*/
.coupon-warp{ background: #ff5521; padding-top: 0.2rem;}
.coupon-mod{ position: relative; z-index: 1; width: 9.573rem; height: 3.267rem; margin: 0 auto; background:url(/images/zhuanti/2026xinkaojiyouhui/coupon-bg.png) no-repeat; background-size: 100% 100%;}
.coupon-mod .tit{ position: absolute; left: 2.72rem; top: 0.12rem; font-size: 0.347rem; color: #fff; font-weight:bold; line-height: 0.72rem;}
.coupon-mod .left-first{ display: block; position: absolute; top: 1.187rem; left: 0.333rem; width: 6rem; text-align:center;}
.coupon-mod .left-first .prize{ width: 2.133rem; height: 1.68rem; line-height: 1.68rem; font-size: 1.067rem; color:#fd0036; font-weight:bold; font-family:"DIN Alternate"}
.coupon-mod .left-first .prize abbr{ position: absolute; left: 0.2rem; top: 0.4rem; display: block; line-height: 0.4rem; font-size:0.4rem;}
.coupon-mod .left-first .text{ padding-top: 0.32rem;}
.coupon-mod .left-first .text h4{ line-height:0.533rem; font-size:0.32rem; color:#191818; font-weight:bold;}
.coupon-mod .left-first .text p{ line-height:0.467rem; font-size:0.267rem; color:#666;}
.coupon-mod .btn-wrap{ position: absolute; top: 1.493rem; right: 0.2rem; width: 3.04rem; text-align:center;}
.coupon-mod .btn-wrap .receive-btn{ display:block; width: 2.96rem; height: 1.387rem; margin:0 auto; line-height:0; font-size:0; background:url(/images/zhuanti/2026xinkaojiyouhui/receivePop-btn04.png) no-repeat; background-size:100% auto;}
.coupon-mod .btn-wrap .receive-btn.on{animation: pulse2 1.5s infinite linear; -webkit-animation:pulse2 1.5s infinite linear;}
.coupon-mod .btn-wrap .receive-btn.use-tags{ width: 2.96rem; height: 1.387rem; background:url(/images/zhuanti/2026xinkaojiyouhui/receivePop-btn05.png) no-repeat; background-size:100% auto;}

/*晒单返学费*/
.sdfxf-mod{ position: relative; z-index: 1; width: 10rem; height: 4.56rem; margin: 0.4rem 0 0; background:url(/images/zhuanti/2026xinkaojiyouhui/bg_29.png) no-repeat; background-size: 100% 100%;}
.sdfxf-mod .text{ position: absolute; top: 1.733rem; left: 1.2rem; line-height: 0.667rem; font-size: 0.4rem; color: #ff0016; font-weight: 700;}
.sdfxf-mod .text b{ font-size: 0.507rem;}
.sdfxf-mod .bbtn{ position: absolute; top: 2.613rem; left: 2.587rem; display: block; width:4.88rem; height:1.28rem; line-height: 1.067rem; text-align: center; font-size: 0.427rem; color: #fff; font-weight: 700; background:url(/images/zhuanti/2026xinkaojiyouhui/icon_01.png) no-repeat; background-size: 100% 100%;}

/* 课程 */
.course-wrap { position: relative; z-index: 1; padding-top: 0.533rem;}
.course-wrap .ggTit{ margin-bottom: 0.827rem;}
.course-wrap .fdHead{ position: absolute; top: 1.707rem; left: 0; width: 10rem; height: 0.427rem; background: url(/images/zhuanti/2026xinkaojiyouhui/tit_03.png) no-repeat; background-size: 100% 100%;}
.course-wrap .gzBtn{ display: block; position: absolute; top: 2.5rem; 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); /* 标准的语法 */}

/*课程导航*/
.classify-nav-box{width:10rem; height:2.053rem; display: none;}
.classify-nav{ position: relative; width: 10rem; height: 2.053rem; z-index: 90; background: #ff5521;}
.classify-nav .tab-tit { padding: 0.4rem 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(242, 45, 6, 0.5); -moz-box-shadow: 0 0.067rem 0.067rem rgba(242, 45, 6, 0.5); box-shadow: 0 0.067rem 0.067rem rgba(242, 45, 6, 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: #ff5521;}
.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-bannerNew{ width: 9.2rem; text-align: center; margin: 0 auto 0.24rem;}
.course-wrap .course-bannerNew img{ width: 100%; height: auto;}
.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/2026xinkaojiyouhui/bg_07.png) no-repeat center bottom #fff; background-size: 100% auto; margin: 0 0 0.267rem 0.133rem; border-radius: 0.04rem; -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.4rem; border-radius: 0.04rem 0.04rem 0 0; position: relative;}
.course-wrap .course .course-con .course-pic img{ width: 4.6rem; height: 4.4rem; border-radius: 0.04rem 0.04rem 0 0;}
.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/2026xinkaojiyouhui/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.center{ padding-left: 0.32rem;}
.course-wrap .course .course-con .course-bot .btnHong.min,.course-wrap .course .course-con .course-bot .btnFen.min{ float: left; width: 1.867rem; margin: 0 0.067rem;}
.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: #ff5521;}
.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/2026xinkaojiyouhui/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/2026xinkaojiyouhui/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: 0.533rem 0; background: #f71b6e;}
.courseVip .gzBtn{ display: block; position: absolute; top: 2.133rem; 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{ padding: 0.267rem 0; background: #ffe1c2; border-radius: 0.267rem; margin: 0 0.2rem;}
.courseVip .conBox .tPic{ display: block; position: relative; z-index: 1; width: 9.173rem; margin: 0 auto 0.4rem;}
.courseVip .conBox .tPic img{ width: 100%;}
.courseVip .conBox .tPic .btn{ display: block; position: absolute; bottom: 4.827rem; right: 0.787rem; width: 3.013rem; height: 0.813rem; background:url(/images/zhuanti/2026xinkaojiyouhui/icon_39.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 .tbox{ padding: 0.4rem 0 0.267rem; height: 0.8rem; background:#f69c53; 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: 33%; 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:#f69c53; margin: -0.013rem 0.2rem 0; border-radius: 0 0 0.107rem 0.107rem;}
.courseVip .conBox .cbox .swiper-container{ width: 9.2rem; height: 6.207rem; 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/2026xinkaojiyouhui/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: 2.9rem;}
.courseVip .conBox .cbox .swiper-slide .course-bot .priceV{ padding: 0.48rem 0.2rem 0; height: 1.2rem;}
.courseVip .conBox .cbox .swiper-slide .course-bot .priceV-price{ line-height: 1.2rem; 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 .priceM{ padding: 0.48rem 0.2rem 0; height: 1.2rem;}
.courseVip .conBox .cbox .swiper-slide .course-bot .priceM-price{ line-height: 1.2rem; 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 .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/2026xinkaojiyouhui/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/2026xinkaojiyouhui/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);}

/*老粉返现价*/
.freeQuestion-wrap{ padding: 0.533rem 0;}
.freeQuestion-tit{ width: 9.333rem; height: 0.96rem; padding: 0.053rem; margin: 0 auto 0.533rem; border-radius: 0.533rem; display: -webkit-flex; display: flex;
background: -webkit-linear-gradient(top, #fffef3, #ffefad); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(top, #fffef3, #ffefad); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(top, #fffef3, #ffefad); /* Firefox 3.6 - 15 */
    background: linear-gradient(to bottom, #fffef3, #ffefad); /* 标准的语法 */}
.freeQuestion-tit li{ height: 0.96rem; line-height: 0.96rem; font-size: 0.4rem; text-align: center; color: #281712; font-weight: 700; border-radius: 0.48rem; flex-grow: 1; cursor: pointer;}
.freeQuestion-tit li.on{ color: #fff;
    background: -webkit-linear-gradient(left, #ff0652, #ff5636); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #ff0652, #ff5636); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #ff0652, #ff5636); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #ff0652, #ff5636); /* 标准的语法 */}
.freeQuestion{ display: none; position: relative; z-index: 1;}
.freeQuestion .ggTit .ctxt{ font-size: 0.48rem;}
.freeQuestion .ggTit .ctxt:after{ background: #f81540;}
.freeQuestion .conBox{ position: relative; z-index: 1; width: 9.6rem; height: 12.427rem; padding-top: 0.613rem; border-radius: 0.267rem; margin: 0 auto; -webkit-box-shadow:0 0 0.267rem rgba(242, 44, 28, 0.3); -moz-box-shadow:0 0 0.267rem rgba(242, 44, 28, 0.3); box-shadow:0 0 0.267rem rgba(242, 44, 28, 0.3);}
.freeQuestion .conBox .tit{ position: relative; z-index: 1; line-height: 0.8rem; font-size: 0.427rem; font-weight: 700; padding-left: 0.64rem; margin-left: 0.467rem;}
.freeQuestion .conBox .tit .icon{ position: absolute; left: 0; top: 0.2rem; display: block; width: 0.4rem; height: 0.4rem; line-height: 0.4rem; font-size: 0.267rem; color: #fff; text-align: center; border-radius: 0.2rem 0.2rem 0 0.2rem;}
.freeQuestion .conBox .tit.mb55{ margin-bottom: 0.733rem;}
.freeQuestion .conBox .txt{ clear: both; position: relative; z-index: 1; line-height: 0.773rem; font-size: 0.32rem; padding-left: 0.32rem; margin-left: 0.8rem;}
.freeQuestion .conBox .txt .icon{ position: absolute; left: 0; top: 0.333rem; display: block; width: 0.107rem; height: 0.107rem; background: #ffa201; border-radius: 50%;}
.freeQuestion .conBox .txt b{ color: #f40023;}
.freeQuestion .conBox .txt.min{ width: 3.867rem; float: left; clear: none;}
.freeQuestion .conBox .txt.min:nth-child(2n){ margin-left: 0;}
.freeQuestion .conBox .btn{ position: absolute; left: 50%; bottom: 0.613rem; margin-left: -2.44rem; display: block; width:4.88rem; height:1.28rem; line-height: 1.12rem; text-align: center; font-size: 0.427rem; color: #fff; font-weight: 700; background:url(/images/zhuanti/2026xinkaojiyouhui/icon_15.png) no-repeat; background-size: 100% 100%;}
.freeQuestion .conBox.bg01{ background:url(/images/zhuanti/2026xinkaojiyouhui/bg_09.png) no-repeat; background-size: 100% 100%;}
.freeQuestion .conBox.bg01 .tit .icon{
    background: -webkit-linear-gradient(left, #fe7b1b, #f62406); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #fe7b1b, #f62406); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #fe7b1b, #f62406); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #fe7b1b, #f62406); /* 标准的语法 */}
.freeQuestion .conBox.bg02{ background:url(/images/zhuanti/2026xinkaojiyouhui/bg_10.png) no-repeat; background-size: 100% 100%;}
.freeQuestion .conBox.bg02 .tit .icon{
    background: -webkit-linear-gradient(left, #7932e3, #ee4dfe); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #7932e3, #ee4dfe); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #7932e3, #ee4dfe); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #7932e3, #ee4dfe); /* 标准的语法 */}

/*图书*/
.bookMain{ position: relative; z-index: 1; padding: 0.533rem 0; background: #f73f84;}
.bookMain .gzBtn{ display: block; position: absolute; top: 1.4rem; 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); /* 标准的语法 */}
.bookMain .conBox{ padding: 0.533rem 0 0.267rem; background: #fef8eb; border-radius: 0.267rem; margin: 0 0.2rem;}
.bookMain .conBox .tbox{ height: 0.8rem;}
.bookMain .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); /* 标准的语法 */}
.bookMain .conBox .tbox li{ float: left; width: 33.3%; height: 0.8rem; line-height: 0.8rem; text-align: center; font-size: 0.4rem; color: #fff; font-weight: 700; cursor: pointer;}
.bookMain .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);}
.bookMain .conBox .cbox { position: relative; z-index: 1;}
.bookMain .conBox .cbox .swiper-container { height: 6.587rem; margin-top: 0.267rem;}
.bookMain .conBox .cbox .swiper-slide li { width: 4.353rem; background: #fff; border-radius: .08rem; transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -webkit-box-shadow: 0 .04rem .08rem rgba(255, 133, 14, 0.4); -moz-box-shadow: 0 .04rem .08rem rgba(255, 133, 14, 0.4); box-shadow: 0 .04rem .08rem rgba(255, 133, 14, 0.4); margin: 0.15rem auto; }
.bookMain .conBox .cbox .swiper-slide .course-pic { box-sizing: border-box; background: #fff; border-radius: .08rem .08rem 0 0; position: relative; z-index: 1; border: 0.067rem solid #f7ad7c; }
.bookMain .conBox .cbox .swiper-slide .course-pic .fdicon01 { position: absolute; top: -0.067rem; right: -0.067rem; padding: 0 .2rem; height: .4rem; line-height: .4rem; font-size: .213rem; color: #fff; border-radius: 0 .08rem 0 .16rem; 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: 2.653rem; text-align: center; }
.bookMain .conBox .cbox .swiper-slide .course-pic-con img { display: inline-block; width: auto; height: 2.4rem; margin-top: 0.1rem;}
.bookMain .conBox .cbox .swiper-slide .course-bot { width: 4.353rem; height: 2.853rem; background: #fff; border-radius: 0 0 0.107rem 0.107rem; }
.bookMain .conBox .cbox .swiper-slide .course-bot .cbtit { display: block; height: .733rem; padding: .24rem .2rem 0; line-height: .367rem; overflow: hidden; font-size: 0.293rem; color: #333333; }
.bookMain .conBox .cbox .swiper-slide .course-bot .cbtit:hover{ text-decoration: none;}
.bookMain .conBox .cbox .swiper-slide .course-bot .cbprice { height: .373rem; line-height: .373rem; padding: 0 .2rem .187rem; margin-top: 0.16rem; font-size: 0.327rem; }
.bookMain .conBox .cbox .swiper-slide .course-bot .cbprice-left { float: left; color: #d52121; }
.bookMain .conBox .cbox .swiper-slide .course-bot .cbprice-right { float: right; color: #6e6d6d; text-decoration: line-through;}
.bookMain .conBox .cbox .swiper-slide .course-bot .fotBox{ padding-left: 0.24rem;}
.bookMain .conBox .cbox .swiper-slide .course-bot .btnHong,.bookMain .conBox .cbox .swiper-slide .course-bot .btnJu{ display: block; width: 1.867rem; height: 0.8rem; line-height: 0.86rem; text-align: center; font-size: 0.347rem; color: #fff; border-radius: .393rem; margin: 0 auto; -webkit-box-shadow: 0 0.04rem 0.04rem rgba(255, 144, 70, 1); -moz-box-shadow: 0 .04rem .04rem rgba(255, 144, 70, 1); box-shadow: 0 .04rem .04rem 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 .btnJu{ background: #ff772d;
    background: -webkit-linear-gradient(left, #ff6702, #fdad2b); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #ff6702, #fdad2b); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #ff6702, #fdad2b); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #ff6702, #fdad2b); /* 标准的语法 */}
.bookMain .conBox .cbox .arrow-bkleft01,.bookMain .conBox .cbox .arrow-bkleft02 { position: absolute; z-index: 2; left: 0; top: 2.24rem; width: .56rem; height: .893rem; background: url(/images/zhuanti/2026xinkaojiyouhui/btn_09.png) no-repeat; background-size: 100%; }
.bookMain .conBox .cbox .arrow-bkright01,.bookMain .conBox .cbox .arrow-bkright02 { position: absolute; z-index: 2; right: 0; top: 2.24rem; width: .56rem; height: .893rem; background: url(/images/zhuanti/2026xinkaojiyouhui/btn_10.png) no-repeat; background-size: 100%; }
.bookMain .conBox .cbox .swiper-pagination-bullets{ bottom: 0.2rem!important;}
.bookMain .conBox .cbox .swiper-pagination-bullet{ background: #eaaa71 !important; opacity: 1; margin: 0 5px !important; }
.bookMain .conBox .cbox .swiper-pagination-bullet-active { background: #830000 !important; }

/*直播*/
.liveMain{ position: relative; z-index: 1; padding: 0.533rem 0;}
.liveMain .conBox{ padding: 0.267rem 0 0; background: #fef8eb; border-radius: 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, #da0a3a, #e61a33); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #da0a3a, #e61a33); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #da0a3a, #e61a33); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #da0a3a, #e61a33); /* 标准的语法 */ }
.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/2026xinkaojiyouhui/icon_05.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 #fbd09c; 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/2026xinkaojiyouhui/icon_37.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%; }

/* 20年品牌 */
.brandBg{ width: 10rem; height: 7.773rem; box-sizing: border-box;background:url(/images/zhuanti/2026xinkaojiyouhui/bot1.jpg) no-repeat center top;background-size: 100% 100%;}
.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/2026xinkaojiyouhui/icon_18.png) no-repeat; background-size:100% auto;}
.fix-time{ display:none; width:0.947rem; height:1.48rem; padding-right: 0.2rem; line-height: 0.8rem; text-align: center; font-size: 0.533rem; color: #c6350e; font-weight: 700; z-index:71; background:url(/images/zhuanti/2026xinkaojiyouhui/task/icon_08.png) no-repeat; background-size:100% auto; position:fixed; right:.13rem; bottom:2.9rem;}

/*底部浮动*/
.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: #e91100; font-weight: 700; border-radius: 18px 0 0 0;
    background: -webkit-linear-gradient(top, #f4dc94, #ffe2bb); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(top, #f4dc94, #ffe2bb); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(top, #f4dc94, #ffe2bb); /* Firefox 3.6 - 15 */
    background: linear-gradient(to bottom, #f4dc94, #ffe2bb); /* 标准的语法 */}
.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(top, #ff7a38, #fb2969); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(top, #ff7a38, #fb2969); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(top, #ff7a38, #fb2969); /* Firefox 3.6 - 15 */
    background: linear-gradient(to bottom, #ff7a38, #fb2969); /* 标准的语法 */}

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

/*抽奖弹框*/
.cjTk{ 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;}
.cjTk .xx{ display: block; position: absolute; top: -0.267rem; right: -0.267rem; width: 0.667rem; height: 0.667rem; background: url(/images/zhuanti/2026xinkaojiyouhui/icon_14.png) no-repeat; background-size: 100% 100%;}
.cjTk .ttxt{ 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;}
.cjTk .tbox{ padding-top: 0.267rem; margin-bottom: 0.4rem;}
.cjTk .tbox .tpic{ display: block; width: 4rem; height: 2.4rem; margin: 0 auto 0.267rem;}
.cjTk .tbox .ctxt{ line-height: 0.48rem; font-size: 0.32rem; color: #666; text-align: center;}
.cjTk .cbox{ margin-bottom: 0.267rem;}
.cjTk .cbox-list{ height: 0.667rem; clear: both; margin-bottom: 0.267rem;}
.cjTk .cbox-list .ltxt,.cjTk .cbox-list .ltxt02{ width: 2rem; line-height: 0.667rem; font-size: 0.32rem; padding-right: 0.133rem; text-align: right;}
.cjTk .cbox-list .ltxt02{ width: 3rem;}
.cjTk .cbox-list .inptxt{ width: 4.64rem; padding: 0 0.267rem; height: 0.64rem; line-height: 0.64rem; font-size: 0.32rem; border: 1px solid #fce2ba;}
.cjTk .cbox-list .inptxt.min{ width: 1.907rem; margin-right: 0.267rem;}
.cjTk .cbox-list .inptxt-return{ display: none; width: 4.8rem; height: 0.667rem;  line-height: 0.667rem; font-size: 0.32rem;}
.cjTk .cbox-list .xcon02 .yourSelect02{ display: none;}
.cjTk .cbox-list.mb0{ margin-bottom: 0;}
.cjTk .bhan{ display: block; width: 5.067rem; height: 0.933rem; text-align: center; line-height: 0.933rem; 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);}

/*jquery-select.tipxw固定样式请勿动*/
body.body_selectBoxhs_on{position:fixed;left:0;width:100%;height:100%}
.select_boxhs{position:relative;}
.select_boxhs select{display:none}
.select_boxhs input{padding:0;margin:0;cursor:pointer;position:absolute;top:0;left:0;background:none}
.select_boxhs span.cover{display:block;width:100%;height:100%;position:absolute;top:0;left:0}
.select_boxhs i{position:absolute}
.select_boxhs .select_boxhsBg{position:fixed;width:100%;height:100%;top:0;left:0;display:none;z-index:110}
.select_boxhs .select_boxhsCon{position:fixed;width:100%;bottom:0;left:0;overflow-x:hidden;overflow-y:auto;display:none;z-index:111}
.select_boxhs .select_boxhsCon ul{list-style-type:none;padding:0;margin:0;width:100%}
.select_boxhs .select_boxhsCon ul li{list-style-type:none;padding:0;margin:0;overflow:hidden}

/*此处样式自定义*/
.yourSelect01,.yourSelect02{ width: 4.267rem; height: 0.667rem; background: #fff;}
.yourSelect01 input,.yourSelect02 input{display:block; width: 3.707rem; height: 0.64rem; line-height: 0.64rem; font-size: 0.32rem; padding: 0 0.267rem; border: 1px solid #fce2ba; overflow:hidden; font-family: "Microsoft Yahei"; color:#777;}
.yourSelect01 input.on,.yourSelect02 input.on{ color: #333;}
.yourSelect01 i,.yourSelect02 i{display:block; width: 0.187rem; height: 0.147rem; top: 0.253rem; right: 0.2rem; transition:all .3s linear; background: url(/images/zhuanti/2026xinkaojiyouhui/icon_36.png) no-repeat; background-size: 100% 100%;}
.yourSelect01 i.on,.yourSelect02 i.on{transform:rotateZ(180deg)}
.yourSelect01 .select_boxhsBg,.yourSelect02 .select_boxhsBg{background:#000;opacity:.3}
.yourSelect01 .select_boxhsCon,.yourSelect02 .select_boxhsCon{max-height:7.2rem;background:#fff}
.yourSelect01 .select_boxhsCon ul li,.yourSelect02 .select_boxhsCon ul li{line-height:1.2rem;height:1.2rem;text-align:center;font-size:.4rem;font-family: "Microsoft Yahei";border-bottom:0.013rem solid #eee;}

/*中奖记录弹框*/
.zjjlTk{ display: none; width: 7.6rem; padding-bottom: 0.267rem; background: #fff; top: 50%; left: 50%; position: fixed; margin: 0 0 0 -3.8rem; z-index: 99; border-radius: 0 0 0.373rem 0.373rem; background: url(/images/zhuanti/2026xinkaojiyouhui/s_21.png) no-repeat; background-size: 100% auto;}
.zjjlTk .xx{ display: block; position: absolute; bottom: -1.267rem; left: 50%; margin-left: -0.467rem; width: 0.933rem; height: 0.933rem; background: url(/images/zhuanti/2026xinkaojiyouhui/icon_09.png) no-repeat; background-size: 100% 100%;}
.zjjlTk .tit{ padding: 2.96rem 0 0 0; line-height: 1.2rem; font-size: 0.533rem; font-weight: 700; color: #8d0000; text-align: center;}
.zjjlTk .tbox{ max-height: 6.667rem; overflow: auto; overflow-x: hidden; margin: 0.187rem 0.533rem 0.533rem;}
.zjjlTk .tbox .list{ height: 1.04rem; line-height: 1.04rem; font-size: 0.32rem; color: #8d0000; border-radius: 0.24rem; background: #fff7cf; margin-bottom: 0.133rem;}
.zjjlTk .tbox .list-txt{ float: left; display: block; margin-left: 0.4rem;}
.zjjlTk .tbox .list-time{ float: right; display: block; margin-right: 0.4rem;}
.zjjlTk .tbox .list-btn{ float: right; display: block; width: 1.333rem; height: 0.613rem; line-height: 0.613rem; text-align: center; font-size: 0.32rem; color: #fff; background: #ff951c; border-radius: 0.307rem; margin: 0.24rem 0.4rem 0 0;}

/*秒杀优惠券弹框*/
.receiveSuccessCoupon-pop{ display:none; position:fixed; left:50%; top:50%; z-index:850; width: 8.933rem; margin-left:-4.467rem; height: 9.867rem; text-align:center; background:url(/images/zhuanti/2026xinkaojiyouhui/receiveSuccessCoupon-bg.png) no-repeat; background-size:100% auto;}
.receiveSuccessCoupon-pop .close-btn01{ display:block; width:0.573rem; height:0.56rem; font-size:0; line-height:0; background:url(/images/zhuanti/2026xinkaojiyouhui/commonPop-close01.png) no-repeat; background-size:100% auto; position:absolute; top:0.267rem; right:0.933rem;}
.receiveSuccessCoupon-pop h4{ line-height:0.88rem; font-size:0.48rem; padding-top:2.4rem;}
.receiveSuccessCoupon-pop .prize{ line-height:2.4rem; font-size:1.867rem; color:#fb1600; font-weight:bold;}
.receiveSuccessCoupon-pop .prize b{ font-size:0.8rem; margin-right:0.133rem;}
.receiveSuccessCoupon-pop .coupon{ width: 5.867rem; height: 1.813rem; margin: 0 auto; display: -webkit-flex; display: flex; align-items: center; background: url(/images/zhuanti/2026xinkaojiyouhui/receiveSuccessCoupon-bg02.png) no-repeat; background-size:100% auto;}
.receiveSuccessCoupon-pop .coupon-list{ flex-grow: 1; text-align: center; color: #fff;}
.receiveSuccessCoupon-pop .coupon-list-tit{ line-height: 0.613rem; font-size: 0.267rem;}
.receiveSuccessCoupon-pop .coupon-list-tit b{ font-size: 0.507rem;}
.receiveSuccessCoupon-pop .coupon-list-txt{ line-height: 0.4rem; font-size: 0.24rem;}
.receiveSuccessCoupon-pop p{ line-height: 1.147rem; font-size:0.347rem; color:#666;}
.receiveSuccessCoupon-pop .btn{ display:block; width:3.387rem; height:0.853rem; line-height:0.853rem; font-size:0.4rem; color:#e00000; margin:1.067rem auto 0; font-weight:bold; background:url(/images/zhuanti/2026xinkaojiyouhui/receivePop-btn02.png) no-repeat; background-size:100%;}

/*规则弹框*/
.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/2026xinkaojiyouhui/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); }

/*提示弹框*/
.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/2026xinkaojiyouhui/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 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(12%);
    }
    100% {
        transform: translateY(0%);
    }
}

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

@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

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