/*
@author: he
@update: he (2023-05-31)
*/
@charset "utf-8";

body {
    font-family: "Helvetica Neue", Helvetica, Microsoft Yahei, arial, STHeiTi, sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    margin: 0 auto;
    padding: 0;
    background: #fff;
    color: #333;
    font-size: 0.32rem;
}

p,
ul,
ol,
dl,
dt,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
form,
input,
select,
button,
textarea,
iframe {
    margin: 0;
    padding: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

/* video embed,
video object,
video iframe,
video {
    width: 100%;
    height: auto;
} */

img {
    max-width: 100%;
    border: 0;
}

li,
ol,
ul {
    list-style: none
}

i,
em,
cite {
    font-style: normal;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
    *zoom: 1;
}

a {
    text-decoration: none;
    outline: none;
}

textarea {
    resize: none
}

input[type="text"],
input[type="password"],
select,
textarea,
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    outline: 0;
    -webkit-user-modify: read-write-plaintext-only;
    -webkit-appearance: none;
    font-family: "Helvetica Neue", Helvetica, Microsoft Yahei, arial, STHeiTi, sans-serif;
}

.pr {
    position: relative;
}

.abs {
    position: absolute
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.tl {
    text-align: left;
}

.tc {
    text-align: center;
}

.tr {
    text-align: right;
}

.wrap {
    min-width: 320px;
    max-width: 768px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    background: #e73e00;
}

.ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.ggtit {
    position: absolute;
    top: 0.533rem;
    left: 0;
    z-index: 2;
    width: 10rem;
    height: 1.573rem;
    line-height: 1.44rem;
    text-align: center;
    font-size: 0.507rem;
    font-weight: 700;
    color: #fff;
    font-style: oblique;
    background: url(/images/zhuanti/20241212/tit_01.png) no-repeat;
    background-size: 100% 100%;
    -webkit-text-shadow: 0 0.067rem 0.067rem rgba(252, 82, 59, 0.54);
    -moz-text-shadow: 0 0.067rem 0.067rem rgba(252, 82, 59, 0.54);
    text-shadow: 0 0.067rem 0.067rem rgba(252, 82, 59, 0.54);
}

/*婵犵绱曢崑鎴﹀磹濠靛棭鐒界憸鏃€淇婇悽鍛婃櫢闁跨噦鎷�*/
.headerBg .header_con {
    position: relative;
    z-index: 2;
    height: 13rem;
}

.headerBg .header_con .logo {
    position: absolute;
    top: .3733rem;
    left: .4533rem;
    z-index: 10;
    width: 2.88rem;
    height: .8rem;
    display: block;
}

.headerBg .header_con .shuangTime {
    position: absolute;
    top: 10.56rem;
    left: 1.28rem;
    z-index: 6;
    width: 7.44rem;
    height: 0.88rem;
    line-height: 0.94rem;
    text-align: center;
    font-size: 0.293rem;
    color: #fff;
}

.headerBg .header_con .shuangTime b {
    display: inline-block;
    margin: 0 0.107rem;
    width: 0.613rem;
    height: 0.453rem;
    line-height: 0.453rem;
    color: #f74529;
    background: #fff;
    border-radius: 0.053rem;
    font-size: 0.4rem;
    vertical-align: 0;
}

.headerBg .header_con .cBox {
    position: absolute;
    top: 11.5567rem;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 0.88rem;
    text-align: center;
}

.headerBg .header_con .cBox-list {
    display: inline-block;
    width: 2.1867rem;
    height: 0.88rem;
    line-height: 0.88rem;
    text-align: center;
    font-size: 0.32rem;
    color: #fff;
    margin: 0 0.04rem;
    border-radius: 0.44rem;
    background: url(/images/zhuanti/20241212/bg_11.png) no-repeat;
    background-size: 100% 100%;
    -webkit-box-shadow: 0 0.067rem 0.133rem rgba(172, 2, 26, 0.67);
    -moz-box-shadow: 0 0.067rem 0.133rem rgba(172, 2, 26, 0.67);
    box-shadow: 0 0.067rem 0.133rem rgba(172, 2, 26, 0.67);
}

.headerBg .header_con .cBox-list.list01 {
    animation: kc infinite 4.5s 0s;
}

.headerBg .header_con .cBox-list.list02 {
    animation: kc infinite 4.5s 0.5s;
}

.headerBg .header_con .cBox-list.list03 {
    animation: kc infinite 4.5s 1s;
}

.headerBg .header_con .cBox-list.list04 {
    animation: kc infinite 4.5s 1.5s;
}

.headerBg .header_con .cBox-list.list05 {
    animation: kc infinite 4.5s 2s;
}

@keyframes kc {

    0%,
    25%,
    5%,
    12.5%,
    20% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    10% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }

    15% {
        -webkit-transform: translateY(-3px);
        transform: translateY(-3px)
    }
}

/*闂傚倷鑳堕、濠勭礄娴兼潙鍨傞柤濮愬€愰崑鎾斥槈閹烘挻鐝氶悗瑙勬礈婵炩偓闁轰焦鎹囬弫鎾绘晸閿燂拷*/
.couponBox {
    position: relative;
    z-index: 3;
    width: 10rem;
    height: 5.9733rem;
    margin: 0 auto;
    background: url(/images/zhuanti/20241212/bg_03.png) no-repeat;
    background-size: 100% 100%;
    border-radius: 0.24rem;
    /* -webkit-box-shadow: 0 0.107rem 0.667rem rgba(174, 2, 43, 0.7);
    -moz-box-shadow: 0 0.107rem 0.667rem rgba(174, 2, 43, 0.7);
    box-shadow: 0 0.107rem 0.667rem rgba(174, 2, 43, 0.7); */
}

.couponBox .fdBtn {
    position: absolute;
    top: 3.3333rem;
    left: 50%;
    z-index: 1;
    margin-left: -2.827rem;
    width: 5.6533rem;
    height: 1.76rem;
    background: url(/images/zhuanti/20241212/icon_27.png) no-repeat;
    background-size: 100% 100%;
    animation: pulse2 1.5s ease infinite;
    -webkit-animation: pulse2 1.5s ease infinite;
}

.couponBox .fdBtn.no {
    animation: none;
    background: url(/images/zhuanti/20241212/icon_271.png) no-repeat;
    background-size: 100% 100%;
}

.couponBox .fdBot {
    position: absolute;
    bottom: .3467rem;
    left: 0;
    z-index: 2;
    width: 100%;
    line-height: 0.747rem;
    font-size: 0.32rem;
    color: #d21410;
    text-align: center;
}

.couponBox .fdBot .gzBtn {
    display: inline-block;
    margin-left: 0.2rem;
    width: 1.92rem;
    height: 0.693rem;
    line-height: 0.693rem;
    font-size: 0.32rem;
    color: #d21410;
    text-align: center;
    border: 0.027rem solid #d21410;
    border-radius: 0.373rem;
    vertical-align: middle;
}

/* 闂備浇宕垫慨鏉懨洪妶鍡樻珷濞寸姴顑呴悡婵嬫煥閻曞倹瀚� */
.course-wrap {
    position: relative;
    z-index: 1;
    padding-top: 2.133rem;
    background-size: 100% auto;
}

.course-wrap .fdHead {
    position: absolute;
    top: 1.707rem;
    left: 0;
    width: 10rem;
    height: .4533rem;
    background: url(/images/zhuanti/20241212/tit_07.png) no-repeat;
    background-size: 100% 100%;
}

/*闂備浇宕垫慨鏉懨洪妶鍡樻珷濞寸姴顑呴悡婵嬫煠濞村鏉归柛瀣尰閹峰懘宕橀…鎴烆棈闂備胶纭堕弲顏堝箯閿燂拷*/
.classify-nav-box {
    width: 10rem;
    height: 2.053rem;
    display: none;
}

.classify-nav {
    position: relative;
    width: 10rem;
    height: 2.053rem;
    z-index: 90;
    background: #ff8d60;
}

.classify-nav .tab-tit {
    padding: 0.267rem 0 0 .1333rem;

}

.classify-nav .tab-tit li {
    float: left;
    display: block;
    width: 1.8933rem;
    height: 0.693rem;
    line-height: 0.693rem;
    font-size: .2933rem;
    color: #780309;
    text-align: center;
    border-radius: 0.347rem;
    margin: 0 .0267rem 0.133rem;
    cursor: pointer;
    -webkit-box-shadow: 0 0.067rem 0.067rem rgba(190, 20, 18, 0.5);
    -moz-box-shadow: 0 0.067rem 0.067rem rgba(190, 20, 18, 0.5);
    box-shadow: 0 0.067rem 0.067rem rgba(190, 20, 18, 0.5);
    background: -webkit-linear-gradient(top, #ffe5ab 0%, #fff2e4 50%, #ffe8b8 100%);
    /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(top, #ffe5ab 0%, #fff2e4 70%, #ffe8b8 100%);
    /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(top, #ffe5ab 0%, #fff2e4 70%, #ffe8b8 100%);
    /* Firefox 3.6 - 15 */
    background: linear-gradient(to bottom, #ffe5ab 0%, #fff2e4 70%, #ffe8b8 100%);
    /* 闂傚倷绀侀幖顐ょ矓閺夋嚚娲Χ婢跺﹪妫峰銈嗙墱閸嬬偤宕曞澶嬬厱闁哄洢鍔屽▍姗€鏌涢妶鍡樷拹缂佺粯绋掑鍕槈濞嗗浚浼� */
}

.classify-nav .tab-tit li.on {
    color: #fff;
    background: -webkit-linear-gradient(left, #c4006c, #fa3c00);
    /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #c4006c, #fa3c00);
    /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #c4006c, #fa3c00);
    /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #c4006c, #fa3c00);
    /* 闂傚倷绀侀幖顐ょ矓閺夋嚚娲Χ婢跺﹪妫峰銈嗙墱閸嬬偤宕曞澶嬬厱闁哄洢鍔屽▍姗€鏌涢妶鍡樷拹缂佺粯绋掑鍕槈濞嗗浚浼� */
}

.classify-nav .tab-tit li a {
    display: inline-block;
    color: #780309;
}

.classify-nav .fdbtn {
    float: left;
    display: block;
    width: 1.813rem;
    height: 0.533rem;
    border: 0.027rem solid #ffd27c;
    line-height: 0.533rem;
    margin: 0.08rem 0.067rem 0;
    font-size: 0.267rem;
    color: #ffd27c;
    text-align: center;
    border-radius: 0.3rem;
    background-color: #f92d01;
}

.classify-nav.on {
    position: fixed;
    left: 50%;
    margin-left: -5rem;
    top: 0;
}

/*闂備浇宕垫慨鏉懨洪妶鍡樻珷濞寸姴顑呴悡婵嬫煥閻曞倹瀚�*/
.course-wrap .kmBox {
    display: none;
    background: #ff8d60;
}

.course-wrap .course-banner {
    width: 100%;
    height: 1.56rem;
    text-align: center;
    margin: 0 0 0.24rem;
}

.course-wrap .course-banner img {
    width: auto;
    height: 100%;
}

.course-wrap .course .course-subtit {
    position: relative;
    width: 9.6rem;
    margin: 0.133rem auto 0;
}

.course-wrap .course .course-subtit .swiper-container {
    width: 9.3067rem;
    height: 0.987rem;
    margin: 0 0.987rem 0 0;
    position: relative;
    z-index: 9;
    padding:0;
    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: url(/images/zhuanti/20241212/course_bg01.png) no-repeat bottom right ,#ffe7b6;
    background-size: 4.7467rem auto;
    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/20241212/bg_07.png) no-repeat center bottom #fff;
    background-size: 100% auto;
    margin: 0 0 0.267rem 0.133rem;
    border-radius: 0.067rem;
    -webkit-box-shadow: 0 0.133rem 0.267rem rgba(243, 122, 79, 0.72);
    -moz-box-shadow: 0 0.133rem 0.267rem rgba(243, 122, 79, 0.72);
    box-shadow: 0 0.133rem 0.267rem rgba(243, 122, 79, 0.72);
}
.course-wrap .course .course-con li.bg2{
    background: url(/images/zhuanti/20241212/bg_07.png) no-repeat center bottom #fff;
}
.course-wrap .course .course-con .course-pic {
    box-sizing: border-box;
    width: 4.6rem;
    height: 4.267rem;
    border-radius: 0.067rem 0.067rem 0 0.067rem;
    position: relative;
}

.course-wrap .course .course-con .course-pic img {
    width: 4.6rem;
    height: 4.267rem;
    border-radius: 0.067rem 0.067rem 0 0.067rem;
}

.course-wrap .course .course-con .course-pic .fdiconHot {
    position: absolute;
    top: -0.213rem;
    left: -0.213rem;
    width: 0.947rem;
    height: 0.907rem;
    background: url(/images/zhuanti/20241212/icon_13.png) no-repeat;
    background-size: 100% 100%;
}

.course-wrap .course .course-con .course-bot {
    height: 1.2rem;
    padding-top: 0.293rem;
}

.course-wrap .course .course-con .course-bot .btnHong,
.course-wrap .course .course-con .course-bot .btnFen {
    margin: 0 auto;
    display: block;
    width: 2.933rem;
    height: 0.88rem;
    text-align: center;
    line-height: 0.9rem;
    font-size: 0.347rem;
    color: #fff;
    border-radius: 0.44rem;
    -webkit-box-shadow: 0 0.04rem 0 rgba(255, 166, 86, 1);
    -moz-box-shadow: 0 0.04rem 0 rgba(255, 166, 86, 1);
    box-shadow: 0 0.04rem 0 rgba(255, 166, 86, 1);
}

.course-wrap .course .course-con .course-bot .btnHong {
    background: #fa2441;
    background: -webkit-linear-gradient(left, #ff8f0e, #ff0a4f);
    /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #ff8f0e, #ff0a4f);
    /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #ff8f0e, #ff0a4f);
    /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #ff8f0e, #ff0a4f);
    /* 闂傚倷绀侀幖顐ょ矓閺夋嚚娲Χ婢跺﹪妫峰銈嗙墱閸嬬偤宕曞澶嬬厱闁哄洢鍔屽▍姗€鏌涢妶鍡樷拹缂佺粯绋掑鍕槈濞嗗浚浼� */
}

.course-wrap .course .course-con .course-bot .btnFen {
    background: #f56060;
}

.course-wrap .course .course-con .course-bot .btnFen:hover {
    text-decoration: none;
}

.course-wrap .course .course-con .course-bot .yesLogin {
    display: none;
}

.course-wrap .course .helpBox {
    padding: 0.453rem 0 0.6rem;
    background: #ff8d60;
}

.course-wrap .course .helpBox-txt {
    width: 100%;
    height: 0.587rem;
    text-align: center;
    margin-bottom: 0.267rem;
}

.course-wrap .course .helpBox-txt img {
    width: auto;
    height: 0.587rem;
}

.course-wrap .course .helpBox-bot {
    text-align: center;
    height: 1.067rem;
}

.course-wrap .course .helpBox-bot .btn01 {
    display: inline-block;
    width: 2.4rem;
    height: 1.067rem;
    line-height: 1.067rem;
    font-size: 0.427rem;
    color: #fff;
    border-radius: 0.533rem;
    margin: 0 0.107rem;
    background: url(/images/zhuanti/20241212/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/20241212/icon_30.png) no-repeat;
    background-size: 100% 100%;
    -webkit-box-shadow: 0 0.067rem 0.133rem rgba(227, 67, 12, 0.67);
    -moz-box-shadow: 0 0.067rem 0.133rem rgba(227, 67, 12, 0.67);
    box-shadow: 0 0.067rem 0.133rem rgba(227, 67, 12, 0.67);
}
/*vip闂傚倸鍊搁崐鎼佹偋閸曨垰鍨傞柛婵嗗閸熷懘鏌涜椤ㄥ棝宕戦悢鍏肩叆闁绘洖鍊圭€氾拷*/
.courseVip {
    position: relative;
    z-index: 1;
    padding-top: 2.4rem;
}

.courseVip .fdHead {
    position: absolute;
    top: 1.707rem;
    left: 0.2rem;
    width: 9.6rem;
    height: 0.693rem;
    background: url(/images/zhuanti/20241212/tit_08.png) no-repeat;
    background-size: 100% 100%;
}

.courseVip .gzBtn {
    display: block;
    position: absolute;
    bottom: .5333rem;
    left: 50%;
    margin-left: -1.7867rem;
    z-index: 3;
    width: 3.6rem;
    height: .71rem;
    line-height: .69rem;
    text-align: center;
    font-size: .32rem;
    color: #fff;
    border-radius: 0.333rem 0.333rem 0.333rem 0;
    /* -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); */
    
}
.courseVip .gzBtn i{
    font-weight: 700;
    font-size: .43rem;
    vertical-align: -0.04rem;
}

.courseVip .gzBtn-top,.sutdet_con .gzBtn-top,.course-mod .gzBtn-top,.liveMain .gzBtn-top{
    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);
    background: -o-linear-gradient(left, #ffe1ad, #fff191);
    background: -moz-linear-gradient(left, #ffe1ad, #fff191);
    background: linear-gradient(to right, #ffe1ad, #fff191);
}
.courseVip .conBox {
    padding: 0.067rem 0 .36rem;
    background: #fef7eb;
    border-radius: 0 0 0.267rem 0.267rem;
    margin: 0 0.2rem;
    border: .13rem solid #ff8d60;
    border-top: none;
    padding-top: 0;
}
.tPic{
    padding: 0px 0 .36rem;
    background: #ff8f62;
    /* border-radius: 0 0 0.267rem 0.267rem; */
    margin: 0 0.2rem;
    border: .13rem solid #ff8d60;
    border-top: none;
    padding-bottom: 0;
}
.courseVip .conBox .tPic {
    display: block;
    width: 9.2rem;
    height: auto;
    margin: 0 auto .27rem;

}

.courseVip .conBox .tPic img {
    width: 9.2rem;
    height: auto;
    border-radius: .2rem;
}

.courseVip .conBox .tbox {
    padding: 0.4rem 0 0.267rem;
    height: 0.8rem;
    background: #fff0d1;
    margin: 0 0.2rem;
    border-radius: 0.107rem 0.107rem 0 0;
}

.courseVip .conBox .tbox ul {
    width: 8.533rem;
    height: 0.8rem;
    border-radius: 0.4rem;
    margin: 0 auto;
    background: -webkit-linear-gradient(left, #fd3f00, #d80210);
    /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #fd3f00, #d80210);
    /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #fd3f00, #d80210);
    /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #fd3f00, #d80210);
    /* 闂傚倷绀侀幖顐ょ矓閺夋嚚娲Χ婢跺﹪妫峰銈嗙墱閸嬬偤宕曞澶嬬厱闁哄洢鍔屽▍姗€鏌涢妶鍡樷拹缂佺粯绋掑鍕槈濞嗗浚浼� */
}

.courseVip .conBox .tbox li {
    float: left;
    width: 50%;
    height: 0.8rem;
    line-height: 0.8rem;
    text-align: center;
    font-size: 0.4rem;
    color: #fff;
    font-weight: 700;
    cursor: pointer;
}

.courseVip .conBox .tbox li.on {
    color: #be2b29;
    background: #fff;
    border-radius: 0.4rem;
    -webkit-box-shadow: 0 0 0.173rem rgba(146, 4, 3, 0.53);
    -moz-box-shadow: 0 0 0.173rem rgba(146, 4, 3, 0.53);
    box-shadow: 0 0 0.173rem rgba(146, 4, 3, 0.53);
}

.courseVip .conBox .cbox {
    position: relative;
    z-index: 1;
    background: #f48833;
    margin: 0 .07rem 0;
    border-radius: .2rem;
}

.courseVip .conBox .cbox .swiper-container {
    width: 9.2rem;
    height: auto;
    padding: 0.213rem 0 .19rem;
}

.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.173rem;
    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/20241212/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.2rem;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    white-space:nowrap;
}
.courseVip .conBox .cbox .swiper-slide .course-pic .fdCon-left b{
    font-size: .32rem;
}
.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: auto;
    padding-bottom: .4rem;
}

.courseVip .conBox .cbox .swiper-slide .course-bot .priceV {
    padding: 0.48rem 0.2rem 0.107rem;
    height: auto;
}

.courseVip .conBox .cbox .swiper-slide .course-bot .priceV-price {
    line-height: 0.853rem;
    height: 0.853rem;
    color: #d52121;
    font-size: 0.24rem;
    text-align: center;
}

.courseVip .conBox .cbox .swiper-slide .course-bot .priceV-price b {
    font-size: 0.4rem;
}

.courseVip .conBox .cbox .swiper-slide .course-bot .priceV-bot {
    height: 0.693rem;
    margin-right: 0.133rem;
}

.courseVip .conBox .cbox .swiper-slide .course-bot .priceV-bot-txt {
    float: left;
    width: 1.733rem;
    line-height: 0.347rem;
    color: #de3535;
    font-size: 0.24rem;
}

.courseVip .conBox .cbox .swiper-slide .course-bot .priceV-bot-tiao {
    float: right;
    width: 2.027rem;
    height: 0.347rem;
    background: #fedfe0;
    border-radius: 0.173rem;
    margin-top: 0.173rem;
}

.courseVip .conBox .cbox .swiper-slide .course-bot .priceV-bot-tiao .tcon {
    position: relative;
    z-index: 1;
    height: 0.347rem;
    line-height: 0.347rem;
    text-align: center;
    font-size: 0.187rem;
    color: #fff;
    white-space: nowrap;
    border-radius: 0.173rem;
    transition: all 1s linear;
    -webkit-transition: all 1s linear;
    -webkit-box-shadow: 0 0 0.107rem rgba(197, 76, 1, 0.5);
    -moz-box-shadow: 0 0 0.107rem rgba(197, 76, 1, 0.5);
    box-shadow: 0 0 0.107rem rgba(197, 76, 1, 0.5);
    background: -webkit-linear-gradient(left, #fe925f, #de3838);
    /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #fe925f, #de3838);
    /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #fe925f, #de3838);
    /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #fe925f, #de3838);
    /* 闂傚倷绀侀幖顐ょ矓閺夋嚚娲Χ婢跺﹪妫峰銈嗙墱閸嬬偤宕曞澶嬬厱闁哄洢鍔屽▍姗€鏌涢妶鍡樷拹缂佺粯绋掑鍕槈濞嗗浚浼� */
}

.courseVip .conBox .cbox .swiper-slide .course-bot .priceV-bot-tiao .tcon .izg {
    display: block;
    position: absolute;
    right: -0.4rem;
    top: -0.293rem;
    width: 0.587rem;
    height: 0.427rem;
    background: url(/images/zhuanti/20241212/icon_22.png) no-repeat;
    background-size: 100% 100%;
    -webkit-animation: hatch 4s 0s infinite both;
    -moz-animation: hatch 4s 0s infinite both;
    -o-animation: hatch 4s 0s infinite both;
    animation: hatch 4s 0s infinite both;
}

.courseVip .conBox .cbox .swiper-slide .course-bot .priceV-bot-tiao .tcon em {
    display: none;
    padding-right: 0.2rem;
}

.courseVip .conBox .cbox .swiper-slide .course-bot .priceM {
    padding: 0.48rem 0.2rem 0.107rem;
    height: 1.573rem;
}

.courseVip .conBox .cbox .swiper-slide .course-bot .priceM-price {
    line-height: 0.853rem;
    height: 0.853rem;
    color: #d52121;
    font-size: 0.24rem;
}

.courseVip .conBox .cbox .swiper-slide .course-bot .priceM-price b {
    font-size: 0.4rem;
}

.courseVip .conBox .cbox .swiper-slide .course-bot .priceM-bot {
    height: 0.693rem;
    margin-right: 0.133rem;
}

.courseVip .conBox .cbox .swiper-slide .course-bot .priceM-bot-txt {
    float: left;
    width: 1.733rem;
    line-height: 0.347rem;
    color: #de3535;
    font-size: 0.24rem;
}

.courseVip .conBox .cbox .swiper-slide .course-bot .priceM-bot-tiao {
    float: right;
    width: 2.027rem;
    height: 0.347rem;
    background: #fedfe0;
    border-radius: 0.173rem;
    margin-top: 0.173rem;
}

.courseVip .conBox .cbox .swiper-slide .course-bot .priceM-bot-tiao .tcon {
    position: relative;
    z-index: 1;
    height: 0.347rem;
    line-height: 0.347rem;
    text-align: center;
    font-size: 0.187rem;
    color: #fff;
    white-space: nowrap;
    border-radius: 0.173rem;
    transition: all 1s linear;
    -webkit-transition: all 1s linear;
    -webkit-box-shadow: 0 0 0.107rem rgba(197, 76, 1, 0.5);
    -moz-box-shadow: 0 0 0.107rem rgba(197, 76, 1, 0.5);
    box-shadow: 0 0 0.107rem rgba(197, 76, 1, 0.5);
    background: -webkit-linear-gradient(left, #fe925f, #de3838);
    /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #fe925f, #de3838);
    /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #fe925f, #de3838);
    /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #fe925f, #de3838);
    /* 闂傚倷绀侀幖顐ょ矓閺夋嚚娲Χ婢跺﹪妫峰銈嗙墱閸嬬偤宕曞澶嬬厱闁哄洢鍔屽▍姗€鏌涢妶鍡樷拹缂佺粯绋掑鍕槈濞嗗浚浼� */
}

.courseVip .conBox .cbox .swiper-slide .course-bot .priceM-bot-tiao .tcon .izg {
    display: block;
    position: absolute;
    right: -0.06rem;
    top: -0.08rem;
    width: 0.387rem;
    height: 0.507rem;
    background: url(/images/zhuanti/20241212/icon_22.png) no-repeat;
    background-size: 100% 100%;
    -webkit-animation: hatch 4s 0s infinite both;
    -moz-animation: hatch 4s 0s infinite both;
    -o-animation: hatch 4s 0s infinite both;
    animation: hatch 4s 0s infinite both;
}

.courseVip .conBox .cbox .swiper-slide .course-bot .priceM-bot-tiao .tcon em {
    display: none;
    padding-right: 0.2rem;
}

.courseVip .conBox .cbox .swiper-slide .course-bot .btnHong,
.courseVip .conBox .cbox .swiper-slide .course-bot .btnFen {
    display: block;
    width:2.67rem;
    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;
}
.seckillMain,.fileMain {
    position: relative;
    z-index: 1;
    padding-top: 2.4rem;
}

.seckillMain .ggtit{
    background: url(/images/zhuanti/2023active618/tit_02.png) no-repeat;
    background-size: 100% 100%;
}

.seckillMain .fdHead,.fileMain .fdHead {
    position: absolute;
    top: 1.72rem;
    left: 0.2rem;
    width: 9.6rem;
    height: 0.693rem;
    background: url(/images/zhuanti/2023active618/tit_09.png) no-repeat;
    background-size: 100% 100%;
}

.seckillMain .gzBtn,.fileMain .gzBtn,.liveMain .gzBtn {
    display: block;
    position: absolute;
    top: 1.8rem;
    right: 0;
    z-index: 3;
    width: 1.067rem;
    height: 0.667rem;
    line-height: 0.678rem;
    text-align: center;
    font-size: 0.34rem;
    color: #cd2415;
    border-radius: 0.333rem 0 0 0.333rem;
    -webkit-box-shadow: 0 0.133rem 0.267rem rgba(243, 122, 79, 0.72);
    -moz-box-shadow: 0 0.133rem 0.267rem rgba(243, 122, 79, 0.72);
    box-shadow: 0 0.133rem 0.267rem rgba(243, 122, 79, 0.72);
    background: -webkit-linear-gradient(left, #ffe1ad, #fff191);
    /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #ffe1ad, #fff191);
    /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #ffe1ad, #fff191);
    /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #ffe1ad, #fff191);
    /* 闂傚倸鍊风粈渚€骞栭銈囩煋闁哄鍤氬ú顏勎у璺猴躬濡嘲顪冮妶鍡欏⒈闁稿鍋ゅ畷鏇烆吋婢跺鍘遍梺鍝勬储閸斿苯鈻嶅鈧弻娑㈠Χ閸℃ǚ鎷圭紓浣虹帛缁嬫帒顕ラ崟顐熸婵炲棗娴氭导锟� */
}

.seckillMain .conBox,.fileMain .conBox {
    overflow: hidden;
    height: auto;
    background: #fef8eb;
    border: 0.133rem solid #ff8f62;
    border-top: 0;
    border-radius: 0 0 0.267rem 0.267rem;
    margin: 0 0.2rem;
}

.seckillMain .conBox .tbox {
    width: 100%;
    height: 1.613rem;
    text-align: center;
    margin-bottom: .2667rem;
}

.seckillMain .conBox .tbox li {
    display: inline-block;
    width: 4.2667rem;
    height: 1.613rem;
    text-align: center;
    cursor: pointer;
    background: url(/images/zhuanti/2023active618/bg_10.png) no-repeat;
    background-size: 100% 100%;
    margin: 0 -0.267rem;
}

.seckillMain .conBox .tbox li .ltxt {
    padding: 0.24rem 0 0.027rem;
    line-height: 0.373rem;
    font-size: 0.267rem;
    color: #fff;
}
.swiper-wrapper1{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.seckillMain .conBox .tbox li .ltxt b {
    font-size: 0.293rem;
    display: block;
}

.seckillMain .conBox .tbox li .lbtn {
    width: 1.387rem;
    height: 0.347rem;
    line-height: 0.353rem;
    font-size: 0.24rem;
    color: #fff;
    border-radius: 0.173rem;
    margin: 0 auto;
    background: #ef5315;
}

.seckillMain .conBox .tbox li.on {
    background: url(/images/zhuanti/2023active618/bg_09.png) no-repeat;
    background-size: 100% 100%;
}

.seckillMain .conBox .tbox li.on .lbtn {
    background: #d4130f;
}

.seckillMain .conBox .cbox {
    position: relative;
    z-index: 1;
    display: none;
}

.seckillMain .conBox .cbox .swiper-container {
    width: 9.2rem;
    height: auto;
    margin-top: 0.267rem;
    padding-bottom: .8rem;
}

.seckillMain .conBox .cbox .swiper-slide {
    width: 4.467rem;
    margin-left: 0.133rem;
    margin-bottom: 0.133rem;
}

.seckillMain .conBox .cbox .swiper-slide li {
    width: 4.467rem;
    background: #fff;
    border-radius: 0.08rem;
    -webkit-box-shadow: 0 0.08rem 0.187rem rgba(255, 191, 118, 0.76);
    -moz-box-shadow: 0 0.08rem 0.187rem rgba(255, 191, 118, 0.76);
    box-shadow: 0 0.08rem 0.187rem rgba(255, 191, 118, 0.76);
}

.seckillMain .conBox .cbox .swiper-slide .course-pic {
    width: 4.3467rem;
    height: 2.5333rem;
    border-radius: 0.08rem 0.08rem 0 0;
    position: relative;
    z-index: 1;
    border: .0667rem solid #f7ad7c;
}

.seckillMain .conBox .cbox .swiper-slide .course-pic .fdicon01 {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0 0.187rem;
    height: 0.48rem;
    line-height: 0.48rem;
    font-size: 0.267rem;
    color: #fff;
    border-radius: 0 0.08rem 0 0.16rem;
    background: #e42d0a;
    background: -webkit-linear-gradient(left, #d41310, #f34306);
    /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #d41310, #f34306);
    /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #d41310, #f34306);
    /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #d41310, #f34306);
    /* 闂傚倸鍊风粈渚€骞栭銈囩煋闁哄鍤氬ú顏勎у璺猴躬濡嘲顪冮妶鍡欏⒈闁稿鍋ゅ畷鏇烆吋婢跺鍘遍梺鍝勬储閸斿苯鈻嶅鈧弻娑㈠Χ閸℃ǚ鎷圭紓浣虹帛缁嬫帒顕ラ崟顐熸婵炲棗娴氭导锟� */
}

.seckillMain .conBox .cbox .swiper-slide .course-pic-con {
    display: block;
    height: 2.5333rem;
    text-align: center;
    background: #fff;
    border-radius: 0.08rem 0.08rem 0 0;
}

.seckillMain .conBox .cbox .swiper-slide .course-pic-con img {
    display: inline-block;
    width: auto;
    height: 2.5333rem;
}

.seckillMain .conBox .cbox .swiper-slide .course-bot {
    height: auto;
    padding-bottom: .2667rem;
}

.seckillMain .conBox .cbox .swiper-slide .course-bot .cbtit {
    display: block;
    padding: 0 0.267rem;
    line-height: .4267rem;
    font-size: .2933rem;
    color: #333;
    margin-top: .16rem;
}

.seckillMain .conBox .cbox .swiper-slide .course-bot .cbprice {
    height: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 .1333rem;
    margin-top: .0533rem;
}

.seckillMain .conBox .cbox .swiper-slide .course-bot .cbprice-left {
    
    
    padding-top: 0.067rem;
    text-align: center;
    line-height: 0.48rem;
    font-size: 0.293rem;
    color: #666;
    text-decoration: line-through;
}

.seckillMain .conBox .cbox .swiper-slide .course-bot .cbprice-cen {
    padding-top: 0.067rem;
    text-align: center;
    line-height: 0.48rem;
    font-size: .32rem;
    color: #f40202;
}

.seckillMain .conBox .cbox .swiper-slide .course-bot .cbprice-cen b {
    font-size: .32rem;
}

.seckillMain .conBox .cbox .swiper-slide .course-bot a.gmBtn {
    display: block;
    width: 2.1333rem;
    height: .8rem;
    box-sizing: border-box;
    text-align: center;
    line-height: .8rem;
    font-size: 0.32rem;
    color: #fff;
    border-radius: 0.547rem;
    margin-right: .2133rem;
    -webkit-box-shadow: 0 0.04rem 0 #ffa656;
    -moz-box-shadow: 0 0.04rem 0 #ffa656;
    box-shadow: 0 0.04rem 0 #ffa656;
    background: -webkit-linear-gradient(to bottom, #fe6d0e, #ec3d10);
    /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(to bottom, #fe6d0e, #ec3d10);
    /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(to bottom, #fe6d0e, #ec3d10);
    /* Firefox 3.6 - 15 */
    background: linear-gradient(to bottom, #fe6d0e, #ec3d10);
    margin: 0 auto;
    margin-top: .2667rem;
}

.seckillMain .conBox .cbox .swiper-slide .course-bot .btnHong {
    background: #fb2640;
    background: -webkit-linear-gradient(left, #ff462f, #f71356);
    /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #ff462f, #f71356);
    /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #ff462f, #f71356);
    /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #ff462f, #f71356);
    /* 闂傚倸鍊风粈渚€骞栭銈囩煋闁哄鍤氬ú顏勎у璺猴躬濡嘲顪冮妶鍡欏⒈闁稿鍋ゅ畷鏇烆吋婢跺鍘遍梺鍝勬储閸斿苯鈻嶅鈧弻娑㈠Χ閸℃ǚ鎷圭紓浣虹帛缁嬫帒顕ラ崟顐熸婵炲棗娴氭导锟� */
}

.seckillMain .conBox .cbox .swiper-slide .course-bot .yesLogin {
    display: none;
}

.seckillMain .conBox .cbox .swiper-slide .course-bot .btnHui {
    background: #d8cece;
    color: #666;
    box-shadow: none;
    line-height: 0.853rem;
    background: -webkit-linear-gradient(top, #ece1da, #ccc2c2);
    /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(top, #ece1da, #ccc2c2);
    /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(top, #ece1da, #ccc2c2);
    /* Firefox 3.6 - 15 */
    background: linear-gradient(to bottom, #ece1da, #ccc2c2);
    /* 闂傚倸鍊风粈渚€骞栭銈囩煋闁哄鍤氬ú顏勎у璺猴躬濡嘲顪冮妶鍡欏⒈闁稿鍋ゅ畷鏇烆吋婢跺鍘遍梺鍝勬储閸斿苯鈻嶅鈧弻娑㈠Χ閸℃ǚ鎷圭紓浣虹帛缁嬫帒顕ラ崟顐熸婵炲棗娴氭导锟� */
}

.seckillMain .conBox .cbox .swiper-slide .course-bot .btnHuang {
    background: #ffd590;
    background: -webkit-linear-gradient(left, #fe6d0e, #ec3d10);
    /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #fe6d0e, #ec3d10);
    /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #fe6d0e, #ec3d10);
    /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #fe6d0e, #ec3d10);
    /* 闂傚倸鍊风粈渚€骞栭銈囩煋闁哄鍤氬ú顏勎у璺猴躬濡嘲顪冮妶鍡欏⒈闁稿鍋ゅ畷鏇烆吋婢跺鍘遍梺鍝勬储閸斿苯鈻嶅鈧弻娑㈠Χ閸℃ǚ鎷圭紓浣虹帛缁嬫帒顕ラ崟顐熸婵炲棗娴氭导锟� */
}

.seckillMain .conBox .cbox .swiper-slide:last-child {
    margin-right: 0.133rem;
}

.seckillMain .conBox .cbox .swiper-pagination-bullets {
    bottom: .2667rem !important;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
}

.seckillMain .conBox .cbox .swiper-pagination-bullet {
    background: #eaaa71 !important;
    opacity: 1;
    margin: 0 .07rem !important;
}

.seckillMain .conBox .cbox .swiper-pagination-bullet-active {
    background: #df7c1b !important;
}

/*闂傚倷鑳堕崕鐢稿疾濞戙垺鍋ら柕濞炬櫅缁犱即鏌ㄩ悤鍌涘*/
.liveMain {
    position: relative;
    z-index: 1;
    padding-top: 2.4rem;
}

.liveMain .fdHead {
    position: absolute;
    top: 1.72rem;
    left: 0.2rem;
    width: 9.6rem;
    height: 0.693rem;
    background: url(/images/zhuanti/20241212/tit_09.png) no-repeat;
    background-size: 100% 100%;
}

.liveMain .conBox {
    padding-top: 0.133rem;
    background: #fef8eb;
    border: 0.133rem solid #ff8f62;
    border-top: 0;
    border-radius: 0 0 0.267rem 0.267rem;
    margin: 0 0.2rem;
}

.liveMain .tbox {
    position: relative;
    z-index: 1;
    height: 1.227rem;
    -webkit-box-shadow: 0 0.067rem 0.133rem rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0.067rem 0.133rem rgba(0, 0, 0, 0.1);
    box-shadow: 0 0.067rem 0.133rem rgba(0, 0, 0, 0.1);
    background: -webkit-linear-gradient(left, #c60dda, #fa3d00);
    /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #c60dda, #fa3d00);
    /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #c60dda, #fa3d00);
    /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #c60dda, #fa3d00);
    /* 闂傚倷绀侀幖顐ょ矓閺夋嚚娲Χ婢跺﹪妫峰銈嗙墱閸嬬偤宕曞澶嬬厱闁哄洢鍔屽▍姗€鏌涢妶鍡樷拹缂佺粯绋掑鍕槈濞嗗浚浼� */
}

.liveMain .tbox .swiper-container {
    width: 100%;
    height: 1.387rem;
}

.liveMain .tbox .swiper-slide {
    position: relative;
    z-index: 1;
    width: 3.2rem;
    height: 1.04rem;
    padding-top: 0.187rem;
    line-height: 0.42rem;
    text-align: center;
    font-size: .32rem;
    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/20241212/ticon_04.png) no-repeat;
    background-size: 100% 100%;
}

.liveMain .tbox .swiper-slide.on {
    font-weight: 700;
    color: #b9141a;
    background: -webkit-linear-gradient(left, #ffc582, #ffe4b6);
    /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #ffc582, #ffe4b6);
    /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #ffc582, #ffe4b6);
    /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #ffc582, #ffe4b6);
    /* 闂傚倷绀侀幖顐ょ矓閺夋嚚娲Χ婢跺﹪妫峰銈嗙墱閸嬬偤宕曞澶嬬厱闁哄洢鍔屽▍姗€鏌涢妶鍡樷拹缂佺粯绋掑鍕槈濞嗗浚浼� */
}

.liveMain .tbox .swiper-slide.on i {
    display: block;
}

.liveMain .videoBox {
    display: none;
    padding-top: 0.4rem;
}

.liveMain .videoBox .videoBox-con {
    position: relative;
    z-index: 1;
    display: block;
    margin-bottom: 0.4rem;
}

.liveMain .videoBox .videoBox-con .pic {
    display: block;
    width: 8.133rem;
    height: 5.067rem;
    border: 0.2rem solid #6111c8;
    margin: 0 auto;
    border-radius: 0.08rem;
}

.liveMain .videoBox .videoBox-con .btn {
    display: block;
    position: absolute;
    z-index: 2;
    left: 4.32rem;
    top: 3.9rem;
    width: 3.107rem;
    height: 0.88rem;
    text-indent: 0.747rem;
    line-height: 0.71rem;
    font-size: 0.347rem;
    color: #cd2509;
    background: url(/images/zhuanti/20241212/icon_13.png) no-repeat;
    background-size: 100% 100%;
}

.liveMain .videoBox .videoBox-prize {
    overflow: hidden;
    width: 9.333rem;
    height: 5.733rem;
    border-radius: 0 0 0.17rem 0.17rem;
}

.liveMain .videoBox .videoBox-prize img {
    width: 100%;
    height: 100%;
}

/* 17濠德板€楁慨鐑藉磻閻愬樊鐒芥繛鍡樻尭缁犲湱鎲搁弮鍫濈畺鐟滄棃寮幘缁樻櫢闁跨噦鎷� */
.brandBg {
    width: 9.7067rem;
    height: 8rem;
    margin-top: .2667rem;
    box-sizing: border-box;
}

.brandBg .brand {
    width: 9.5rem;
    height: 7.5rem;
    margin: 0 auto;
    padding-top: 1.8rem;
    box-sizing: border-box;
}

.brand .item {
    width: 3.1rem;
    display: inline-block;
    margin-top: 1rem;
    text-align: center;
}

.brand .item:nth-child(4) {
    padding-top: 0.4rem;
}

.brand .item .t1 {
    font-size: .3467rem;
    line-height: .5333rem;
    font-weight: bold;
    color: #ce6805;
}

.brand .item .t2 {
    font-size: .2667rem;
    line-height: .4rem;
    color: #861401;
    ;
}

/*闂傚倷绀侀幉锟犳偡閵夆晛鍌ㄩ柡宥庡幖閻ら箖鎮归崫鍕╁仺鐟滅増甯╅弫濠囨煟閹惧啿鐝愰柨鐕傛嫹*/
.fix-top {
    position: fixed;
    right: .13rem;
    bottom: 1.5rem;
    display: block;
    width: 1.2rem;
    height: 1.2rem;
    z-index: 92;
    background: url(/images/zhuanti/20241212/icon_18.png) no-repeat;
    background-size: 100% auto;
}

/*闂備礁婀遍崢褔鎮洪妸銉冩椽鎮㈤悡搴ｏ紵闂佸搫顦伴崵姘炽亹閹烘繃鏅╅梺缁樻尭瀹糕晠鏁撻敓锟�*/
.floatBot-wap {
    width: 100%;
    height: 1.333rem;
}

.floatBot {
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 91;
    width: 100%;
    height: 1.333rem;
    display: -webkit-flex;
    display: flex;
}

.floatBot .lbtn {
    display: block;
    flex-grow: 1;
    height: 1.333rem;
    line-height: 1.333rem;
    text-align: center;
    font-size: 0.48rem;
    color: #fff;
    font-weight: 700;
    border-radius: .24rem 0 0 0;
    background: -webkit-linear-gradient(left, #ff5543, #f7104f);
    /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #ff5543, #f7104f);
    /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #ff5543, #f7104f);
    /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #ff5543, #f7104f);
    /* 闂傚倷绀侀幖顐ょ矓閺夋嚚娲Χ婢跺﹪妫峰銈嗙墱閸嬬偤宕曞澶嬬厱闁哄洢鍔屽▍姗€鏌涢妶鍡樷拹缂佺粯绋掑鍕槈濞嗗浚浼� */
}

.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 .24rem 0 0;
    background: -webkit-linear-gradient(left, #ff8b29, #fc701c);
    /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #ff8b29, #fc701c);
    /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #ff8b29, #fc701c);
    /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #ff8b29, #fc701c);
    /* 闂傚倷绀侀幖顐ょ矓閺夋嚚娲Χ婢跺﹪妫峰銈嗙墱閸嬬偤宕曞澶嬬厱闁哄洢鍔屽▍姗€鏌涢妶鍡樷拹缂佺粯绋掑鍕槈濞嗗浚浼� */
}

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

/*缂傚倸鍊风粈渚€藝閹殿喗鏆滄俊銈傚亾妞ゎ厼娲畷姗€鍩℃笟鍥ф婵犵妲呴崹鐢割敋瑜斿畷婵嬪即閵忥紕鍘遍梺鍦劋閺嬪秷銇愰幒鎾虫畻婵犵數濮撮崑鍡椕归弽顓熺叆闁绘洖鍊圭€氾拷*/
.msyhqTk {
    display: none;
    width: 10rem;
    height: 6.66rem;
    padding-top: 2.507rem;
    background: url(/images/zhuanti/20241212/s_19.png) no-repeat;
    background-size: 100% 100%;
    top: 50%;
    left: 50%;
    position: fixed;
    margin: 0 0 0 -5rem;
    z-index: 99;
}

.msyhqTk .xx {
    display: block;
    position: absolute;
    top: 0.053rem;
    right: 1.2rem;
    width: 0.667rem;
    height: 0.667rem;
    background: url(/images/zhuanti/20241212/icon_14.png) no-repeat;
    background-size: 100% 100%;
}

.msyhqTk .tbox {
    width: 6.933rem;
    margin: 0 auto;
}

.msyhqTk .tbox .clist {
    width: 5.64rem;
    height: 1.413rem;
    margin: 0 0 0.133rem 0.653rem;
    background: url(/images/zhuanti/20241212/bg_12.png) no-repeat;
    background-size: 100% 100%;
}

.msyhqTk .tbox .clist .price {
    position: relative;
    z-index: 1;
    float: left;
    width: 1.32rem;
    height: 1.413rem;
    padding-left: 0.653rem;
    line-height: 1.413rem;
    font-size: 0.8rem;
    color: #e00742;
    font-weight: 700;
    font-family: Impact;
}

.msyhqTk .tbox .clist .price i {
    position: absolute;
    top: 0.2rem;
    left: 0.2rem;
    font-size: 0.32rem;
    color: #e00742;
    line-height: 0.32rem;
}

.msyhqTk .tbox .clist .txt {
    float: right;
    width: 3.333rem;
    line-height: 0.48rem;
    font-size: 0.213rem;
    color: #d1482d;
    margin-top: 0.26rem;
}

.msyhqTk .tbox .clist .txt b {
    font-size: 0.267rem;
    color: #e00742;
}

.msyhqTk .bhan {
    display: block;
    position: absolute;
    bottom: 0.71rem;
    left: 50%;
    margin-left: -2.133rem;
    width: 4.267rem;
    height: 0.987rem;
    background: url(/images/zhuanti/20241212/icon_38.png) no-repeat;
    background-size: 100% 100%;
    border-radius: 0.493rem;
    -webkit-box-shadow: 0 0.133rem 0.08rem rgba(230, 35, 50, 0.86);
    -moz-box-shadow: 0 0.133rem 0.08rem rgba(230, 35, 50, 0.86);
    box-shadow: 0 0.133rem 0.08rem rgba(230, 35, 50, 0.86);
}

/*闂備浇宕甸崰鎰版偡閵壯€鍋撳鐓庡⒋鐎规洖缍婇、娑橆潩閻撳孩顓块梺鑽ゅ枑閻熴儳鈧氨鍏樺銊╂晸閿燂拷*/
.gzTk {
    display: none;
    width: 8.133rem;
    background: #fff;
    top: 50%;
    left: 50%;
    border-radius: 0.24rem;
    position: fixed;
    margin: 0 0 0 -4.067rem;
    z-index: 99;
}

.gzTk .xx {
    display: block;
    position: absolute;
    top: -0.267rem;
    right: -0.267rem;
    width: 0.667rem;
    height: 0.667rem;
    background: url(/images/zhuanti/20241212/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/20241212/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;
}

.tsTk .bhan:hover {
    text-decoration: none;
    opacity: 0.9;
}

.pulse2 {
    animation-name: pulse2;
    -webkit-animation-name: pulse2;
    animation-duration: 1.5s;
    -webkit-animation-duration: 1.5s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}

@keyframes pulse2 {
    0% {
        transform: scale(0.9);
    }

    50% {
        transform: scale(1);
    }

    100% {
        transform: scale(0.9);
    }
}

@-webkit-keyframes pulse2 {
    0% {
        -webkit-transform: scale(0.9);
    }

    50% {
        -webkit-transform: scale(1);
    }

    100% {
        -webkit-transform: scale(0.9);
    }
}

@-webkit-keyframes fadeInLeftUp {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.5, .5, .5) translate3d(260%, 60%, 0);
        transform: scale3d(.5, .5, .5) translate3d(260%, 60%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInLeftUp {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.5, .5, .5) translate3d(260%, 60%, 0);
        transform: scale3d(.5, .5, .5) translate3d(260%, 60%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

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

@-webkit-keyframes hatch {
    0% {
        -webkit-transform: rotate(0deg)
    }

    5% {
        -webkit-transform: rotate(-4deg)
    }

    9% {
        -webkit-transform: rotate(4deg)
    }

    13% {
        -webkit-transform: rotate(-4deg)
    }

    16% {
        -webkit-transform: rotate(2deg)
    }

    20% {
        -webkit-transform: rotate(-2deg)
    }

    25% {
        -webkit-transform: rotate(0deg)
    }
}

@-moz-keyframes hatch {
    0% {
        -moz-transform: rotate(0deg)
    }

    5% {
        -moz-transform: rotate(-4deg)
    }

    9% {
        -moz-transform: rotate(4deg)
    }

    13% {
        -moz-transform: rotate(-4deg)
    }

    16% {
        -moz-transform: rotate(2deg)
    }

    20% {
        -moz-transform: rotate(-2deg)
    }

    25% {
        -moz-transform: rotate(0deg)
    }
}

@-o-keyframes hatch {
    0% {
        -o-transform: rotate(0deg)
    }

    5% {
        -o-transform: rotate(-4deg)
    }

    9% {
        -o-transform: rotate(4deg)
    }

    13% {
        -o-transform: rotate(-4deg)
    }

    16% {
        -o-transform: rotate(2deg)
    }

    20% {
        -o-transform: rotate(-2deg)
    }

    25% {
        -o-transform: rotate(0deg)
    }
}

@keyframes hatch {
    0% {
        transform: rotate(0deg)
    }

    5% {
        transform: rotate(-4deg)
    }

    9% {
        transform: rotate(4deg)
    }

    13% {
        transform: rotate(-4deg)
    }

    16% {
        transform: rotate(2deg)
    }

    20% {
        transform: rotate(-2deg)
    }

    25% {
        transform: rotate(0deg)
    }
}

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

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

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

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

    50% {
        transform: translateY(5%);
    }

    100% {
        transform: translateY(0%);
    }
}

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

    50% {
        -webkit-transform: translateY(5%);
    }

    100% {
        -webkit-transform: translateY(0%);
    }
}

.course-info{
    width: 100%;
    background: url(/images/zhuanti/20241212/bg1.png) no-repeat;
    background-size: 100%;
    height: 4.4rem;
    padding-top: .5067rem;
    box-sizing: border-box;
    line-height: 1;
}
.course-info.bg2{
    background: url(/images/zhuanti/20241212/bg2.png) no-repeat;
}
.course-wrap .course .course-con li.bg2 .course-info{
    background: url(/images/zhuanti/20241212/bg2.png) no-repeat;
    background-size: 100%;
}
.course-info.bg3{
    background: url(/images/zhuanti/20241212/bg3.png) no-repeat;
}
.course-wrap .course .course-con li.bg3 .course-info{
    background: url(/images/zhuanti/20241212/bg3.png) no-repeat;
    background-size: 100%;
}
.tag-c{
    position: absolute;
    right: 0;
    top: 0;
    width: 1.3067rem;
    height: .4rem;
    border-radius: .1067rem;
    text-align: center;
    line-height: .4rem;
    background: linear-gradient(to right,#e50401,#fa3c00);
    color: #fff;
    font-size: .2133rem;

}
.course-info h5{
    font-size: .4267rem;
    color: #333;
    font-weight: 600;
    text-align: center;
}
.course-info p{
    font-size: .24rem;
    color: #333;
    text-align: center;
    margin: .1333rem 0;
}
.c-info{
    display: flex;
    align-items: center;
    justify-content: center;
}
.course-wrap .course .course-con li .c-info ul{
    width: 2.32rem;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    background: none;
    padding-top: 0;
    margin: 0;
}
.course-wrap .course .course-con li .c-info ul li{
    width: 1.12rem;
    height: .4rem;
    text-align: center;
    background: #fff;
    border-radius: .0267rem;
    line-height: .4rem;
    color: #333;
    font-size: .1867rem;
    margin: 0 .08rem .08rem 0;
    box-shadow: none;
}
.course-wrap .course .course-con li .c-info ul li:nth-child(2n){
    margin-right: 0;
}
.tag-price{
    width: 1.8267rem;
    height: 1.2533rem;
    background: url(/images/zhuanti/20241212/arrtag.png) no-repeat;
    background-size: 100% 100%;
    color: #fff;
    font-size: .2933rem;
    font-weight: 600;
    display: flex;
    align-items: flex-end;
    padding-bottom: .32rem;
    box-sizing: border-box;
    justify-content: center;
    text-shadow: 0px .0267rem .0267rem #d45a0d;
    margin-left: .16rem; 
}
.tag-price i{
    font-size: .24rem;
    font-weight: 500;
}
.o-price{
    width: 100.5%;
    height: 1.5467rem;
    background: url(/images/zhuanti/20241212/price_bg.png) no-repeat bottom;
    background-size: 100% 100%;
    position: absolute;
    bottom: 0;
    left: -0.0267rem;
}
.o-price{
    display: flex;
    align-items: center;
}
.price-now{
    width: 1.3867rem;
    height: 1.5467rem;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    
}
.price-now span{
    color: #630d02;
    font-size: .1867rem;
    font-weight: 800;
}
.price-now p{
    color: #e50014;
    font-size: .3467rem;
    font-weight: 600;
    margin-top: .2667rem;
    font-weight: 800;
}
.price-now p i{
    font-size: .24rem;
}
.p-info{
    width: 3.3333rem;
}
.zeng{
    display: flex;
    align-items: center;
    height: .5867rem;
    margin-top: .1867rem;
}
.zeng p{
    color: #fff;
    font-size: .1867rem;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    width: .88rem;
    height: .6667rem;
    line-height: 1.2;
    flex-shrink: 0;
}
.zeng p em{
    font-size: .2667rem;
}
.zeng span{
    text-align: center;
    line-height: 1.2;
    font-size: .2133rem;
    flex: 1;
    font-weight: 600;
    color: #630d02;
}
.off p:nth-child(1){
    color: #fff;
    font-size: .2667rem;
    margin-left: .1333rem;
    margin-bottom: .08rem;
}
.off p:nth-child(1) i{
    /* margin: 0 .0267rem; */
}
.off p:nth-child(2){
    margin-left: .56rem;
    font-size: .16rem;
    width: 2.4533rem;
    color: #fff3af;
    display: flex;
    justify-content: space-between;
    margin-top: 0;
}
.conBox-info{
    padding: 0 .4rem;
    box-sizing: border-box;
}
.arrow-bkleft01{ 
    position: absolute; 
    z-index: 2; 
    left: .1867rem; 
    top: 0.6rem; 
    width: .5867rem; 
    height: .5867rem;
    background:url(/images/zhuanti/20241212/arrleft.png) no-repeat;
    background-size: 100% 100%;
}
.arrow-bkright02{ 
    position: absolute; 
    z-index: 2; 
    right: .0267rem; 
    top: 0.6rem; 
    width: .5867rem; 
    height: .5867rem; 
    background:url(/images/zhuanti/20241212/arrright.png) no-repeat;
    background-size: 100% 100%;
}
/* 闂傚倷鑳堕幊鎾绘偤閵娾晛鍨傞柣鐔稿閺嬫棃鏌熺€电ǹ浠фい鈺勫皺閳ь剙鍘滈崑鎾绘煃瑜滈崜娆掑絹濡炪倖娲嶉崑鎾绘煙椤栨氨校闁瑰嘲鎳庨～銏沪閽樺鎸勫┑鐘殿暯閸撴繈銆冮幇鏉跨闁跨噦鎷� */



.msewmTk{
       display: none;
       width: 10rem;
       height: 6.24rem;
       padding: 4.07rem 0 0;
       background: url(/images/zhuanti/20241212/e_03.png) no-repeat center top;
       background-size: 100% 100%;
       top: 50%;
       left: 50%;
       position: fixed;
       margin: 0 0 0 -5rem;
       z-index: 99;
}
.msewmTk .close{
    position: absolute;
    top: 1.37rem;
    right: 1.95rem;
    width: .87rem;
    height: .87rem;
}
.msewmTk img{
    width: 2.48rem;
    height: auto;
    position: absolute;
    left: 50%;
    top: 5.4667rem;
    margin-left: -1.35rem;
    border-radius: .16rem;
}
/* 闂傚倷鑳堕幊鎾绘偤閵娾晛鍨傞柣鐔稿閺嬫棃鏌熺€电ǹ浠фい鈺勫皺閳ь剙鍘滈崑鎾绘煃瑜滈崜娆掑絹濡炪倖娲嶉崑鎾绘煙椤栨氨校闁瑰嘲鎳庨～銏沪閽樺鎸勫┑鐘殿暯閸撴繈銆冮幇鏉跨闁跨噦鎷� end*/
.alertTop{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
    z-index: 99;
}
.topSpan{
	padding: 3px 5px;
	background: rgba(0, 0, 0, 0.7);
	font-size: .37rem;
	color: #fff;
	text-align: center;
	max-width: 6.3333rem;
	height: .92rem;
	line-height: .92rem;
	border-radius: .08rem;
}
.disPon{
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    position: fixed;
    left: 0 ;
    top: 0;
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 99;
}
.disContent{
    width: 4.8rem;
    height: 5.04rem;
    background: url(/zhuanti/2022active618/images/disPop_bg.png) no-repeat;
    background-size: 100% 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.disContent p{
    color: #AD4411;
    font-size: .3733rem;
    font-weight: 600;
    margin-top: 1.0133rem;
}
.disContent a{
    width: 2.1333rem;
    height: .56rem;
    background: #E62939;
    border-radius: .2667rem;
    text-align: center;
    line-height: .56rem;
    color: #fff;
    font-size: .32rem;
    margin-top: .4rem;
}

.end-tic {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    z-index: 99999;
    display: none;
    align-items: center;
    justify-content: center;
}
.endMac {
    width: 6.666667rem;
    height: 5.333333rem;
    border-radius: 0.16rem;
    background: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.endMac img {
    width: 52%;
}
.endMac a {
    display: block;
    width: 1.6rem;
    height: 0.8rem;
    border-radius: 0.4rem;
    text-align: center;
    line-height: .8rem;
    background: linear-gradient(to right, #ff8f0e, #ff0a4f);
    color: #fff;
    font-size: .373333rem;
    margin-top: 0.266667rem;
}
/* 闂傚倷绀侀幉锟犳偡閵夆晜鍤愭い鏍ㄦ皑閺嗭箓鏌涢弴銊ュ妞も晜鐓￠幃姗€鎮欓棃娑楀闂佺粯鎸撮崑鎾斥攽閻橆偅濯伴柛娑卞幒閸濇姊洪崫銉バｆい顓炴喘楠炲繘鎮╃紒妯绘闂佽法鍣﹂幏锟� */
.course-mod {
}

.course-mod .tab-tit {
    padding: 0.387rem 0 0 0;
    text-align: center;
    font-size: 0;
    background: #f63a30;
}

.course-mod .tab-tit .btn {
    display: inline-block;
    width: auto;
    text-align: center;
    margin: 0 0.093rem;
    border-radius: 0.667rem;
    line-height: 1;
    padding: .1333rem .2667rem;
    font-size: 0.427rem;
    font-weight: bold;
    color: #222;
    border: .0133rem solid #fff;
    background: #ef1635;
    color: #fff;
}

.course-mod .tab-tit .btn.on {
    background: #fec641;
    color: #e00000;
    border: .0133rem solid #fec641;
}

.course-mod .tab-con {
    display: none;
    padding: 0.48rem 0 0 0.16rem;
    background:#f63c31;
}

.course-mod .tab-con .box {
    float: left;
    width: 4.72rem;
    margin-right: 0.187rem;
    margin-bottom: 0.267rem;
}

.course-mod .tab-con .box .top-tit {
    width: 3.52rem;
    height: 0.8rem;
    position: relative;
    z-index: 9;
    background: url("/images/zhuanti/20241212/course-tit01.png") no-repeat;
    background-size: 100%;
}

.course-mod .tab-con .box .top-tit h4 {
    display: block;
    line-height: 0.8rem;
    text-align: center;
    padding-right: 0.267rem;
    font-size: 0.4rem;
    font-weight: bold;
    background: -webkit-linear-gradient(top,#912046,#731b36 40%,#501523 60%,#2c0f0f);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #501523;
}

.course-mod .tab-con .box .con {
    border-radius: 0 0.16rem 0.16rem 0.16rem;
    padding: 0.147rem 0 0.267rem 0;
    border: 0.013rem solid #fff;
    margin-top: -0.013rem;
    background: #ffeec7;
    background-image: -webkit-linear-gradient(top, #ffeec7, #fff);
    background-image: linear-gradient(top,#ffeec7,#fff);
}

.course-mod .tab-con .box .con .eduPic {
    width: 4.533rem;
    margin: 0 auto;
    position: relative;
}

.course-mod .tab-con .box .con .eduPic .link-btn {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    line-height: 0;
    font-size: 0;
}

.course-mod .tab-con .box .con .sale-tags {
    width: 1.573rem;
    height: 1.573rem;
    position: absolute;
    right: -0.053rem;
    bottom: -0.627rem;
    background: url("/images/zhuanti/20241212/course-bg01.png") no-repeat;
    background-size: 100%;
}

.course-mod .tab-con .box .con .sale-tags .t1 {
    line-height: 0.373rem;
    text-align: center;
    font-size: 0.213rem;
    color: #222;
    font-weight: bold;
    padding-top: 0.32rem;
}

.course-mod .tab-con .box .con .sale-tags .t2 {
    font-size: 0.24rem;
    color: #ff1314;
    text-align: center;
}

.course-mod .tab-con .box .con .sale-tags .t2 abbr {
    font-size: 0.293rem;
    vertical-align: 0.04rem;
}

.course-mod .tab-con .box .con .sale-tags .t2 strong {
    font-size: 0.533rem;
    font-family: 'DIN Alternate';
    vertical-align: -0.027rem;
}

.course-mod .tab-con .box .con .sale-tags .t2 span {
    display: inline-block;
    line-height: 1;
    vertical-align: -0.04rem;
}

.course-mod .tab-con .box .con .sale-tags .t2 span i {
    color: #222;
}

.course-mod .tab-con .box .con .text {
    line-height: 0.96rem;
    margin-top: 0.187rem;
    padding-left: 0.52rem;
    font-size: 0.293rem;
    color: #222;
    font-weight: bold;
    background: url("/images/zhuanti/20241212/otherCourse-ico01.png") no-repeat 0.147rem center;
    background-size: 0.28rem auto;
}

.course-mod .tab-con .box .con .btn-wrap {
    text-align: center;
    font-size: 0;
}

.course-mod .tab-con .box .con .btn-wrap .service-btn {
    display: inline-block;
    width: 2.133rem;
    padding: 0.133rem 0;
    font-size: 0.32rem;
    color: #e00000;
    font-weight: bold;
    background: #ffdd69;
    border-radius: 0.533rem;
    margin: 0 0.067rem;
}

.course-mod .tab-con .box .con .btn-wrap .buy-btn {
    display: inline-block;
    width: 2.133rem;
    height: 0.773rem;
    line-height: 0.773rem;
    text-align: center;
    font-size: 0.32rem;
    color: #fff;
    font-weight: bold;
    margin: 0 0.067rem;
    box-shadow: 0.053rem 0.053rem 0.053rem #ffc6c4;
    border-radius: 0.533rem;
    background: url("/images/zhuanti/20241212/book-btn03.png") no-repeat;
    background-size: 100% auto;
}
/* 闂傚倷绀侀幉锟犳偡閵夆晜鍤愭い鏍ㄦ皑閺嗭箓鏌涢弴銊ュ妞も晜鐓￠幃姗€鎮欓棃娑楀闂佺粯鎸撮崑鎾斥攽閻橆偅濯伴柛娑卞幒閸濇姊洪崫銉バｆい顓炴喘楠炲繘鎮╃紒妯绘闂佽法鍣﹂幏锟� */
/* 闂備胶鍎甸崜婵堟暜閹烘绠犻幖娣妼閻掑灚銇勯幒鎴濇殭濞存粏顫夐妵鍕煛閸屾稑鍞夐悗瑙勬礃瀹€鎼佸春閿熺姴鐒垫い鎺戝€芥慨鎶芥煃閸濆嫭鍣洪柣鎺曨嚙椤法鎹勬笟顖浶ㄥ銈呴獜閹凤拷 start */
.benefit{
    width: 9.9467rem;
    height: 6.5067rem;
    background: url(/images/zhuanti/20241212/benefit_bg.png) no-repeat center;
    background-size: 100% 100%;
    padding-top: 2rem;
    box-sizing: border-box;
}
.benefit_con{
    width: 3.84rem;
    height: 3.6267rem;
    background: url(/images/zhuanti/20241212/benefit_img01.png) no-repeat center;
    background-size: 100% 100%;
    margin-left: .88rem;
    padding-top: .9333rem;
    box-sizing: border-box;
    float: left;
}
.benefit_con_t{
    background: url(/images/zhuanti/20241212/benefit_img02.png) no-repeat center;
    background-size: 100% 100%;
    margin-left: .5333rem;
}
.benefit_con p{
    font-weight: 600;
    color: #e00000;
    font-size: .48rem;
    text-align: center;
}
.benefit_con a{
    display: block;
    width: 2.3467rem;
    height: .8rem;
    text-align: center;
    line-height: .8rem;
    color: #fff;
    font-weight: 600;
    font-size: .32rem;
    background: linear-gradient(to right,#fa8533,#ffb712);
    box-shadow: 0 0 .4rem .0533rem rgba(0, 0, 0, 0.1);
    margin: .1333rem auto;
    border-radius: .5333rem;
}
/* 闂備胶鍎甸崜婵堟暜閹烘绠犻幖娣妼閻掑灚銇勯幒鎴濇殭濞存粏顫夐妵鍕煛閸屾稑鍞夐悗瑙勬礃瀹€鎼佸春閿熺姴鐒垫い鎺戝€芥慨鎶芥煃閸濆嫭鍣洪柣鎺曨嚙椤法鎹勬笟顖浶ㄥ銈呴獜閹凤拷 end */
.newsStudent{
    padding: .5867rem 0;
    background: #f84938;  

}
.activeOne{
    width: 9.2rem;
    height: auto;
    background: linear-gradient(45deg,#fff6e8,30%,#fff2dd);
    position: relative;
    padding-top: 1.12rem;
    box-sizing: border-box;
    border-radius: .2667rem;
    margin: 0 auto;
    position: relative;
    padding-bottom: .0533rem;
}
.activeOne em{
    height: .8533rem;
    line-height: .8533rem;
    padding: 0 .4rem;
    color: #fff;
    background: linear-gradient(to right,#ff9e09,#ff3583);
    font-size: .48rem;
    font-weight: 600;
    border-radius: 0 .4rem .4rem 0;
    position: absolute;
    top: .48rem;
    left: 0;

}
.activeOne_con_flex{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.activeOne_con p{
    width: 4.9867rem;
    font-size: .3733rem;
    color: #333;
    margin-top: .4rem;
    line-height: .6667rem;
    margin-left: .4533rem;
    margin-right: .0533rem;
}
.activeOne_con p span{
    color: #ff5b04;
    font-size: .48rem;
    font-weight: 600;
}
.activeOne a.conbtn,.activeOne_file a.conbtn{
    display: block;
    width: 4.5333rem;
    height: 1.04rem;
    text-align: center;
    color: #fff;
    background: #ffa22a;
    line-height: 1.04rem;
    box-shadow: 0 0 .48rem 0 rgba(0, 0, 0, 0.1);
    font-size: .4267rem;
    font-weight: 600;
    border-radius: .5333rem;
    margin: .48rem auto;
}
.activeTwo .activeOne_con p{
    width: 94%;
}
.activeOne_file a.conbtn{
    margin-top: 20px;
}
.activeOne img.fr{
    margin-right: 10px;
    margin-top: -2px;
}
.activeOne:last-child{
    margin-top: .5333rem;
}
.activeOne_file .file-box {
    height: 3.2rem;
    border-radius: 0.133rem;
    border: 1px solid #ffe9d1;
    background: #ffe9d1;
    text-align: center;
    position: relative;
    padding: 0.4rem;
    width: 8.6667rem;
    margin: 0 auto;
    box-sizing: border-box;
}

.activeOne_file .file-box i {
    display: block;
    background: url("/images/zhuanti/20241212/thumbnail.png") no-repeat;
    background-size: 100% auto;
    width: 1.027rem;
    height: 0.933rem;
    position: absolute;
    left: 50%;
    top: 20px;
    margin-left: -0.513rem;
}

.activeOne_file .file-box .file {
    width: 100%;
    height: 3.033rem;
    position: absolute;
    top: 0;
    left: 0;
    border: 0;
    cursor: pointer;
    filter: alpha(opacity:0);
    opacity: 0;
    z-index: 2;
}

.activeOne_file .file-box p {
    font-size: 0.293rem;
    width: 100%;
    text-align: center;
    color: #999999;
    position: absolute;
    left: 50%;
    bottom: .2133rem;
    margin-left: -4.1667rem;
}

.activeOne_file .file-box .select-btn {
    width: 1.92rem;
    height: 0.64rem;
    line-height: 0.64rem;
    border: 1px solid #7d0b02;
    text-align: center;
    font-size: 0.293rem;
    border-radius: 0.133rem;
    display: block;
    left: 50%;
    position: absolute;
    top: 1.6933rem;
    margin-left: -1.0533rem;
    color: #7d0b02;
}

.activeOne_file .submit-upload {
    display: block;
    width: 3.787rem;
    height: 0.987rem;
    line-height: 0.987rem;
    text-align: center;
    color: #fff;
    font-size: 0.4rem;
    border-radius: 0.507rem;
    margin: 0.32rem auto;
    background: #5080ff;
}
.activeOne_file .file-box .picList {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 3.533rem;
}

.activeOne_file .file-box .picList img {
    width: 100%;
    height: 100%;
    z-index: 8;
}

.file-box .picList .pic-close {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    background: url("/jianzao2/zhuanti/ejbmsj/images/tu-close.png") no-repeat;
    background-size: 0.48rem 0.48rem;
    width: 0.48rem;
    height: 0.48rem;
    z-index: 5;
}
.view-box{
    display: inline-block;
    color: #666;
    font-size: .32rem;
    font-weight: normal;
    background: url(/images/zhuanti/20241212/proIcon.png) no-repeat left center;
    background-size: .3733rem .3733rem;
    padding-left: .4267rem;
    background-position: 0 .1333rem;
    cursor: pointer;
}
.activeOne_file_con span{
    display: block;
    text-align: center;
    font-size: 12px;
    color: #b46758;
}
.newsStudent .conBox{
    overflow: hidden;
    padding: 0px 0 0;
    border: 10px solid #ff8e64;
    border-top: 0;
    border-radius: 0 0 18px 18px;
    background: linear-gradient(to bottom, rgba(253, 247, 237, 1) 0%, rgba(255, 237, 204, 1) 30%, rgba(253, 248, 239, 1) 100%);
    padding-bottom: 20px;
}
.newsStudent .tbox {
    margin-top: 21px;
    margin-left: 40px;
}
.newsStudent .ggtit{
    top: -14px;
}
.newsStudent .gzBtn {
    position: absolute;
    top: 30px;
    right: 80px;
    z-index: 3;
    display: block;
    width: 108px;
    height: 38px;
    line-height: 36px;
    text-indent: 18px;
    font-size: 16px;
    color: #fff;
    border-radius: 19px;
    background: rgba(0, 0, 0, 0.3);
}
.newsStudent .fdHead{
    position: absolute;
    top: 84px;
    left: 0;
    z-index: 1;
    width: 1200px;
    height: 70px;
    background: url(/images/zhuanti/20241212/tit_06.png) no-repeat;
}


.upload-success {
    width: 8.4rem;
    background: #fff;
    border-radius: .4267rem;
}

.upload-success .pop-tit {
    background: #fe8960;
    text-align: center;
    color: #fff;
    line-height: 1.0667rem;
    font-size: .48rem;
    font-weight: bold;
    border-radius: 15px 15px 0 0;
}
.activeOne_file .file-box .allgrell{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    font-size: 14px;
    color: #fff;
    display: none;
    padding-top: .8rem;
    box-sizing: border-box;
    line-height: .64rem;
    z-index: 99;
}
.activeOne_file .file-box .allgrell p{
    margin-top: .8rem;
    color: #fff;
}
.activeOne_file .file-box .allgrell a{
    color: #fe8960;
}
.upload-success .pop-con {
    text-align: center;
    padding: .4rem .4rem 0;
    line-height: .6933rem;
    font-size: .3733rem;
}

.upload-success .pop-con a.link {
    color: #5080ff;
}

.upload-success .btn {
    display: block;
    width: 180px;
    height: 48px;
    border-radius: 24px;
    line-height: 48px;
    background: #ff9037;
    margin: 20px auto;
    color: #fff;
    font-size: 16px;
    text-align: center;
}

.upload-success .pop-tit .close-btn {
    background: url("/zhuanti/regisdirecttrain/images/close-pic.png") no-repeat;
    width: 22px;
    height: 23px;
    right: 17px;
    top: 18px;
    position: absolute;
}
.upload-delete-box .btn-mid {
    text-align: center;
    margin: .4rem 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.upload-delete-box .btn-mid a {
    display: inline-block;
    width: 2.6667rem;
    height: .96rem;
    border-radius: .5333rem;
    line-height: .96rem;
    color: #fff;
    font-size: .3733rem;
    margin: 0 .2667rem;
}

.upload-delete-box .btn-mid a.concle-btn {
    background: #c8c8c8;
}

.upload-delete-box .btn-mid a.sure-btn {
    background: #ff9037;
}
.activeOne_file a.conbtn.btn-grey{
    background: #999;
}

.common-pops {
    width: 8.773rem;
    margin-left: -4.387rem;
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 850;
    display: none;
    background: #fff;
    border-radius: 0.107rem;
}

.common-pops .pop-tit {
    height: 1.08rem;
    line-height: 1.08rem;
    padding-top: 0.187rem;
    text-align: center;
}

.common-pops .pop-tit h4 {
    font-size: 0.427rem;
    font-weight: bold;
    color: #222;
}

.common-pops .close-btn,.courseListBox .closeBtn {
    display: block;
    width: 0.333rem;
    height: 0.333rem;
    line-height: 0;
    font-size: 0;
    background: url("/jianzao2/zhuanti/ejbmsj/images/close-box.png") no-repeat;
    background-size: 100% auto;
    position: absolute;
    top: 0.44rem;
    right: 0.333rem;
}

.common-pops .popMain {
    padding: 0.933rem 0 0.493rem;
}

.common-pops .sure-btn {
    display: block;
    width: 100%;
    line-height: 1;
    font-size: 0.427rem;
    padding: 0.453rem 0;
    text-align: center;
    color: #222;
    border-top: 1px solid #eee;
}
.tuijianCode .cpic,.fuli2 .cpic{
    width: 2.1333rem;
    height: 2.1333rem;
}
.example-pic {
    width: 6.8rem;
    margin-left: -3.4rem;
}

.example-pic .close-pic-btn {
    display: block;
    background: url("/jianzao2/zhuanti/ejbmsj/images/pic-box-close.png") no-repeat;
    background-size: 100% auto;
    width: 0.467rem;
    height: 0.467rem;
    position: absolute;
    right: -0.4rem;
    top: -0.4rem;
}

.example-pic img {
    width: 6.8rem;
}
.photo-pop {
    display: none;
    position: fixed;
    left: 50%;
    top: 50%;
    width: 80%;
    max-height: 90%;
    z-index: 99;
    border-radius: 10px;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
}

.photo-pop .close-btn-big {
    display: block;
    width: 0.467rem;
    height: 0.467rem;
    position: absolute;
    right: 0rem;
    top: -0.56rem;
    background: url("/jianzao2/zhuanti/ejbmsj/images/pic-box-close.png") no-repeat;
    background-size: 0.467rem 0.467rem;
}

.tuifei{
    width: 9.4133rem;
    height: 7.6933rem;
    background: url(/images/zhuanti/20241212/tuidan-bg.png) no-repeat;
    background-size: 100% 100%;
    margin: 0 auto;
    margin-bottom: .5333rem;
}
.tuifei .tuifei_con{
    margin-left: .4rem;
    position: relative;
    padding-top: .3467rem;
}
.tuifei .tuifei_con h5{
    color: #891500;
    font-size: .4267rem;
}
.tuifei .tuifei_con p{
    font-size: .3733rem;
    color: #222222;
    margin-top: .5333rem;
    line-height: .5333rem;
    font-weight: 600;
    width: 7.28rem;
}
.tuifei .tuifei_con span {
    display: block;
    color:#333333;
    font-size: .3733rem;
    margin-top: .32rem;
    line-height: 1;
}
.tuifei .tuifei_con span i{
    color: 891500;
    margin-right: 10px;
}
.tuifei_con em{
    display: block;
    color: #ff1314;
    font-size: .3733rem;
    margin-top: .48rem;
    line-height: 1;
}
.tuifei .tuifei_con .tuifei_con_btn{
    position: absolute;
    width: 3.2533rem;
    height: 1.0133rem;
    background: url(/images/zhuanti/20241212/tuifei_con.png) no-repeat;
    background-size: 100% 100%;
    right: .4533rem;
    bottom: -0.1333rem;
}
.tuifei .tuifei_con_info{
    width: auto;
    margin-left: .4rem;
    margin-top: .4rem;
}
.tuifei .tuifei_con_info p{
    font-weight: 500;
    font-size: .3733rem;
    color: #333;
    line-height: .5333rem;
    margin-top: .2133rem;
    width: 100%;
}
.tuifei .tuifei_con_info p:last-child{
    margin-top: .16rem;
}
.tuifei .tuifei_con_info p i{
    display: inline-block;
    width: .32rem;
    height: .32rem;
    border: .0133rem solid #891500;
    color: #891500;
    text-align: center;
    line-height: .32rem;
    border-radius: 50%;
    margin-right: .1333rem;
}
.gzhCode p{
    line-height: .5333rem;
    font-size: .32rem;
    color: #333;
    width: 7.4667rem;
    margin: .2133rem auto;
    text-align: center;
}

/* 畅学卡 start */
.learnIng_coupon{
    text-align: center;
}
.learnIng_coupon h3{
    text-align: center;
    font-size: .5333rem;
    color: #fff;
    font-weight: 600;
    text-align: center;
    position: relative;
    display: inline-block;
    margin-bottom: .48rem;
    /* 现代浏览器渐变 */
    background: linear-gradient(to right, #fff693 ,#fffde5, #fffde2);
    -webkit-background-clip: text;
    background-clip: text;
    /* 用透明覆盖降级颜色（现代浏览器生效） */
    color: transparent;
}
.learnIng_coupon h3::after{
    position: absolute;
    content: "";
    right: -1.0667rem;
    bottom: .08rem;
    width: .92rem;
    height: .5067rem;
    background: url(/images/zhuanti/20251212/coupon_txt.png) no-repeat;
    background-size: 100% auto;
}
.learnIng_coupon h3::before{
    position: absolute;
    content: "";
    left: -0.8rem;
    bottom: .08rem;
    width: .5867rem;
    height: .5067rem;
    background: url(/images/zhuanti/20251212/coupon_txt01.png) no-repeat;
    background-size: 100% auto;
}
.learn_con_l {
    width: 8.96rem;
    height: 2.96rem;
    background: url(/images/zhuanti/20251212/coupon_l_bg.png) no-repeat;
    background-size: 100% auto;
    padding-left: .2667rem;
    box-sizing: border-box;
    text-align: left;
    margin: 0 auto;
}
.learn_con_l .tag{
    width: 1.4rem;
    height: 1.12rem;
    background: url(/images/zhuanti/20251212/coupon_l_conpon.png) no-repeat;
    background-size: 100% auto;
    position: absolute;
    left: 2.1333rem;
    top: -0.4rem;
}

.coupon_l_book{
    margin-top: .0533rem;
    width: 2.8133rem;
}
.learn_con_l_txt{
    width: 3.44rem;
    margin-top: .16rem;
}
.learn_con_l_txt h6{
    font-size: .56rem;
    font-weight: 600;
    color: #ffff;
    text-align: center;
}
.learn_con_l_txt p{
    font-size: .2667rem;
    color: #fff;
    line-height: .6933rem;
}
.learn_con_l_txt .price p{
    color: #ffe671;
    font-size: .48rem;
    font-weight: 600;
}
.learn_con_l_txt .price span{
    font-size: .24rem;
    color: #ffffff;
    margin-top: .16rem;
    margin-left: .2667rem;
}
.price_btn{
    width: 1.4667rem;
    height: 1.5467rem;
    background: url(/images/zhuanti/20251212/coupon_l_btn.png) no-repeat;
    background-size: 100% 100%;
    text-align: center;
    color: #ff2224;
    font-size: .3733rem;
    margin-right: .6667rem;
    line-height: 1;
    font-weight: 600;
    margin-top: .48rem;
    padding-top: .2667rem;
    box-sizing: border-box;
}
.learn_con_r{
    width: 8.9467rem;
    height: 2.9467rem;
    background: url(/images/zhuanti/20251212/coupon_r_bg.png) no-repeat;
    background-size: 100% auto;
    margin: 0 auto;
}
.learn_con_r_txt{
    margin-left: .2667rem;
    width: 5.8667rem;
    margin-top: .2667rem;
    position: relative;
}
.learn_con_r_txt h5{
    font-size: .4rem;
    color: #fb0600;
    font-weight: 500;
    text-align: center;
    line-height: 1;
}
.learn_con_r_txt h5 span{
    font-weight: 600;
    font-size: 1.3333rem;

}
.learn_con_r_txt p{
    font-size: .2933rem;
    color: #333333;
    line-height: 1;
    text-align: center;
    margin-top: .1333rem;
    margin-left: .2133rem;
}
.learn_con_r_txt i{
    font-size: .24rem;
    color: #333;
    position: absolute;
    right: 0;
    top: 0px;
    cursor: pointer;
}
.learn_con_r .price_btn{
    margin-right: .5333rem;
    /* line-height: .8rem; */
    font-weight: 600;
}
.smallImgFix{position: fixed; right: 0; bottom: 10px; display: block; z-index: 99;}

.smallImgFix .smallFix-close{ display: block; width: 21px; height: 21px; position: absolute; right:4px;top:-8px; cursor: pointer;}
/* 畅学卡 end */
.headerBg .header_con .cBox.on {
    position: fixed;
    left: 50%;
    margin-left: -5rem;
    top: 0;
    width: 100%;
    padding: .2667rem 0;
    box-sizing: border-box;
    background: #f63c31;
    height: 1.4933rem;
}