@charset "UTF-8";

@import "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: 12rem !important;
    font-family: "Helvetica Neue","Microsoft YaHei", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC",  "WenQuanYi Micro Hei", sans-serif;
    color: #444;background: #9159c8;
}
#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: 12rem; 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;
} */

.flex{
    display: flex;
    justify-content: center;
    align-items: center;
}
.hidden{visibility: hidden;}
/*banner */
.banner-box{
    position:relative;
    height:7.3rem;width:100%; text-align:center;
    background:url("../images/banner.jpg") no-repeat center top;
    overflow:hidden;
}
.banner-box .wrap{height: auto;}
.banner-box .logo{
    width: 2.3rem; height: .69rem; display: block;
    position: absolute; top: 0; left: .37rem;
}
.banner-box .logo img{width: 100%;display: block;}
.banPic{
    width: 100%; clear: both;
    position: relative;
}
.banPic img{
    display: block;
    position: absolute;
}
.ban-float{
    width: 9.51rem;
    top: 1.1rem; right: -1.86rem;
    animation: scale2 1s linear infinite alternate;
    -o-animation: scale2 1s linear infinite alternate;
    -moz-animation: scale2 1s linear infinite alternate;
    -webkit-animation: scale2 1s linear infinite alternate;
}
.ban-ip{
    width: 2.2rem;
    top: 2.1rem; right: 1.44rem;
}
.ban-pen{
    width: 3.12rem;
    top: .62rem; right: 3rem;
    animation: moveXY2 1s linear infinite alternate;
    -o-animation: moveXY2 1s linear infinite alternate;
    -moz-animation: moveXY2 1s linear infinite alternate;
    -webkit-animation: moveXY2 1s linear infinite alternate;
}
.ban-fly{
    width: .6rem;
    top: .56rem; right: 3.88rem;
    animation: moveY1 1s linear infinite alternate;
    -o-animation: moveY1 1s linear infinite alternate;
    -moz-animation: moveY1 1s linear infinite alternate;
    -webkit-animation: moveY1 1s linear infinite alternate;
}
.ban-book{
    width: .72rem;
    top: 1.83rem; right: 5.17rem;
    animation: moveY2 1s linear infinite alternate;
    -o-animation: moveY2 1s linear infinite alternate;
    -moz-animation: moveY2 1s linear infinite alternate;
    -webkit-animation: moveY2 1s linear infinite alternate;
}
.ban-people{
    width: 3.03rem;
    top: 3.15rem; right: 3.2rem;
    animation: moveX1 1s linear infinite alternate;
    -o-animation: moveX1 1s linear infinite alternate;
    -moz-animation: moveX1 1s linear infinite alternate;
    -webkit-animation: moveX1 1s linear infinite alternate;
}
.ban-theme{
    width: 5.56rem;
    top: .94rem; left: -.02rem;
}
.redbox01{
    width: 1.64rem; top: .2rem; left: -1.83rem;
    animation: moveXY2 1s linear infinite alternate;
    -o-animation: moveXY2 1s linear infinite alternate;
    -moz-animation: moveXY2 1s linear infinite alternate;
    -webkit-animation: moveXY2 1s linear infinite alternate;
}
.redbox02{
    width: 1.96rem; top: 1.81rem; left: -4rem;
}
.redbox03{
    width: 1.7rem; top: .19rem; right: -3.37rem;
    animation: moveXY1 1s linear infinite alternate;
    -o-animation: moveXY1 1s linear infinite alternate;
    -moz-animation: moveXY1 1s linear infinite alternate;
    -webkit-animation: moveXY1 1s linear infinite alternate;
}
.redbox04{
    width: 1.66rem; top: 4.15rem; right: -2.97rem;
    animation: moveXY2 1s linear infinite alternate;
    -o-animation: moveXY2 1s linear infinite alternate;
    -moz-animation: moveXY2 1s linear infinite alternate;
    -webkit-animation: moveXY2 1s linear infinite alternate;
}

.sections{
    width: 100%; clear: both;
}
.sections .secTit{
    width: 100%; clear: both;
}
.sections .secTit h2{
    font-size: .44rem; line-height: 1; color: #fff; font-weight: bold;
}
.sections .secTit::before,.sections .secTit::after{
    content: ''; width: .76rem; height: .12rem; display: block;
    margin: 0 .13rem;
}
.sections .secTit::before{
    background: url("../images/icon-tit01.png") no-repeat center / auto 100%;
}
.sections .secTit::after{
    background: url("../images/icon-tit02.png") no-repeat center / auto 100%;
}
.baseTit{
    width: 100%; height: .81rem;
    background: url("../images/sec-tit01.png") no-repeat center bottom / 100%;
    padding-top: 1.31rem;
    margin-top: -1.31rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: relative;
}
.baseTit h3{
    font-size: .36rem; line-height: 1; margin-left: 1.3rem;
    font-weight: 600;
    margin-right: .27rem;
}
.baseTit h3 i{
    background: linear-gradient(to right, #a61dc0, #6209c1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}
.baseTit span{
    font-size: .18rem; line-height: .32rem;display: block;
    background: #fff;
    border-radius: 0.2rem;
    padding: 0 .22rem;
}
.mainBox{
    width: 100%; min-height: 2rem; display: block;
    background: #fff;
    border-radius: 0 0 .3rem .3rem;
    position: relative;
}
.mainBox p.zhu{
    font-size: .18rem; line-height: 1;color: #474747;
    margin-left: .58rem; padding-bottom: .33rem;
    text-align: left;
}

.secCard{
    width: 100%; clear: both;
}
.secCard .coupon{
    width: 100%; clear: both;
    display: flex;
    justify-content: space-between;
    align-content: center;
    flex-wrap: wrap;
    margin-top: -1.1rem;
}
.secCard .coupon a{
    width: 5.82rem; height: 1.62rem; display: block;
}
.secCard .coupon a img{width: 100%; display: block;}


    /* section01 */
.s1-title{margin-top: .8rem; margin-bottom: .63rem;}
.s1-main{
    width: 100%; clear: both;
}
.s1-main .weal{
    width: 100%; clear: both;
    position: relative;
}
.s1-main .weal1::before,.s1-main .weal1::after{
    content: ''; width: .45rem; height: 1.33rem; display: block;
    background: url("../images/icon-pillar01.png") no-repeat center / auto 100%;
    position: absolute; bottom: -1.33rem;
}
.s1-main .weal1::before{left: .76rem;}
.s1-main .weal1::after{right: .76rem;}
.s1-main .weal1 .baseTit::before{
    content: ''; width: 1.27rem; height: .94rem;
    background: url("../images/s1-tag01.png") no-repeat center / auto 100%;
    position: absolute; left: -.05rem;bottom: -.04rem;
}
.s1-main .weal2{margin-top: .44rem;}
.s1-main .weal2 .baseTit::before{
    content: ''; width: 1.27rem; height: .95rem;
    background: url("../images/s1-tag02.png") no-repeat center / auto 100%;
    position: absolute; left: -.05rem;bottom: -.04rem;
}
.s1-main .mainBox{
    width: 100%;
    clear: both;
}
.s1-main .weal2 .mainBox{
    background: #fff url("../images/s1-img02.png") no-repeat center bottom / 100%;
}
ul.otherGift{
    width: 100%; clear: both;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
    padding: .7rem 0 .1rem;
}
ul.otherGift li{
    width: 3.5rem; height: 2.7rem;
    margin: 0 .09rem .28rem;
    display: flex;
    justify-content: center;
    align-content: flex-start;
    flex-wrap: wrap;
    background: url("../images/s1-img01.png") no-repeat center / auto 100%;
    border-radius: .1rem;
}
ul.otherGift li img{
    width: 3.1rem; display: block;
    margin: .17rem auto .18rem;
}
ul.otherGift li a{
    width: 1.6rem; height: .42rem; display: block;
    background: #6209c1;
    background: -webkit-linear-gradient(90deg,#a51dc0,#5d03c1);
    background: -moz-linear-gradient(90deg,#a51dc0,#5d03c1);
    background: -o-linear-gradient(90deg,#a51dc0,#5d03c1);
    background: linear-gradient(90deg,#a51dc0,#5d03c1);
    border-radius: .5rem;
    font-size: .26rem; line-height: .42rem; color: #fff; text-align: center;
}
.s1-btn01{
    position: absolute; top: .14rem; right: 0;
    z-index: 2;
}
.s1-btn01 a{
    height: .4rem; display: block;
    font-size: .24rem; line-height: .4rem; color: #fff;
    background: #fb0767;
    padding: 0 .07rem 0 .15rem;
    border-radius: .3rem 0 0 .3rem;
}

ul.kmInfo{
    width: 100%; clear: both;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
    padding: .54rem 0 .3rem;
}
ul.kmInfo li{
    width: 2.6rem; height: 2.2rem;
    background: url("../images/s1-img03.png") no-repeat center / auto 100%;
    border-radius: .08rem;
    margin: 0 .075rem .22rem;
    display: flex;
    justify-content: center;
    align-content: flex-start;
    flex-wrap: wrap;
    transition: all .8s;
}
ul.kmInfo li:hover{
    transform: scale(1.05);
}
ul.kmInfo li.type02{
    background: url("../images/s1-img04.png") no-repeat center / auto 100%;
}
ul.kmInfo li.type03{
    background: url("../images/s1-img05.png") no-repeat center / auto 100%;
}
ul.kmInfo li h4{
    font-size: .26rem; line-height: 1; font-weight: 600; color: #fff;
    margin: .1rem auto .28rem;
}
ul.kmInfo li.type03 h4{font-size: .24rem;}
ul.kmInfo li span{
    width: 100%; clear: both; height: .72rem; margin-bottom: .18rem;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
    font-size: .26rem; line-height: .36rem; color: #ff0083;
}
ul.kmInfo li span b{font-weight: 600; display: block; width: 100%;}
ul.kmInfo li a{
    width: 1.31rem; height: .46rem; display: block;
    background: url("../images/s1-btn01.png") no-repeat center / auto 100%;
    font-size: .26rem; font-weight: bold; line-height: .42rem; color: #bc1700;
    border-radius: .21rem;
}
ul.kmInfo li a:hover{
    box-shadow: 0 15px 15px -10px rgba(0, 0, 0, 0.5);
}

/* section02 */
.s2-title{
    margin-top: .73rem; margin-bottom: .71rem;
}
.s2-main .pricePart{
    width: 100%; clear: both;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
    padding: .54rem 0 .27rem;
}
.pricePart .kemu{
    width: 3.45rem; height: 2.4rem;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
    background: #a51dc0;
    background: -webkit-linear-gradient(#a51dc0,#5d03c1);
    background: -moz-linear-gradient(#a51dc0,#5d03c1);
    background: -o-linear-gradient(#a51dc0,#5d03c1);
    background: linear-gradient(#a51dc0,#5d03c1);
    border-radius: .05rem;
    margin: 0 .12rem;
    overflow: hidden;
    transition: all 0.5s;
}
.pricePart .kemu:hover{
    transform: scale(1.05);
}
.pricePart .kemu .kuang{
    width: 3.28rem; height: 2.24rem;
    display: flex;
    justify-content: center;
    align-content: flex-start;
    flex-wrap: wrap;
    background: #fff;
    position: relative;
}
.pricePart .kemu .kuang::before,.pricePart .kemu .kuang::after{
    content: ''; width: .19rem; height: .19rem; display: block;
    border-radius: 50%;
    background: #811ac1;
    position: absolute; top: 1.03rem;
}
.pricePart .kemu .kuang::before{left: -.1rem;}
.pricePart .kemu .kuang::after{right: -.1rem;}
.pricePart .price{
    width: 2.8rem;height: 0.9rem;margin: 0.19rem auto 0.13rem;
    background: #f7efde;
    border-radius: 0.05rem;
    display: flex;
    justify-content: center;
    align-content: flex-start;
    flex-wrap: wrap;
    font-size: 0.26rem;color: #000;line-height: 1;
}
.pricePart .price em{
    font-size: 0.18rem;
    width: 100%;
    display: block;
    padding: 0.11rem 0 0.13rem;
}
.pricePart .price em b{
    font-weight: bold;
    color: #6006c1;
}
.pricePart .price span{
    font-size: 0.26rem;line-height: 0.3rem;height: 0.3rem;display: block;
    background: #a64db6;
    background: -webkit-linear-gradient(90deg, #a51dc0, #5d03c1);
    background: -o-linear-gradient(90deg, #a51dc0, #5d03c1);
    background: -moz-linear-gradient(90deg, #a51dc0, #5d03c1);
    background: linear-gradient(90deg, #a51dc0, #5d03c1);
    border-radius: 0.05rem;
    padding: 0 0.11rem;
    color: #fff;
    margin: 0 0.07rem;
}
.pricePart .kuang p{
    font-size: 0.18rem;
    line-height: 0.26rem;
    padding-top: .08rem;
}

/* section03 */
.s3-title{
    margin: .7rem auto;
}
.s3-main .itembox{
    width: 100%; clear: both;
    padding: .3rem 0 0;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
}
.s3-main .itembox h3{
    margin-bottom: .26rem; width: 100%; clear: both;
    font-size: .36rem; line-height: 1; font-weight: 600;
    background: linear-gradient(to right, #a61dc0, #6209c1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}

.s3-main .itembox .item .box .price{
    align-content: center;
}
.s3-main .itembox.baseWkm .oneKm{
    /* width: 10.84rem; height: .95rem; */
    clear: both;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
    background: #a51dc0;
    background: -webkit-linear-gradient(#a51dc0,#5d03c1);
    background: -moz-linear-gradient(#a51dc0,#5d03c1);
    background: -o-linear-gradient(#a51dc0,#5d03c1);
    background: linear-gradient(#a51dc0,#5d03c1);
    border-radius: .05rem;
    margin: 0 auto .35rem;
}
.s3-main .itembox.baseWkm .oneKm .box{
    height: .87rem; width: 10.68rem;
    background: #f7efde;
    display: flex;
    justify-content: space-between;
    align-content: center;
    flex-wrap: wrap;
    margin: .08rem;
}
.s3-main .itembox.baseWkm .oneKm .box .left{
    display: block; margin-left: .3rem;
    font-size: .3rem; line-height: 1; font-weight: bold;
    background: linear-gradient(to right, #a61dc0, #6209c1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}
.s3-main .itembox.baseWkm .oneKm .box .right{
    font-size: .26rem; line-height: .36rem; color: #333;
    margin-right: .3rem;
}
.s3-main .itembox.baseWkm .oneKm .box .right span{
    background: #a51dc0;
    background: -webkit-linear-gradient(#a51dc0,#5d03c1);
    background: -moz-linear-gradient(#a51dc0,#5d03c1);
    background: -o-linear-gradient(#a51dc0,#5d03c1);
    background: linear-gradient(#a51dc0,#5d03c1);
    display: inline-block;
    font-weight: bold; color: #fff;
    padding:  0 .18rem;
    border-radius: .05rem;
    margin-left: .18rem;
    font-weight: 400;
}
.s3-main .itembox.baseWkm .oneKm .box .right span b{
    font-size: .3rem; font-weight: bold;
    display: inline-block;
    animation: scale1 .8s linear infinite alternate;
    -o-animation: scale1 .8s linear infinite alternate;
    -moz-animation: scale1 .8s linear infinite alternate;
    -webkit-animation: scale1 .8s linear infinite alternate;
}

/* section04 */
.s4-title{
    margin: .7rem auto;
}
.s4-main .mainBox{
    width: 100%; clear: both;
    padding: .3rem 0 0;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
}
.s4-main .mainBox .left{
    width: 6.47rem; margin-right: .26rem;
}
.s4-main .mainBox .left ul{
    width: 100%; clear: both; text-align: center;
}
.s4-main .mainBox .left ul li{
    width: 100%; clear:both;
    margin-bottom: .38rem;
}
.s4-main .mainBox .left ul li.top{
    margin-bottom: .48rem;
}
.s4-main .mainBox .left ul li p{
    font-size: .26rem; line-height: 1; padding-bottom: .19rem;
}
.s4-main .mainBox .left ul li span{
    width: 100%; height: .58rem; display: block;
    background: #f7efde;
    line-height: .58rem;
    font-size: .26rem; color: #000000;
}
.s4-main .mainBox .left ul li span b{
    font-weight: 600; color: #f6357d;
}
.s4-main .mainBox p.zhu{margin-left: 0;}
.s4-main .mainBox .right{width: 4.11rem; display: block;}
.s4-main .mainBox .right img{width: 100%;}

/* section05 */
.s5-title{
    margin: .7rem auto;
}
.s5-main .mainBox{
    width: 100%; clear: both;
    padding: .47rem 0 .61rem;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
    margin-bottom: 1.5rem;
}
.s5-main .mainBox .left{
    width: 6.14rem; display: block;
    margin-right: .81rem;
}
.s5-main .mainBox .left img{
    width: 100%; display: block;
}
.s5-main .mainBox .right{
    width: 3.51rem;
    display: flex;
    justify-content: center;
    align-content: flex-start;
    flex-wrap: wrap;
}
.s5-main .mainBox .right .p1{
    width: 100%; height: .68rem; line-height: .68rem;
    background: url("../images/s5-img02.png") no-repeat center top /100%;
    font-size: .3rem; color: #000;
    margin-bottom: .42rem;
    margin-top: .5rem;
}
.s5-main .mainBox .right .p2{
    font-size: .26rem; line-height: 1; color: #000;
    margin-bottom: .15rem;
    width: 100%; display: block;
}
.s5-main .mainBox .right span{
    width: 2.2rem; height: .55rem; display: block;
    margin: auto;
    background: #ff0083;
    border-radius: .3rem;
    font-size: .36rem; font-weight: bold; line-height: .55rem; color: #fff;
}
.s5-main .mainBox .right span i{font-size: .3rem;}
.s5-btn{
    width: 100%; clear: both; margin-top: .43rem;
    display: flex;
    justify-content: center;
    align-content: center;
}
.s5-btn a{
    width: 1.91rem; height: .72rem; display: block;
    margin: 0 .17rem;
    font-size: .24rem; font-weight: 600; line-height: .65rem;
    border-radius: .35rem;
}
.s5-btn a.btn01{
    background: url("../images/s5-btn01.png") no-repeat center top /100%;
    color: #bc1700;
}
.s5-btn a.btn02{
    background: url("../images/s5-btn02.png") no-repeat center top /100%;
    color: #fff;
}

/*section1*/

/*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;top:50%; left:20px;z-index:9;
    transform: translate(0,-50%);
    width:1.50rem; height: 3.11rem;
    background: url('../images/fixedNavBg.png') no-repeat center;
    background-size: 100%;
}
.lfNav .close{position:absolute;top:0; right:0; height:.2rem; width:.2rem; }
.lfNav .close img{width: 100%; display: block;}
.mt185{margin-top:1.14rem;}
.nav-bg{width:1.15rem; height:.24rem; display: block;float:left; clear:both;margin-left:.18rem;margin-bottom:.05rem;}
.nav-bg a{width:100%; height:.24rem; display: block; margin:auto;
    background: #a41dc0;
    border-radius: .05rem;
    font-size: .16rem; color: #fadefd;
    text-align: center;
}
.nav-bg a:hover{
    color: #a41dc0;
    background: #f3e85c;
}

.left_top{width:.56rem; height:.57rem;display: block;float:left;margin-left:.47rem;
    margin-top: .08rem;
}
.left_top img{width: 100%; display: block;}