@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: 'MiSans', '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.75rem;
    background:#153baa url(../images/banner.jpg) no-repeat center top; overflow:hidden;width:100%; text-align:center;
}
.banner-box .wrap{
    height: auto;
    position: relative;
}
.banTit{
    width: 8.93rem; display: block; clear: both;
    margin-left: .79rem; margin-top: .73rem;
    float: left;
}
.banTit img{width: 100%; display: block;}
.ban_paper{
    width: 1rem; height: .54rem; display: block;
    position: absolute; top: 1.35rem; left: -1.52rem;
    animation: moveX2 .8s linear infinite alternate;
}
img.ban_gif{
    width: 2.04rem; display: block;
    position: absolute; top: 2.23rem; left: -1.3rem;
    animation: moveY2 .8s linear infinite alternate;
}
img.ban_ip{
    width: 4.07rem; display: block;
    position: absolute; top: 1.21rem; right: -1.73rem;
    animation: moveX2 .8s linear infinite alternate;

}
.banNav{
    width: 100%;margin-top: .28rem; clear: both;
    float: left;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-family: "AlimamaShuHeiTi";
}
.banNav span{
    width: auto; height: .68rem;
    font-size: .34rem; font-weight: 700; color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    border-radius: .5rem;
    border: solid .02rem #fff;
    box-shadow: 0 .07rem .12rem rgba(13, 85, 223, 0.7);
    padding: 0 .35rem;
}

.banNav span.type1{
    background: #ff7100;
    background: -webkit-linear-gradient(#ff7100,#f31908);
    background: -moz-linear-gradient(#ff7100,#f31908);
    background: -o-linear-gradient(#ff7100,#f31908);
    background: linear-gradient(#ff7100,#f31908);
}
.banNav span.type2{
    background: #4474fd;
    background: -webkit-linear-gradient(#4474fd,#1043d5);
    background: -moz-linear-gradient(#4474fd,#1043d5);
    background: -o-linear-gradient(#4474fd,#1043d5);
    background: linear-gradient(#4474fd,#1043d5);
}


.sections{
    background: #153baa;
}
.sections .secTit img{height: .68rem; display: block; margin: auto;}

/* sec01 */
.sec01{
    width: 100%; height: 2.64rem;
    background: #153baa url("../images/s1-bg.jpg") no-repeat center top;
}
.s1-main{
    width: 100%;
    background: #ff7100;
    background: -webkit-linear-gradient(#ff7100,#f31908);
    background: -o-linear-gradient(#ff7100,#f31908);
    background: -moz-linear-gradient(#ff7100,#f31908);
    background: linear-gradient(#ff7100,#f31908);
    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.28rem; display: block;
    margin-top: -.4rem;
}
.s1-txt{
    display: block; margin-left: -.05rem;
}
.s1-txt h3{
    font-size: .36rem; line-height: .48rem; 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%;
    background: url("../images/s2-bg.jpg") no-repeat center top;
    height: 8.3rem;
}
.sec02 .wrap{
    display: flex;
    align-content: flex-start;
    flex-wrap: wrap;
}
.s2-title{
    width: 100%; clear: both; margin-top: .45rem;
}

.s2-sub{
    width: 9.65rem; height: .6rem;
    background: #2e59d9;
    background: -webkit-linear-gradient(90deg, rgba(171, 218, 255, 0),#c9e7ff);
    background: -o-linear-gradient(90deg,rgba(171, 218, 255, 0),#c9e7ff);
    background: -moz-linear-gradient(90deg,rgba(171, 218, 255, 0),#c9e7ff);
    background: linear-gradient(90deg,rgba(171, 218, 255, 0),#c9e7ff);
    margin: .2rem auto .3rem;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;


}
.s2-sub p{
    font-size: .2rem; line-height: 1.5; color: #333;
    width: 100%; display: block;
}
.s2-sub img{
    width: .77rem; display: block;
    position: absolute; top: -.2rem; right: -.17rem;
}

.s2Tit{
    width: 100%;
    font-size: .36rem; color: #355aa1; font-weight: bold; line-height: 1;
    margin-bottom: .2rem;
}
.s2Tit::before,.s2Tit::after{
	content: ''; width: 1.22rem;height: 2px; display: block;
    background: rgba(13, 85, 223, 0.3);
    margin: auto .2rem;
}
.s2-main{
    width: 100%; height: auto;
    background: #4474fd;
    background: -webkit-linear-gradient(#4474fd,#1043d5);
    background: -o-linear-gradient(#4474fd,#1043d5);
    background: -moz-linear-gradient(#4474fd,#1043d5);
    background: linear-gradient(#4474fd,#1043d5);
    border: solid .02rem #fff;
    border-radius: .25rem;
    box-shadow: 0 .07rem .12rem rgba(13, 85, 223, 0.4);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: .74rem;
}

.s2-main h4{
    width: 100%; clear: both; margin: .22rem 0;
    font-size:.26rem; font-weight: 500; line-height: 1; color: #fff;
}
.s2-main h4 span{
    font-size: .18rem;margin-right: .3rem;
}

.s2-main .textbox{
    width: 11.39rem;height: auto;
    background: #fff;
    border-radius: .15rem;
    display: flex;
    justify-content: center;
    align-content: flex-start;
    flex-wrap: wrap;
}

.s2-main .textbox textarea{
    width: 94%; height: 3.03rem;
    padding: .15rem 3%;
    border: none;
    background: #fff;
    border-radius: .15rem;
    resize: none;
    font-size: .2rem; line-height: .34rem;
    white-space: pre-wrap;
}
.s2-btn{
    width: 100%; clear: both;height: .76rem;
    margin: -.39rem auto .6rem;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
}
.s2-btn a{
    width: 3.23rem; height: .76rem; display: block;
    background: url("../images/s2-btn01.png") no-repeat center / 100%;
    border-radius: .5rem;
    font-size: .34rem; line-height: .76rem; font-weight: 700; color: #fff;
    box-shadow: 0 .1rem .3rem #45ccfe;
    margin-right: .95rem;
}

/* sec03 */
.sec03{
    height: 10.97rem;
    background: #0a5ce4  url("../images/s3-bg.jpg") no-repeat center top;
}
.s3-title{
    align-items: flex-start;
    margin-bottom: .34rem;
    margin-top: .5rem;
}

.s3-main{
    width: 100%; clear: both;
    align-items: flex-start;
}
.s3-left{
    width: 9.76rem; height: 9.01rem;
    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;
    margin-left: -.79rem;
}
.s3-left .drawNumber{
    width: 3.96rem; height: .54rem;
    margin-left: -.3rem;
    margin-top: .21rem;
    font-size: .2rem; line-height: .54rem; color: #333;
    margin-bottom: 1.07rem;
}

.s3-gift{
    width: 6.66rem; height: 6rem;
    margin-left: -.4rem;
    margin-bottom: .27rem;

}
.s3-gift ul{
    width: 100%;clear: both;
    align-content: flex-start;

}
.s3-gift ul li{
    width: 2.17rem; height: 1.9rem;
    margin: 0 .02rem .04rem;
    display: flex;
    justify-content: center;
    align-items: flex-end;
}
.s3-gift ul li img{width: 100%;}
.s3_draw_btn{
    width: 8.1rem; clear: both;
}
.s3_draw_btn a.btn01{
    width: 1.41rem; height: .44rem; display: block;
    background: #0942d6;
    font-size: .24rem; font-weight: bold; line-height: .44rem; color: #fff;
    border-radius: .5rem;
    margin-right: .5rem;
    margin-left: -2rem;
}
.s3_draw_btn a.btn02{
    width: 3.234rem; height: .79rem; display: block;
    background: url("../images/s3-btn01.png") no-repeat center / 100%;
    text-shadow: 0 .03rem .05rem #fb4161;
    box-shadow: 0 .2rem .3rem #33b4fb;
    border-radius: .5rem;
}
.s3_draw_btn a.btn02.null{
    background: url("../images/s3-btn02.png") no-repeat center / 100%;
}
.s3_draw_btn a.btn02 span{
    display: block;
    font-size: .39rem; line-height: .82rem; font-weight: 700;
    color: #9a3b25;
    text-shadow: 0 .02rem 0 #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{
    color: #fff;
    text-shadow: none;
}

.s3-right{
    width: 4.66rem;
    margin-left: -1.65rem;
    /* align-content: flex-start; */
    margin-top: 1.42rem;
}
.s3-right .top{
    width: 100%; height: 4.38rem;
    background: url("../images/s3-img02.png") no-repeat center / 100%;
}
.s3-txt{
    width: 2.65rem; display: block;
    margin-left: 1.84rem;
}
.s3-txt h4{
    font-size: .28rem; font-weight: 700; 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: 4.05rem; display: block; margin-top: .2rem;
    font-size: .18rem; line-height: .28rem; color: #c3d2ff;
    text-align: justify;
    margin-left: .6rem;
}

/* sec04 */
.sec04{
    clear: both; width: 100%;height: 6.65rem;
    background: #f5fafe url("../images/s4-bg.jpg") no-repeat center top;
}
.s4-title{
    width: 100%; margin: .46rem auto .48rem;
}
.s4-main{
    width: 100%; height: 4.54rem;
    background: url("../images/s4-img01.png") no-repeat center top / auto 100%;
    border-radius: .35rem;
    box-shadow: 0 .07rem .12rem 0 rgba(13, 85, 223, 0.4);
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
}
.s4-left{
    width: 6.98rem; margin-top: .3rem;
}
.s4-left h3{
    font-size: .34rem; font-weight: 700; color: #fff; line-height: 1;
    margin-bottom: .54rem;
}
.s4-left h3 span{
    background: linear-gradient(to bottom, #fff 0%, #ffe788 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    line-height: 1;
    display: block;
}
.s4-txt{
    width: 100%; clear: both; height: 2.64rem;
    background: #fff;
    border-radius: .2rem;
    box-shadow: 0.02rem .05rem 0 #8aaafd,
        .02rem .06rem .15rem rgba(73, 115, 217, 0.09);
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
}
.s4-txt img{
    width: .95rem; display: block; margin-right: .6rem;
    border-radius: .2rem;
    box-shadow: 0 .03rem .06rem rgba(235, 46, 6, 0.55);
    margin-top: .24rem;
}
.s4-txt ul{
    font-size: .22rem; line-height: .5rem; color: #333;
    margin-top: .1rem;
}
.s4-txt ul li{
    clear: both;
    border-bottom: dashed .01rem #9fb8fa;
    float: left;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.s4-txt ul li:last-child{border-bottom: 0;}
.s4-txt ul li i{
    width: .22rem; height: .22rem; display: block;
    border-radius: 50%;
    background: #4072f5;
    color: #fff; line-height: .22rem; font-size: .18rem;
    margin-left: -.32rem; margin-right: .1rem;
}
.s4-right{
    width: 4.05rem; display: block;
    margin-left: .25rem;
    img{
        width: 100%;display: block; margin-top: -.5rem;
    }
}
.s4-btn{
    width: 100%; clear: both; margin-top: .1rem;
}
.s4-btn a{
    width: 3.23rem; height: .76rem; display: block; margin: auto;
    background: url("../images/s4-btn01.png") no-repeat center / 100%;
    border-radius: .5rem;
    box-shadow: 0 .2rem .3rem rgba(64, 114, 245, 0.5);
    font-size: .34rem; font-weight: 700; line-height: .76rem; color: #fff;
}

/* sec05 */
.sec05{
    height: 6.34rem; width: 100%; clear: both;
    background: url("../images/s5-bg.jpg") no-repeat center top;
}
.s5-title{
    margin: .5rem auto .4rem; clear: both;
}
.s5-main{
    width: 100%; clear: both;
    position: relative;
}
.s5-main img.yhq{width: 13.26rem; display: block; margin: auto -.64rem;}
.s5-main a{
    width: 2.39rem; height: 2.39rem; display: block;
    border-radius: 50%;
    box-shadow: 0 .1rem .08rem rgba(198, 46, 1, 0.6);
    position: absolute; top: .98rem; right: 1.1rem;
}
.s5-main a img{
    width: 100%; display: block;
    mix-blend-mode: screen;
    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;
}


/* sec06 */
.sec06{
    height: 9.96rem;
    background: url("../images/s6-bg.jpg") no-repeat center top;
    position: relative;z-index: 2;
}
.sec06 .wrap{
    align-content: flex-start;
}
.s6-title{
    align-items: flex-start;
    flex-wrap: wrap;
    margin-top: .5rem;
    margin-bottom: .28rem;
}
.s6-title .subTxt{
    width: 100%; clear: both; margin-top: .1rem;
    font-size: .24rem; line-height: 1; color: #333; font-weight: 500;
    display: block;
}
.s6-main{
    width: 100%; height: auto;
    display: flex;
    justify-content: center;
    align-content: flex-start;
    flex-wrap: wrap;
}
.s6-sub{
    width: 100%; clear: both;
    display: flex;
    justify-content: center; align-content: center;
    align-items: flex-start;
}
.s6-sub span{
    width: 3.41rem; height: 1.02rem; display: block;
    background: url("../images/s6-nav01.png") no-repeat center top / 100%;
    margin: 0 .11rem;
    font-size: .36rem; line-height: .8rem; color: #fff; font-weight: 700;
    cursor: pointer;
}
.s6-sub span.on{
    height: 1.15rem;
    background: url("../images/s6-nav02.png") no-repeat center top / 100%;
}
.s6-itembox{
    width: 100%; clear: both; height: 6.41rem;
    background: #2e59d9;
    background: -webkit-linear-gradient(#4474fd,#1043d5);
    background: -moz-linear-gradient(#4474fd,#1043d5);
    background: -o-linear-gradient(#4474fd,#1043d5);
    background: linear-gradient(#4474fd,#1043d5);
    border: solid .02rem #fff;
    box-shadow: 0 .07rem .16rem rgba(13, 85, 223, 0.4),
                0 .05rem 0 #3f6cfd inset;
    border-radius: .2rem;
}

.s6-itembox .item{
    width: 100%; clear: both; display: none;
    justify-content: center;
    align-content: flex-start;
    flex-wrap: wrap;
    margin-top: .38rem;
}
.s6-itembox .item.show{
    display: flex;
}


.s6-itembox .item1 .subItem{
    width: 100%; clear: both;
    height: 5.81rem;
    justify-content: flex-start;
}
.s6-itembox .item1 .subItem .subNav{
    width: 2.28rem; display: block;
}
.s6-itembox .item1 .subItem .subNav span{
    width: 100%; clear: both; display: block;
    height: .88rem;
    font-size: .26rem; line-height: .88rem; color: #fff;
    text-align: left; text-indent: .22rem;
    /* margin: .18rem 0; */
    cursor: pointer;
    position: relative;
}
.s6-itembox .item1 .subItem .subNav span::after{
    content: ''; width: 1.8rem; height: .01rem; display: block;
    background: #83a4f3;
    position: absolute; bottom: 0; left: .25rem;
}
.s6-itembox .item1 .subItem .subNav span.on{
    border-right: 0;
    background: #fff;
    color: #334af2;
    font-weight: bold;
}
.s6-itembox .item1 .subItem .subNav span.on::after,
.s6-itembox .item1 .subItem .subNav span:last-child::after{
    display: none;
}

.s6-itembox .subbox{
    width: 9.42rem; height: 5.81rem;
    background: #fff;
    box-sizing: border-box;
    border-radius: .2rem;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
}
.s6-itembox .subbox .subpart{
    width: 8.42rem; margin: auto;
    display: none;
    justify-content: center;
    align-content: flex-start;
    flex-wrap: wrap;
}
.s6-itembox .subbox .subpart.show{display: flex;}
.s6-itembox .subbox .subpart >ul{
    width: 100%; clear: both; margin-top: .3rem;
}
.s6-itembox .subbox .subpart >ul li{
    width: 100%; clear: both; margin-bottom: .2rem;
}
.s6-itembox .subbox .subpart ul li .t1{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: .14rem;
}

.s6-itembox .subbox .subpart1 ul li .t1::after{
    content: '';
    width: 1.66rem; height: .01rem; display: block;
    border-top: dashed .01rem #9fb8fa;
}
.s6-itembox .subbox .subpart1 ul li .t1.type2::after{
    width: .87rem;
    border-top: dashed .01rem #feaf80;
}
.s6-itembox .subbox .subpart1 ul li .t1.type3::after{
    width: 1.35rem;
    border-top: dashed .01rem #9fb8fa;
}
.s6-itembox .subbox .subpart2 ul li .t1::after{
    content: '';
    width: 2.9rem; height: .21rem; display: block;
    background: url("../images/s6-img01.png") no-repeat center / 100%;
}


.s6-itembox .subbox .subpart ul li .t1 span{
    border: solid .02rem #cee9ff;
    border-radius: .5rem;
    background: #cde9ff;
    background: -webkit-linear-gradient(90deg,#cde9ff,#fff,#cde9ff);
    background: -moz-linear-gradient(90deg,#cde9ff,#fff,#cde9ff);
    background: -o-linear-gradient(90deg,#cde9ff,#fff,#cde9ff);
    background: linear-gradient(90deg,#cde9ff,#fff,#cde9ff);
    height: .6rem;
    padding-right: .43rem;
    font-size: .28rem; font-weight: 700; color: #1349d6;
    display: flex;
    justify-content: center;
    align-items: center;
}
.s6-itembox .subbox .subpart ul li .t1.type2 span{
    border: solid .02rem #ffecdf;
    background: #cde9ff;
    background: -webkit-linear-gradient(90deg,#ffecde,#fff,#ffecde);
    background: -moz-linear-gradient(90deg,#ffecde,#fff,#ffecde);
    background: -o-linear-gradient(90deg,#ffecde,#fff,#ffecde);
    background: linear-gradient(90deg,#ffecde,#fff,#ffecde);
    color: #fa4f03;
}
.s6-itembox .subbox .subpart2 ul li .t1 span{
    width: 5.32rem;
    padding: 0;
}

.s6-itembox .subbox .subpart1 ul li .t1 span i{
    width: .4rem;height: .4rem; display: block;
    border-radius: 50%;
    background: #4474fd;
    background: linear-gradient(#4474fd,#1043d5);
    font-size: .24rem; line-height: .4rem;font-weight: 500;
    margin-left: .12rem; margin-right: .3rem; color: #fff;
}
.s6-itembox .subbox .subpart1 ul li .t1.type2 span i{
    background: #f94504;
    background: linear-gradient(#ff7100,#f31908);
}
.s6-itembox .subbox .subpart ul li p{
    font-size: .2rem; line-height: 1.5; font-weight: 500;
    text-align: left;
}
.s6-itembox .subbox .subpart1 ul li p span{display: inline-block;
    white-space: nowrap;
}
.s6-itembox .subbox .subpart1 ul li p span.dt2{margin-left: .1rem;}
.s6-itembox .subbox .subpart1 ul li p em{color: #fb4f03}


.s6-itembox .subbox .subpart .subPartBtm{
    width: 6.8rem; height: .76rem;
    background: #f03e08;
    background: linear-gradient(#fb5b0b,#e92a06);
    border-radius: .2rem .2rem 0 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.s6-itembox .subbox .subpart .subPartBtm span{
    font-size: .32rem; color: #fff;
    font-family: "AlimamaShuHeiTi";
}
.s6-itembox .subbox .subpart .subPartBtm a{
    width: 1.7rem; height: .51rem; display: block;
    background: url("../images/s6-btn01.png") no-repeat center / 100%;
    border-radius: .5rem;
    box-shadow: 0 .1rem .08rem rgba(196, 39, 2, 0.6);
    font-size: .28rem; line-height: .51rem; font-weight: 700;
    color: #9a3b25;
    text-shadow: 0 .02rem 0 #fff;
    margin-left: .3rem;
}
.s6-itembox .subbox .subpart2 .subPartBtm{
    width: 7.3rem;
    border-radius: .5rem;
    box-shadow: 0 .06rem .12rem rgba(249, 86, 10, 0.4);
}
.s6-itembox .subbox .subpart3{margin-top: .35rem;}
.s6-itembox .subbox .subpart3 .subpart_left{
    width: 1.94rem; display: block;
    margin-top: .85rem;margin-right: .35rem;
}
.s6-itembox .subbox .subpart3 .subpart_left img{width: 100%; display: block;}
.s6-itembox .subbox .subpart3 .subpart_right{
    width: 5.9rem;
    display: flex;
    justify-content: flex-start;
    align-content: flex-start;
    flex-wrap: wrap;
}
.s6-itembox .subbox .subpart3 .subpart_right .t2{
    width: 4.88rem; height: .6rem; display: block;
    border: solid .02rem #fff;
    background: #4474fd;
    background: linear-gradient(#4474fd,#1043d5);
    border-radius: .5rem;
    box-shadow: 0 .07rem .12rem rgba(13, 85, 223, 0.3);
    font-size: .28rem; font-weight: 700; color: #fff; line-height: .6rem;
    box-shadow: 0 .07rem .12rem rgba(13, 85, 223, 0.3);
    margin-bottom: .04rem;
}
.s6-itembox .subbox .subpart3 .subpart_right ul{
    clear: both;
    font-size: .22rem; line-height: .53rem; color: #333;
    margin-bottom: .11rem;
}
.s6-itembox .subbox .subpart3 .subpart_right ul li{
    float: left;
    clear: both;
    border-bottom: dashed .01rem #9fb8fa;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-weight: 500;
    white-space: nowrap;
}
.s6-itembox .subbox .subpart3 .subpart_right ul li span{
    color: #334af2;
}

.s6-itembox .subbox .subpart3 .subpart_right ul li:last-child{
    border-bottom: none;
}
.s6-itembox .subbox .subpart3 .subpart_right table{
    width: 5.73rem;
    clear: both;
    background: #f2f8ff;
    margin-bottom: .37rem;
}
.s6-itembox .subbox .subpart3 .subpart_right table th{
    height: .47rem;
    background: #285ae7;
    background: linear-gradient(#4474fd,#1144d5);
    font-size: .22rem; font-weight: 700; color: #fff;
    border-bottom: solid .02rem #fff;
}
.s6-itembox .subbox .subpart3 .subpart_right table th:first-child{
    border-top-left-radius: .1rem;
}
.s6-itembox .subbox .subpart3 .subpart_right table th:last-child{
    border-top-right-radius: .1rem;
}
.s6-itembox .subbox .subpart3 .subpart_right table td{
    font-size: .18rem; color: #333; line-height: .35rem;
    border-bottom: solid .01rem #dae5ff;
    border-left: solid .01rem #dae5ff;
}
.s6-itembox .subbox .subpart3 .subpart_right table tr td:last-child{
    border-right: solid .01rem #dae5ff;
}

.s6-itembox .item2{margin-top: 0;}
.s6-top2{
    width: 100%; clear: both;
    margin: .27rem auto .22rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.s6-top2 span{
    font-size: .3rem; line-height: 1; color: #fff;
    font-family: "AlimamaShuHeiTi";
    margin-right: .2rem; display: block;
}
.s6-top2 img{display: block; height: .21rem;}
.s6-item2{
    width: 11.4rem; height: 5.3rem;
    background: #fff;
    border-radius: .2rem;
    display: flex;
    justify-content: center;
    align-content: flex-start;
    flex-wrap: wrap;
}
.s6-item2 .info{
    width: 2.42rem; display: block;
    margin: .87rem .39rem 0;
}
.s6-item2 .info img{
    width: 100%; clear: both; display: block;
}
.s6-item2 .info a{
    width: 2.28rem; height: .48rem; display: block;
    margin: -.41rem auto 0;
    background: #2a5ce9;
    background: -webkit-linear-gradient(#4474fd,#1043d5);
    background: -moz-linear-gradient(#4474fd,#1043d5);
    background: -o-linear-gradient(#4474fd,#1043d5);
    background: linear-gradient(#4474fd,#1043d5);
    border-radius: .5rem;
    box-shadow: 0 .07rem .12rem rgba(13, 85, 223, 0.3);
    position: relative;z-index: 2;
    font-size: .24rem; line-height: .48rem; font-weight: 500; color: #fff;
    text-shadow: 0 .02rem .03rem rgba(3, 27, 97, 0.25);
}
.s6-item2 .subPartBtm{
    width: 7.08rem; height: .76rem;
    background: #f03e08;
    background: linear-gradient(#fb5b0b,#e92a06);
    border-radius: .5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: .4rem;
}
.s6-item2 .subPartBtm span{
    font-size: .32rem; color: #fff;
    font-family: "AlimamaShuHeiTi";
}
.s6-item2 .subPartBtm a{
    width: 1.7rem; height: .51rem; display: block;
    background: url("../images/s6-btn01.png") no-repeat center / 100%;
    border-radius: .5rem;
    box-shadow: 0 .1rem .08rem rgba(196, 39, 2, 0.6);
    font-size: .28rem; line-height: .51rem; font-weight: 700;
    color: #9a3b25;
    text-shadow: 0 .02rem 0 #fff;
    margin-left: .3rem;
}

.s6-item2 .subPartBtm{
    width: 7.08rem; height: .76rem;
    background: #f03e08;
    background: linear-gradient(#fb5b0b,#e92a06);
    border-radius: .5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: .4rem;
}
.s6-item2 .subPartBtm span{
    font-size: .32rem; color: #fff;
    font-family: "AlimamaShuHeiTi";
}
.s6-item2 .subPartBtm a{
    width: 1.7rem; height: .51rem; display: block;
    background: url("../images/s6-btn01.png") no-repeat center / 100%;
    border-radius: .5rem;
    box-shadow: 0 .1rem .08rem rgba(196, 39, 2, 0.6);
    font-size: .28rem; line-height: .51rem; font-weight: 700;
    color: #9a3b25;
    text-shadow: 0 .02rem 0 #fff;
    margin-left: .3rem;
}



.s6-left2{
    width: 7.9rem;
    align-content: flex-start;
}
.s6-left2 h3{
    width: 100%; clear: both;
    font-size: .3rem; line-height: 1; color: #fff; font-weight: bold;
    margin-bottom: .23rem;
}
.s6-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;
}
.s6-info .infoNull{width: 100%; height: .4rem; display: block;}
.s6-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;
}
.s6-info .info img{
    margin: .09rem auto 0; display: block;
    width: 1.72rem;
}
.s6-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%);
}
.s6-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;
}
.s6-info .info a:hover{
    transform: scale(1.1);
}

.s6-itembox .item3{
    margin-top: .7rem;
}
.s6-left3{
    width: 5.7rem;
    align-content: flex-start;
}
.s6-itembox .item3 h3{
    width: 100%; clear: both;
    font-size: .3rem; line-height: 1; color: #fff;
    margin-bottom: .23rem;
    font-family: "AlimamaShuHeiTi";
    display: flex;
    justify-content: center;
    align-items: center;
    white-space: nowrap;
}
.s6-itembox .item3 h3::before,.s6-itembox .item3 h3::after{
    content: ''; width: .7rem; height: .02rem; display: block;
    background: #7da1fb;
    margin: auto .28rem;
}

.s6-course{
    width: 100%; height: 3.2rem;
    background: #fff;
    box-sizing: border-box;
    border-radius: .2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
.s6-course ul{
    width: 4.8rem; clear: both;
}
.s6-course ul li{
    padding-top: .15rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flew-wrap: wrap;
    border-bottom: dashed 1px #ced0d6;
    padding-bottom: .20rem;
}
.s6-course ul li:last-child{border-bottom: 0;}
.s6-course ul li img{
    width: .46rem; height: .45rem; display: block;
    border-radius: .05rem;
    box-shadow: 0 .04rem .08rem rgba(13, 85, 223, 0.2);

}
.s6-course ul li span{
    width: 2.5rem;
    text-align: left;
    font-size: .26rem; line-height: 1; font-weight: 500;
}
.s6-course ul li span b{color: #eb3b35;}

.s6-course ul li a{
    width: 1.4rem; height: .4rem; display: block;
    border: solid 2px #cee9ff;
    background: #cee9ff;
    background: linear-gradient(90deg,#cee9ff,#fff,#cee9ff);
    border-radius: .4rem;
    font-size: .2rem; line-height: .4rem; color: #2e59d8; font-weight: 700;
}
.s6-course ul li a:hover{
    background: #2e59d8; color: #fff;
}
.s6-item3 .subPartBtm{
    width: 5.7rem; height: .76rem;
    background: #f03e08;
    background: linear-gradient(#fb5b0b,#e92a06);
    border-radius: .5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: .2rem;
}
.s6-item3 .subPartBtm span{
    font-size: .32rem; color: #fff;
    font-family: "AlimamaShuHeiTi";
}
.s6-item3 .subPartBtm a{
    width: 1.7rem; height: .51rem; display: block;
    background: url("../images/s6-btn01.png") no-repeat center / 100%;
    border-radius: .5rem;
    box-shadow: 0 .1rem .08rem rgba(196, 39, 2, 0.6);
    font-size: .28rem; line-height: .51rem; font-weight: 700;
    color: #9a3b25;
    text-shadow: 0 .02rem 0 #fff;
    margin-left: .3rem;
}

.s6-right3{
    width: 4.8rem; margin-left: .4rem; display: block;
    margin-right: .4rem;
}

.s6-mobile{
    width: 100%; clear: both;
    align-items: flex-start;
}
.s6-mobile img{
    width: 2.28rem; display: block;
}
.s6-mobile .txt{
    width: 2.4rem; display: block;margin-left: .18rem;
    margin-top: .4rem;
    margin-right: -.15rem;
}
.s6-mobile .tip{
    width: 3.57rem; height: 1.71rem; display: flex;
    justify-content: center;
    align-items: flex-start;
    background: url("../images/s6-img04.png") no-repeat center / 100%;
    font-size: .22rem; line-height: .32rem; color: #2245ac;
    font-weight: 500;
    margin-left: -.7rem; margin-right: -.65rem;
}
.s6-mobile .tip p{
    margin-top: .17rem;
}
.s6-mobile .tip b{color: #eb4540; font-weight: 600}
.s6-mobile ul{
    width: 100%; clear: both;
    margin-top: .05rem;
}
.s6-mobile ul li{
    width: 100%; height: .38rem;
    font-size: .22rem; line-height:.38rem; color: #fff;
    margin-bottom: .11rem;
    background: #4473ff;
    background: linear-gradient(90deg,#5b8aff, rgba(91, 138, 255, 0));
    border-radius: .5rem;
    text-align: left;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.s6-mobile ul li img{
    width: .21rem; height: .21rem; display: block;
    margin-right: .15rem; margin-left: .15rem;
}


/* sec07 */
.sec07{
    clear: both; width: 100%;
    background: #2164e2 url("../images/s7-bg.jpg") no-repeat center top;
}
.sec07 .wrap{
    display: flex;align-content: flex-start;
    flex-wrap: wrap;
}
.s7-title{
    width: 100%; clear: both;
    margin: .5rem auto .34rem;
}

.s7-main{
    width: 100%; clear: both;
    border-radius: .14rem;
    background: #0d82fa;
    padding-bottom: .4rem;
    margin-bottom: .7rem;
    box-shadow: 0 .08rem 0 #0d82fa,0 0 .15rem rgba(255, 255, 255, 0.5) inset;
}
.s7-main .white{
    width: 11.4rem; display: block;
    background: #fff;
    border-radius: .2rem;
    border: solid .02rem #1a4bd7;
    margin: .3rem;
    padding-bottom: .35rem;
}

.s7-main .cont-list{
    width:11.53rem; clear: both;
    margin: .24rem auto;
    align-content: flex-start;
}

.s7-main .cont-list .cont-item{
    width: 10.24rem;
    background: #def0ff;
    border-radius: .2rem;
    margin-bottom: .2rem;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    padding: .25rem 0;
}
.s7-main .cont-list .cont-item:last-child{margin-bottom: 0;}
.s7-main .cont-list .cont-item p.null{
    font-size: .24rem;
}
.s7-main .cont-list .cont-item .comPic{
    margin-top: .06rem;
    width: .63rem; display: block;
    margin-right: .15rem;
}
.s7-main .cont-list .cont-item .comPic img{
    width: 100%; display: block;
}
.s7-main .cont-list .cont-item .comTxt{
    width: 8.45rem; position: relative;
    display: flex;
    justify-content: center;
    align-content: flex-start;
    flex-wrap: wrap;
}
.s7-main .cont-list .cont-item .comTxt .t1{
    clear: both; width: 100%;
    display: flex;
    justify-content: flex-start;
    margin-bottom: .1rem;
}
.s7-main .cont-list .cont-item .comTxt .t1 .userYl{
    font-size:.24rem; line-height: .3rem; color: #fb4f03;
    font-weight: 700;
}
.s7-main .cont-list .cont-item .comTxt .t1 time{
    font-size: .2rem; color: #999999; font-weight: 500; line-height: .3rem;
    margin-left: .2rem;
}
.s7-main .cont-list .cont-item .comTxt .t2{
    width: 100%;
    text-align: justify;
    font-size: .2rem; line-height: .32rem; color: #333;
}
.s7-main .cont-list .cont-item .comTxt .t2 span{
    font-weight: 500; color: #ff4b00;
}
.s7-main .cont-list .operation{
    position: absolute; top: 0; left: 7.4rem;
}
.s7-main .cont-list .operation a{
    padding-left: .38rem;
    height: .31rem; display: block;
    background: url("../images/zan01.png") no-repeat left center / .31rem;
    font-size: .22rem; color: #333; text-align: left;
}
.s7-main .cont-list .operation a.on,
.s7-main .cont-list .operation a:hover{
    background: url("../images/zan02.png") no-repeat left center / .31rem;
}
.s7-main .cont-list .operation a.on em,
.s7-main .cont-list .operation a:hover em{
    color: #fb4f03; font-weight: 700;
}


.s7-main .page{
    width: 100%; clear: both;font-size: 16px;
    margin-top: .3rem;
}
.s7-main .page a{
    background: #fff;
    /* border: #fff solid 1px; */
    border: 1px solid #1154e1;
    padding: 0 .8em;
    color: #2e59d8;
}
.s7-main .page a.active,.s7-main .page a:hover{
    border: 1px solid #153baa;
}
.s7-main .page a.active{
    background: #153baa;
    /* border-color: #153baa; */
}

/* sec08 */
.sec08{
    clear: both; width: 100%; min-height: 10rem;
    background:#153baa url("../images/s8-bg.jpg") no-repeat center bottom;
}
.sec08 .wrap{
    display: flex;align-content: flex-start;
    flex-wrap: wrap;
}
.s8-title{
    width: 100%; clear: both;
}
.s8-title img{height: .74rem; display: block; margin: auto;}
.s8-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;
}
.s8-sub img{
    width: 1.84rem; display: block; margin-left: -.5rem;
    margin-top: -.36rem;
    margin-right: .25rem;
}
.s8-sub p{
    font-size: .2rem; line-height: 1.6; color: #fff;
    text-align: left;
    font-style: italic;
    white-space: nowrap;
    margin-top: .15rem;
}
.s8-main{
    width: 100%; height: auto;
    clear: both;
    background: #2e59d8;
    border-radius: .14rem;
    margin-bottom: .55rem;
}
.s8-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;
}
.s8-main .tabCont{
    width: 10.9rem; margin: .27rem .25rem;
}
.s8-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;
}
.s8-main .tabCont .tabTit .th{
    font-size: .24rem; height: .56rem; line-height: .56rem; color: #fff;
    font-weight: bold;
}
.s8-main .tabCont .tabTit .th.th1{width: 2.52rem;}
.s8-main .tabCont .tabTit .th.th2{width: 3.48rem;}
.s8-main .tabCont .tabTit .th.th3{width: 2.78rem;}
.s8-main .tabCont .tabTit .th.th4{width: 2rem;}
.s8-main .tabCont table{
    width: 100%; clear: both;
    font-size: .22rem; line-height: .32rem;
    border-bottom: solid #c9d3f7 1px;
}
.s8-main .tabCont table td{
    padding: .13rem 0;
    border-left:solid 1px #c9d3f7;
}
.s8-main .tabCont table tr >td:nth-child(1){width: 2.52rem;border-left: 0;}
.s8-main .tabCont table tr >td:nth-child(2){width: 3.48rem;}
.s8-main .tabCont table tr >td:nth-child(3){width: 2.78rem;}
.s8-main .tabCont table tr >td:nth-child(4){width: 2rem;}
.s8-main .tabCont table tr:nth-child(even){
    background: #f0f3ff;
}
.s8-main .tabCont table td b{
    font-weight: bold; color: #1745ce;
}
.s8-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;
}
.s8-main .tabCont table td a:hover,.s8-main .tabCont table td a.on{
    background: #f96752;
    background: linear-gradient(#ff9369,#f43a3a);
    border-color: #fff;
    box-shadow: 0 .05rem .03rem #ffe4e4;
    color: #fff;
}

/*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:2.89rem; height:5.3rem; display: block;
    background: url("../images/fixedNav.png") no-repeat center / 100%;
    top:50%; left:20px;z-index:9;
    transform: translateY(-50%);
}
.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:145px;}
.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:60px; height:60px;display: block;
    float:left;margin-left:113px; margin-top: 33px;
    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;}