@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: #fff;
}
#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: 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;
} */
 
 
/*banner */
.bannerAll{
    height: 7.31rem; display: block; clear: both;
}
.banner-box{
    position:relative;height:7.31rem;width:100%; text-align:center;
    background:url(../images/banner.jpg) no-repeat center top;
    overflow:hidden;
}
.banner-box2{
    background: url("../images/banner2.jpg") no-repeat center top;
}
.banner-box .wrap{height: auto;}
.banner-box .logo{width: auto; position: absolute;left: 0; top: .2rem; cursor: pointer;display: block;}
.banner-box .logo img{width: 100%; max-width: 1.26rem;}
.banTheme{
    width: 100%; clear: both; padding-top: .91rem;
}
.banTheme img{width: 10.56rem; display: block; margin: auto;}
.banTheme2{
    padding-top: 1.48rem;width: 100%; clear: both;
}
.banTheme2 img{width: 11.65rem; display: block; margin: auto;}
.ban-sub{
    width: 100%; clear: both; padding-top: .56rem;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
.ban-sub span{
    width: 2.36rem; height: .58rem; display: block;
    background: url("../images/ban-img01.png") no-repeat center / 100%;
    margin: 0 -.05rem;
    font-size: .25rem; line-height: .58rem; color: #fff;
    text-align: left; text-indent: .2rem;
}

.sections{
    width: 100%; clear: both;
}
.sec01{
    background: url("../images/s1-bg01.jpg") no-repeat center bottom;
    padding-bottom: .56rem;
}
.s1-main{
    width: 100%; height: 2.54rem; display: block;
    background: url("../images/s1-img01.png") no-repeat center top / 100%;
    margin-top: -1.26rem;
    position: relative;
    z-index: 3;
}
.s1-main h2{
    font-size: .38rem; line-height: 1; font-weight: 700; color: #961d17;
    padding: .39rem 0 .36rem;
}
.s1-main h2 span{
    background: linear-gradient(to right, #c0370c, #670024);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}
.s1-itembox{
    width: 100%; clear: both;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
.s1-itembox .item{
    width: 2.7rem; display: block;
    margin: 0 .4rem;
    position: relative;
}
.s1-itembox .item .font{
    width: 100%; clear: none;  display: block;
    background: url("../images/s1-img02.png") no-repeat center top / 100%;
    font-size: .21rem; line-height: .37rem; color: #fff; font-weight: bold;
    transition: all .5s;
}
.s1-itembox .item p{
    font-size: .2rem; line-height: .24rem; color: #76360f; margin-top: .04rem;
}
.s1-itembox .item p span{color: #bf574a; display: block;}
.s1-itembox .item02::before,.s1-itembox .item02::after{
    content: ''; width: 1px; height: .95rem; display: block;
    border-right: dashed  .02rem #e4d1c8;
    position: absolute; top: .04rem;
}
.s1-itembox .item02::before{left: -.42rem;}
.s1-itembox .item02::after{right: -.42rem;}

/* 私教MAX */
.sec02{
    width: 100%; clear: both;
    background:#ffebde url("../images/s2-bg01.jpg") no-repeat center top;
    padding-top: 1.71rem;
    padding-bottom: .42rem;
}
.secTit{
    width: 100%; clear: both;
    margin-top: -2.01rem;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
.secTit .left{
    width: 1.53rem; height: 1.51rem;
    background: url("../images/sec-no.png") no-repeat left center / 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: .28rem; line-height: .4rem; color: #f4d6b3;
    margin-right: .33rem;
}
.secTit .left span{
    background: linear-gradient(to bottom, #924720, #481a14);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    padding-top: .1rem;
}
.secTit .left span em{font-size: .34rem;}

.wireframe{
    width: 100%;clear: both;
    background: url("../images/sec-k2.png") repeat-y center top / auto .3rem;
    position: relative;
    margin-bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;

}
.wireframe::before{
    content: ''; width: 100%; height: 1.2rem; display: block;
    background: url("../images/sec-k1.png") no-repeat center top / auto 1.2rem;
    position: absolute; top: -1.2rem; left: 0;
}
.wireframe::after{
    content: ''; width: 100%; height: .3rem; display: block;
    background: url("../images/sec-k3.png") no-repeat center top / auto .3rem;
    position: absolute; bottom: -.3rem; left: 0;
}
.s2-main{
    width: 100%; clear: both;margin-bottom: -.1rem;
    position: relative; z-index: 2;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
}
.s2-left{
    display: block;
    width: 4.67rem;
}
.s2-left .tit{width: 100%; clear: both;}
.s2-left .tit img{height: .37rem; display: block;}
.s2-left .txt{
    width: 100%;height: .93rem; clear: both; margin-top: .27rem;
    background: #da4219;
    background: -webkit-linear-gradient(to right, rgba(218,66,25,0), #da4219,rgba(218,66,25,0));
    background: -moz-linear-gradient(to right, rgba(218,66,25,0), #da4219,rgba(218,66,25,0));
    background: -o-linear-gradient(to right, rgba(218,66,25,0), #da4219,rgba(218,66,25,0));
    background: linear-gradient(to right, rgba(218,66,25,0), #da4219,rgba(218,66,25,0));
    font-size: .26rem; line-height: .36rem; color: #fff; font-weight: 600;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
.s2-left .pic{
    width: 100%; clear: both; margin-top: .47rem;
    position: relative;
}
.s2-left .pic img.s2-arr{
    width: 3.68rem; display: block;
    margin: auto;
}
.s2-left .pic img.dot{
    width: 1rem; height: 1rem; display: block;
    border-radius: 50%;
    box-shadow: 0 .1rem .15rem rgba(244,60,17,.32);
    position: absolute;
}
.s2-left .pic img.dot1{top: 0; left: 0;}
.s2-left .pic img.dot2{top: .87rem; left: .64rem;}
.s2-left .pic img.dot3{top: -.33rem; left: 2.21rem;}
.s2-left .pic img.dot4{top: .67rem; right: .17rem;}

.s2-right{
    width: 6.38rem;display: block; margin: -.26rem .18rem 0;
}
.s2-right .tit{
    width:  100%; clear: both;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: .1rem;
}
.s2-right .tit img{height: .65rem; display: block;}
.s2-right .progress{
    width: 6.38rem; clear: both; height: 3.62rem;
    background: url("../images/s2-img08.png") no-repeat center top / 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
.s2-right .progress img{width: 5.11rem; display: block; margin: auto;}

.sec03{
    background: url("../images/s3-bg.jpg") no-repeat center top;
    height: 4.7rem;
    clear: both;
    position: relative;
}
.s3-title{
    clear: both;
    width: 100%; padding-top: .44rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.s3-title img{
    height: .53rem; display: block;
}
.s3-main{
    width: 100%; clear: both; padding-top: .3rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
.s3-main .item{
    width: 2.84rem; height: 2.24rem;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    background: url("../images/s3-img01.png") no-repeat center top / 100%;
    cursor: pointer;
    transition: all .3s;
}

.s3-main .item h4{
    font-size: .24rem; line-height: 1; color: #961d17;
    padding-top: .73rem;
}
.s3-main .item h4 span{
    background: linear-gradient(to bottom, #c0370c, #670024);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}
.s3-main .item p{
    font-size: .18rem; line-height: .21rem; color: #76360f;
    width: 100%; clear: both;
    padding-bottom: .6rem;
}

.sec03 .secTc{
    position: absolute; top: 50%; left: 50%;
    -webkit-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    -o-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    width: 4.93rem; height: 4.79rem;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
.sec03 .secTc.hide{display: none;}
.sec03 .secTc img{
    max-width:100%; max-height: 100%; display: block;
}
/* 豪华名师天团 */
.sec04{
    width: 100%; clear: both;
    background:#fff;
    padding-top: 1.71rem;
    padding-bottom: .42rem;
    margin-top: .44rem;
}
.s4-main{
    width: 100%; clear: both;margin-bottom: -.1rem;
    position: relative; z-index: 2;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
}
.s4-main .teachBg{
    margin-top: -.33rem;
}
.s4-main .teachBg img{height: 2.81rem;}
.s4-main .teachPic{
    width: 100%; height: 4.21rem; display: flex;
    justify-content: center;
    align-content: flex-end;
    flex-wrap: wrap;
    margin-top: -2.8rem;
}
.s4-main .teachPic img{
    width: 11.42rem; display: block; margin: auto;
}
.s4-txt{
    width: 100%; clear: both; margin-bottom: .3rem;
    height: .59rem;
    background: #da4219;
    background: -webkit-linear-gradient(to right, rgba(218,66,25,0), #da4219,rgba(218,66,25,0));
    background: -moz-linear-gradient(to right, rgba(218,66,25,0), #da4219,rgba(218,66,25,0));
    background: -o-linear-gradient(to right, rgba(218,66,25,0), #da4219,rgba(218,66,25,0));
    background: linear-gradient(to right, rgba(218,66,25,0), #da4219,rgba(218,66,25,0));
    font-size: .28rem; line-height: .59rem; color: #fff; font-weight: 600;
    display: flex; justify-content: center; align-items: center; flex-wrap: wrap;
}
.s4-tab{
    width: 100%; clear: both;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
}
.s4-tab span{
    width: auto; height: .66rem; display: block;
    background: #fbeddd;
    line-height: .66rem; font-size: .24rem; color: #b17953;
    padding: 0 .2rem;
    margin: 0 .05rem;
    cursor: pointer;
}
.s4-tab span.on,.s4-tab span:hover{
    font-weight: 600;
    color: #fff;
    background: #e75529;
    background: -webkit-linear-gradient(90deg, #f66e3f, #d83f15);
    background: -moz-linear-gradient(90deg, #f66e3f, #d83f15);
    background: -o-linear-gradient(90deg, #f66e3f, #d83f15);
    background: linear-gradient(90deg, #f66e3f, #d83f15);
    box-shadow: 0 .06rem .05rem rgba(217,64,.23,.25);
}
/* 痛点粉碎机 */
.sec05{
    background: url("../images/s5-bg.jpg") no-repeat center top;
    height: 4rem;
    clear: both;
    position: relative;
}
.s5-title{
    clear: both;
    width: 100%; padding-top: .44rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.s5-title img{
    height: .53rem; display: block;
}
.s5-main{
    width: 100%; clear: both;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
.s5-left{
    width: 4.72rem; display: block; margin-top: .56rem;
}
.s5-left span{
    width: 4.29rem; height: .51rem; display: block;
    background: url("../images/s5-img01.png") no-repeat center top / 100%;
    font-size: .24rem; line-height: .51rem; color: #22140c;
    text-align: left; text-indent: .28rem;
}
.s5-left span.on{
    width: 4.58rem;
    background: url("../images/s5-img02.png") no-repeat center top / 100%;
    margin-left: .29rem;
    color: #fff;
}
.s5-right{
    width: 7.26rem; height: 2.28rem;
    background: url("../images/s5-img03.png") no-repeat center top / 100%;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
}
.s5-right .item{
    display: block;
    margin: 0 .18rem;
}
.s5-right .item .top{
    width: 1.95rem; clear: both;
    display: flex;
    justify-content: center;
    align-items: center;
}
.s5-right .item .top .yuan{
    width: .8rem; height: .8rem;
    background: url("../images/s5-img04.png") no-repeat center top / 100%;
    font-size: .26rem; line-height: .72rem;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
}
.s5-right .item .top span{
    width: 1.08rem; height: .49rem; display: block;
    background: url("../images/s5-img05.png") no-repeat center top / 100%;
    font-size: .26rem; line-height: .49rem;
}
.s5-right .item .top b{
    font-weight: bold;
    background: linear-gradient(to right, #c0370c, #670024);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}
.s5-right .item p{
    font-size: .18rem; line-height: .21rem; color: #76360f;
    text-align: left;
    margin-left: .32rem;
}
/* 3步效率过 */
.sec06{
    width: 100%; clear: both;
    padding-top: 1.71rem;
    padding-bottom: .42rem;
    margin-top: .44rem;
    background: #fff url("../images/s6-bg.jpg") no-repeat center top;
}
.sec06 .secTit .left{margin-right: .1rem;}
.s6-mian{
    width: 100%; clear: both;margin-bottom: -.1rem;
    position: relative; z-index: 2;
    display: flex;
    justify-content: center;
    align-content: flex-start;
    flex-wrap: wrap;
}
.s6-mian .item{
    width: 3.22rem;position: relative; z-index: 2;
}
.s6-mian .item .top{
    width: 2.54rem; clear: both;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: .68rem;
    position: relative;
}
@media screen and (min-width: 800px) {
    .s6-mian .item1{margin-top: .99rem;}
    .s6-mian .item2{margin-top: .33rem;}
    .s6-mian .item3{margin-top: -.38rem;}
    .s6-mian .item1 .top{margin-bottom: .76rem;}
    .s6-mian .item2 .top{margin-bottom: 1.12rem;}
    .s6-mian .item3 .top{margin-bottom: 1.36rem;}
    .s6-mian .item .top::after{
        content: '';width: 1px; height: .5rem; display: block;
        border-left: dashed 1px #a86232;
        position: absolute; top: .98rem; left: .75rem;
    }
    .s6-mian .item1 .top::after{height: .5rem}
    .s6-mian .item2 .top::after{height: .75rem}
    .s6-mian .item3 .top::after{height: .95rem}
    .s6-mian .item.hidden{visibility:hidden}
}

.s6-mian .item .top .yuan{
    width: 1.06rem; height: 1.06rem;
    background: url("../images/s6-img02.png") no-repeat center top / 100%;
    font-size: .34rem; line-height: .92rem;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
}
.s6-mian .item .top span{
    width: 1.08rem; height: .49rem; display: block;
    background: url("../images/s5-img05.png") no-repeat center top / 100%;
    font-size: .26rem; line-height: .49rem;
}
.s6-mian .item .top b{
    font-weight: bold;
    background: linear-gradient(to right, #c0370c, #670024);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}


.s6-mian .item .txtAll{
    width: 2.37rem;
    height: 2.61rem;
    background: url("../images/s6-img04.png") no-repeat center top / 100%;
    display: flex;
    justify-content: center;
    align-content: flex-start;
    flex-wrap: wrap;
}
.s6-mian .item2 .txtAll{
    height: 4.21rem;
    background: url("../images/s6-img05.png") no-repeat center top / 100%;
}
.s6-mian .item .txtAll .tit{
    width: 2.16rem; height: auto;min-height: .32rem; padding: .07rem 0;
    font-size: .2rem; line-height: .24rem;color: #fff; font-weight: bold;
    background: #e75529;
    background: -webkit-linear-gradient(90deg, #f66e3f, #d83f15);
    background: -moz-linear-gradient(90deg, #f66e3f, #d83f15);
    background: -o-linear-gradient(90deg, #f66e3f, #d83f15);
    background: linear-gradient(90deg, #f66e3f, #d83f15);
    box-shadow: 0 .06rem .05rem rgba(217,64,.23,.25);
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: .09rem;
}
.s6-mian .item .txtAll .tit:first-child{margin-top: .27rem;}
.s6-mian .item .txtAll .txt{
    width: 100%; clear: both;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: .2rem;
}
.s6-mian .item .txtAll .txt span{
    font-size: .2rem; line-height: .42rem; color: #76360f; font-weight: bold;
    width: .62rem; text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
.s6-mian .item .txtAll .txt span::after{
    content: ''; width: .02rem; height: .36rem;display: block;
    background: #d1ac92;
    margin-left: .1rem;
}
.s6-mian .item .txtAll .txt p{
    font-size: .18rem; line-height: .21rem; text-align: left; color: #76360f;
    width: 1.4rem;
    white-space: nowrap;
}
.s6-mian .arr{
    width: 10.3rem; height: 2rem; display: block;
    position: absolute; top: .61rem; left: .83rem;
}
.s6-mian .arr img{width: 100%; display: block;}

/* AI多维精题库 */
.sec07{
    width: 100%; clear: both;
    background:#fff;
    padding-top: 1.71rem;
    padding-bottom: .42rem;
    margin-top: .44rem;
}
.sec07 .secTit .left{margin-right: .1rem;}
.s7-main{
    width: 100%; clear: both;margin-bottom: -.1rem;
    margin-top: -.2rem;
    position: relative; z-index: 2;
    display: flex;
    justify-content: center;
    align-content: flex-start;
    flex-wrap: wrap;
}
.s7-main .yuan{
    width: 5.75rem; height: 5.63rem;
    background: url("../images/s7-img01.png") no-repeat center top / 100%;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
}
.s7-main .yuan img{
    width: 2.32rem; display: block;
    animation: moveY1 1s linear infinite alternate;
    -webkit-animation: moveY1 1s linear infinite alternate;
    -moz-animation: moveY1 1s linear infinite alternate;
    -o-animation: moveY1 1s linear infinite alternate
}
.s7-main ul{
    width: 100%; clear: both; height: 5.63rem; position: absolute; top: 0; left: 0;
}
.s7-main ul li{
    clear: both; text-align: left;
}
@media screen and (min-width: 800px) {
    .s7-main ul li{position: absolute;}
    .s7-main ul li.step1{top: .6rem; left: .6rem;}
    .s7-main ul li.step2{top: 1.47rem; left: .66rem;}
    .s7-main ul li.step3{top: 2.6rem; left: .35rem;}
    .s7-main ul li.step4{top: 3.73rem; left: .81rem;}
    .s7-main ul li.step5{top: 4.85rem; left: 1.69rem;}
    .s7-main ul li.step6{top: .6rem; right: 1.7rem;}
    .s7-main ul li.step7{top: 1.47rem; right: .78rem;}
    .s7-main ul li.step8{top: 2.6rem; right: .1rem;}
    .s7-main ul li.step9{top: 3.73rem; right: .45rem;}
    .s7-main ul li.step10{top: 4.85rem; right: 1.34rem;}
}

.s7-main ul li:nth-child(-n+5){
    text-align: right;
}
.s7-main ul li span{
    font-size: .2rem; line-height: 1; font-weight: bold;
    background: linear-gradient(to right, #c0370c, #670024);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}
.s7-main ul li p{
    font-size: .18rem; line-height: .2rem; color: #76360f;
    padding-top: .05rem;
}

/* 专属口碑教辅 */
.sec08{
    width: 100%; clear: both;
    background:#fff;
    padding-top: 1.71rem;
    padding-bottom: .42rem;
    margin-top: .44rem;
}
.sec08 .secTit .left{margin-right: .2rem;}
.s8-main{
    width: 100%; clear: both;margin-bottom: -.1rem;
    margin-top: -.1rem;
    position: relative; z-index: 2;
    display: flex;
    justify-content: center;
    align-content: flex-start;
    flex-wrap: wrap;
}
.s8-sub{
    width: 96%; clear: both; margin-bottom: .32rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
.s8-sub span{
    width: 2.8rem; height: .66rem; display: block;
    background: #fbeddd;
    color: #b17953;
    font-size: .24rem; line-height:.66rem;
    /* margin: 0 .11rem; */
    cursor: pointer;
}
.s8-sub span.on,.s8-sub span:hover{
    color: #fff;
    background: #e6562a;
    background: -webkit-linear-gradient(90deg,#f66e3f,#d83f15);
    background: -moz-linear-gradient(90deg,#f66e3f,#d83f15);
    background: -o-linear-gradient(90deg,#f66e3f,#d83f15);
    background: linear-gradient(90deg,#f66e3f,#d83f15);
    box-shadow: 0 .06rem .05rem rgba(217,64,23,.25);
}
.s8-itembox{
    width: 100%; clear: both;
}
.s8-itembox .item{
    width: 100%; height: 4.58rem; clear: both;
    display: none;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
.s8-itembox .item.show{display: flex;}
.s8-itembox .item .left{
    width: 7.26rem; height: 4.58rem;
    background: url("../images/s8-img01.png") no-repeat center top / 100%;
    display: flex;
    justify-content: center;
    align-content: flex-start;
    flex-wrap: wrap;
}
.s8-itembox .item .left img{
    width: 6.37rem; display: block;
    margin-top: .33rem;
}
.s8-itembox .item .left p{
    font-size: .16rem; line-height: 1; color: #999999;
    text-align: right;
    width: 85%;
}
.s8-itembox .item .right{
    width: 3.82rem; margin-left: .28rem;
    display: flex;
    justify-content: center;
    align-content: flex-start;
    flex-wrap: wrap;
}
.s8-itembox .item .right .txt{
    width: 100%; clear: both; text-align: left;
    height: 1.6rem;
}
.s8-itembox .item .right .txt h4{
    font-size: .24rem; line-height: 1; color: #961d17;
    font-weight: bold;
}
.s8-itembox .item .right .txt h4 span{
    background: linear-gradient(to right, #c0370c, #670024);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}
.s8-itembox .item .right .txt h4::after{
    content: '';
    width: 100%; height: .02rem; display: block;
    background: #eac1ab;
    margin: .1rem auto;
}
.s8-itembox .item .right .txt p{
    font-size: .18rem; line-height: .24rem; color: #76360f;
}
.s8-itembox .item .book{
    width: 100%; display: block;
    margin-bottom: .49rem;
}
.s8-itembox .item .book2{
    margin-bottom: .26rem; margin-top: -.25rem;
}
.s8-itembox .item .book img{
    width: 100%; display: block;
}
.s8-itembox .item .tip{
    width: 100%; clear: both;margin: auto;
}
.s8-itembox .item .tip img{width: 3.05rem; display: block; margin: auto;}
.s8-itembox .item .tipTxt{
    width: 100%; clear: both;margin: auto;
    font-size: .16rem; line-height: 1; color: #d1340c; text-align: left;
    text-indent: .2rem;
}

/* 简章 */
.sec09{
    width: 100%; clear: both;
    padding-top: 1.71rem;
    padding-bottom: .92rem;
    margin-top: .44rem;
    background:#fffbf7 url("../images/s9-bg.jpg") no-repeat center top ;
}
.s9-main{
    width: 100%; clear: both;margin-bottom: -.1rem;
    margin-top: -.3rem;
    position: relative; z-index: 2;
    display: flex;
    justify-content: center;
    align-content: flex-start;
    flex-wrap: wrap;
}
.s9-sub{
    width: 100%;clear: both;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
}
.s9-sub span{
    width: auto; height: .66rem; display: block;
    background: #fbeddd;
    color: #b17953;
    font-size:.24rem; line-height:.66rem;
    margin: 0 .055rem;
    cursor: pointer;
    padding: 0 .11rem;
}
.s9-sub span.on,.s9-sub span:hover{
    color: #fff;
    background: #e6562a;
    background: -webkit-linear-gradient(90deg,#f66e3f,#d83f15);
    background: -moz-linear-gradient(90deg,#f66e3f,#d83f15);
    background: -o-linear-gradient(90deg,#f66e3f,#d83f15);
    background: linear-gradient(90deg,#f66e3f,#d83f15);
}

.s9-itembox{
    width: 93%; clear: both; margin: .23rem auto 0;
}
.s9-itembox .item{
    width: 100%; clear: both; display: none;
}
.s9-itembox .item.show{display: block;}
.s9-itembox .item .tip{
    width: 100%; clear: both;
    font-size: .2rem; line-height: .26rem; color: #666;
    margin-bottom: .14rem;
}
.s9-itembox .item .tip span{color: #b17953;}
.s9-itembox .kuang{
    width: 100%; clear: both;
    background: #fff;
    border: solid .01rem #f4d6b3;
    padding: .25rem 0;
    box-shadow: 0 .03rem .07rem rgba(215,154,83,.35);
}
.s9-itembox .kuang table{
    width: 10.7rem;
    font-size: .18rem; height: .26rem;
}
.s9-itembox .kuang table thead{
    background: #f4d6b3;
    background: -webkit-linear-gradient(90deg,#774226,#be7855);
    background: -moz-linear-gradient(90deg,#774226,#be7855);
    background: -o-linear-gradient(90deg,#774226,#be7855);
    background: linear-gradient(90deg,#774226,#be7855);
    box-shadow: 0 .06rem .05rem rgba(139,81,51,.25);
}
.s9-itembox .kuang table th{padding: .13rem 0;color: #fff;}
.s9-itembox .kuang table td{
    border-bottom: solid .01rem #f4d6b3;
    border-left: solid .01rem #f4d6b3;
    border-top: .2rem solid #fff; line-height: .28rem;
}
.s9-itembox .kuang table tr td:first-child{border-left: 0}
.s9-itembox .kuang table tr td.type p{
    text-align: left;
    padding-left:.35rem;
}
.s9-itembox .kuang table tr td b{
    font-weight: bold; color: #9c5e3e;
}
.s9-itembox .kuang table tr td.type b{
    display: inline-block; float: left;
}
.s9-itembox .kuang table tr td.type span{display: inline-block;}
.s9-itembox .kuang table tr td.txt p{
    padding: .05rem .28rem; text-align: left;
}
.s9-itembox .kuang table tr td.txt p b{display: block;}
.s9-itembox .kuang table tr td.txtLeft{
    text-align: left;
}
.s9-itembox .kuang table tr td.txtLeft em{
    font-weight: bold; color: #9c5e3e;
    padding-left: .2rem;
}
.s9-tabTip{
    width: 93%; clear: both; margin: .18rem auto .1rem;
    display: flex;
    justify-content: space-between;
    align-content: center;
    flex-wrap: wrap;
    font-size: .18rem; line-height: 1; color: #a87b5c;
}


    /*section1*/

/*section2*/

/*按钮悬停*/
.hvr-grow-shadow{
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: box-shadow, transform;
    transition-property: box-shadow, transform;
}
.hvr-grow-shadow:hover, .hvr-grow-shadow:active {
    box-shadow: 0 15px 15px -10px rgba(0, 0, 0, 0.5);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
/*侧边悬停*/
.lfNav{
    position: fixed;top:45%; left:20px;z-index:9; margin-top: -2.71rem;
    width:1.81rem; height:5.42rem; display: block;
    background: url(../images/fixedNavBg.png) no-repeat center;
}
.lfNav .close{position:absolute;top:-10px; right:0; height:30px; width:30px; }
.lfNav .close img{width: 100%; display: block;}
.mt185{margin-top:1.66rem;}
.nav-bg{width:1.1rem; height:.48rem; display: block;float:left; clear:both;margin-left:.35rem;margin-bottom:0;
    border-bottom: solid .01rem #7f3d1a;
}
.nav-bg a{width:100%; height:.48rem; display: block; margin:auto;
    font-size: .22rem; line-height: .48rem; color: #f4d6b3; text-align: center;
}
.nav-bg.noborder{border-bottom: 0;}
.nav-bg a:hover{
    color: #fff; font-weight: bold;
}

.left_top{width:.5rem; height:.54rem;display: block;float:left;margin-left:.65rem; margin-top: .1rem;}
.left_top img{width: 100%; display: block;}

.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;
}
.btn01::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%;}
}
.btn02::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)}   }