@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: 1200px!important;
    font-family: 'Noto Sans SC', sans-serif, "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    color: #444;background: #fff;
}
#footer_bx{clear: both;}

@import "base.css";


.m-show,.m-ib{display: none!important;}
.qgfx_box {margin-top: 10px; margin-bottom: 20px!important;}
@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: 1200px; 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;
} */
.flex{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
.flexs{
    display: flex;
    justify-content: space-between;
    align-items: center;
    /* flex-wrap: wrap; */
}

/*banner */
.banner-box{
    position:relative;height:6.68rem;
    background:#153baa url(../images/banner.jpg) no-repeat center top; overflow:hidden;width:100%; text-align:center;
}
.banner-box .wrap{
    height: auto;
    position: relative;
}
.banner-box .pro{
    float: left;
	width: 2.9rem; height: .62rem;
    background: #ff887c;
    background: -webkit-linear-gradient(#ff887c,#f84c4c);
    background: -o-linear-gradient(#ff887c,#f84c4c);
    background: -moz-linear-gradient(#ff887c,#f84c4c);
    background: linear-gradient(#ff887c,#f84c4c);
    border-radius: .5rem;
    border: solid .01rem #ffb6b6;
    position: relative;
    display: block;
    font-size: .36rem; line-height: .58rem; color: #fff; font-weight: bold;
    margin-top: 1.47rem; margin-left: 3rem;
    /* transform: translateX(-.87rem); */
}
.banner-box .pro::after{
    content: ''; width: 2.53rem; height: .09rem;
    background: url("../images/ban-icon01.png") no-repeat center / 100%;
    position: absolute; top: .27rem; left: .2rem;
}
.banTit{
    width: 12.39rem; display: block; clear: both;
    margin-left: .36rem; margin-top: -1.21rem;
    float: left;
}
.banTit img{width: 100%; display: block;}
.ban_paper{
    width: .97rem; height: 1.11rem; display: block;
    position: absolute; top: .83rem; left: 1.47rem;
    animation: moveX2 .8s linear infinite alternate;
}
.banNav{
    width: 100%;margin-top: .4rem; clear: both;
    float: left;
    display: flex;
    justify-content: center;
    align-items: center;
}
.banNav span{
    width: 3.21rem; height: .99rem;
    font-size: .42rem; font-weight: bold; color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.banNav span.type1{
    background: url("../images/ban-img01.png") no-repeat center / 100%;
    text-shadow: 0 .02rem .03rem #ff630d;
    margin-left: .35rem;
    text-indent: 1em;
}
.banNav span.type2{
    background: url("../images/ban-img02.png") no-repeat center / 100%;
    text-shadow: 0 .02rem .03rem #fb4443;
    text-indent: 1em;
    margin-left: .7rem; margin-right: .2rem;
}
.banNav span.type3{
    background: url("../images/ban-img03.png") no-repeat center / 100%;
    text-shadow: 0 .02rem .03rem #5f30db;
}
.banNav span::before{
    content: ''; width: 1.86rem; height: 1.76rem; display: block;
    background: url("../images/ban-icon02.png") no-repeat center / 100%;
    position: absolute; top: -.38rem; left: -.82rem;
}
.banNav span.type3::before{display: none;}

.sections{
    background: #153baa;
}

/* sec01 */
.sec01{
    width: 100%; height: 2.72rem;
    background: #153baa url("../images/s1-bg.jpg") no-repeat center top;
}
.s1-main{
    width: 100%;
    background: #ff887c;
    background: -webkit-linear-gradient(#ff887c,#f84c4c);
    background: -o-linear-gradient(#ff887c,#f84c4c);
    background: -moz-linear-gradient(#ff887c,#f84c4c);
    background: linear-gradient(#ff887c,#f84c4c);
    border-radius: .18rem;
    align-items: flex-start;
}
.s1-main .kuang{
    width: 11.6rem; height: 2.4rem;
    background: url("../images/s1-img01.png") no-repeat center top / 100%;
    box-shadow: 0 .03rem .05rem #f42f2e, 0 0 .09rem #fff inset;
    border-radius: .12rem;
    margin: -.52rem auto .22rem;
}
.s1-main .kuang img.search{
    width: 2.94rem; display: block;
    margin-top: -.4rem;
}
.s1-txt{
    display: block; margin-left: -.05rem;
}
.s1-txt h3{
    font-size: .36rem; line-height: .45rem; font-weight: bold; color: #2b4db8;
    display: block;
}
.s1-txt img{
    width:3.17rem; display: block;
    margin-top: .07rem;
}
.s1-main .kuang img.ewm{
    width: 1.82rem; display: block;
    box-shadow: 0 .05rem .06rem rgba(255,114,45,.4);
    margin-left: .52rem;
}
.s1-main ul{
    display: block; margin-left: .3rem;
    margin-right: .4rem;
}
.s1-main ul li{
    font-size: .28rem; line-height: .46rem;color: #9a3b25;
    display: flex;
}
.s1-main ul li::before{
    content: ''; width: .29rem; height: .46rem; display: block;
    background: url("../images/s1-icon01.png") no-repeat center / 100%;
    margin-right: .16rem;
}
/* sec02 */
.sec02{
    clear: both; width: 100%;
}
.sec02 .wrap{display: flex;align-content: flex-start;
    flex-wrap: wrap;
}
.s2-title{
    width: 100%; clear: both;
}
.s2-title img{height: .74rem; display: block; margin: auto;}
.s2-sub{
    width: 9.89rem; height: .94rem;
    background: #2e59d9;
    background: -webkit-linear-gradient(90deg,rgba(46,89,217,0),#2e59d9,rgba(46,89,217,0));
    background: -o-linear-gradient(90deg,rgba(46,89,217,0),#2e59d9,rgba(46,89,217,0));
    background: -moz-linear-gradient(90deg,rgba(46,89,217,0),#2e59d9,rgba(46,89,217,0));
    background: linear-gradient(90deg,rgba(46,89,217,0),#2e59d9,rgba(46,89,217,0));
    margin: .2rem auto .4rem;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.s2-sub img{
    width: 1.83rem; display: block; margin-left: .69rem;
    margin-top: -.66rem;
}
.s2-sub p{
    font-size: .2rem; line-height: 1.6; color: #fff;
    text-align: left;
    font-style: italic;
    white-space: nowrap;
    margin-top: .15rem;
}
.s2Tit{
    width: 100%;
    font-size: .38rem; color: #fff; font-weight: bold; line-height: 1;
    margin-bottom: .3rem;
}
.s2Tit::before,.s2Tit::after{
	content: ''; width: .45rem;height: 1px; display: block;
    background: #9b9b9b;
    margin: auto .2rem;
}
.s2-main{
    width: 100%; height: auto;
    background: #2e59d8;
    border-radius: .14rem;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: .74rem;
}
.s2-left{
    display: block;margin-right: .3rem;
    width: 5.2rem;
}
.s2-right{
    display: block;
    width: 5.7rem;
}
.s2-top{
    width: 100%; clear: both; margin-top: .39rem; margin-bottom: .21rem;
}
.s2-right .s2-top{
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.s2-top h4{
    font-size:.32rem; font-weight: bold; line-height: 1; color: #fff;
    margin-left: .22rem;
    display: block;
}
.s2-top i{font-size: .18rem; color: #d0dcff;display: block;}
.s2-left .s2-top i{margin-right: .3rem;}
.s2-main .box{
    width: 100%;height: 2.8rem;
    background: #406ffb;
    border-radius: .14rem;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
    padding: 0;
}
.s2-main .box ul{
    width: 4.5rem; clear: both;
    display: flex;
    flex-wrap: wrap;
}
.s2-main .box ul li{
    width: 100%; clear: both;
    margin: .08rem auto .09rem;
    height: .6rem;
    font-size: .24rem; color: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.s2-main .box ul li label{display: block;}
.s2-main .box ul li input{
    width: 2.9rem; padding: 0 .2rem; height: .6rem;
    border: none;
    background: #fff;
    border-radius: .08rem;
    font-size: .22rem;
}
.s2-main .box ul li input.type2{width: 1.07rem;}
.s2-main .box ul li select{
    width: 1.7rem; height: .6rem; margin-right: .13rem;
    border: none;
    background: #fff;
    border-radius: .08rem;
    font-size: .22rem;
    text-align: center;
}
.s2-main .box textarea{
    width: 4.9rem; height: 2.1rem;
    padding: .15rem .2rem;
    border: none;
    background: #fff;
    border-radius: .08rem;
    resize: none;
    font-size: .22rem; line-height: .34rem;
    white-space: pre-wrap;
}
.s2-btn{
    width: 100%; clear: both;
    margin: .19rem auto .39rem;
}
.s2-btn a{
    width: 3.2rem; height: .62rem; display: block; margin: auto;
    background: #ff9369;
    background: -webkit-linear-gradient(#ff9369,#f43a3a);
    background: -o-linear-gradient(#ff9369,#f43a3a);
    background: -moz-linear-gradient(#ff9369,#f43a3a);
    background: linear-gradient(#ff9369,#f43a3a);
    border-radius: .5rem;
    font-size: .28rem; line-height: .62rem; color: #fff;
    font-weight: bold;
}

/* sec03 */
.sec03{
    height: 10.35rem;
    background: #153baa url("../images/s3-bg.jpg") no-repeat center top;
}
.s3-title{
    align-items: flex-start;
    margin-bottom: .28rem;
}
.s3-title .subTxt{
    width: 6.8rem; height: .54rem; display: block;
    background: #2e59d9;
    background: -webkit-linear-gradient(90deg,rgba(46,89,217,0),#2e59d9,rgba(46,89,217,0));
    background: -o-linear-gradient(90deg,rgba(46,89,217,0),#2e59d9,rgba(46,89,217,0));
    background: -moz-linear-gradient(90deg,rgba(46,89,217,0),#2e59d9,rgba(46,89,217,0));
    background: linear-gradient(90deg,rgba(46,89,217,0),#2e59d9,rgba(46,89,217,0));
    font-size: .2rem; line-height: .54rem; color: #fff;
    font-style: italic;
}
.s3-main{
    width: 100%; clear: both;
    align-items: flex-start;
}
.s3-left{
    width: 9.26rem; height: 8.74rem;
    background: url("../images/s3-img01.png") no-repeat center top / 100%;
    position: relative;z-index: 1;
    display: flex;
    justify-content: center;
    align-content: flex-start;
    flex-wrap: wrap;
}
.s3-left .drawNumber{
    width: 6rem; height: .66rem;
    margin-left: -.4rem;
    margin-top: .25rem;
    font-size: .26rem; line-height: .66rem; color: #fff;
    margin-bottom: .25rem;
}
.s3-left .drawNumber em{
    font-size: .35rem; font-weight: bold;
}
.s3-gift{
    width: 8.1rem; height: 6rem;
    margin-left: -.4rem;
    margin-bottom: .25rem;
}
.s3-gift ul{
    width: 100%;clear: both; margin-top: .21rem;
    align-content: flex-start;
}
.s3-gift ul li{
    width: 2.41rem; height: 1.85rem; display: block;
    margin: 0 .07rem .05rem;
}
.s3-gift ul li img{width: 100%;}
.s3_draw_btn{
    width: 8.1rem; clear: both;
}
.s3_draw_btn a.btn01{
    width: 2.2rem; height: .74rem; display: block;
    background: url("../images/s3-btn01.png") no-repeat center / 100%;
    font-size: .29rem; font-weight: bold; line-height: .66rem; color: #da400e;
    border-radius: .33rem;
    margin-right: .32rem;
}
.s3_draw_btn a.btn02{
    width: 4.4rem; height: 1.07rem; display: block;
    background: url("../images/s3-btn02.png") no-repeat center / 100%;
    text-shadow: 0 .03rem .05rem #fb4161;
}
.s3_draw_btn a.btn02.null{
    background: url("../images/s3-btn03.png") no-repeat center / 100%;
}
.s3_draw_btn a.btn02 span{
    display: block;
    font-size: .39rem; line-height: .82rem; font-weight: 700;
    color: #fff;

    animation: scale2 .5s linear infinite alternate;
    -o-animation: scale2 .5s linear infinite alternate;
    -moz-animation: scale2 .5s linear infinite alternate;
    -webkit-animation: scale2 .5s linear infinite alternate;
}
.s3_draw_btn a.btn02.null span{
    text-shadow: 0 .03rem .05rem #999;
}

.s3-right{
    width: 3.26rem;
    margin-left: -.52rem;
    /* align-content: flex-start; */
    margin-top: 1.06rem;
}
.s3-right .top{
    width: 100%; height: 4.38rem;
    background: url("../images/s3-img02.png") no-repeat center / 100%;
}
.s3-txt{
    width: 2.6rem; display: block;
    margin-left: .2rem;
}
.s3-txt h4{
    font-size: .28rem; font-weight: bold; color: #fff; line-height: 1;
    margin-bottom: .16rem;
    text-align: left;
}
.s3-txt p{
    font-size: .2rem; line-height: .32rem; color: #fff;
    text-align: left;
}
.s3-right .zhu{
    width: 2.6rem; display: block; margin-top: .2rem;
    font-size: .18rem; line-height: .28rem; color: #c3d2ff;
    text-align: justify;

}

/* sec04 */
.sec04{
    clear: both; width: 100%;
}
.sec04 .wrap{
    display: flex;align-content: flex-start;
    flex-wrap: wrap;
}
.s4-title{
    width: 100%; clear: both;
}
.s4-title img{height: .74rem; display: block; margin: auto;}
.s4-sub{
    width: 9.89rem; height: .94rem;
    background: #2e59d9;
    background: -webkit-linear-gradient(90deg,rgba(46,89,217,0),#2e59d9,rgba(46,89,217,0));
    background: -o-linear-gradient(90deg,rgba(46,89,217,0),#2e59d9,rgba(46,89,217,0));
    background: -moz-linear-gradient(90deg,rgba(46,89,217,0),#2e59d9,rgba(46,89,217,0));
    background: linear-gradient(90deg,rgba(46,89,217,0),#2e59d9,rgba(46,89,217,0));
    margin: .2rem auto;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.s4-sub img{
    width: 1.84rem; display: block; margin-left: .49rem;
    margin-top: -.66rem;
    margin-right: .25rem;
}
.s4-sub p{
    font-size: .2rem; line-height: 1.6; color: #fff;
    text-align: left;
    font-style: italic;
    white-space: nowrap;
    margin-top: .15rem;
}
.s4-main{
    width: 100%; clear: both;
    border-radius: .14rem;
    background: #2e59d8;
    padding-bottom: .4rem;
    margin-bottom: .7rem;
}
.s4-main .cont-list{
    width:11.53rem; clear: both;
    margin: .24rem auto 0;
    align-content: flex-start;
}

.s4-main .cont-list .cont-item{
    width: 100%;
    background: #153baa;
    border-radius: .15rem;
    margin-bottom: .2rem;
}
.s4-main .cont-list .cont-item:last-child{margin-bottom: 0;}
.s4-main .cont-list .cont-item .content{
    width: 100%;
    background: #fff;
    border-radius: .15rem;
    border: solid 1px #fff;
    box-sizing: border-box;
    box-shadow: 0 0 .27rem #c2d5ff inset;
    font-size: .2rem; line-height: 1.6;text-align: left;
    padding: .25rem .3rem;
}
.s4-main .cont-list .cont-item .content p{text-align: center}
.s4-main .cont-list .cont-item .btm{
    padding: .13rem 0 .16rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.s4-main .cont-list .cont-item .btm .left{
    margin-left: .3rem;
    font-size: .2rem; line-height: 1; color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}
.s4-main .cont-list .cont-item .btm .left time{margin-left: .15rem;}
.s4-main .cont-list .cont-item .btm .left::after{
    content: ''; width: 7rem; height: 1px; display: block;
    background: url("../images/s4-line01.png") no-repeat left center / 100%;
    margin-left: .1rem;
}
.s4-main .cont-list .cont-item .btm .right{
    margin-right: .2rem;
}
.s4-main .cont-list .cont-item .btm .right a{
    width: .4rem;
    font-size: .22rem; color: #fff; height: .31rem; display: block;
    line-height: .31rem; text-align: left;
    padding-left: .37rem;
    background: url("../images/zan01.png") no-repeat center left / auto 100%;
}
.s4-main .cont-list .cont-item .btm .right a.on,
.s4-main .cont-list .cont-item .btm .right a:hover{
    background: url("../images/zan02.png") no-repeat center left / auto 100%;
}
.s4-main .page{
    width: 100%; clear: both;font-size: 16px;
    margin-top: .23rem;
}
.s4-main .page a{
    background: #fff;
    background: linear-gradient(#fff,#beceff);
    /* border: #fff solid 1px; */
    border: 1px solid #fff;
    padding: 0 .8em;
    color: #2e59d8;
}
.s4-main .page a.active,.s4-main .page a:hover{
    border: 1px solid #153baa;
}
.s4-main .page a.active{
    background: #153baa;
    /* border-color: #153baa; */
}

/* sec05 */
.sec05{
    height: auto;
    background: #153baa;
}
.sec05 .wrap{
    align-content: flex-start;
}
.s5-title{
    align-items: flex-start;
    margin-bottom: .87rem;
}
.s5-title .subTxt{
    width: 6.8rem; height: .54rem; display: block;
    background: #2e59d9;
    background: -webkit-linear-gradient(90deg,rgba(46,89,217,0),#2e59d9,rgba(46,89,217,0));
    background: -o-linear-gradient(90deg,rgba(46,89,217,0),#2e59d9,rgba(46,89,217,0));
    background: -moz-linear-gradient(90deg,rgba(46,89,217,0),#2e59d9,rgba(46,89,217,0));
    background: linear-gradient(90deg,rgba(46,89,217,0),#2e59d9,rgba(46,89,217,0));
    font-size: .2rem; line-height: .54rem; color: #fff;
    font-style: italic;
    white-space: nowrap;
}
.s5-main{
    width: 100%; height: 6.4rem;
    background: url("../images/s5-kuang01.png") no-repeat center top / 100%;
    display: flex;
    justify-content: center;
    align-content: flex-start;
    flex-wrap: wrap;
    border-radius: .14rem;
    margin-bottom: .7rem;
}
.s5-sub{
    width: 100%; clear: both;margin-top: -.57rem;
    display: flex;
    justify-content: center; align-content: center;
}
.s5-sub span{
    width: 3.2rem; height: .8rem; display: block;
    border: solid 1px #8daaff;
    box-sizing: border-box;
    background: #698fff;
    background: -webkit-linear-gradient(#a9bfff,#3a6cff);
    background: -moz-linear-gradient(#a9bfff,#3a6cff);
    background: -o-linear-gradient(#a9bfff,#3a6cff);
    background: linear-gradient(#a9bfff,#3a6cff);
    border-radius: .14rem;
    margin: 0 .11rem;
    font-size: .36rem; line-height: .8rem; color: #fff; font-weight: 700;
    cursor: pointer;
}
.s5-sub span.on{
    background: url("../images/s5-img01.png") no-repeat center / 100%;
    border: none;
    text-shadow: 0 .05rem .06rem #e30303;
}
.s5-itembox{
    width: 100%; clear: both;
}
.s5-itembox .item{
    width: 100%; clear: both; display: none;
    justify-content: center;
    align-content: flex-start;
    flex-wrap: wrap;
    margin-top: .38rem;
}
.s5-itembox .item.show{
    display: flex;
}

.s5-itembox .item1 h3{
    width: 100%; clear: both;
    font-size: .3rem; line-height: 1; color: #fff; font-weight: bold;
}
.s5-itembox .item1 .subItem{
    width: 100%; clear: both; margin-top: .22rem;
    height: 4.9rem;
}
.s5-itembox .item1 .subItem .subNav{
    width: 2.44rem; display: block;
}
.s5-itembox .item1 .subItem .subNav span{
    width: 100%; clear: both; display: block;
    height: .68rem;
    background: #4776ff;
    background: linear-gradient(90deg,#4776ff,rgba(71,118,255,0));
    border-radius: .08rem 0 0 .08rem;
    font-size: .31rem; line-height: .68rem; color: #fff;
    text-align: left; text-indent: .45rem;
    margin: .18rem 0;
    cursor: pointer;
}
.s5-itembox .item1 .subItem .subNav span.on{
    border: solid #79d1ff 1px;
    border-right: 0;
    background: #39c0ff;
    background: linear-gradient(90deg,#39c0ff,#1563f4 88%);
    box-shadow: 0 .05rem .1rem #1e49c9;
    font-weight: bold;
}

.s5-itembox .subbox{
    width: 8.1rem; height: 4.9rem;
    background: #fff;
    border: solid 1px #fff;
    box-sizing: border-box;
    box-shadow: 0 0 .27rem #c2d5ff inset;
    border-radius: .14rem;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
.s5-txt1{
    width: 4.05rem; margin-right: .48rem;
}
.s5-txt1 ul{
    width: 100%; clear: both;
}
.s5-txt1 ul li{
    width: 100%;height: 1.45rem; clear: both;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
    border-bottom: dashed 1px #ced0d6;
}
.s5-txt1 ul li:last-child{border-bottom: 0;}
.s5-txt1 ul li h4{
    font-size: .24rem; font-weight: bold; color: #153baa;
    text-align: left;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
}
.s5-txt1 ul li h4::before{
    content: ''; width: .05rem; height: .24rem; display: block;
    background: #fb7257;
    border-radius: .1rem;
    margin-right: .16rem;
}
.s5-txt1 ul li p{
    font-size: .2rem; line-height: 1.5; text-align: left;
    width: 100%;
}
.s5-ewm1{
    width: 2.66rem;
    display: flex;
    justify-content: center;
    align-content: flex-start;
    flex-wrap: wrap;
}
.s5-ewm1 img.ewm{width: 1.82rem; display: block;}
.s5-ewm1 .tip{
    width: 100%; clear:both;
    margin: .2rem auto;
}
.s5-ewm1 .tip p{
    font-size: .2rem; line-height: 1.7; color: #2752d1;
    text-align: left;
    display: flex;
    align-items: center;
    /* white-space: nowrap; */
}
.s5-ewm1 .tip.type1 p{margin-left: .35rem;}
.s5-ewm1 .tip.type2 p{margin-left: 0;}
.s5-ewm1 .tip p::before{
    content: ''; width: .26rem; height: .27rem; display: block;
    background: url("../images/s5-icon01.png") no-repeat center / 100%;
    margin-right: .08rem;
}
.s5-ewm1 span{
    font-size: .24rem; font-weight: bold; line-height: 1; color: #333;
    display: block;
}
.s5-ewm1 img.tip{
    height: .27rem;
}

.s5-left2{
    width: 7.9rem;
    align-content: flex-start;
}
.s5-left2 h3{
    width: 100%; clear: both;
    font-size: .3rem; line-height: 1; color: #fff; font-weight: bold;
    margin-bottom: .23rem;
}
.s5-info{
    width: 100%; height: 4.9rem;
    background: #fff;
    border: solid 1px #fff;
    box-sizing: border-box;
    box-shadow: 0 0 .27rem #c2d5ff inset;
    border-radius: .14rem;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
.s5-info .infoNull{width: 100%; height: .4rem; display: block;}
.s5-info .info{
    width: 2.17rem; height: 1.78rem; display: block;
    background: #eff5ff;
    background: linear-gradient(#eff5ff,rgba(239,245,255,0));
    border-radius: .13rem;
    margin: 0 .17rem .35rem;
    position: relative;
}
.s5-info .info img{
    margin: .09rem auto 0; display: block;
    width: 1.72rem;
}
.s5-info .info span{
    width: .85rem; height: .32rem; display: block;
    background: #f85649;
    border-radius: .3rem;
    font-size: .2rem; line-height: .32rem;color: #fff;
    position: absolute; top: .97rem; left: 50%;
    transform: translateX(-50%);
}
.s5-info .info a{
    width: 2.2rem; height: .45rem; display: block;
    border: solid 1px #fff;
    box-shadow: 0 .06rem .05rem #dae3ff;
    border-radius: .4rem;
    background: #4a75f1;
    background: linear-gradient(#7a9cff,#184be2);
    /* position: absolute; */
    margin-top: -.38rem;
    position: relative;z-index: 1;
    font-size: .22rem; line-height: .45rem; color: #fff;
    text-shadow: 0 .02rem .03rem #1044db;
    transition: all .5s;
}
.s5-info .info a:hover{
    transform: scale(1.1);
}

.s5-right2{
    width: 2.6rem; align-content: flex-start;
    margin-left: .53rem;
}
.s5-right2 h3{
    width: 100%; clear: both;
    font-size: .3rem; line-height: .41rem; color: #fff; font-weight: bold;
    margin: -.05rem auto .4rem;
}
.s5-right2 img.ewm{width: 2.25rem;display: block;margin: auto;}
.s5-right2 span{
    width: 2.1rem; height: .5rem; display: block;
    margin: 0 auto .3rem;
    background: #1743c1;
    border-radius: .08rem;
    font-size: .24rem; font-weight: bold; line-height: .5rem; color: #fff;
}
.s5-right2 p{
    font-size: .2rem; line-height: 1; color: #fff;
}
.s5-right2 p b{font-weight: bold; color: #ffe956;}
.s5-right2 img.line{height: .15rem; display: block;margin-top: .05rem;}

.s5-left3{
    width: 5.4rem;
    align-content: flex-start;
}
.s5-left3 h3{
    width: 100%; clear: both;
    font-size: .3rem; line-height: 1; color: #fff; font-weight: bold;
    margin-bottom: .23rem;
}
.s5-course{
    width: 100%; height: 4rem;
    background: #fff;
    border: solid 1px #fff;
    box-sizing: border-box;
    box-shadow: 0 0 .27rem #c2d5ff inset;
    border-radius: .14rem;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
.s5-course ul{
    width: 4.8rem; clear: both;
}
.s5-course ul li{
    padding-top: .2rem;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flew-wrap: wrap;
    border-bottom: dashed 1px #ced0d6;
    padding-bottom: .19rem;
}
.s5-course ul li:last-child{border-bottom: 0;}
.s5-course ul li img{
    width: .42rem; height: .42rem; display: block;
    border-radius: 50%;
    box-shadow: 0 .05rem .05rem #cbd8ff;
}
.s5-course ul li span{
    width: 2.9rem;
    text-align: left;
    font-size: .26rem; line-height: .37rem; font-weight: bold;
}
.s5-course ul li span b{color: #eb3b35;}
.s5-course ul li a{
    width: 1.4rem; height: .4rem; display: block;
    border: solid 1px #b7c9ff;
    border-radius: .4rem;
    box-sizing: border-box;
    font-size: .2rem; line-height: .38rem; color: #2e59d8;
}
.s5-course ul li a:hover{
    background: #2e59d8; color: #fff;
}
.s5-btn{
    width: 100%; clear: both; margin-top: .19rem;
}
.s5-btn a{
    width: 3.6rem; height: .62rem;display: block;
    margin: auto;
    background: #ff9369;
    background: -webkit-linear-gradient(#ff9369, #f43a3a);
    background: -o-linear-gradient(#ff9369,#f43a3a);
    background: -moz-linear-gradient(#ff9369,#f43a3a);
    background: linear-gradient(#ff9369, #f43a3a);
    border-radius: .5rem;
    font-size: .28rem;line-height: .62rem;color: #fff;font-weight: bold;
}
.s5-right3{
    width: 4.8rem; margin-left: .6rem; display: block;
}
.s5-right3 h3{
    width: 100%; clear: both;
    font-size: .3rem; line-height: 1; color: #fff; font-weight: bold;
    margin-bottom: .23rem;
}
.s5-mobile{width: 100%; clear: both;
    align-items: flex-start;
}
.s5-mobile img{
    width: 2.38rem; display: block;
}
.s5-mobile .txt{
    width: 1.82rem; display: block;margin-left: .57rem;
}
.s5-mobile .tip{
    width: 3.41rem; height: 1.75rem; display: flex;
    justify-content: center;
    align-items: center;
    background: url("../images/s5-img04.png") no-repeat center / 100%;
    font-size: .22rem; line-height: .32rem; color: #333;
    font-weight: 600;
    margin-left: -1.18rem;
}
.s5-mobile .tip b{color: #eb4540; font-weight: 600}
.s5-mobile ul{
    width: 100%; clear: both;
    margin-top: .05rem;
}
.s5-mobile ul li{
    width: 100%; height: .38rem;
    font-size: .22rem; line-height:.38rem; color: #fff;
    text-align: center;
    margin-bottom: .11rem;
}
.s5-mobile ul li:nth-child(odd){
    background: #4473ff;
    background: linear-gradient(90deg,rgba(68,115,255,0),#4473ff,rgba(68,115,255,0));
}
.s5-mobile ul li:nth-child(even){
    background: #1743c1;
    background: linear-gradient(90deg,rgba(23,67,193,0),#1743c1,rgba(23,67,193,0));
}


/* sec06 */
.sec06{
    clear: both; width: 100%; min-height: 10rem;
    background:#153baa url("../images/s6-bg.jpg") no-repeat center bottom;
}
.sec06 .wrap{
    display: flex;align-content: flex-start;
    flex-wrap: wrap;
}
.s6-title{
    width: 100%; clear: both;
}
.s6-title img{height: .74rem; display: block; margin: auto;}
.s6-sub{
    width: 6.58rem; height: .94rem;
    background: #2e59d9;
    background: -webkit-linear-gradient(90deg,rgba(46,89,217,0),#2e59d9,rgba(46,89,217,0));
    background: -o-linear-gradient(90deg,rgba(46,89,217,0),#2e59d9,rgba(46,89,217,0));
    background: -moz-linear-gradient(90deg,rgba(46,89,217,0),#2e59d9,rgba(46,89,217,0));
    background: linear-gradient(90deg,rgba(46,89,217,0),#2e59d9,rgba(46,89,217,0));
    margin: .2rem auto;
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}
.s6-sub img{
    width: 1.84rem; display: block; margin-left: -.5rem;
    margin-top: -.36rem;
    margin-right: .25rem;
}
.s6-sub p{
    font-size: .2rem; line-height: 1.6; color: #fff;
    text-align: left;
    font-style: italic;
    white-space: nowrap;
    margin-top: .15rem;
}
.s6-main{
    width: 100%; height: auto;
    clear: both;
    background: #2e59d8;
    border-radius: .14rem;
    margin-bottom: .55rem;
}
.s6-main .kuang{
    width: 11.4rem; display: block;
    margin: .29rem .3rem .28rem;
    min-height: 2rem;
    background: #fff;
    border: solid 1px #fff;
    box-sizing: border-box;
    box-shadow: 0 0 .27rem #c2d5ff inset;
    border-radius: .14rem;
}
.s6-main .tabCont{
    width: 10.9rem; margin: .27rem .25rem;
}
.s6-main .tabCont .tabTit{
    width: 100%; clear: both;
    background: #406df0;
    background: -webkit-linear-gradient(left, #1b4cdd, #6088ff);
    background: -o-linear-gradient(right, #1b4cdd, #6088ff);
    background: -moz-linear-gradient(right, #1b4cdd, #6088ff);
    background: linear-gradient(to right, #1b4cdd, #6088ff);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    border-radius: .1rem;
    border: solid .01rem #fff;
    box-shadow: 0 .06rem .09rem #d1dcff;
}
.s6-main .tabCont .tabTit .th{
    font-size: .24rem; height: .56rem; line-height: .56rem; color: #fff;
    font-weight: bold;
}
.s6-main .tabCont .tabTit .th.th1{width: 2.52rem;}
.s6-main .tabCont .tabTit .th.th2{width: 3.48rem;}
.s6-main .tabCont .tabTit .th.th3{width: 2.78rem;}
.s6-main .tabCont .tabTit .th.th4{width: 2rem;}
.s6-main .tabCont table{
    width: 100%; clear: both;
    font-size: .22rem; line-height: .32rem;
    border-bottom: solid #c9d3f7 1px;
}
.s6-main .tabCont table td{
    padding: .13rem 0;
    border-left:solid 1px #c9d3f7;
}
.s6-main .tabCont table tr >td:nth-child(1){width: 2.52rem;border-left: 0;}
.s6-main .tabCont table tr >td:nth-child(2){width: 3.48rem;}
.s6-main .tabCont table tr >td:nth-child(3){width: 2.78rem;}
.s6-main .tabCont table tr >td:nth-child(4){width: 2rem;}
.s6-main .tabCont table tr:nth-child(even){
    background: #f0f3ff;
}
.s6-main .tabCont table td b{
    font-weight: bold; color: #1745ce;
}
.s6-main .tabCont table td a{
    width: 1.4rem; height: .42rem; margin: auto;
    border: solid 1px #6b8df2;
    box-sizing: border-box;
    border-radius: .4rem;
    font-size: .22rem; line-height: 1;
    color: #1745ce;
    display: flex;
    justify-content: center;align-items: center;
}
.s6-main .tabCont table td a:hover,.s6-main .tabCont table td a.on{
    background: #f96752;
    background: linear-gradient(#ff9369,#f43a3a);
    border-color: #fff;
    box-shadow: 0 .05rem .03rem #ffe4e4;
    color: #fff;
}

.sec07{
    width: 100%; clear: both; min-height: 8rem;
    background: #fff url("../images/s7-bg.jpg") no-repeat center top;
}
.s7-title{
    width: 100%; clear: both;
    display: flex;
    justify-content: center; align-items: center;
    /* flex-wrap: wrap; */
    margin-bottom: .4rem;
}
.s7-title h3{
    display: block;
    font-size: .4rem; font-weight: bold; color: #333;
}
.s7-title h3 span{color: #2e59d8;}
.s7-title::before,.s7-title::after{
    content: ''; width: .45rem; height: 1px; display: block;
    background: #9b9b9b;
    margin: 0 .2rem;
}
.s7-item{
    width: 100%; clear: both; display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    margin-bottom: 1.2rem;
}
.s7-item .item{
    width: 3.75rem; height: 3.8rem; display: block;
    background: #fff;
    border-radius: .14rem;
    box-shadow: 0 .1rem .1rem #d7d6d6;
}
/* .flip-container { perspective: 1000px;} */
.flipper:hover {transform: rotateY(180deg); }
.flip-container, .front, .back {width: 3.75rem;height: 3.8rem;}
.flipper {transition: 0.6s; transform-style: preserve-3d; position: relative;}
.front, .back {backface-visibility: hidden; position: absolute;top: 0;left: 0;}
.front {z-index: 2;}
.back {transform: rotateY(180deg);}
.s7-item .item .front{
    display: flex;
    justify-content: center;
    align-content: flex-start;
    flex-wrap: wrap;
}
.s7-item .item .front .pic{
    width: 100%; height: 2.5rem;display: block;
}
.s7-item .item .front .pic img{width: 100%;}
.s7-item .item .front span{
    clear: both; width: 100%; display: block;
    font-size: .34rem; line-height: 1; font-weight: bold; color: #333;
    margin-bottom: .21rem;
}
.s7-item .item .front img.icon{
    width: .36rem; display: block; margin: auto;
}
.s7-item .item .back{
    background: #2e59d8; color: #fff;
    font-size: .18rem; line-height: .26rem;
    border-radius: .14rem;
    position: relative;
    display: flex;
    justify-content: center; align-content: flex-start;
    flex-wrap: wrap;
    z-index:2;
}
.s7-item .item .back p{
    width: 3.1rem; display: block;
    margin: .25rem auto 0;
    text-align: justify;
}
.s7-item .item .back a{
    width: 2rem; height: .56rem; display: block;
    border: solid 1px #bacaff;
    background: #eef2ff;
    background: linear-gradient(#fff,#cddaff);
    font-size: .24rem; line-height: .56rem; color: #3658d1;
    border-radius: .5rem;
    position: absolute; bottom: -.15rem; left: 50%;
    transform: translateX(-50%);
}

.s7-rule{
    width: 100%; clear: both;
    display: flex;
    justify-content: center; align-items: flex-start;
    flex-wrap: wrap;
    margin-bottom: .7rem;
}
.s7-rule .tit{
    width: .8rem; display: block; margin-right: .5rem;
}
.s7-rule .tit span{
    font-size: .36rem; line-height: .42rem; color: #2e59d8; font-weight: 700;
    display: block;
    margin: .05rem auto .23rem;
}
.s7-rule .tit i{
    width: .23rem; height: 1px; display: block;
    background: #cccccc;
}
.s7-rule .txt{
    width:9.8rem; display: block;
}
.s7-rule .txt ul{
    width: 100%; clear: both;
}
.s7-rule .txt ul li{
    width: 100%; clear: both;
    font-size: .2rem; line-height: 1.5;
    text-align: left;
}
.s7-rule .txt ul li b{
    color: #2e59d8; font-weight: bold;
}
.s7-rule .txt ul li p em{color: #e44848;}
.s7-rule .txt .explain{
    width: 100%;
    display: flex;
    justify-content: center; align-items: flex-start;
}
.s7-rule .txt .explain span{color: #e44848; margin-right: .1rem; font-weight: bold}
.s7-rule .txt .explain p{
    width: 8.5rem;
    text-align: left;
}

.s7-ewm{
    width: 100%; height: 3.3rem;
    background: url("../images/s7-img04.png") no-repeat center / 100%;
    margin-bottom: .6rem;
}
.s7-ewm .ewm{
    width: 25%; display: block;
    height: 3.3rem;
}
.s7-ewm .ewm img{ margin-top: .3rem;}
.s7-ewm .ewm span{
    font-size: .2rem; line-height: 1.5; color: #fff;
    clear: both;
    display: block; width: 100%;
    margin-top: .15rem;
}
    /*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;
    width:200px; height:auto; display: block;
    background: #2080f8;
    background: linear-gradient(#1563f4 12% ,#39c0ff);
    top:50%; left:20px;z-index:9;
    transform: translateY(-50%);
    border-radius: .22rem;
    border: solid 1px #32acfd;
    box-sizing: border-box;
    box-shadow: 0 0 .27rem rgba(255,255,255,.4);
}
.lfNav .closefix{position:absolute;top:-30px; right:-30px; height:30px; width:30px; }
.lfNav .closefix img{width:100%;}
.navPic{
    width: 2.67rem; display: block;
    margin-top: -.72rem; margin-left: -.35rem;
}
.navPic img{width: 100%; display: block;}

.mt185{margin-top:-8px;}
.nav-bg{
    width:100%; height:44px; display: block;float:left; clear:both;
    padding-bottom: 1px;
    background: url("../images/fixNav-line01.png") no-repeat center bottom / 1.4rem;
}
.nav-bg a{width:150px; height:44px; display: block; margin:auto;
    line-height: .44rem; color: #fff; font-size:.22rem;
    white-space: nowrap;
    text-align: center;
    position: relative;
}
.nav-bg a.on,.nav-bg a:hover{font-weight: bold;}
.nav-bg a.on::before,.nav-bg a:hover::before{
    content: ''; width: 8px; height: 11px; display: block;
    background: url("../images/fixNav-icon01.png") no-repeat center / 100%;
    position: absolute; left: 0; top: 16px;
}

.left_top{
    width:178px; height:48px;display: block;
    float:left;margin-left:11px; margin-top: 16px;
    margin-bottom: -27px;
}
.left_top img{
    width: 100%;
}

.fixEwm{
    position: fixed; right: .3rem;  top: 40%;
    z-index: 6;
    width: 2.5rem; display: block;
}
.fixEwm img{width: 100%; display: block;}