@charset "UTF-8";
/*-----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: #00c9ff;
}
#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;}
.stage {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    pointer-events: none;
}  
/* 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:10.4rem;width:100%;
    background:url(../images/banner.jpg) no-repeat center top;
    overflow:hidden; text-align:center;
}
.banner-box .wrap{height: auto;}
.banner-box .logo{width: auto; position: absolute;left: .5rem; top: 0; cursor: pointer;display: block;}
.banner-box .logo img{width: 2.46rem; display: block;}
.banTheme{
    width: 11.08rem; display: block;
    padding-top: 1.3rem;
    margin: auto;
}
.banTheme img{width: 100%; display: block;}
.ban-preson{
    width: 100%; display: block; clear: both;
    position: absolute; top: 4.12rem; left: 0;
}
.ban-preson img.boy{width: 2.93rem; display: block;
    float: left;margin-left: 1.05rem;
}
.ban-preson img.girl{width: 2.83rem; display: block;
    float: right; margin-right: 2.08rem;
    position: relative;z-index: 2;
}

.ban-certificate{
    width: 15.31rem; display: block; height: 3.91rem; overflow: hidden;
    position: absolute; left: -1.4rem; top: 5.97rem;
}
.ban-certificate img{width: 100%; display: block;}
.banPeo{
    width: 3.35rem; display: block;
    position: absolute; left: 3.93rem; top: 4.83rem;
}
.banPeo img{width: 100%; display: block;}
.ban-bird01{
    width: .68rem; display: block;
    position: absolute; left: -1.22rem; top: 1.47rem;
    animation: moveY1 0.8s linear infinite alternate;
    -webkit-animation: moveY1 0.8s linear infinite alternate;
}
.ban-bird01 img{width: 100%; display: block;}
.ban-bird02{
    width: 1.09rem; display: block;
    position: absolute; right: .84rem; top: 3.36rem;
    animation: moveX1 0.8s linear infinite alternate;
    -webkit-animation: moveX1 0.8s linear infinite alternate;
}
.ban-bird02 img{width: 100%; display: block;}
.ban-gold{
    width: 15.66rem; display: block;
    position: absolute; top: 1.85rem; left: -1.9rem;
    animation: moveY1 0.8s linear infinite alternate;
    -webkit-animation: moveY1 0.8s linear infinite alternate;
}
.ban-gold img{width: 100%; display: block;}
.ban-flotage{
    width: 19.11rem;display: block;
    position: absolute; top: 1.89rem; left: -3.55rem;
    animation: moveY2 0.8s .5s linear infinite alternate;
    -webkit-animation: moveY2 0.8s .5s linear infinite alternate;
}
.ban-flotage img{width: 100%; display: block;}


.sections{
    width: 100%; clear: both;
    margin-bottom: 2.16rem;
}
/*section1*/
.sec01{
    margin-top: 1.05rem; margin-bottom: 2.46rem;
}
.s1-main{
    width: 100%; height: auto;
    background: url("../images/base-k02.png") repeat-y center / 100%;
    position: relative;
}
.s1-main::before{
    content: ""; width: 100%; height: .5rem; display: block;
    background: url("../images/base-k01.png") no-repeat center / 100%;
    margin-top: -.5rem;
    float: left;
}
.s1-main::after{
    content: ""; width: 100%; height: .5rem; display: block;
    background: url("../images/base-k03.png") no-repeat center / 100%;
    position: absolute; left: 0; bottom: -.5rem;
}
.s1-main .line01{
    width: 3.09rem; height: 3.69rem; display: block;
    background: url("../images/base-line01.png") no-repeat center / 100%;
    position: absolute; top: -.47rem; right: .02rem;
}
.s1-main .line02{
    width: .21rem; height: 3.56rem; display: block;
    background: url("../images/base-line02.png") no-repeat center / 100%;
    position: absolute; bottom: 10%; left: .02rem;
}

.s1-main .kuang{
    width: 10.8rem; height: auto; min-height: 2rem;
    background: #fff;
    border-radius: .34rem;
    box-shadow: .02rem .17rem .16rem rgba(115,202,255,.48) inset;
    margin: -.08rem auto -.1rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.s1-main .kuang .video-box{
    width: 10rem; display: block;
    margin: .3rem auto;
    background: #666;
    min-height: 5.625rem;
}


.secMain{
    width: 100%; height: auto; min-height: 2rem;
    background: url("../images/base-k05.png") repeat-y center / 100%;
    position: relative;
    margin: .8rem auto .5rem;
}
.secMain::before{
    content: ""; width: 100%; height: .8rem; display: block;
    background: url("../images/base-k04.png") no-repeat center / 100%;
    margin-top: -.8rem;
    float: left;
}
.secMain::after{
    content: ""; width: 100%; height: .5rem; display: block;
    background: url("../images/base-k06.png") no-repeat center / 100%;
    position: absolute; left: 0; bottom: -.5rem;
}
.secMain .line01{
    width: 3.09rem; height: 3.69rem; display: block;
    background: url("../images/base-line01.png") no-repeat center / 100%;
    position: absolute; top: -.52rem; right: .02rem;
}
.secMain .line01{
    width: 3.09rem; height: 3.69rem; display: block;
    background: url("../images/base-line01.png") no-repeat center / 100%;
    position: absolute; top: -.52rem; right: .02rem;
}
.secMain .line02{
    width: .21rem; height: 3.56rem; display: block;
    background: url("../images/base-line02.png") no-repeat center / 100%;
    position: absolute; bottom: 10%; left: .02rem;
}
.secMain .line04{
    width: .21rem; height: 2.23rem; display: block;
    background: url("../images/base-line04.png") no-repeat center / 100%;
    position: absolute; bottom: 10%; left: .02rem;
}
.secTit{
    clear: both; float: left;
    width: 100%; height: .92rem; display: block; margin: -1.22rem auto 0;
    background: url("../images/sec-tit01.png") no-repeat center /auto 100%;
}
.secTit h3{
    font-size: .45rem; font-weight: bold; color: #fff; line-height: .76rem;
    margin-top: .05rem;
    float: left;
    width: 100%;
    position: relative;
}
.secTit h3::before{
    content: attr(data-txt); /*动态获取数据*/
    position: absolute;
    left: 0; top: .02rem;
    width:100%;height: .76rem; display: block;
    font-size: .45rem; font-weight: bolder; line-height: .76rem;
    color: #2c55df;
    text-shadow: 0 .03rem .03rem #2c55df,0 -.03rem .03rem #2c55df;
}
.secTit h3 span{
    background: linear-gradient(to bottom, #fff 0%, #6afeff 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    position: relative;
}
.contBox{
    width: 10.8rem; clear: both;
    margin: auto;
    position: relative;
}

.sec02 .contBox .curBtn{
    width: 100%; clear: both;
}
.sec02 .contBox .curBtn a{
    width: 1.37rem; height: .37rem; display: block; float: right;
    background: #f6ffbe;
    background: -webkit-linear-gradient(90deg,#f6ffbe,#fffe86);
    background: -moz-linear-gradient(90deg,#f6ffbe,#fffe86);
    background: -o-linear-gradient(90deg,#f6ffbe,#fffe86);
    background: linear-gradient(90deg,#f6ffbe,#fffe86);
    border: solid .01rem #fff;
    border-radius:.1rem;
    font-size: .18rem; line-height: .37rem; color: #333;
    cursor: pointer;
}
.sec02 .cursorList{
    width: 100%; clear: both;
    display: flex;
    justify-content: space-between;
    align-content: flex-start;
    flex-wrap: wrap;
    padding-top: .15rem;
}
.sec02 .cursorList .item{
    width: 5.1rem; height: 2.68rem; display: block;
    margin: 0 auto;
    border: solid .02rem #fff;
    position: relative;
}
.sec02 .cursorList .item1{background: #a6f3ff;}
.sec02 .cursorList .item2{background: #fddff2;}
.sec02 .cursorList .item3{background: #fffdca;}
.sec02 .cursorList .item4{background: #cec9ff;}
.sec02 .cursorList .item:nth-child(-n+2){margin: 0 auto .48rem;}
.sec02 .cursorList .item::before{
    content: ''; width: 5.16rem; height: 2.74rem; display: block;
    background: url("../images/s2-line01.png") no-repeat center / 100%;
    position: absolute; left: -.03rem; top: -.03rem;
}
.sec02 .cursorList .item .km{
    font-size: .18rem;line-height: 1;
    float: left; margin-left: .35rem; margin-top: .45rem;
    margin-bottom: .13rem;
}
.sec02 .cursorList .item1 .km{color: #0190ff;}
.sec02 .cursorList .item2 .km{color: #fb7ba5;}
.sec02 .cursorList .item3 .km{color: #fea700;}
.sec02 .cursorList .item4 .km{color: #886dfa;}
.sec02 .cursorList .item .tit{
    clear: both; float: left; margin-left: .3rem; margin-bottom: .1rem;
}
.sec02 .cursorList .item .tit img{height: .32rem; display: block;}
.sec02 .cursorList .item p{
    font-size: .2rem; line-height: .28rem; text-align: left;color: #595757;
    clear: both;margin-left: .35rem;
    height: .6rem;
}
.sec02 .cursorList .item a{
    width: .98rem; height: .38rem; display: block;
    border-radius: .3rem;
    font-size: .18rem; line-height: .38rem; color: #fff; font-weight: 600; text-align: center;
    margin-left: .28rem; margin-top: .15rem;
    position: relative; z-index: 2;
}
.sec02 .cursorList .item a.on{background: #fff;}
.sec02 .cursorList .item a:hover{
    background: #fff;
}
.sec02 .cursorList .item1 a{background: #0090ff;}
.sec02 .cursorList .item1 a.on,.sec02 .cursorList .item1 a:hover{color: #0090ff;}
.sec02 .cursorList .item2 a{background: #fb7ba5;}
.sec02 .cursorList .item2 a.on,.sec02 .cursorList .item2 a:hover{color: #fb7ba5;}
.sec02 .cursorList .item3 a{background: #fea700;}
.sec02 .cursorList .item3 a.on,.sec02 .cursorList .item3 a:hover{color: #fea700;}
.sec02 .cursorList .item4 a{background: #886dfa;}
.sec02 .cursorList .item4 a.on,.sec02 .cursorList .item4 a:hover{color: #886dfa;}
.sec02 .cursorList .item1 >img{
    width: 2.15rem; display: block;
    position: absolute; right: .08rem; bottom: 0;
}
.sec02 .cursorList .item2 >img{
    width: 2.07rem; display: block;
    position: absolute; right: .08rem; bottom: 0;
}
.sec02 .cursorList .item3 >img{
    width: 1.97rem; display: block;
    position: absolute; right: .08rem; bottom: 0;
}
.sec02 .cursorList .item4 >img{
    width: 2.31rem; display: block;
    position: absolute; right: .08rem; bottom: 0;
}

/* section03 */

.sec03 .item1{margin-bottom: .8rem;}
.sec03 .tit{
    width: auto; clear: both; float: left; padding-right: .5rem;
    height: .4rem;
    background: #c8f8cf;
    background: -webkit-linear-gradient(90deg,#9cfbfe,#daff8c);
    background: -moz-linear-gradient(90deg,#9cfbfe,#daff8c);
    background: -o-linear-gradient(90deg,#9cfbfe,#daff8c);
    background: linear-gradient(90deg,#9cfbfe,#daff8c);
    border-radius: 0 .22rem 0 0;
    border: solid .02rem #fff;
    border-bottom: 0; border-left: 0;
    font-size: .24rem; line-height: .4rem; color: #274261; font-weight: bold;
    font-style: italic;
}
.sec03 .tit .font{
    width: 1.8rem; height: 1rem;display: block; float: left; margin-right: .15rem;
    background: #faffa2;
    background: -webkit-linear-gradient(90deg,#faffa2,#fffe86);
    background: -moz-linear-gradient(90deg,#faffa2,#fffe86);
    background: -o-linear-gradient(90deg,#faffa2,#fffe86);
    background: linear-gradient(90deg,#faffa2,#fffe86);
    border-radius: .22rem .22rem 0 0;
    margin-top: -.32rem;
    border: solid .03rem #fff;
    line-height: .86rem;font-size: .33rem; color: #264161; font-style: italic;
}
.sec03 .box{
    width: 100%; clear: both;
    background: #c5e3fd;
    background: -webkit-linear-gradient(#c5e3fd,#fff 46%);
    background: -moz-linear-gradient(#c5e3fd,#fff 46%);
    background: -o-linear-gradient(#c5e3fd,#fff 46%);
    background: linear-gradient(#c5e3fd,#fff 46%);
    border-radius: .22rem;
    position: relative;z-index: 2;
    padding: .45rem 0 .35rem;
}
.sec03 .box >p{
    width: 10rem; margin: 0 .4rem .2rem; text-align: left;
    font-size: .18rem; line-height: 1.8;
    text-indent: 2em;
}
.sec03 .box .picbox{
    width: 100%; clear: both;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
}
.sec03 .box .picbox .pic{
    width: 3.16rem; display: block; margin: 0 .08rem;
}
.sec03 .box .picbox .pic img{width: 100%; display: block; margin-bottom: .27rem;}
.sec03 .box .picbox .pic span{
    height: .44rem; width: auto; display: inline-block;
    font-size: .18rem; line-height: .44rem; color: #fff;
    background: #8bc9f9;
    padding: 0 .2rem;
    border-radius: .3rem;
}
.sec03 .item3{margin-top: .45rem;}
.sec03 .item3 .box{
    display: flex;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
}
.sec03 .item3 .box img{width: 3.53rem; display: block;}
.sec03 .item3 .box .txt{
    width: 5.56rem; display: block;margin-left: .5rem; height: auto;
}
.sec03 .item3 .box .txt h4{
    font-size: .32rem; line-height: .46rem;color: #264161; text-align: left;
    padding-bottom: .2rem;
    padding-top: .5rem;
}
.sec03 .item3 .box .txt p{
    font-size: .2rem; line-height: 2; text-align: left;
    width: 100%; clear: both;
}

.s4-tip{
    width: 100%; clear: both; padding-top: .5rem; padding-bottom: .55rem;
}
.s4-tip h4{
    font-size: .26rem; font-weight: bold; line-height: 1; color: #fff;
    text-align: left;
    margin-bottom: .3rem;
}
.s4-tip h4::before{
    content: ""; width: .25rem; height: .2rem; display: inline-block;
    background: url("../images/s4-icon01.png") no-repeat center / 100%;
    margin: auto .1rem;
}
.s4-tip p{
    font-size: .18rem; line-height: .3rem; color: #fff; text-align: left;
}
.s4-tip a{
    float: right; clear: both;
    width: 1.2rem; height: .36rem; display: block;
    background: #f6ffbe;
    background: -webkit-linear-gradient(90deg,#f6ffbe,#fffe86);
    background: -moz-linear-gradient(90deg,#f6ffbe,#fffe86);
    background: -o-linear-gradient(90deg,#f6ffbe,#fffe86);
    background: linear-gradient(90deg,#f6ffbe,#fffe86);
    border: solid .01rem #fff;
    border-radius:.1rem;
    font-size: .18rem; line-height: .37rem; color: #333;
    cursor: pointer;
}
.s4-tip a::after{
    content: ''; width: .1rem; height: .12rem; display: inline-block;
    background: url("../images/s4-icon02.png") no-repeat center / 100%;
    margin-left: .1rem;
}
.s4-shurubox{
    width: 100%; height: 2.3rem; display: block; clear: both;
    background: #fff;
    border-radius: .2rem;
    box-shadow: .02rem .1rem .16rem rgba(115,202,255,.48) inset;
    margin-bottom: .15rem;
}
.s4-shurubox textarea{
    width: 9.8rem; margin: .15rem auto 0;
    height: 1.38rem;
    border: none;
    resize: none;
    font-size: .18rem; line-height: .3rem; color: #333; text-align: left;
}
.s4-shurubox a{
    width: 1.21rem; height: .36rem; display: block; float: right; margin-right: .4rem;
    background: #f46809;
    background: -webkit-linear-gradient(90deg,#fc9415,#ee4900);
    background: -moz-linear-gradient(90deg,#fc9415,#ee4900);
    background: -o-linear-gradient(90deg,#fc9415,#ee4900);
    background: linear-gradient(90deg,#fc9415,#ee4900);
    border: solid .01rem #fff;
    border-radius:.1rem;
    font-size: .18rem; line-height: .37rem; color: #fff;
    cursor: pointer;
}
.s4-shurubox a::after{
    content: ''; width: .1rem; height: .12rem; display: inline-block;
    background: url("../images/s4-icon03.png") no-repeat center / 100%;
    margin-left: .1rem;
}
/* 评论展示 */
.s4-plList{
    width: 100%; min-height: 2.3rem; display: block; clear: both;
    background: #fff;
    border-radius: .2rem;
    box-shadow: .02rem .1rem .16rem rgba(115,202,255,.48) inset;
    padding: 0 0 .6rem;
}
.s4-plList .cont-list{
    width: 9.8rem;clear: both;
    padding: .43rem 0 0;
    margin: auto;
}
.s4-plList .cont-list >p{
    font-size: .24rem; line-height: .45rem; color: #333;
    padding-bottom: .35rem;
}
.s4-plList .cont-list .cont-item{
    width: 100%; clear: both;
    display: flex;
    justify-content: center;
    align-content: flex-start;
    flex-wrap: wrap;
    margin-bottom: .3rem;
}
.listImg{
    width: .46rem; height: .5rem; display: block;
    background: url("../images/s4-pl01.png") no-repeat center / 100%;
    font-size: .22rem; line-height: .44rem; color: #10a9ff;
    font-style: italic; text-align: center;
}
.s4-plList .cont-list .cont-item .list-txt{
    width: 9.2rem; display: block;
    border-bottom: dashed .03rem #c9d3d6;
    margin-left: .1rem;
    padding-bottom: .15rem;
}
.s4-plList .cont-list .cont-item .list-txt .li-p{
    width: 100%;clear: both;text-align: left;
    margin-bottom: 0.05rem;
    font-size: 0.2rem;font-weight: bold;color: #000;line-height: 0.32rem;
}
.s4-plList .cont-list .cont-item .list-txt .li-p time{
    font-size: 0.16rem;
    color: #999999;
    margin-left: 0.2rem;
}
.s4-plList .cont-list .cont-item .list-txt .li-p2{
    width: 100%;
    clear: both;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: nowrap;
}
.s4-plList .cont-list .cont-item .list-txt .li-p2 .pl-one{
    font-size: 0.2rem; line-height: 0.32rem; text-align: left;
    width: 7.15rem;
}
.s4-plList .cont-list .cont-item .list-txt .li-p2 .pl-one span{
    color: #ff1e2f;
    font-weight: 500;
}
.s4-plList .cont-list .cont-item .list-txt .zan{
    width: 0.47rem;
    height: 0.41rem;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    background: url("../images/s4-icon04.png") no-repeat center / 100%;
    line-height: .41rem; font-size: .18rem; color: #fff;
}
.s4-plList .cont-list .cont-item .list-txt .zan.active{
    background: url("../images/s4-icon05.png") no-repeat center / 100%;
}

#pagination2 {
    width: 100%;clear: both;margin-top: .1rem;font-size: .14rem;
    margin-bottom: .45rem;
}
#pagination2 .ui-pagination-container .ui-pagination-page-item.active{
    background: #3cbdfa;
    border-color: #3cbdfa;
}
#pagination2 .ui-pagination-container .ui-pagination-page-item:hover{
    background: #3cbdfa;
    border-color: #3cbdfa;
}

.s4-btn{
    width: 100%; clear: both;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
}
.s4-btn a{
    width: 1.61rem; height: .55rem; display: block;
    font-size: .19rem; line-height: .4rem;
    margin: 0 .13rem;
    border-radius: .17rem;
}
.s4-btn a.btn01{color: #fff;
    background: url("../images/s4-btn01.png") no-repeat center / 100%;
}
.s4-btn a.btn02{color: #9a392a;
    background: url("../images/s4-btn02.png") no-repeat center / 100%;
}
.s4-join{
    width: 100%; height: auto; margin-top: .3rem;
    background: #fff;
    background: -webkit-linear-gradient(#cdf4fa,#fcfbd9);
    background: -moz-linear-gradient(#cdf4fa,#fcfbd9);
    background: -o-linear-gradient(#cdf4fa,#fcfbd9);
    background: linear-gradient(#cdf4fa,#fcfbd9);
    border-radius:.2rem;
    display: flex;
    justify-content: center;
    align-content: flex-start;
    flex-wrap: wrap;
    position: relative;
    padding-bottom: .25rem;
}
.s4-join h4{
    font-size: .28rem; line-height: .52rem; display: block; width: 100%;
    background: url("../images/s4-img01.png") no-repeat center bottom / auto .44rem;
    margin-top: .38rem;
}
.s4-join p{
    font-size: .22rem; line-height: .42rem;
    padding: .25rem 0 .32rem;
    width: 100%; display: block;
}
.s4-join a{
    width: 3.85rem; height: .91rem; display: block; clear: both;
    background: url("../images/s4-btn03.png") no-repeat center / 100%;
    font-size: .28rem; color: #9a392a; line-height: .68rem;
    border-radius: .3rem;
}
.s4-join img.boy{
    width: 3.06rem;display: block;
    position: absolute; left: -.42rem; top: -.41rem;z-index: 2;
}
.s4-join img.gif{
    width: 3.04rem; display: block;
    position: absolute; right: 0; bottom: 0;z-index: 2;
}

/* 直播 */
.s5-liveBox{
    width: 100%; height: auto; display: block; clear: both;
    background: #fff;
    background: -webkit-linear-gradient(135deg,#f9ecf4,#fff 13%,#fff 80%,#e1f6f8);
    background: -moz-linear-gradient(135deg,#f9ecf4,#fff 13%,#fff 80%,#e1f6f8);
    background: -o-linear-gradient(135deg,#f9ecf4,#fff 13%,#fff 80%,#e1f6f8);
    background: linear-gradient(135deg,#f9ecf4,#fff 13%,#fff 80%,#e1f6f8);
    border-radius: .2rem;
    box-shadow: .02rem .1rem .16rem rgba(115,202,255,.48) inset;
    margin-bottom: .15rem;
    position: relative;
}
.s5-liveBox .txt{
    width: 9.8rem; clear: both;
    padding: .73rem 0 0;
    margin: auto;
}
.s5-liveBox .txt p{
    font-size: .28rem; line-height: .35rem; font-weight: bold; color: #264161;
    text-align: left;
    padding-bottom: .2rem;
}
.s5-liveBox .txt p b{color: #ff532e;font-weight: bold;}
.s5-liveBox .txt p span{font-weight: 400}
.s5-liveBox .partbox{
    width: 9.8rem; clear: both; padding: .2rem 0 .6rem;
    margin: auto;
}
.s5-liveBox .partbox h5{
    width: 100%; clear: both; text-align: left;
    font-size: .28rem; line-height: .35rem; font-weight: bold; color: #264161;
}
.s5-liveBox .partbox .itembox{
    width: 100%; clear: both;
    display: flex;
    justify-content: space-between;
    align-content: flex-start;
    flex-wrap: wrap;
    margin-top: .15rem;
}
.s5-liveBox .partbox .item{
    width: 2.18rem; height: 1.12rem;
    border-radius: .16rem;
    box-shadow: .02rem .06rem .04rem rgba(115,202,255,.48) inset, 0 .06rem .01rem rgba(0,223,217,.1);
    background: #fff;
    background: -webkit-linear-gradient(#d9ecfe,#fff);
    background: -moz-linear-gradient(#d9ecfe,#fff);
    background: -o-linear-gradient(#d9ecfe,#fff);
    background: linear-gradient(#d9ecfe,#fff);
    overflow: hidden;
    position: relative;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
}
.s5-liveBox.type2 .partbox .item{
    width: 2.94rem;
}
.s5-liveBox .partbox .item i{
    width: .56rem; height: .26rem; display: block;
    background: #c8f8cf;
    background: -webkit-linear-gradient(90deg,#9cfbfe,#daff8c);
    background: -moz-linear-gradient(90deg,#9cfbfe,#daff8c);
    background: -o-linear-gradient(90deg,#9cfbfe,#daff8c);
    background: linear-gradient(90deg,#9cfbfe,#daff8c);
    border-radius: 0 0 .22rem 0;
    border: solid .02rem #fff;
    border-top:0; border-left: 0;
    font-size: .18rem; line-height: .26rem; color: #264161; font-weight: bold;
    font-style: italic;
    position: absolute; top: 0; left: 0;
}
.s5-liveBox .partbox .item img{width: .68rem; display: block;}
.s5-liveBox .partbox .item span{
    width: 100%; height: 1.12rem; display: flex;
    justify-content: center;
    align-items: center;
    position: absolute; top: 0; left: 0;
    font-size: .18rem;line-height: .32rem; color: #264161;
}
.s5-liveBox .chahua{
    width: 2.7rem; display: block;
    position: absolute; top: .2rem; right: .16rem;
}
.s5-liveBox .chahua2{width: 2.07rem;}
.s5-liveBox .chahua img{width: 100%;}
 /* 百万补贴 */
.s5-btn{
    width: 100%; clear: both;
    padding-bottom: .25rem;
}
.s5-btn a{
    width: 3.2rem; display: inline-block;
    font-weight: bold;
    background: #f46809;
    background: -webkit-linear-gradient(90deg,#fc9415,#ee4900);
    background: -moz-linear-gradient(90deg,#fc9415,#ee4900);
    background: -o-linear-gradient(90deg,#fc9415,#ee4900);
    background: linear-gradient(90deg,#fc9415,#ee4900);
    font-size: .26rem; line-height: .52rem; color: #fff;
    border: solid .02rem #fff;
    border-radius: .5rem;
}
.subsidy{
    width: 100%; height: auto; display: block; clear: both;min-height: 1.2rem;
    background: #fff;
    background: -webkit-linear-gradient(135deg,#f9ecf4,#fff 13%,#fff 80%,#e1f6f8);
    background: -moz-linear-gradient(135deg,#f9ecf4,#fff 13%,#fff 80%,#e1f6f8);
    background: -o-linear-gradient(135deg,#f9ecf4,#fff 13%,#fff 80%,#e1f6f8);
    background: linear-gradient(135deg,#f9ecf4,#fff 13%,#fff 80%,#e1f6f8);
    border-radius: .2rem;
    box-shadow: .02rem .1rem .16rem rgba(115,202,255,.48) inset;
    margin-bottom: .15rem;
    position: relative;
    overflow: hidden;
}
.subsidy .tip{
    width: auto; height: .76rem; display: block;
    background: #c8f8cf;
    background: -webkit-linear-gradient(90deg,#9cfbfe,#daff8c);
    background: -moz-linear-gradient(90deg,#9cfbfe,#daff8c);
    background: -o-linear-gradient(90deg,#9cfbfe,#daff8c);
    background: linear-gradient(90deg,#9cfbfe,#daff8c);
    border-radius: 0 0 .3rem 0;
    border: solid .02rem #fff;
    border-top:0; border-left: 0;
    font-size: .28rem; line-height: .76rem; color: #264161; font-weight: bold;
    font-style: italic;
    position: absolute; top: 0; left: 0;
    box-shadow: 0 .1rem .1rem rgba(255,176,130,.24);
    padding-left: .28rem; padding-right: .65rem;
}
.subsidy .tip b{font-weight: bold;font-size: .35rem;}
.subsidy h4{
    font-size: .3rem; line-height: 1; color: #264161; font-weight: bold;
    padding: 1.3rem 0 .27rem;
    clear: both;
}
.subsidy .zhekou{width: 100%; padding-bottom: .16rem;}
.subsidy .zhekou img{}
.subsidy .kmTable{
    width: 9.8rem;min-height: 2rem;
    background: #eefcfc;
    background: -webkit-linear-gradient(90deg,#d7f8f8,#fff);
    background: -moz-linear-gradient(90deg,#d7f8f8,#fff);
    background: -o-linear-gradient(90deg,#d7f8f8,#fff);
    background: linear-gradient(90deg,#d7f8f8,#fff);
    border-radius: .24rem;
    box-shadow: 0 .1rem .1rem rgba(252,212,232,.24);
    margin: auto;
}
.subsidy .kmTable .tit{
    width: 100%; clear: both; height: .52rem;
    background: #f46809;
    background: -webkit-linear-gradient(90deg,#fc9415,#ee4900);
    background: -moz-linear-gradient(90deg,#fc9415,#ee4900);
    background: -o-linear-gradient(90deg,#fc9415,#ee4900);
    background: linear-gradient(90deg,#fc9415,#ee4900);
    font-size: .26rem; font-weight: bold; line-height: .52rem; color: #fff;
    border-radius: .24rem .24rem 0 0;
    box-shadow: .03rem -.04rem .04rem rgba(251,95,56,.4) inset;
}
.subsidy .kmTable ul{
    width: 96%; clear: both; margin: 0 2% 0;
    padding: .25rem 0 .15rem;
    display: flex;
    justify-content: flex-start;
    align-content: flex-start;
    flex-wrap: wrap;
}
.subsidy .kmTable ul li{
    width: auto; min-width: 1.07rem; padding: 0 .11rem;
    font-size: .18rem; line-height: .38rem;
    background: #fff;
    border-radius:.5rem;
    margin: 0 .1rem .15rem;
    text-align: left;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: nowrap;
}
.subsidy .kmTable ul li::before{
    content: ''; width: .05rem; height: .05rem; display: block;
    border-radius:.5rem;
    background: #fc7f50;
    margin-right: .1rem;
}
.subsidy p.zhu{
    width: 9.8rem; clear: both; margin: auto;
    text-align: right;
    font-size: .18rem; line-height: 1; color: #666;
    padding: .3rem 0;
}
.subsidy .part{
    width: 100%; clear: both; margin-bottom: .5rem;
}
.subsidy .part1{padding-top: 1.12rem; margin-bottom: .65rem;}
.subsidy .part h5{
    width: 100%; clear: both;
    font-size: .28rem; line-height: .42rem; display: block; font-weight: bold; color: #264161;
    background: url("../images/s6-img02.png") no-repeat center bottom / auto .41rem;
    margin-bottom: .23rem;
}
.subsidy .itembox{
    width: 100%; clear: both; margin-bottom: .27rem;
    display: flex;
    justify-content: center;
    align-content: flex-start;
}
.subsidy .part .item{
    width: 4.66rem; display: block; height: auto; margin: 0 .2rem;
    background: #eefcfc;
    background: -webkit-linear-gradient(90deg,#d7f8f8,#fff);
    background: -moz-linear-gradient(90deg,#d7f8f8,#fff);
    background: -o-linear-gradient(90deg,#d7f8f8,#fff);
    background: linear-gradient(90deg,#d7f8f8,#fff);
    border-radius: .24rem;
    box-shadow: 0 .1rem .1rem rgba(252,212,232,.24);
}
.subsidy .part2 .item{
    width: 9.8rem; margin: 0 auto .27rem;
}
.subsidy .part .item .tit{
    width: 100%; clear: both; height: .52rem;
    background: #f46809;
    background: -webkit-linear-gradient(90deg,#fc9415,#ee4900);
    background: -moz-linear-gradient(90deg,#fc9415,#ee4900);
    background: -o-linear-gradient(90deg,#fc9415,#ee4900);
    background: linear-gradient(90deg,#fc9415,#ee4900);
    font-size: .26rem; font-weight: bold; line-height: .52rem; color: #fff;
    border-radius: .24rem .24rem 0 0;
    box-shadow: .03rem -.04rem .04rem rgba(251,95,56,.4) inset;
}
.subsidy .part .item .tit b{font-weight: bold; font-size: .38rem; font-style: italic; margin-right: .1rem;}
.subsidy .part .item p{
    font-size: .2rem;line-height: .3rem; color: #2c3b61;
    width: 100%; clear: both;
    padding: .25rem 0 .15rem;
}
.subsidy .part .item .price{
    width: 100%;
    font-size: .24rem; line-height: .42rem; font-weight: 600;
    color: #ff532e;
    padding-bottom: .15rem;
}
.subsidy .part2 .item .price{
	font-size: .36rem; line-height: .54rem;
    padding: .3rem 0;
}
.subsidy .part .item .price b{
    font-size: .4rem; font-weight: bold; font-style: italic;
}
.subsidy .part2 .item .price b{font-size: .54rem;}
.subsidy .part .joinPro{
    width: 9.8rem; clear: both; margin: auto;
    height: .45rem;
    background: #9bfafe;
    border-radius: .4rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    font-size: .18rem; line-height: .45rem; color: #455757;
}
.subsidy .part .joinPro::before{
    content: ''; width: .21rem; height: .17rem; display: block;
    background: url("../images/s6-icon01.png") no-repeat center / 100%;
    margin-left:.24rem; margin-right: .12rem;
}
.subsidy .part .joinPro span{
    width: auto;height: .3rem; display: block;
    background: #daff8c;
    border-radius: .05rem;
    padding: 0 .18rem; line-height: .3rem; margin-right: .2rem;
}
.contBox >p.zhu{
    width: 9.8rem; clear: both; margin: 0 auto 0;
    text-align: right;
    font-size: .18rem; line-height: 1; color: #666;
    padding: .1rem 0 0;
}
.sec06 .contBox::before{
    content: ''; width: 2.86rem; height: 2.04rem; display: block;
    background: url("../images/s6-pic01.png") no-repeat center / 100%;
    position: absolute;right: -1.48rem; top: -1.26rem;z-index: 2;
}
.sec06 .contBox::after{
    content: ''; width: 2.09rem; height: 1.78rem; display: block;
    background: url("../images/s6-pic02.png") no-repeat center / 100%;
    position: absolute;left: -1.68rem; bottom: -.31rem;z-index: 2;
}

.s7-txt{
    width: 100%; clear: both;
    font-size: .31rem; line-height: .48rem; font-weight: bold; color: #fff;
}
.s7-txt span{
    height: .45rem; display: inline-block;
    background: #c8f8cf;
    background: -webkit-linear-gradient(90deg,#9cfbfe,#daff8c);
    background: -moz-linear-gradient(90deg,#9cfbfe,#daff8c);
    background: -o-linear-gradient(90deg,#9cfbfe,#daff8c);
    background: linear-gradient(90deg,#9cfbfe,#daff8c);
    color: #0a378f; font-size: .36rem; line-height: .45rem;
    border-radius: .09rem;
    padding: 0 .15rem 0 .1rem; font-style: italic;
}
.s7-itembox{
    width: 10.8rem; clear: both; margin: .34rem auto 0;
    display: flex;
    justify-content: space-between;
    align-content: flex-start;
    flex-wrap: wrap;
}
.s7-itembox .item{
    width: 3.42rem; height: 2.29rem;
    background: #c6fffe;
    background: -webkit-linear-gradient(#fff,#c6fffe);
    background: -moz-linear-gradient(#fff,#c6fffe);
    background: -o-linear-gradient(#fff,#c6fffe);
    background: linear-gradient(#fff,#c6fffe);
    border-radius: .18rem;
    margin-bottom: .14rem;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
    transition: all .8s;
}
.s7-itembox .item:hover{
    transform: scale(1.1);
}
.s7-itembox .item img{
    width: .72rem; height: .72rem; display: block;
    margin-bottom: .1rem;
}
.s7-itembox .item p{
    font-size: .2rem; line-height: 1.6; font-weight: bold; color: #535857;
    width: 100%;
}
.s7-itembox .item p span{
    font-weight: 400;
    font-size: .18rem; line-height: .27rem; color: #455857; display: block;
}
.sec07 .contBox p.zhu{
    float: right; position: relative;
    z-index: 2;
    width: 10.8rem; text-align: right;
    font-size: .18rem; line-height: 1; color: #fff;
}
.sec07 .contBox::after{
    content: ''; width: 5.2rem; height: 3.47rem; display: block;
    background: url("../images/s7-pic01.png") no-repeat center / 100%;
    position: absolute; bottom: -0.47rem; right: 3rem;z-index: 1;
}

/* section08 */
.s8-itembox{
    width: 10.8rem; clear: both; margin: 0 auto .4rem; padding-top: .5rem;
    display: flex;
    justify-content: space-between;
    align-content: flex-start;
    flex-wrap: wrap;
}
.sec08 p.zhu{
    text-align: center; color: #fff;
}
.s8-itembox .item{
    width: 3.17rem; height: 2.62rem;
    background: #d9ecfe;
    background: -webkit-linear-gradient(#fff,#d9ecfe 89%);
    background: -moz-linear-gradient(#fff,#d9ecfe 89%);
    background: -o-linear-gradient(#fff,#d9ecfe 89%);
    background: linear-gradient(#fff,#d9ecfe 89%);
    box-shadow: 0 -.03rem 0 rgba(115,202,255,.48) inset,
                0 .2rem .35rem rgba(0,223,217,.13);
    border-radius: .17rem;
    position: relative;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
}

.s8-itembox .item2{
    background: #feecfc;
    background: -webkit-linear-gradient(#fff,#feecfc 89%);
    background: -moz-linear-gradient(#fff,#feecfc 89%);
    background: -o-linear-gradient(#fff,#feecfc 89%);
    background: linear-gradient(#fff,#feecfc 89%);
    box-shadow: 0 -.03rem 0 #fdd5eb inset;
}
.s8-itembox .item .tit{
    width: 2.76rem; height: .48rem; display: block;
    border: solid .01rem #fff;
    border-radius: .4rem;
    background: #00cbec;
    background: -webkit-linear-gradient(90deg,#00e2d6,#00b6ff);
    background: -moz-linear-gradient(90deg,#00e2d6,#00b6ff);
    background: -o-linear-gradient(90deg,#00e2d6,#00b6ff);
    background: linear-gradient(90deg,#00e2d6,#00b6ff);
    box-shadow: 0 .05rem .09rem rgba(0,223,217,.24);
    /* margin: -.24rem auto 0; */
    font-size: .22rem; line-height: .48rem; color: #fff; font-weight: bold;
    position: absolute; top: -.24rem; left: .21rem;
}
.s8-itembox .item2 .tit{
    background: #d088d1;
    background: -webkit-linear-gradient(90deg,#fb7da6,#a494fc);
    background: -moz-linear-gradient(90deg,#fb7da6,#a494fc);
    background: -o-linear-gradient(90deg,#fb7da6,#a494fc);
    background: linear-gradient(90deg,#fb7da6,#a494fc);
}
.s8-itembox .item p{
    font-size: .2rem; line-height: 1.5; color: #264161; font-weight: bold;
    position: relative;
    z-index: 2;
}
.s8-itembox .item p.sub{
    font-size: .18rem;
    width: 90%;margin: auto 5%;text-align: left; font-weight: 400;
    margin-top: .1rem;
}
.s8-itembox .item p.sub b{font-weight: bold}
.s8-itembox .item::before{
    content: ''; width: 100%; height: 100%; display: block;
    position: absolute; left: 0; left: 0;
}
.s8-itembox .item1::before{
    background: url("../images/s8-img01.png") no-repeat center / 1.27rem;
}
.s8-itembox .item2::before{
    background: url("../images/s8-img02.png") no-repeat center / 1.27rem;
}
.s8-itembox .item3::before{
    background: url("../images/s8-img03.png") no-repeat center / 1.27rem;
}

.pageFoot{
    width: 100%; height: 6.56rem; clear: both; margin-top: -4.7rem;
    background: url("../images/foot01.png") no-repeat center bottom;
}


    /*section2*/
.visHidden{
    visibility: hidden;
}
/*按钮悬停*/
.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:165px; height:390px; display: block; top:50%; margin-top: -195px; left:20px;z-index:9;
    background: url(../images/fixedNavBg.png) no-repeat center;
}
.lfNav .close{
    position:absolute;top:-25px; right:10px; height:30px; width:30px;
}
.lfNav .close img{width: 100%; display: block;}
.gray{
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\"><filter ….3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\"/></filter></svg>#grayscale");
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
    filter: gray;
    -webkit-filter: grayscale(1);
}

.mt185{margin-top:100px;}
.nav-bg{width:106px; height:22px; display: block;float:left; clear:both;margin-left:30px;margin-bottom:3px;
    border: solid 1px #fff;
    border-radius: 5px;
    background: #bafec9;
    background: -webkit-linear-gradient(90deg,#d5ff99,#9efcfb);
    background: -moz-linear-gradient(90deg,#d5ff99,#9efcfb);
    background: -o-linear-gradient(90deg,#d5ff99,#9efcfb);
    background: linear-gradient(90deg,#d5ff99,#9efcfb);
}
.nav-bg a{width:100%; height:22px; display: block; margin:auto;
    font-size: 14px; line-height: 22px; color: #274261; text-align: center;
}
.nav-bg:hover{
    background: #f46f0a;
    background: -webkit-linear-gradient(90deg,#fb9515,#ed4a00);
    background: -moz-linear-gradient(90deg,#fb9515,#ed4a00);
    background: -o-linear-gradient(90deg,#fb9515,#ed4a00);
    background: linear-gradient(90deg,#fb9515,#ed4a00);
}
.nav-bg:hover a{color: #fff;}

.left_top{width:57px; height:57px;display: block;float:left;margin-left:60px;}
.left_top img{width: 100%;border-radius: 50%;}



.buttonbox{
    margin: .25rem auto;
}
.button{
    float: left;
    width: 348px; height: 58px; display: block; margin-top: -5px; margin-left: 55px;
    font-size: 24px; line-height: 58px; color: #ff0000; font-weight: bold; text-align: center;
    border-radius: 10px;
    border: solid 1px #fff;
    background: #fee2a0;
    background: -webkit-linear-gradient(90deg,#fff9e0,#fee2a0);
    background: -moz-linear-gradient(90deg,#fff9e0,#fee2a0);
    background: -o-linear-gradient(90deg,#fff9e0,#fee2a0);
    background: linear-gradient(90deg,#fff9e0,#fee2a0);
    position: relative;
    overflow: hidden;
}
.btn011::after{
    content: '';
    display: block;
    width: 14px;
    height: 150%;
    z-index: 9;
    background: linear-gradient(-90deg, #fff, transparent);
    position: absolute;
    left: -20%;
    top: -25%;
    transform: rotate(30deg);
    opacity: .8;
    animation: lighthighmove 4s infinite linear;
}
@keyframes lighthighmove {
    0%{left: -20%;}
    50%{left: 120%;}
    100%{left: 120%;}
}
.btn021::before{
    content:"";
    position:absolute;left:0;right:0;top:50%;
    margin:-100px auto auto;
    width:100%;height:200px;
    background: rgba(220, 220, 216, 0.15);
    border-radius:50%;
    animation:mytop 1s infinite;
    -moz-animation:mytop 1s infinite;
    -webkit-animation:mytop 1s infinite;
    -o-animation:mytop 1s infinite;
    -webkit-transform:scale(0.2)
}
@-webkit-keyframes mytop{0%{-webkit-transform:scale(0.2)}  100%{-webkit-transform:scale(1)}}
@-moz-keyframes mytop{0%{-moz-transform:scale(0.2)}   100%{-moz-transform:scale(1)}}
@-o-keyframes mytop{0%{-o-transform:scale(0.2)}    100%{-o-transform:scale(1)}}
@keyframes mytop{0%{transform:scale(0.2)}     100%{transform:scale(1)}}