@charset "UTF-8";

@import url('base.css');
/*-----default model-----*/
body,h1, h2, h3, h4, h5, h6,p,ul, ol, dl, dd,figure, menu, input, textarea, button, select, th, td,figcaption {margin: 0;padding: 0;}
h1, h2, h3, h4, h5, h6,b, strong {font-size: 100%;font-weight: normal;}
li {list-style: none;}
em, i {font-style: normal;}
img {border:none;}
input,textarea,button,select {outline: 0 none;}
table{border-collapse: collapse; margin:0 auto; width: 100%;color: #333;text-align: center;}
textarea {resize: vertical;}
a {text-decoration: none;outline: 0 none;color:inherit}
.clearfix:before,.clearfix:after{display:block;clear:both;content:"";visibility:hidden;height:0} 
.clearfix{zoom:1} 
body{width: 100%;height:100%;font-size: 12px;min-width: 1100px!important;
    font-family: "Helvetica Neue","Microsoft YaHei", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC",  "WenQuanYi Micro Hei", sans-serif;
    color: #444;background: #ffeedb;
}
#footer_bx{clear: both;}


.m-show,.m-ib{display: none!important;}
.qgfx_box {margin-top: 10px; margin-bottom: 20px!important;}
a[title="站长统计"]{display: none;}
@media only screen and (min-width: 800px) {
	.pc-hide{display:none !important;}
}
/* @media screen and (min-width:800px) and (max-width:1440px){body{zoom:0.8}} */
.wrap{position: relative; width: 11rem; margin: 0 auto;font-size: 0;text-align: center;}

/* body{
	cursor: url(https://files.cnblogs.com/files/monster-jian/cursor.ico),auto;
} */
 /* 输入框填充背景 */
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
        -webkit-box-shadow: 0 0 0 1000px white inset;
}
 
/* 输入框填充透明 */
/* input:-internal-autofill-previewed,
input:-internal-autofill-selected {
  -webkit-text-fill-color: #fff;
  transition: background-color 5000s ease-out 0.5s;
} */
 
 
/*banner */
.banner-box{position:relative;height:9.4rem;background:url("../images/banner.jpg") no-repeat center top; overflow:hidden;width:100%; text-align:center;}
.banner-box .wrap{height: auto;}
.banner-box .logo{width: 2.16rem; position: absolute;left: 0; top: .34rem; cursor: pointer;display: block;}
.banner-box .logo img{width: 100%; display: block;}
.banPic{
    width: 100%; clear: both; position: relative;
    height: 6.2rem;
}
.shake01{
    width: 18.15rem; display: block;
    position: absolute; top: .35rem; left: -3.26rem;
}
.shake02{
    width: 1.18rem; display: block;
    position: absolute; top: 1rem; left: .1rem;
}
.banPic img.theme{
    width: 9.23rem; display: block;
    position: absolute; left: -2.73rem; top: .4rem;
}
.banPic img.gift01{
    width: 7.51rem; display: block;
    position: absolute; right: -2rem; top: .57rem;
    animation: moveY2 1.5s infinite ease-in-out alternate;
}
.banImg01{
    width: 1.19rem; display: block;
    position: absolute; left: -2.44rem; top: 1.1rem;
    animation: moveY 1.5s infinite ease-in-out alternate;
}
.banImg02{
    width: 1.57rem; display: block;
    position: absolute; right: -3.4rem; top: 5.8rem;
    animation: moveY 1.5s infinite ease-in-out alternate;
}
.banImg03{
    width: 2.02rem; display: block;
    position: absolute; left: -4.5rem; top: 6.58rem;
    animation: moveX 1.5s infinite ease-in-out alternate;
}
.banbook01{
    width: 1.79rem; display: block;
    position: absolute; left: -2.5rem; top: 4.77rem;
    animation: moveX2 1.5s infinite ease-in-out alternate;
}
.banFree{
    width: 1.86rem; display: block;
    position: absolute; left: 1.75rem; top: 4.8rem;
    animation: moveY2 1.5s infinite ease-in-out alternate;
}
.smPic{
    width: 100%; display: flex;
    justify-content: space-between;
    align-items: center;
    clear: both;
    position: relative;
    z-index: 2;
}
.smPic a{
    width: 2.64rem; display: block;
    transition: all .5s;
}
.smPic a img{width: 100%; display: block;}
.smPic a:hover{
    transform: translateY(-10px);
}

.sections{
    width: 100%; clear: both;
    background: #ffeedb;
}
.secTit{
    width: 100%; clear: both;height: 1.3rem;
    position: relative;
    z-index: 5;
}
.secTit.type01{
    background: url("../images/sec-tit01.png") no-repeat center;
}
.secTit.type02{
    background: url("../images/sec-tit02.png") no-repeat center;
}
.secTit h2{
    font-size: .48rem; font-weight: bold; color: #fff; line-height: 1;
    padding: .29rem 0;
}
.secMain{
    width: 100%; display: block;
    background: #ff9b73;
    border-radius: .14rem;
    margin-top: .14rem;
    border: solid .03rem #fff2d7;
    margin-bottom: .75rem;
}
.secMain::before{
    content: ''; width: 100%; display: block; height: .32rem;margin-top: -.35rem; float: left;
    background: url("../images/sec-img01.png") no-repeat center / auto 100%;
    position: relative;
    z-index: 3;
}
.secMain >.kuang{
    width:10.6rem; display: block;
    background: #f93c4d;
    border-radius: .14rem;
    margin: .2rem;min-height: 2rem;
    box-shadow: 0 .13rem .14rem rgba(239,35,60,.61) inset;
    padding-top: 1px;
}
.secMain .kuang .zhu{
    font-size: .18rem; line-height: 1; color: #fff;
    padding: .14rem 0;
    text-align: left;
    width: 10rem;
    margin: 0 auto;
}

.secMain h3.kTit{
    font-size: .36rem; line-height: 1; padding: .41rem 0 .35rem;
    font-weight: 600;
    display: flex;
    justify-content: center;
    align-items: center;
}

.secMain h3.kTit::before,.secMain h3.kTit::after{
    content: ''; width: .76rem; height: .12rem; display: block;
    margin: 0 .13rem;
}
.secMain h3.kTit::before{
    background: url("../images/s1-tit01.png") no-repeat center/ 100%;
}
.secMain h3.kTit::after{
    background: url("../images/s1-tit02.png") no-repeat center/ 100%;
}
.secMain h3.kTit span{
    background: linear-gradient(to right, #fdf5a1, #ffffec,#fdf5a1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}

/* 视频 */
.vidbox{
    width: 100%;
    background: #ffc170;
    border-radius: .14rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: -.1rem;
    margin-bottom: .75rem;
}
.vidbox .kuang{
    width: 10.5rem; display: block;
    margin: .25rem;
    background: #ff5e6d;
    border-radius: .14rem;
    box-shadow: 0 .13rem .14rem rgba(239,35,60,.61) inset;
}
.vidbox .kuang .video-box{
    width: 10rem; display: block;
    margin: .25rem;
    border-radius: .2rem;
    min-height: 5rem;
    background: #000000;
}

/*section1*/
.s1-main >.kuang{padding-bottom: .01rem}
.s1-main .partSet{
    width: 100%; clear: both; padding-top: .5rem;
}
.s1-partTit{
    width: 100%; clear: both;
    position: relative;
}
.s1-partTit h3{
    font-size: .36rem; line-height: 1; font-weight: 600;
    display: flex;
    justify-content: center;
    align-items: center;
}
.s1-partTit h3::before,.s1-partTit h3::after{
    content: ''; width: .76rem; height: .12rem; display: block;
    margin: 0 .13rem;
}
.s1-partTit h3::before{
    background: url("../images/s1-tit01.png") no-repeat center/ 100%;
}
.s1-partTit h3::after{
    background: url("../images/s1-tit02.png") no-repeat center/ 100%;
}
.s1-partTit h3 span{
    background: linear-gradient(to right, #fdf5a1, #ffffec,#fdf5a1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}
.s1-partTit p{
    width: 100%; height: .47rem; margin-top: .23rem;
    background: url("../images/s1-img01.png") no-repeat center / auto 100%;
    font-size: .25rem; line-height: .47rem; color: #fff; font-weight: 600;
    display: flex;
    justify-content: center;
    align-items: center;
}
.s1-partTit p span{
    margin: 0 .1rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.s1-partTit p span::before{
    content: ""; width: .24rem; height: .24rem; display: block;
    background: url("../images/s1-icon01.png") no-repeat center / 100%;
}
.s1-partTit i{
    width: .41rem; height: .41rem; display: block;
    background: #ffb746;
    border-radius: .1rem 0 0 .1rem;
    font-size: .24rem; line-height: .41rem; color: #fff;
    text-align: center;
    position: absolute; right: 0; top: 0;
}
.s1-gift{
    width: 10rem; height: auto;
    background: #fff;
    border-radius: .2rem;
    margin: .23rem .3rem 0; float: left;
    position: relative;
}
.s1-gift .giftKuang{
    width: 9.5rem;  display: block; float: left;
    background: #ffe074;
    background: -webkit-linear-gradient(#ffe074,#ffb448);
    background: linear-gradient(#ffe074,#ffb448);
    border-radius: .2rem;
    margin: .25rem .25rem .11rem;
}
.s1-gift .giftKuang .redbox{
    width: 9.2rem;min-height: 2rem;
    border: solid .02rem #fff7dd;
    border-radius: .2rem;
    margin: .14rem;
    background: #b31b28;
    box-shadow: 0 .05rem .1rem #b31b28 inset, 0 0 .13rem rgba(208,96,7,.78);
    display: flex;
    justify-content: center;
    align-items: center;
}
.s1-gift .giftKuang .redbox .swiper {width: 8.4rem; margin: auto .1rem;}
.giftSwiper{
    width: 100%;
}
.giftSwiper .swiper-slide{
    width: 2rem; height: 1.89rem; display: block;
    background: #ff7449;
    background: linear-gradient(#ff7449,#ff1447);
    border-radius: .15rem;
}
.giftSwiper .swiper-slide .kuang{
    width: 1.9rem; height: 1.8rem;
    margin: .05rem .05rem .04rem;
    background: #ffedc8;
    border-radius: .15rem;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
}
.giftSwiper .swiper-slide .kuang img{
    width: 1.72rem; display: block;
    padding-top: .12rem;
}
.giftSwiper .swiper-slide .kuang span{
    width: 1.72rem; height: .4rem; display: block;
    font-size: .22rem; line-height: .4rem; color: #fff;
    border-radius: .2rem;
    background: #ff4248;
    background: -webkit-linear-gradient(90deg,#ff1447,#ff7449);
    background: linear-gradient(90deg,#ff1447,#ff7449);
}
.swbtn{cursor: pointer;}
.swbtn::before{
    content: ''; width: .15rem; height: .17rem; display: block;
}
.swiper-next::before{
    background: url("../images/s1-arr02.png") no-repeat center / 100%;
}
.swiper-prev::before{
    background: url("../images/s1-arr01.png") no-repeat center / 100%;
}

.s1-gift .fixBtn{
    position: absolute; right: 0; top: .28rem;
}
.s1-gift .fixBtn a{
    width: .82rem; height: .32rem; display: block;
    background: rgba(62,255,242,.8);
    border-radius: .2rem 0 0 .2rem;
    font-size: .18rem; line-height: .32rem; color: #00679c;
    cursor: pointer;
}



.s1-drawBtn{
    width: 100%; clear: both;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: .1rem;
}
.s1-drawBtn a{
    width: 1.75rem; height: .62rem; display: block;
    font-size: .28rem; font-weight: bold;line-height: .5rem;
    margin: 0 .15rem;
    position: relative;
    cursor: pointer;
    border-radius: .3rem;
}
.s1-drawBtn a.btn01{
    color: #bc1700;
    background: url("../images/s1-btn01.png") no-repeat center / 100%;
}
.s1-drawBtn a.btn02{
    color: #005890;
    background: url("../images/s1-btn02.png") no-repeat center / 100%;
}
.s1-drawBtn a:hover::after{
    content: ''; width: .5rem; height: .5rem; display: block;
    background: url("../images/s1-cursor.png") no-repeat center / 100%;
    position: absolute; right: -.07rem; bottom: -.25rem;
}

.s1-course{
    width: 10rem; height: auto; min-height: 2rem;
    background: #fff;
    border-radius: .2rem;
    margin: .23rem .3rem .32rem;
}
.s1-course .allItem{
    width: 9.7rem;
    height: 5.8rem;
    display: inline-flex;
    margin: .38rem auto auto;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    overflow-y: scroll;
}
.s1-course .allItem .item{
    width: 3.01rem; height: 2.81rem; display: block;
    background: url("../images/s1-img02.png") no-repeat center / 100%;
    margin: 0 .08rem .18rem;
}
.s1-course .allItem .item.type02{
    background: url("../images/s1-img03.png") no-repeat center / 100%;
}
.s1-course .allItem .item h4{
    font-size: .28rem; line-height: .52rem; color: #fff; font-weight: 500;
}
.s1-course .allItem .item h5{
    font-size: .26rem; line-height: 1; color: #ff1f2f;
    padding: .25rem 0 .17rem;
}
.s1-course .allItem .item p{
    width: 100%; height: .7rem; padding-top: .09rem; display: flex;
    justify-content: center;
    align-items: center;
    font-size: .16rem; line-height: .22rem; color: #676767;
}
.s1-course .allItem .item a{
    width: 1.41rem; height: .5rem; display: inline-block;
    background: url("../images/s1-btn03.png") no-repeat center / 100%;
    font-size: .26rem; font-weight: bold; color: #bc1700; line-height: .45rem; margin-top: .04rem;
    cursor: pointer;
    border-radius: .2rem;
}
.s1-main .s1-course >p.zhu{
    font-size: .18rem; line-height: 1; padding: .16rem 0; color: #666;
    text-align: center;
}

/* 专享奖学金 */
.s2-tip{
    width: 100%;
    font-size: .24rem; line-height: 1.5; color:#fff;
    padding: .3rem 0 0;
}
.s2-main .part{
    width: 10rem; display: block; margin: .78rem .3rem 0;
    background: #fff;
    border-radius: 0 .1rem .1rem .1rem;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
}
.s2-main .part .tit{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}
.s2-main .part .tit.type01{
    height: .46rem; width: 5.11rem;
    background: url("../images/s2-img01.png") no-repeat center / 100%;
    margin-top: -.45rem;
    float: left;
}
.s2-main .part .tit.type02{
    height: .47rem; width: 6.32rem;
    background: url("../images/s2-img02.png") no-repeat center / 100%;
    margin-top: -.45rem;
    float: left;

}
.s2-main .part .tit h3{
    font-size: .34rem; line-height: .35rem; color: #732600;
    font-weight: bold; float: left; margin-left: .31rem;
    margin-top: .2rem;
}
.s2-main .part .tit span{
    font-size: .24rem; line-height: .35rem;
    background: #ffe7ce;
    border-radius: .06rem;
    color: #732600;
    padding: 0 .15rem;
    margin-top: .2rem;
    margin-left: .13rem;
}
.s2-main .part .itembox{
    width: 100%; clear: both;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: .29rem auto .24rem;
}
.s2-main .part .itembox .item1{
    width: 4.66rem; height: auto;
    background: #ff1f2f;
    border-radius: .1rem;
    margin: 0 .135rem;
}
.s2-main .part .itembox .item2{
    width: 3.07rem; display: block;
    background: #ff1f2f;
    border-radius: .1rem;
    margin: 0 .08rem;
}
.s2-main .part .itembox .item1 .kbox{
    width: 4.46rem; height: 2.06rem; display: flex;
    justify-content: space-between;
    align-items: center;
    background: #fffef2;
    margin: .1rem;
}
.s2-main .part .itembox .item2 .kbox{
    width: 2.87rem; height: 2.4rem; display: flex;
    justify-content: space-between;
    align-items: center;
    background: #fffef2;
    margin: .1rem;
}
.s2-main .part .itembox .item .kbox::before,
.s2-main .part .itembox .item .kbox::after{
    content: "";
    width: .2rem; height: .2rem; display: block;
    background: #ff1f2f;
    border-radius: 50%;
}
.s2-main .part .itembox .item .kbox::before{
    margin-left: -.1rem;
}
.s2-main .part .itembox .item .kbox::after{
    margin-right: -.1rem;
}
.s2-main .part .itembox .item1 .all{
    width: 3.9rem; display: block;
}
.s2-main .part .itembox .item2 .all{
    width: 2.57rem; display: block;
}

.s2-main .part .itembox .item .txt{
    width: 100%; display: block;
    /* height: .86rem; */
    background: #ffe7ce;
    border-radius: .1rem;
    font-size: .18rem; line-height: .3rem; color: #333;
    padding: .08rem 0;
}
.s2-main .part .itembox .item .txt b{
    line-height: .4rem;
    font-size: .28rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.s2-main .part .itembox .item .txt b em{
    width: .88rem; height: .3rem; display: inline-block;
    background: #ff4336;
    background: -webkit-linear-gradient(90deg,#ff1a2e,#ff753f);
    background: linear-gradient(90deg,#ff1a2e,#ff753f);
    line-height: .3rem; color: #fff;
    border-radius: .07rem;
    margin: .03rem .05rem 0;
}
.s2-main .part .itembox .item2 .txt b em{
    width: .75rem;
}
.s2-main .part .itembox .item p{
    font-size: .18rem;line-height: .26rem; color: #666;
    padding-top: .17rem;
}
.s2-main .zhu{
    font-size: .18rem; line-height: 1; color: #fff;
    padding: .14rem 0;
    text-align: left;
    width: 10rem;
    margin: 0 auto;
}

/* 好课升级补贴多 */
.s3-main .kuang{
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
}
.s3-main .part{
    width: 10rem;
    background: #fff;
    border-radius: .2rem;
    margin: .2rem auto 0;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
    position: relative;
}
.s3-main .part1{margin-top: .38rem;}
.s3-main .part .no{
    width: .32rem; height: .32rem;
    padding-top: .05rem; display: block;
    font-size: .18rem; line-height: .32rem; color: #fff;
    background: #ff9b73;
    border-radius: 0 0 .3rem .3rem;
    position: absolute; top: 0; left: .37rem;
}
.s3-main .part .partTit{
    height: .51rem; line-height: 1;
    font-size: .36rem; color: #732600;
    border: solid .01rem #732600;
    border-radius: .3rem;
    display: block;
    margin-top: .36rem;
}
.s3-main .part1 .partTit{
    margin-bottom: .31rem;
}
.s3-main .part .partTit b{
    padding: 0 .27rem; display: inline-block;
}
.s3-main .part .partTit span{
    background: #732600; color: #fff;
    border-radius: .3rem;
    padding: 0 .27rem;
    height: .51rem; display: inline-block; line-height: .51rem;
    font-weight: 600;
}
.s3-main .part .partTit span em{
    background: linear-gradient(to right, #fdf5a1, #ffffec,#fdf5a1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}
.s3-main .part .allTxt{
    width: 100%; display: flex;
    justify-content: center;
    align-items: center;
}
.s3-main .part .allTxt .item{
    width: 4.7rem; display: block; margin: 0 .05rem .23rem;
    background: #ff1f2f;
    border-radius: .1rem;
}
.s3-main .part .allTxt .item .white{
    width: 4.5rem; display: block; margin: .1rem;
    background: #fffef2;
    border-radius: .1rem;
    position: relative;
    padding: .18rem 0 .22rem;
}
.s3-main .part .allTxt .item .white::before,
.s3-main .part .allTxt .item .white::after{
    content: "";
    width: .2rem; height: .2rem; display: block;
    background: #ff1f2f;
    border-radius: 50%;
    position: absolute; top: 50%; margin-top: -.1rem;
}
.s3-main .part .allTxt .item .white::before{
    left: -.1rem;
}
.s3-main .part .allTxt .item .white::after{
    right: -.1rem;
}
.s3-main .part .allTxt .item .white .top{
    font-size: .22rem; line-height: 1; color: #ff1f2f;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
.s3-main .part .allTxt .item .white .top span{
    display: block; padding: .07rem 0;
    text-align: left;
    margin: 0 .08rem;
}
.s3-main .part .allTxt .item .white .top span::before{
    content: ''; width: .22rem; height: .22rem; display: inline-block;
    background: url("../images/s3-icon01.png") no-repeat center / 100%;
    vertical-align: middle;
    margin-right: .05rem;
}
.s3-main .part .allTxt .item .white h3{
    font-size: .28rem; line-height: 1; font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
}
.s3-main .part .allTxt .item .white h3::before,
.s3-main .part .allTxt .item .white h3::after{
    content: ''; width: .43rem; height: .4rem; display: inline-block;
    vertical-align: middle;
    margin: 0 .06rem;
}
.s3-main .part .allTxt .item .white h3::before{
    background: url("../images/s3-icon03.png") no-repeat center / 100%;
}
.s3-main .part .allTxt .item .white h3::after{
    width: .44rem;
    background: url("../images/s3-icon04.png") no-repeat center / 100%;
}
.s3-main .part .allTxt .item .white h3 span{
    background: linear-gradient(to right, #ff753f, #ff1a2e,#ff753f);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}

.s3-main .part .allTxt .item .white .txt{
    width: 4.09rem; height: .72rem; margin: .13rem auto 0;
    background: #ffe7ce;
    border-radius: .1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: .18rem; line-height: .26rem;
}

.s3-main .part .line{
    width: 8.95rem;
    border-top: solid .02rem #f5d0ad;
    border-bottom: solid .02rem #f5d0ad;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: .42rem;
    font-size: .26rem; line-height: 1; color: #732600;
    margin: .2rem auto;
}
.s3-main .part .line span::before{
    content: ''; width: .24rem; height: .24rem; display: inline-block;
    background: url("../images/s3-icon02.png") no-repeat center / 100%;
    vertical-align: top;
    margin-right: .04rem;
}
.s3-main .part .partTxt{
    width: 9.48rem; height: .8rem; margin: .23rem auto .35rem;
    background: #ffe7ce;
    border-radius: .1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: .18rem; line-height: .26rem;
}
.s3-main .zhu{
    font-size: .18rem; line-height: 1; color: #fff;
    padding: .14rem 0;
    text-align: left;
    width: 10rem;
    margin: 0 auto;
}

/* section04 */
.s4-main .kuang{position: relative}

.s4-main .myCourse{
    width: .82rem; height: .32rem; display: block;
    background: #fff261;
    color: #543009;
    border-radius: .3rem 0 0 .3rem;
    position: absolute; right: 0; top: .42rem;
    cursor: pointer;
    font-size: .18rem; line-height: .32rem;
}
.s4-main .seckillBox{
    width: 10rem; display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
    background: #fff;
    border-radius: .3rem;
    margin:  auto;
    padding-top: .22rem;
}
.s4-main .seckillBox .item{
    width: 3rem; height: 2.16rem; display: block;
    background: url("../images/s4-img01.png") no-repeat center / 100%;
    border-radius: .1rem;
    margin: 0 .1rem .22rem;
}
.s4-main .seckillBox .item12{visibility: hidden;}
.s4-main .seckillBox .item h5{
    font-size: .22rem; line-height: 1; color: #fff;
    padding: .09rem 0 .26rem;
}
.s4-main .seckillBox .item h4{
    font-weight: bold; font-size: .28rem; padding-bottom: .12rem;
    line-height: 1;
}
.s4-main .seckillBox .item h4.big{
    height: .7rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: .1rem;
}
.s4-main .seckillBox .item h4 span{
    background: linear-gradient(to right, #ff753f, #ff1a2e,#ff753f);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}
.s4-main .seckillBox .item .km{
    width: 2.08rem; height: .32rem; display: block;
    margin: 0 auto .22rem;
    background: #ffe7ce;
    border-radius: .1rem;
    font-size: .22rem; line-height: .32rem; color: #732600;
}

.s4-main .seckillBox .item .btm{
    width: 2.8rem; margin: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.s4-main .seckillBox .item .btm .left{
    font-size: .15rem;
}
.s4-main .seckillBox .item .btm .left i{
    font-weight: bold;
    background: linear-gradient(to right, #fdf5a1, #ffffec,#fdf5a1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}
.s4-main .seckillBox .item .btm .left b{
    font-size: .46rem;
    font-weight: bold;
    background: linear-gradient(to right, #fdf5a1, #ffffec,#fdf5a1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}
.s4-main .seckillBox .item .btm .left em{
    background: linear-gradient(to right, #fdf5a1, #ffffec,#fdf5a1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}
.s4-main .seckillBox .item .btm .right{
    width: .59rem; display: block;
}
.s4-main .seckillBox .item .btm .right a{
    width: 100%; height: .59rem; display: block;
    border-radius: 50%;
    cursor: pointer;
    position: relative;
    transition: all .8s;
}
.s4-main .seckillBox .item .btm .right a:hover{
    transform: scale(1.1);
}
.s4-main .seckillBox .item .btm .right a img{
    width: 100%; display: block;
}
.s4-main .seckillBox .item .btm .right a::after{
    content: ''; width: .5rem; height: .5rem; display: block;
    background: url("../images/s1-cursor.png") no-repeat center / 100%;
    position: absolute; right: -.2rem; bottom: -.25rem;
    animation: scale1 0.8s linear infinite alternate;
}

.s4-main .fixPrice{
    width: 10rem; display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
    background: #fff;
    border-radius: .3rem;
    margin:  auto;
    padding: .22rem 0 .36rem;
}
.s4-main .fixPrice .item{
    width: 3rem; height: 2.4rem; display: block;
    background: url("../images/s4-img04.png") no-repeat center / 100%;
    margin: 0 .1rem;
}
.s4-main .fixPrice .item1{
    background: url("../images/s4-img03.png") no-repeat center / 100%;
}
.s4-main .fixPrice .item h5{
    font-size: .22rem; line-height: 1; color: #fff;
    padding: .1rem 0 .25rem;
}
.s4-main .fixPrice .item h4{
    font-weight: bold; font-size: .28rem; padding-bottom: .14rem;
    line-height: 1;
}
.s4-main .fixPrice .item h4 span{
    background: linear-gradient(to right, #ff753f, #ff1a2e,#ff753f);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}
.s4-main .fixPrice .item .txt{
    width: 2.4rem; height: .65rem; margin: 0 auto .15rem;
    background: #ffe7ce;
    border-radius: .1rem;
    font-size: .18rem; line-height: .26rem; color: #732600;
    display: flex;
    justify-content: center;
    align-items: center;
}
.s4-main .fixPrice .item .price{
    font-size: .18rem;
    line-height: .4rem;
    padding-top: .14rem;
}
.s4-main .fixPrice .item .price em{
    font-weight: bold;
    background: linear-gradient(to right, #fdf5a1, #ffffec,#fdf5a1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;

}
.s4-main .fixPrice .item .price b{
    font-size: .4rem;
    font-weight: bold;
    background: linear-gradient(to right, #fdf5a1, #ffffec,#fdf5a1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}
.s4-main .fixPrice .item .price span{
    background: -webkit-linear-gradient(90deg, #fdf5a1, #ffffec,#fdf5a1);
    background: linear-gradient(90deg, #fdf5a1, #ffffec,#fdf5a1);
    width: .6rem; height: .2rem; line-height: .2rem;
    color: #732600;
    font-size: .16rem;
    border-radius: .2rem;
    padding: 0 .1rem;
}



.secMain .picbox{
    width: 10rem;
    background: #f3e767;
    background: -webkit-linear-gradient(#f3e767,#f2c565);
    background: linear-gradient(#f3e767,#f2c565);
    border-radius: .3rem;
    margin: .2rem auto;
    display: flex;
    justify-content: center;
    align-items: center;
}
.secMain .picbox .white{
    width: 9.6rem; min-height: 2rem;
    background: #fff;
    border-radius: .3rem;
    margin: .2rem;
}
.secBtn{
    width: 100%; clear: both; padding: .18rem 0 .39rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.secBtn a{
    width: 2.7rem; height: .9rem; display: block;
    background: url("../images/s5-btn01.png") no-repeat center / 100%;
    font-size: .34rem; line-height: .8rem; font-weight: bold; color: #bc1700;
    margin: auto;
    cursor: pointer;
    border-radius: .4rem;
}

.s5-main .white img{width: 100%; display: block;}

.s6-tip{
    width: 100%;
    font-size: .24rem; line-height: 1.5; color:#fff;
    padding: .3rem 0 0;
}
.s6-main .white img{width: 100%; display: block;}

/* section07 */
.s7-sub{
    width: 10rem; height: .7rem; clear: both;
    background: #ffee67;
    border-radius: .3rem .3rem 0 0;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: .43rem auto 0;
}
.s7-sub span{
    width: 2.34rem; height: .57rem; display: block;
    font-size: .35rem; line-height: .57rem; color: #732600;
    margin: 0 .3rem;
    cursor: pointer;
}
.s7-sub span.on{
    color: #ffee67;
    background: #ff1b46;
    border-radius: .1rem .1rem 0 0;
}
.s7-pic{
    width: 10rem; display: block; margin: 0 auto;
}
.s7-pic img{width: 100%; display: none;}
.s7-pic img.show{display: block;}
.s7-btn a{display: none;}
.s7-btn a.show{display: block;}

.s8-main .kuang{overflow: hidden;}
.s8-main .module{
    width: 100%; clear: both;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.s8-main .module ul{
    width: 4.4rem; display: block; margin-left: .56rem;
    margin-top: .2rem;
    position: relative;
    z-index: 3;
}
.s8-main .module ul li{
    width: 100%;
    height: .75rem; display: block;
    margin-bottom: .27rem;
    background: rgba(255,255,255,.6);
    border-radius: .1rem;
    border: solid .01rem #fff;
    box-shadow: 0 0 .24rem rgba(255,255,255,.9) inset,
                0 .04rem 0 rgba(255,120,9,.4);
}
.s8-main .module ul li .k{
    width: 4.3rem; height: .65rem; display: block;
    margin: .05rem;
    background: #fff;
    background: linear-gradient(90deg,#fff 50%,#ffe6e0);
    border-radius: .1rem;
    position: relative;
    font-size: .24rem; line-height: .65rem;
}
.s8-main .module ul li:nth-child(odd) .k{
    background: #fff;
    background: linear-gradient(90deg,#fff 50%,#eae8ff);
}
.s8-main .module ul li .k i{
    width: .4rem; height: .42rem; display: block;
    padding-right: .1rem;
    background: url("../images/s8-icon01.png") no-repeat center /100%;
    font-size: .22rem; line-height: .42rem; color: #fff;
    position: absolute; top: 0; left: 0;
}
.s8-main .module ul li:nth-child(odd) .k i{
    background: url("../images/s8-icon02.png") no-repeat center /100%;
}

.s8-main .module img{
    margin-right: -2.05rem;
    margin-top: -2.04rem;
    margin-left: -1.66rem;
    margin-bottom: -2.28rem;
}

/*section2*/
@media screen and (min-width:800px) {
    .hjBL::-webkit-scrollbar{
        width:.1rem;
        height:.05rem;
        border-radius: .1rem;
    }
    .hjBL::-webkit-scrollbar-track{
        background: #e5e5e5;
        border-radius:2px;
    }
    .hjBL::-webkit-scrollbar-thumb{
        background: #c4c4c4;
        border-radius:10px;
    }
    .hjBL::-webkit-scrollbar-thumb:hover{
        background: #c4c4c4;
    }
    .hjBL::-webkit-scrollbar-corner{
        background: #c4c4c4;
    }
}
@media screen and (max-width:1440px){
    .s8-main .module img{width: 80%;}
}

/*section2*/

/*按钮悬停*/
.hvr-grow-shadow{
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: box-shadow, transform;
    transition-property: box-shadow, transform;
}
.hvr-grow-shadow:hover, .hvr-grow-shadow:active {
    box-shadow: 0 15px 15px -10px rgba(0, 0, 0, 0.5);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
/*侧边悬停*/
.lfNav{
    position: fixed;width:151px; height:411px; display: block;
    background: url("../images/fixedNavBg.png") no-repeat center;
    top:50%; left:20px; margin-top: -200px;
    z-index:9;
}
.lfNav .close{position:absolute;top:-10px; right:0; height:25px; width:25px; }
.lfNav .close img{width: 100%; display: block;}
.mt185{margin-top:102px;}
.nav-bg{width:115px; height:24px; display: block;float:left; clear:both;margin-left:19px;margin-bottom:5px;
    background: #fdf6a3;
    border-radius: 5px;
}
.nav-bg a{width:100%; height:24px; display: block; margin:auto; font-size: 14px; line-height: 24px; color: #7d3708;
    text-align: center;
}

.left_top{width:60px; height:60px;display: block;float:left;margin-left:46px;}

.gray{
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
}