/*
@author: he
@update: he (2026-10-16)
*/
@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: #ba002b;}
.ellipsis{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.ggfdTit{ position: absolute; top: 0.373rem; left: 0; width: 10rem; height: 2rem; text-align: center; background: url(/images/zhuanti/20261111/tit_01.png) no-repeat center bottom; background-size: 100% auto;}
.ggfdTit .titImg{ display: block; width: 100%; height: auto;}

/*页头*/
.header{ position: relative; z-index: 2; height: 12.933rem; overflow: hidden;}
.header .logo{ position: absolute; top: 0.547rem; left: 0.44rem; z-index: 10; width: 3.653rem; height: 0.64rem; display: block;}
.header .chbxb{ position: absolute; top: 0; left: 0; right: 0; z-index: 3;}
.header .chbxb-jb01{ position: absolute; top: 1.547rem; left: 1.2rem; z-index: 21; width: 1.4rem; height: 1.107rem; background:url(/images/zhuanti/20261111/jb_01.png) no-repeat; background-size: 100% 100%; -webkit-animation:floating 2s 0s infinite both; animation:floating 2s 0s infinite both;}
.header .chbxb-jb02{ position: absolute; top: 5.653rem; left: -0.133rem; z-index: 21; width: 2.64rem; height: 2.16rem; background:url(/images/zhuanti/20261111/jb_02.png) no-repeat; background-size: 100% 100%; -webkit-animation:floating 2s 1s infinite both; animation:floating 2s 1s infinite both;}
.header .chbxb-jb03{ position: absolute; top: 6.32rem; left: 7.307rem; z-index: 21; width: 2.347rem; height: 1.467rem; background:url(/images/zhuanti/20261111/jb_03.png) no-repeat; background-size: 100% 100%; -webkit-animation:floating 2s 1s infinite both; animation:floating 2s 1s infinite both;}
.header .shuangTime{ display: block; position: absolute; top: 10.8rem; left: 50%; z-index: 6; margin-left: -3.36rem; width: 6.72rem; height: 0.787rem; line-height: 0.773rem; text-align: center; font-size: 0.293rem; color: #fff; background: url(/images/zhuanti/20261111/bg_15.png) no-repeat; background-size: 100% 100%;}
.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;}
.header .cBox{ position: absolute; bottom: 0; left: 0; z-index: 10; width: 100%; height: 0.88rem; text-align: center;}
.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/20261111/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);}
.header .cBox-list.list01{ animation: kc infinite 4s 0s;}
.header .cBox-list.list02{ animation: kc infinite 4s 0.5s;}
.header .cBox-list.list03{ animation: kc infinite 4s 1s;}
.header .cBox-list.list04{ animation: kc infinite 4s 1.5s;}
.header .cBox-list.list05{ animation: kc infinite 4s 2s;}
.header.min{ height: 12.533rem;}
.header.min .shuangTime{ display: none;}
@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)
    }
}

/*学习机*/
.machine-mod{ position: relative; z-index: 1; padding-top: 2.347rem;}
.machine{ position: relative; z-index: 1; background: url(/images/zhuanti/20261111/tit_02.png) repeat-y; background-size: 100% auto; padding: 0.267rem 0;}
.machine:after{ position: absolute; left: 0; right: 0; bottom: 0; z-index: 1; content:" "; display:block; height: 0.533rem; background: url(/images/zhuanti/20261111/tit_03.png) no-repeat; background-size: 100% 100%;}
.machine .topBox{ margin-bottom: 0.4rem;}
.machine .topBox .swiper-container{ width: 9.733rem; height: 7.267rem; padding: 0 0.133rem;}
.machine .topBox .swiper-slide{ width: 6.08rem; height: 7.267rem; padding: 0 0.133rem;}
.machine .topBox .swiper-slide img{ width: 6.08rem; height: 7.267rem;}
.machine .cenBox{ position: relative; z-index: 1; margin: 0 0.267rem 0.4rem; border: 1px solid #fff; border-radius: 0.16rem; background: #fff;
    background: -webkit-linear-gradient(left, #ffe0b0 0%, #ffeed4 25%, #ffdca7 60%, #fdecd7 100%); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #ffe0b0 0%, #ffeed4 25%, #ffdca7 60%, #fdecd7 100%); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #ffe0b0 0%, #ffeed4 25%, #ffdca7 60%, #fdecd7 100%); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #ffe0b0 0%, #ffeed4 25%, #ffdca7 60%, #fdecd7 100%); /* 标准的语法 */}
.machine .cenBox .cTit{ position: absolute; top: -1px; left: -1px; right: -1px; height: 1.093rem; line-height: 1.093rem; border-radius: 0.16rem; border: 1px solid #fff; background: #fb401a;
    background: -webkit-linear-gradient(left, #f80138 0%, #ff7800 100%); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #f80138 0%, #ff7800 100%); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #f80138 0%, #ff7800 100%); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #f80138 0%, #ff7800 100%); /* 标准的语法 */}
.machine .cenBox .cTit-left{ float: left; font-size: 0.533rem; font-weight: 700; color: #fff; line-height: 1.067rem; margin-left: 0.4rem;}
.machine .cenBox .cTit-left b{ font-size: 0.773rem; vertical-align: -0.08rem;}
.machine .cenBox .cTit-icon{ float: right; display: block; padding: 0 0.48rem; height: 0.667rem; line-height: 0.667rem; text-align: center; font-size: 0.347rem; font-weight: 700; color: #fff; margin: 0.213rem 0.4rem 0 0; border-radius: 0.333rem 0.333rem 0.333rem 0; background: #fb401a;
    background: -webkit-linear-gradient(left, #8a00f4 0%, #d61efd 100%); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #8a00f4 0%, #d61efd 100%); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #8a00f4 0%, #d61efd 100%); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #8a00f4 0%, #d61efd 100%); /* 标准的语法 */}
.machine .cenBox .cCon{ padding: 1.333rem 0 0.133rem;}
.machine .cenBox .cCon-list{ float: left; width: 2.8rem; height: 0.747rem; line-height: 0.747rem; font-size: 0.32rem; color: #333; margin-left: 0.267rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.machine .cenBox .cFot{ width: 8.867rem; margin: 0 auto 0.16rem;}
.machine .cenBox .cFot img{ width: 100%; height: auto;}
.machine .botBox{ position: relative; z-index: 1; margin: 0 0.267rem 0.267rem;}
.machine .botBox .fdIcon{ position: absolute; top: -0.4rem; right: 0; width: 2.96rem; height: 0.533rem; background: url(/images/zhuanti/20261111/icon_40.png) no-repeat; background-size: 100% 100%;}
.machine .botBox .pricePic{ width: 100%; height: auto;}
.machine .fotBox{ position: absolute; bottom: 1.6rem; left: 0; right: 0; display: -webkit-flex; display: flex; justify-content: center;}
.machine .fotBox .btn01{ display: block; position: relative; z-index: 1; width: 4rem; height: 1.16rem; line-height: 1.067rem; text-align: center; font-size: 0.4rem; font-weight: 700; color: #fff; background:url(/images/zhuanti/20261111/icon_41.png) no-repeat; background-size: 100% 100%; margin: 0 0.293rem;}
.machine .fotBox .btn01 i{ display: block; position: absolute; top: -0.347rem; right: -0.4rem; width: 1.973rem; height: 0.693rem; line-height: 0.56rem; text-align: center; font-size: 0.293rem; font-weight: 700; color: #fff; font-style: oblique; background: url(/images/zhuanti/20261111/icon_03.png) no-repeat; background-size: 100% 100%;}
.machine .fotBox .btn02{ display: block; position: relative; z-index: 1; width: 4rem; height: 1.16rem; line-height: 1.067rem; text-align: center; font-size: 0.4rem; font-weight: 700; color: #fff; background:url(/images/zhuanti/20261111/icon_42.png) no-repeat; background-size: 100% 100%; -webkit-box-shadow:0 0.053rem 0.053rem rgba(255, 40, 40, 0.3); border-radius: 0.627rem; margin: 0 0.267rem;}
.machine .fotBox .btn02 i{ display: block; position: absolute; top: -0.347rem; right: -0.4rem; width: 1.973rem; height: 0.693rem; line-height: 0.56rem; text-align: center; font-size: 0.293rem; font-weight: 700; color: #fff; font-style: oblique; background: url(/images/zhuanti/20261111/icon_03.png) no-repeat; background-size: 100% 100%;}

/*抽奖*/
.luckMain-mod{ position: relative; z-index: 1; padding-top: 2.347rem;}
.luckMain{ background: url(/images/zhuanti/20261111/tit_02.png) repeat-y; background-size: 100% auto; padding: 0.267rem 0;}
.luckMain:after{ position: absolute; left: 0; right: 0; bottom: 0; z-index: 1; content:" "; display:block; height: 0.533rem; background: url(/images/zhuanti/20261111/tit_03.png) no-repeat; background-size: 100% 100%;}
.luckMain .gzBtn{ display: block; position: absolute; top: 1.493rem; right: 0; z-index: 3; width: 1.067rem; height: 0.667rem; line-height: 0.678rem; text-align: center; font-size: 0.293rem; color: #fff; 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); filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#99000000', endColorstr='#99000000');background:rgba(0,0,0,0.6);}
.luckMain .prizeList{ width: 9.6rem; height: 10.027rem; background:url(/images/zhuanti/20261111/bg_03.png) no-repeat; background-size: 100% 100%; margin: -0.133rem auto 0.4rem;}
.luckMain .prizeList li{ position: absolute; width:1.96rem; height:1.8rem; z-index: 1;}
.luckMain .prizeList li.pz1{ left:0.693rem; top:1.4rem; background:url(/images/zhuanti/20261111/lu_01.png) no-repeat; background-size: 100% 100%;}
.luckMain .prizeList li.on.pz1{ background:url(/images/zhuanti/20261111/lu_01_on.png) no-repeat; background-size: 100% 100%;}
.luckMain .prizeList li.pz2{ left:2.787rem; top:1.4rem; background:url(/images/zhuanti/20261111/lu_02.png) no-repeat; background-size: 100% 100%;}
.luckMain .prizeList li.on.pz2{ background:url(/images/zhuanti/20261111/lu_02_on.png) no-repeat; background-size: 100% 100%;}
.luckMain .prizeList li.pz3{ left:4.88rem; top:1.4rem; background:url(/images/zhuanti/20261111/lu_03.png) no-repeat; background-size: 100% 100%;}
.luckMain .prizeList li.on.pz3{ background:url(/images/zhuanti/20261111/lu_03_on.png) no-repeat; background-size: 100% 100%;}
.luckMain .prizeList li.pz4{ left:6.973rem; top:1.4rem; background:url(/images/zhuanti/20261111/lu_04.png) no-repeat; background-size: 100% 100%;}
.luckMain .prizeList li.on.pz4{ background:url(/images/zhuanti/20261111/lu_04_on.png) no-repeat; background-size: 100% 100%;}
.luckMain .prizeList li.pz5{ left:0.693rem; top:3.6rem; background:url(/images/zhuanti/20261111/lu_05.png) no-repeat; background-size: 100% 100%;}
.luckMain .prizeList li.on.pz5{ background:url(/images/zhuanti/20261111/lu_05_on.png) no-repeat; background-size: 100% 100%;}
.luckMain .prizeList li.pz6{ left:2.787rem; top:3.6rem; background:url(/images/zhuanti/20261111/lu_06.png) no-repeat; background-size: 100% 100%;}
.luckMain .prizeList li.on.pz6{ background:url(/images/zhuanti/20261111/lu_06_on.png) no-repeat; background-size: 100% 100%;}
.luckMain .prizeList li.pz7{ left:4.88rem; top:3.6rem; background:url(/images/zhuanti/20261111/lu_07.png) no-repeat; background-size: 100% 100%;}
.luckMain .prizeList li.on.pz7{ background:url(/images/zhuanti/20261111/lu_07_on.png) no-repeat; background-size: 100% 100%;}
.luckMain .prizeList li.pz8{ left:6.973rem; top:3.6rem; background:url(/images/zhuanti/20261111/lu_08.png) no-repeat; background-size: 100% 100%;}
.luckMain .prizeList li.on.pz8{ background:url(/images/zhuanti/20261111/lu_08_on.png) no-repeat; background-size: 100% 100%;}
.luckMain .prizeList li .icon{ position: absolute; left: -0.733rem; top: 0.267rem; width: 0.987rem;}
.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: 2.587rem; left:50%; margin-left: -2.44rem; background:url(/images/zhuanti/20261111/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/20261111/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 .prizeList .draw-list{ position: absolute; bottom: 0.4rem; left: 50%; margin-left: -4.4rem; width: 8.8rem; padding: 0.187rem 0; background: #ffe8b7; border-radius: 0.267rem;
    background: -webkit-linear-gradient(left, #fffce4, #fff9c6); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #fffce4, #fff9c6); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #fffce4, #fff9c6); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #fffce4, #fff9c6); /* 标准的语法 */}
.luckMain .prizeList .draw-list-tit{ position: relative; height: 0.853rem;}
.luckMain .prizeList .draw-list-tit-left{ position: absolute; left: 0.267rem; top: -0.347rem; width: 4.013rem; height: 1.213rem; background:url(/images/zhuanti/20261111/icon_31.png) no-repeat; background-size: 100% 100%;}
.luckMain .prizeList .draw-list-tit .wdjp-btn{ position: absolute; top:0.133rem; right:0.4rem; display: block; width: 2.107rem; height: 0.507rem; line-height: 0.507rem; text-align: center; font-size: 0.32rem; color: #fa6442; border: 0.027rem solid #fa6442; border-radius: 0.28rem;}
.luckMain .prizeList .swiper-drawList{ overflow: hidden; width: 8rem; height: 0.72rem; margin: 0 auto;}
.luckMain .prizeList .swiper-drawList .swiper-slide{ height: 0.72rem; line-height: 0.72rem; font-size: 0.347rem; color:#333;}
.luckMain .prizeList .swiper-drawList .swiper-slide span{ display:block; float:left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.luckMain .prizeList .swiper-drawList .swiper-slide span.t1{ width:2.533rem; margin-right: 0.267rem;}
.luckMain .prizeList .swiper-drawList .swiper-slide span.t2{ width:2.533rem; color: #ee5b0b; margin-right: 0.267rem;}
.luckMain .prizeList .swiper-drawList .swiper-slide span.t3{ width:2.4rem; text-align: right;}

.luckMain .koi{ position: relative; z-index: 1; width:9.6rem; height: 13rem; background:url(/images/zhuanti/20261111/bg_04.png) no-repeat; background-size: 100% 100%; margin: 0 auto 0.4rem;}
.luckMain .koi-tit{ position: relative; z-index: 1; height: 1.093rem; line-height: 1.093rem; text-align: center; font-size: 0.48rem; font-weight: 700; margin: 0 0 0.427rem; color: #fff;
    background: -webkit-linear-gradient(left, #feff99, #fffeea); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #feff99, #fffeea); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #feff99, #fffeea); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #feff99, #fffeea); /* 标准的语法 */
    -webkit-background-clip: text;
    color: transparent;}
.luckMain .koi-cen{ margin: 0 0.4rem 0.267rem;}
.luckMain .koi-cen-list{ position: relative; z-index: 1; padding-left: 0.827rem; line-height: 0.507rem; font-size: 0.32rem; margin-bottom: 0.133rem;}
.luckMain .koi-cen-list em{ font-size: 0.267rem;}
.luckMain .koi-cen-list .icon01{ position: absolute; left: 0; top: 0.067rem; width: 0.68rem; height: 0.733rem; background:url(/images/zhuanti/20261111/icon_35.png) no-repeat; background-size: 100% 100%;}
.luckMain .koi-cen-list .icon02{ position: absolute; left: 0; top: 0.147rem; width: 0.667rem; height: 0.667rem; background:url(/images/zhuanti/20261111/icon_36.png) no-repeat; background-size: 100% 100%;}
.luckMain .koi-fdPic{ position: relative; z-index: 1; width: 7.107rem; height: 3.373rem; background:url(/images/zhuanti/20261111/icon_34.png) no-repeat; background-size: 100% 100%; margin: 0 auto 0.32rem;}
.luckMain .koi-fdPic-txt{ position: absolute; left: 0; top: 0; width: 100%; line-height: 1.093rem; font-size: 0.373rem; font-weight: 700; color: #510001;}
.luckMain .koi-fdPic-txt span{ color: #fff;}
.luckMain .koi-fdPic-txt b{ display: inline-block; width: 0.667rem; height: 0.667rem; line-height: 0.667rem; font-size: 0.347rem; color: #fff; text-align: center; font-weight: 700; background: #690209; border-radius: 0.08rem; margin: 0 0.133rem;}
.luckMain .koi-fdBtn{ display: block; width: 6.347rem; height: 1.28rem; line-height: 1.093rem; text-align: center; font-size: 0.427rem; color: #fff; font-weight: 700; background:url(/images/zhuanti/20261111/icon_33.png) no-repeat; background-size: 100% 100%; margin: 0 auto 0.24rem;}
.luckMain .koiBot{ margin: 0 0.667rem;}
.luckMain .koiBot-tit{ height: 1.067rem;}
.luckMain .koiBot-tit-left{ float: left; line-height: 1.067rem; font-size: 0.48rem; font-weight: 700; color: #900213; margin-left: 0.933rem;
    background: -webkit-linear-gradient(left, #a20218, #530001); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #a20218, #530001); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #a20218, #530001); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #a20218, #530001); /* 标准的语法 */
    -webkit-background-clip: text;
    color: transparent;}
.luckMain .koiBot-tit-right{ float: right; line-height: 1.067rem; font-size: 0.32rem; color: #500000;}
.luckMain .koiBot-tit-right b{ color: #ec0000;}
.luckMain .koiBot-list{ position: relative; z-index: 1; overflow: hidden; width: 100%; padding: 0.267rem 0 0 0;}
.luckMain .koiBot-list .swiper-koiList{ overflow: hidden; width: 100%; height: 2.08rem;}
.luckMain .koiBot-list .swiper-koiList .swiper-slide{ height: 0.693rem; line-height:0.693rem; font-size:0.293rem; color:#333;}
.luckMain .koiBot-list .swiper-koiList .swiper-slide span{ display:block; float:left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.luckMain .koiBot-list .swiper-koiList .swiper-slide span.t1{ position: relative; z-index: 1; width: 2.4rem; padding-left: 0.533rem;}
.luckMain .koiBot-list .swiper-koiList .swiper-slide span.t1 b{ position: absolute; left: 0; top: 0.147rem; display: block; width: 0.4rem; height: 0.4rem; line-height: 0.4rem; font-size: 0.373rem; color: #f40224; text-align: center;}
.luckMain .koiBot-list .swiper-koiList .swiper-slide span.t2{ width: 2.133rem; color: #ee5b0b; text-align: right; margin-right: 0.267rem;}
.luckMain .koiBot-list .swiper-koiList .swiper-slide span.t3{ width:2.8rem; text-align: right;}

/*立即领券*/
.coupon-wrap{ padding: 0.2rem 0 0.4rem; background: url(/images/zhuanti/20261111/tit_02.png) repeat-y; background-size: 100% auto;}
.coupon-wrap .gzBtn{ display: block; position: absolute; top: 0; right: 0; z-index: 3; width: 1.067rem; height: 0.667rem; line-height: 0.678rem; text-align: center; font-size: 0.293rem; color: #fff; 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); filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#99000000', endColorstr='#99000000');background:rgba(0,0,0,0.6);}
.coupon-mod{ position: relative; z-index: 1; width: 9.467rem; height:3.72rem; margin: 0 auto; background:url(/images/zhuanti/20261111/coupon-bg.png) no-repeat; background-size: 100% 100%;}
.coupon-mod .couTit{ height: 0.907rem; line-height: 0.907rem; padding: 0.307rem 0 0 0.533rem; font-size: 0.427rem; font-weight: 700; margin-bottom: 0.333rem;}
.coupon-mod .couTit b{ color: #f40023;}
.coupon-mod .couList{ width:4.44rem; height: 1.373rem; display: block;}
.coupon-mod .couList .prizeBox{ float: left; width: 2.787rem; text-align: center;}
.coupon-mod .couList .prizeBox .prize{ height: 0.773rem; line-height:0.773rem; font-size:0.693rem; color:#fff; font-weight:bold; padding:0.107rem 0.187rem 0 0;}
.coupon-mod .couList .prizeBox .prize span{ display: inline-block; font-size:0.347rem; margin-right: 0.08rem;}
.coupon-mod .couList .prizeBox .text{ height: 0.293rem; line-height: 0.293rem; font-size:0.24rem; color:#fff;}
.coupon-mod .couList .btn-wrap{ float: right; width: 1.427rem; height: 1.427rem; padding: 0.053rem 0.107rem 0 0;}
.coupon-mod .couList .btn-wrap .receive-btn{ display:block; width: 1.427rem; height: 1.427rem; line-height: 1.28rem; font-size: 0.32rem; text-align: center; font-weight: 700; color: #ef0d03; background:url(/images/zhuanti/20261111/receivePop-btn04.png) no-repeat; background-size: 100% 100%;}
.coupon-mod .couList .btn-wrap .receive-btn.on{ animation: pulse2 1.5s ease infinite; -webkit-animation: pulse2 1.5s ease infinite;}
.coupon-mod .couList .btn-wrap .receive-btn.use-tags{ color: #999; background:url(/images/zhuanti/20261111/receivePop-btn05.png) no-repeat; background-size: 100% 100%;}
.coupon-mod .couList.fl{ float: left; margin-left: 0.2rem;}
.coupon-mod .couList.fr{ float: right; margin-right: 0.2rem;}
.coupon-mod .couFot{ clear: both; text-align: center; height: 0.773rem; line-height: 0.773rem; font-size: 0.267rem; color: #5f5f5f;}

/* 课程 */
.course-wrap{ position: relative; z-index: 1; padding-top: 2.347rem;}
.course-wrap:after{ position: absolute; left: 0; right: 0; bottom: 0; z-index: 1; content:" "; display:block; height: 0.533rem; background: url(/images/zhuanti/20261111/tit_03.png) no-repeat; background-size: 100% 100%;}
.course-wrap .kcgzBtn{ display: block; position: absolute; top: 1.493rem; right: 0; z-index: 3; width: 1.067rem; height: 0.667rem; line-height: 0.678rem; text-align: center; font-size: 0.293rem; color: #fff; 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); filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#99000000', endColorstr='#99000000');background:rgba(0,0,0,0.6);}

/*课程导航*/
.classify-nav-box{width:10rem; height:2.053rem; display: none;}
.classify-nav{ position: relative; clear: both; width: 10rem; height: 2.053rem; z-index: 90; background: url(/images/zhuanti/20261111/tit_02.png) repeat-y; background-size: 100% auto;}
.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(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; padding-top: 0.2rem; background: url(/images/zhuanti/20261111/tit_02.png) repeat-y; background-size: 100% auto;}
.course-wrap .course-banner{ width: 100%; height: 3.853rem; text-align: center;}
.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/20261111/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/20261111/icon_13.png) no-repeat; background-size: 100% 100%;}
.course-wrap .course .course-con .course-type{ height: 0.747rem; background:#bb2dfe;
    background: -webkit-linear-gradient(left, #eb17fe, #8944ff); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #eb17fe, #8944ff); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #eb17fe, #8944ff); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #eb17fe, #8944ff); /* 标准的语法 */}
.course-wrap .course .course-con .course-type .list{ visibility: hidden; height: 0.747rem; display: -webkit-flex; display: flex; flex-wrap: wrap; align-items: center; align-content: center;}
.course-wrap .course .course-con .course-type .list-tit{ padding-left: 0.293rem; height: 0.267rem; line-height: 0.267rem; font-size: 0.24rem; color: #fff; font-weight: 700; margin: 0 0.133rem; background:url(/images/zhuanti/20261111/icon_43.png) no-repeat left -0.013rem; background-size: 0.2rem 0.293rem;}
.course-wrap .course .course-con .course-type .list-tit span{ color: #fcff00;}
.course-wrap .course .course-con .course-type .list-txt{ padding-left: 0.293rem; height: 0.267rem; line-height: 0.267rem; font-size: 0.187rem; color: #fff; margin: 0 0.133rem;}
.course-wrap .course .course-con .course-type .list-txt span{ color: #fcff00;}
.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: url(/images/zhuanti/20261111/tit_02.png) repeat-y; background-size: 100% auto;}
.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/20261111/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/20261111/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);}
.course-wrap .fxfBox-mod{ padding-bottom: 0.6rem; background: url(/images/zhuanti/20261111/tit_02.png) repeat-y; background-size: 100% auto;}
.course-wrap .fxfBox{ position: relative; z-index: 1; width: 9.507rem; height: 4.947rem; margin: 0 auto; background:url(/images/zhuanti/20261111/bg_12.png) no-repeat; background-size: 100% 100%;}
.course-wrap .fxfBox-txt{ position: absolute; top: 1.52rem; left: 0.533rem; right: 3.867rem;}
.course-wrap .fxfBox-txt-list{ position: relative; z-index: 1; padding-left: 0.347rem; line-height: 0.427rem; font-size: 0.32rem; margin-bottom: 0.187rem;}
.course-wrap .fxfBox-txt-list i{ position: absolute; left: 0; top: 0; height: 0.4rem; line-height: 0.4rem; font-size: 0.32rem; font-weight: 700;}
.course-wrap .fxfBox-txt-list strong{ color: #f40224;}
.course-wrap .fxfBox-btn{ position: absolute; bottom: 0.16rem; left:50%; display: block; width:4.88rem; height:1.28rem; line-height: 1.12rem; text-align: center; font-size: 0.427rem; color: #fff; font-weight: 700; margin-left: -2.44rem; background:url(/images/zhuanti/20261111/icon_01.png) no-repeat; background-size: 100% 100%;}

/*vip面授班*/
.courseVip-mod{ position: relative; z-index: 1; padding-top: 2.347rem;}
.courseVip-mod .ggfdTit{ background: url(/images/zhuanti/20261111/tit_01.png) no-repeat center bottom; background-size: 100% auto;}
.courseVip{ padding: 0 0 0.533rem; background: url(/images/zhuanti/20261111/tit_02.png) repeat-y; background-size: 100% auto;}
.courseVip:after{ position: absolute; left: 0; right: 0; bottom: 0; z-index: 1; content:" "; display:block; height: 0.533rem; background: url(/images/zhuanti/20261111/tit_03.png) no-repeat; background-size: 100% 100%;}
.courseVip .gzBtn{ display: block; position: absolute; top: 1.493rem; right: 0; z-index: 3; width: 1.067rem; height: 0.667rem; line-height: 0.678rem; text-align: center; font-size: 0.293rem; color: #fff; 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); filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#99000000', endColorstr='#99000000');background:rgba(0,0,0,0.6);}
.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/20261111/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{ position: relative; z-index: 1; float: left; width: 25%; height: 0.8rem; line-height: 0.8rem; text-align: center; font-size: 0.347rem; 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 .tbox li .fdIcon{ position: absolute; top: 0.08rem; left: -0.613rem; display: block; width: 0.933rem; height: 0.733rem;}
.courseVip .conBox .tbox li .fdIcon img{ width: 100%; height: 100%;}
.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/20261111/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/20261111/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/20261111/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);}

/*资料拼团*/
.dataGroup-warp{ position: relative; z-index: 1; padding-top: 2.347rem;}
.dataGroup{ padding: 0.267rem 0 0.667rem; background: url(/images/zhuanti/20261111/tit_02.png) repeat-y; background-size: 100% auto;}
.dataGroup:after{ position: absolute; left: 0; right: 0; bottom: 0; z-index: 1; content:" "; display:block; height: 0.533rem; background: url(/images/zhuanti/20261111/tit_03.png) no-repeat; background-size: 100% 100%;}
.dataGroup .conBox{ padding: 0.4rem 0 0.267rem; background: #fef8eb; border-radius: 0.267rem; margin: 0 0.2rem;}
.dataGroup .conBox .tbox{ height: 0.8rem; margin-bottom: 0.133rem;}
.dataGroup .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); /* 标准的语法 */}
.dataGroup .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;}
.dataGroup .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);}
.dataGroup .conBox .cbox{ display: none;}
.dataGroup .conBox .cbox .subTit{ height: 0.853rem; text-align: center; margin: 0 0.2rem 0.133rem;}
.dataGroup .conBox .cbox .subTit .swiper-slide{ width: auto; height: 0.853rem; line-height: 0.853rem; font-size: 0.347rem; margin: 0 0.2rem;}
.dataGroup .conBox .cbox .subTit .swiper-slide.on{ color: #e40b2a; font-weight: 700;}
.dataGroup .conBox .cbox .subTit .swiper-wrapper.center{ display: block!important; text-align: center;}
.dataGroup .conBox .cbox .subTit .swiper-wrapper.center .swiper-slide{ display: inline-block;}
.dataGroup .conBox .cbox .subCon{ display: none; padding: 0.2rem 0; text-align: center; margin: 0 0.2rem; background: #ffe7c5; border-radius: 0.133rem;}
.dataGroup .conBox .cbox .subCon .list{ display: inline-block; width: 4rem; height: 7.467rem; margin: 0.2rem; background: #fff; border-radius: 0.133rem; -webkit-box-shadow:0 0 0.187rem rgba(255, 218, 153, 0.36); -moz-box-shadow:0 0 0.187rem rgba(255, 218, 153, 0.36); box-shadow:0 0 0.187rem rgba(255, 218, 153, 0.36);}
.dataGroup .conBox .cbox .subCon .list-pic{ position: relative; z-index: 1; width: 3.413rem; height: 4.693rem; margin: 0.267rem auto;}
.dataGroup .conBox .cbox .subCon .list-pic img{ width: 3.413rem; height: 4.693rem;}
.dataGroup .conBox .cbox .subCon .list-pic .txt{ display: block; position: absolute; left: 0; right: 0; bottom: 0; padding: 0.133rem 0.267rem; height: 0.96rem; display: -webkit-flex; display: flex; justify-content: center; align-items: center; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#99000000', endColorstr='#99000000');background:rgba(0,0,0,0.6);}
.dataGroup .conBox .cbox .subCon .list-pic .txt span{ display: inline-block; text-align: center; line-height: 0.48rem; font-size: 0.32rem; color: #fff; overflow:hidden; display: -webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.dataGroup .conBox .cbox .subCon .list-price{ height: 0.613rem; line-height: 0.613rem; text-align: center; font-size: 0.32rem; margin-bottom: 0.267rem;}
.dataGroup .conBox .cbox .subCon .list-price .newPrice{ display: inline-block; color: #d52121;}
.dataGroup .conBox .cbox .subCon .list-price .newPrice b{ font-size: 0.373rem;}
.dataGroup .conBox .cbox .subCon .list-price .oldPrice{ display: inline-block; color: #999; text-decoration: line-through; margin-left: 0.32rem;}
.dataGroup .conBox .cbox .subCon .list-btn{ display: block; width: 2.933rem; height: 0.827rem; line-height: 0.827rem; text-align: center; font-size: 0.373rem; color: #fff; border-radius: 0.413rem; margin: 0 auto; background: #fb4c31;
    background: -webkit-linear-gradient(left, #ff8f0f, #f60854); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #ff8f0f, #f60854); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #ff8f0f, #f60854); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #ff8f0f, #f60854); /* 标准的语法 */}
.dataGroup .conBox .ewmBtn{ padding-top: 0.267rem; text-align: center;}
.dataGroup .conBox .ewmBtn .btn{ display: inline-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/20261111/icon_01.png) no-repeat; background-size: 100% 100%;}

/*老粉返现价*/
.freeQuestion-wrap{ position: relative; z-index: 1; padding-top: 2.347rem;}
.freeQuestion-wrap .ggfdTit{ background: url(/images/zhuanti/20261111/tit_01.png) no-repeat center bottom; background-size: 100% auto;}
.freeQuestion-con{ padding: 0.267rem 0 0.533rem; background: url(/images/zhuanti/20261111/tit_02.png) repeat-y; background-size: 100% auto;}
.freeQuestion-con:after{ position: absolute; left: 0; right: 0; bottom: 0; z-index: 1; content:" "; display:block; height: 0.533rem; background: url(/images/zhuanti/20261111/tit_03.png) no-repeat; background-size: 100% 100%;}
.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 .fdIcon{ position: absolute; top: -0.32rem; right: 0.133rem; display: block; padding: 0 0.267rem; height: 0.613rem; line-height: 0.613rem; font-size: 0.293rem; color: #fff; border: 1px solid #fec7ed; border-radius: 0.32rem;
    background: -webkit-linear-gradient(left, #de04ff, #a200ff); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #de04ff, #a200ff); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #de04ff, #a200ff); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #de04ff, #a200ff); /* 标准的语法 */}
.freeQuestion .conBox .fdIcon span{ color: #fff112;}
.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.ml0{ 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/20261111/icon_15.png) no-repeat; background-size: 100% 100%;}
.freeQuestion .conBox.bg01{ background:url(/images/zhuanti/20261111/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/20261111/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-wrap{ position: relative; z-index: 1; padding-top: 2.347rem;}
.bookMain{ background: url(/images/zhuanti/20261111/tit_02.png) repeat-y; background-size: 100% auto;}
.bookMain:after{ position: absolute; left: 0; right: 0; bottom: 0; z-index: 1; content:" "; display:block; height: 0.533rem; background: url(/images/zhuanti/20261111/tit_03.png) no-repeat; background-size: 100% 100%;}
.bookMain .gzBtn{ display: block; position: absolute; top: 1.493rem; right: 0; z-index: 3; width: 1.067rem; height: 0.667rem; line-height: 0.678rem; text-align: center; font-size: 0.293rem; color: #fff; 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); filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#99000000', endColorstr='#99000000');background:rgba(0,0,0,0.6);}
.bookMain .conBox{ padding: 0.267rem 0 0.4rem; 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: 50%; 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/20261111/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/20261111/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-warp{ position: relative; z-index: 1; padding-top: 2.347rem;}
.liveMain-warp .ggfdTit{ background: url(/images/zhuanti/20261111/tit_01.png) no-repeat center bottom; background-size: 100% auto;}
.liveMain{ padding: 0.267rem 0 0.667rem; background: url(/images/zhuanti/20261111/tit_02.png) repeat-y; background-size: 100% auto;}
.liveMain:after{ position: absolute; left: 0; right: 0; bottom: 0; z-index: 1; content:" "; display:block; height: 0.533rem; background: url(/images/zhuanti/20261111/tit_03.png) no-repeat; background-size: 100% 100%;}
.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/20261111/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/20261111/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年品牌 */
.brand{ padding-top: 0.533rem;}
.brand img{ overflow: hidden; width: 100%; height: auto;}

/*右侧浮动*/
.fix-top{ position:fixed; right:.13rem; bottom:1.5rem; display:block; width:1.2rem; height:1.2rem; z-index:92; background:url(/images/zhuanti/20261111/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/20261111/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: 6.733rem; height: 10.12rem; background: url(/images/zhuanti/20261111/s_20.png) no-repeat; background-size: 100% 100%; top: 50%; left: 50%; position: fixed; margin: 0 0 0 -3.36rem; z-index: 99;}
.cjTk .xx{ display: block; position: absolute; top: -0.8rem; right: 0; width: 0.6rem; height: 0.6rem; background: url(/images/zhuanti/20261111/icon_09.png) no-repeat; background-size: 100% 100%;}
.cjTk .ttxt{ padding-top: 0.4rem; line-height: 0.4rem; font-size: 0.373rem; font-weight: 700; color: #333; text-align: center;}
.cjTk .tbox .tpic{ position: relative; z-index: 1; display: block; width: 4.067rem; height: 2.973rem; margin: 0 auto;}
.cjTk .tbox .tpic img{ width: 100%; height: 100%;}
.cjTk .cbox{ margin-bottom: 0.533rem;}
.cjTk .cbox-tit{ height: 0.8rem; line-height: 0.8rem; text-align: center; font-size: 0.4rem; color: #da0f41; font-weight: 700;}
.cjTk .cbox-list{ width: 5.333rem; height: 0.667rem; clear: both; margin: 0 auto 0.2rem; background: #ffeee3; border-radius: 0.08rem;}
.cjTk .cbox-list .ltxt{ width: 1.733rem; line-height: 0.667rem; font-size: 0.267rem; padding-right: 0.133rem; text-align: right;}
.cjTk .cbox-list .inptxt{ width: 3.333rem; height: 0.667rem; line-height: 0.667rem; font-size: 0.267rem; border: none; background: none;}
.cjTk .cbox-list .inptxt.min{ width: 1.6rem; margin-right: 0.133rem;}
.cjTk .han{ text-align: center; padding-top: 0.133rem;}
.cjTk .han .ctxt{ display: none; line-height: 0.8rem; font-size: 0.293rem; color: #fff; text-align: center;}
.cjTk .han .ctxt a{ color: #fff; text-decoration: underline;}
.cjTk .han .bhan{ display:block; width:4rem; height:0.8rem; line-height:0.8rem; font-size:0.32rem; text-decoration:none; color:#3d0000; margin:0 auto; font-weight:bold; background:url(/images/zhuanti/20261111/receivePop-btn02.png) no-repeat; background-size: 100% 100%;}
.cjTk.xncjTk{ display: none; height: 6.627rem; background: url(/images/zhuanti/20261111/s_21.png) no-repeat; background-size: 100% 100%; top: 50%; left: 50%; position: fixed; margin: 0 0 0 -3.36rem; z-index: 99;}
.cjTk.xncjTk .ttxt{ padding-top: 0.533rem;}
.cjTk.xncjTk .han{ padding-top: 0.533rem;}

/*中奖记录弹框*/
.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/20261111/s_22.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/20261111/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;}

/*膨胀优惠券弹框*/
.receiveCoupon-pop{ display:none; position:fixed; left:50%; top:50%; z-index:99; width:7.027rem; margin-left:-3.507rem; background:#fff5f8; border-radius:0.16rem; padding-bottom:0.373rem;}
.receiveCoupon-pop .close-btn01{ display:block; width:0.48rem; height:0.48rem; line-height:0; font-size:0; position:absolute; top:-0.8rem; right:0; background: url(/images/zhuanti/20261111/icon_06.png) no-repeat; background-size: 100% 100%;}
.receiveCoupon-pop .tit01{ line-height:0.987rem; text-align:center; font-size:0.48rem; padding-top:0.267rem;}
.receiveCoupon-pop .tit01 span{ display: inline-block; width: 1.6rem; height: 0.453rem; margin-right: 0.133rem; vertical-align:-0.067rem;}
.receiveCoupon-pop .tit01 span img{ width: 100%; height: 100%;}
.receiveCoupon-pop .tit02{ line-height:0.4rem; text-align:center; font-size:0.267rem; color:#666;}
.receiveCoupon-pop .tit02 span{ color:#ff2224;}
.receiveCoupon-pop .con{ padding:0.267rem 0.64rem 0 0.693rem;}
.receiveCoupon-pop .con .coupon-left{ width:2.187rem; height:2.12rem; margin-top:1.04rem; text-align:center; background:url(/images/zhuanti/20261111/receivePop-bg01.png) no-repeat; background-size: 100% 100%;}
.receiveCoupon-pop .con .coupon-left .prize{ line-height:0.587rem; font-size:0.587rem; color:#fb1600; font-weight:bold; padding-top:0.133rem;}
.receiveCoupon-pop .con .coupon-left .prize b{ font-size:0.267rem; vertical-align:0.027rem; margin-right:0.053rem;}
.receiveCoupon-pop .con .coupon-left .txt{ height: 0.507rem; line-height:0.507rem; color:#852625; font-size: 0.213rem;}
.receiveCoupon-pop .con .coupon-left .type{ height: 0.507rem; line-height:0.507rem; color:#fff; font-size: 0.24rem; margin-top: 0.16rem;}
.receiveCoupon-pop .con .coupon-left:before{ content:""; width:0.787rem; height:0.413rem; position:absolute; right:-0.667rem; bottom:0.107rem; background:url(/images/zhuanti/20261111/receivePop-ico02.png) no-repeat; background-size: 100% 100%;}
.receiveCoupon-pop .con .coupon-right{ width:3.28rem; height:3.16rem; text-align:center; background:url(/images/zhuanti/20261111/receivePop-bg02.png) no-repeat; background-size: 100% 100%;}
.receiveCoupon-pop .con .coupon-right .prize{ line-height:0.907rem; font-size:0.88rem; color:#fb1600; font-weight:bold; padding-top:0.293rem;}
.receiveCoupon-pop .con .coupon-right .prize b{ font-size:0.4rem; margin-right:0.187rem;}
.receiveCoupon-pop .con .coupon-right .txt{ height: 0.507rem; line-height:0.507rem; color:#852625; font-size: 0.213rem;}
.receiveCoupon-pop .con .coupon-right .type{ height: 0.507rem; line-height:0.507rem; color:#fff; font-size: 0.267rem; margin-top: 0.4rem;}
.receiveCoupon-pop .btn-wrap{ text-align:center; padding:0.533rem 0 0;}
.receiveCoupon-pop .btn-wrap .btn{ display:block; width:3.547rem; height:0.947rem; font-size:0.293rem; margin:0 auto; text-decoration:none; color:#fff; font-weight:bold; line-height:0.827rem; text-align:center; padding-right:0.2rem; background:url(/images/zhuanti/20261111/receivePop-btn01.png) no-repeat; background-size: 100% 100%;}

/*优惠券弹框*/
.receiveSuccessCoupon-pop{ display:none; position:fixed; left:50%; top:50%; z-index:99; width:6.747rem; height:5.507rem; padding: 2.507rem 0 0 0; margin-left:-3.373rem; text-align:center; background:url(/images/zhuanti/20261111/receiveSuccessCoupon-bg.png) no-repeat; background-size: 100% 100%;}
.receiveSuccessCoupon-pop .close-btn01{ display:block; width:0.48rem; height:0.48rem; line-height:0; font-size:0; position:absolute; top:1.067rem; right:0; background: url(/images/zhuanti/20261111/icon_06.png) no-repeat; background-size: 100% 100%;}
.receiveSuccessCoupon-pop h4{ height: 0.987rem; line-height: 0.987rem; font-size: 0.4rem;}
.receiveSuccessCoupon-pop h4 .icon{ display: inline-block; width: 1.6rem; height: 0.453rem; margin-right: 0.133rem; vertical-align: -0.067rem;}
.receiveSuccessCoupon-pop h4 .icon img{ width: 100%; height: 100%;}
.receiveSuccessCoupon-pop .prizeBox{ position: relative; z-index: 1; height: 2.133rem; text-align: center;}
.receiveSuccessCoupon-pop .prizeBox-list{ display: inline-block; width: 2.773rem; height: 1.747rem; text-align: center; margin: 0.187rem 0.04rem 0; background: url(/images/zhuanti/20261111/receivePop-ico05.png) no-repeat; background-size: 100% 100%;}
.receiveSuccessCoupon-pop .prizeBox-list .prize{ padding-top: 0.08rem; height: 1.2rem; line-height: 1.2rem; font-size: 0.533rem; color: #fb1600; font-weight: 700;}
.receiveSuccessCoupon-pop .prizeBox-list .prize b{ font-size: 1.067rem; vertical-align: -0.027rem;}
.receiveSuccessCoupon-pop .prizeBox-list .txt{ height: 0.24rem; font-size: 0.213rem; line-height: 0.24rem; font-weight: 700;}
.receiveSuccessCoupon-pop .prizeBox-jia{ display: inline-block; width: 0.36rem; height: 0.36rem; background: url(/images/zhuanti/20261111/receivePop-ico03.png) no-repeat; vertical-align: 0.48rem; background-size: 100% 100%;}
.receiveSuccessCoupon-pop .prizeBox .fdIcon{ position: absolute; top: -0.347rem; right: 0.187rem; z-index: 5; width: 1.107rem; height: 1.107rem; background: url(/images/zhuanti/20261111/receivePop-ico04.png) no-repeat; background-size: 100% 100%;}
.receiveSuccessCoupon-pop .type{ height: 0.24rem; line-height:0.24rem; font-size:0.213rem; color:#666;}
.receiveSuccessCoupon-pop .btn{ display:block; width:4rem; height:0.8rem; line-height:0.8rem; font-size:0.293rem; text-decoration:none; color:#3d0000; margin:0.933rem auto 0; font-weight:bold; background:url(/images/zhuanti/20261111/receivePop-btn02.png) no-repeat; background-size: 100% 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/20261111/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/20261111/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;}

/*资料拼团弹出框*/
.dataGroupTk{ display: none; width: 6.307rem; height: 7.68rem; background: url(/images/zhuanti/20261111/bg_31.png) no-repeat; background-size: 100% 100%; top: 50%; left: 50%; position: fixed; margin: 0 0 0 -3.147rem; z-index: 99;}
.dataGroupTk .xx{ display:block; width:0.64rem; height:0.64rem; position:absolute; right:0; top:0; background: url(/images/zhuanti/20261111/icon_09.png) no-repeat; background-size: 100% 100%;}
.dataGroupTk .tbtn{ position: absolute; top: 5.36rem; left: 50%; display: block; margin-left: -2.507rem; width: 5.027rem; height: 1.067rem; line-height: 1.067rem; text-align: center; font-size: 0.427rem; color: #6d0406; font-weight: 700; background: url(/images/zhuanti/20261111/icon_50.png) no-repeat; background-size: 100% 100%;}
.dataGroupTk .bbtn{ position: absolute; bottom: 0.333rem; left: 50%; margin-left: -1.333rem; width: 2.667rem; height: 0.667rem; text-align: center; line-height: 0.667rem; font-size: 0.347rem; color: #fff;}

.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;
}

@-webkit-keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }

    50% {
        opacity: 1;
    }
}

@keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }

    50% {
        opacity: 1;
    }
}

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

@-webkit-keyframes zoomInTurn {
    from {
        opacity: 1;
        -webkit-transform: rotate(0deg) scale(0);
        transform: rotate(0deg) scale(0);
    }
    100% {
        opacity: 1;
        -webkit-transform: rotate(720deg) scale(1);
        transform: rotate(720deg) scale(1);
    }
}

@keyframes zoomInTurn {
    from {
        opacity: 1;
        -webkit-transform: rotate(0deg) scale(0);
        transform: rotate(0deg) scale(0);
    }

    100% {
        opacity: 1;
        -webkit-transform: rotate(720deg) scale(1);
        transform: rotate(720deg) scale(1);
    }
}

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