@import "base.css";
@import "cssReset.css";
@import "style-tc.css";
.transtion {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.gray {
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
  filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
}
b {
  font-weight: 400;
}
body {
  background: #633581;
}
.wrap {
  position: relative;
  width: 12rem;
  margin: 0 auto;
  font-size: 0;
  text-align: center;
}
.banner-box {
  width: 100%;
  height: 7.98rem;
  display: block;
  overflow: hidden;
  background: url("../images/banner.jpg") no-repeat center top;
}
.banner-box .logo {
  position: absolute;
  top: .44rem;
  left: 1.18rem;
  z-index: 2;
  width: 3.86rem;
  display: block;
}
.banner-box .logo img {
  width: 100%;
  display: block;
}
.banner-box .firework {
  width: 100%;
  clear: both;
  position: absolute;
  left: 0;
  top: 0.53rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.banner-box .cloud {
  width: 100%;
  clear: both;
  position: absolute;
  left: 0;
  top: 0;
}
.banner-box .stat {
  position: relative;
  width: 100%;
  clear: both;
  padding-top: 0.17rem;
}
.banner-box .stat img.tit {
  width: 7.76rem;
  display: block;
  margin-top: .88rem;
  margin-left: 1.87rem;
}
.banner-box .paper {
  width: 100%;
  clear: both;
  position: absolute;
  top: 0;
  left: 0;
}
.banner-box .paper img.pap04 {
  width: 2.39rem;
  display: block;
  position: absolute;
  top: 1.1rem;
  right: 1.6rem;
  animation: moveY12 0.8s linear infinite alternate;
  -o-animation: moveY12 0.8s linear infinite alternate;
  -moz-animation: moveY12 0.8s linear infinite alternate;
  -webkit-animation: moveY12 0.8s linear infinite alternate;
}
.banner-box img.book02 {
  width: 1.48rem;
  display: block;
  position: absolute;
  right: 5.1rem;
  top: 4.5rem;
  z-index: 2;
  animation: moveY12 0.8s linear infinite alternate;
  -o-animation: moveY12 0.8s linear infinite alternate;
  -moz-animation: moveY12 0.8s linear infinite alternate;
  -webkit-animation: moveY12 0.8s linear infinite alternate;
}
.sections {
  width: 100%;
  clear: both;
  background: #633581;
}
.secTit{
  display: inline-block;
  width: 100%;
  height: 1.33rem;
  background: url(../images/titBg.png) no-repeat center top;
  background-size: 7.32rem;
  margin-top: -.36rem;
  position: relative;
  z-index: 2;
}
  /*.sections .secTit {*/
/*  width: 100%;*/
/*  clear: both;*/
/*  height: 1.02rem;*/
/*  display: block;*/
/*  background: url("../images/secTit01.png") no-repeat center top / auto 100%;*/
/*  text-align: center;*/
/*}*/
.sections .secTit h2 {
  font-size: 0.46rem;
  color: #fffd5a;
  font-weight: bolder;
  line-height: 1.02rem;
}
.sections .secTit h2 span{
  display: inline-block;
  position: relative;
}
.sections .secTit h2 span::before{
  display: inline-block;
  content: '';
  width: .5rem;
  height: .22rem;
  background: url("../images/titL.png") no-repeat left top;
  background-size: 100%;
  margin-right: .38rem;
}
.sections .secTit h2 span::after{
  display: inline-block;
  content: '';
  width: .5rem;
  height: .22rem;
  background: url("../images/titR.png") no-repeat left top;
  background-size: 100%;
  margin-left: .38rem;
}
.secMain{
  display: inline-block;
  width: 100%;
  border-radius: .2rem;
}
.sec1 {
  background: url("../images/s1Bg.jpg") no-repeat center top;background-size:auto 100%;height: 5.97rem;position: relative;z-index: 2;
}
.sec2 {
  background: url("../images/s2Bg.jpg") no-repeat center top;background-size:auto 100%;height: 5.43rem;
}
.sec3 {
  background: url("../images/s3Bg.jpg") no-repeat center top;background-size:auto 100%;height: 8.44rem;
}

/*sec1*/
.s1-title{
  position: relative;
  margin-top: -.42rem;
  z-index: 1;
  height: auto;
  background: transparent;
}
.s1mian{
  display: inline-block;
  width: 100%;
  height: 5.11rem;
  border-radius: .2rem;
  background: #9c58bc;
  background: -webkit-linear-gradient(#ffaf50, #9c58bc);
  background: -moz-linear-gradient(#ffaf50, #9c58bc);
  background: -o-linear-gradient(#ffaf50, #9c58bc);
  background: linear-gradient(#ffaf50, #9c58bc);
  position: relative;
}
.s1nr{
  display: inline-block;
  width: 97%;
  margin: -.5rem 1.5% 0;
  border-radius: .1rem;
  height: 4.44rem;
  background: #fff;
  position: relative;
  padding-top: .64rem;
}
.s1nr::after{
  content: '';
  display: inline-block;
  width: 100%;
  height: 3.2rem;
  background: url(../images/s1img1.png) no-repeat center .34rem;
  background-size: 11.29rem;
  position: absolute;
  left: 0;
}
.s1nr>div{
  width: 2.4rem;
  height: 1.4rem;
  background: url("../images/s1img3.png") no-repeat center top;
  background-size: 100%;
  box-shadow: 0 .08rem .12rem rgba(255,126,91,.35);
  border-top-right-radius: .4rem;
  border-bottom-left-radius: .4rem;
  display: inline-block;
  float: left;
  margin-right: .34rem;
  margin-bottom: .5rem;
  position: relative;
  z-index: 1;
}
.s1nr .s1xq4{
  margin-right: 0;
}
.s1nr>div.zs{
  background: url("../images/s1img2.png") no-repeat center top;
  background-size: 100%;
  box-shadow: 0 .08rem .12rem rgba(218,114,177,.35);
}
.s1nr>div>a{
  display: inline-block;
  width: 100%;
}
.s1xq a .p1{
  width: 88%;
  margin: 0 6%;
  height: .68rem;
  line-height: .68rem;
  font-size: .32rem;
  font-weight: bold;
  color: #fffbd4;
  border-bottom: .01rem dashed #dbaab2;
  margin-bottom: .13rem;
  margin-top: .06rem;
}
.s1xq a .p2 span{
  font-size: .24rem;
  color: #fff;
}
.s1xq a .p2 img{
  vertical-align: sub;
  margin-right: .1rem;
}
.s1xq1{
  margin-left: .4rem;
}
.s1xq5{
  margin-left: 2.5rem;
}
/*.sec2*/
.s2mian{
  height: 4.57rem;
  background: #e6c6ff;
  background: -webkit-linear-gradient(#e6c6ff, #fff);
  background: -moz-linear-gradient(#e6c6ff, #fff);
  background: -o-linear-gradient(#e6c6ff, #fff);
  background: linear-gradient(#e6c6ff, #fff);
}
.s2xq{
  display: inline-block;
  width: 100%;
  margin-top: .49rem;
}
.s2xq>div{
  display: inline-block;
  float: left;
}
.s2L{
  width: 7.2rem;
  margin-left: .83rem;
}
.s2L>div{
  display: inline-block;
  width: 2.03rem;
  height: 2.3rem;
  background: #fff;
  border-radius: .1rem;
  margin-right: .55rem;
}
.s2L>div:nth-of-type(3){
  margin-right: 0;
}
.s2nr>img{
  margin-top: -.46rem;
}
.s2D{
  display: inline-block;
  width: 2.29rem;
  margin-left: -.12rem;
  margin-top: -.04rem;
}
.s2D>P{
  width: 100%;
  height: .56rem;
  line-height: .56rem;
  font-size: .22rem;
  color: #fff;
  margin-bottom: .08rem;
  border-radius: 1rem;
}
.s2D .s2P1{
  font-size: .3rem;
  font-weight: bold;
  background: #fb3f2d;
  background: -webkit-linear-gradient(90deg,#fa6f58, #fb3f2d);
  background: -moz-linear-gradient(90deg,#fa6f58, #fb3f2d);
  background: -o-linear-gradient(90deg,#fa6f58, #fb3f2d);
  background: linear-gradient(90deg,#fa6f58, #fb3f2d);
}
.s2D .s2P2{
  background: #8a60e2;
  background: -webkit-linear-gradient(90deg,#d572db, #8a60e2);
  background: -moz-linear-gradient(90deg,#d572db, #8a60e2);
  background: -o-linear-gradient(90deg,#d572db, #8a60e2);
  background: linear-gradient(90deg,#d572db, #8a60e2);
}
.s2R{
  width: 2.39rem;
  margin-left: .82rem;
}
.s2R .p1{
  width: 80%;
  margin: 0 10%;
}
.s2R .p1 img{
  width: 100%;
}
.s2R .p2{
  display: inline-block;
  width: 70%;
  height: .5rem;
  line-height: .5rem;
  border-radius: 1rem;
  font-size: .18rem;
  color: #fff;
  margin: 0 15%;
  background: #8a60e2;
  background: -webkit-linear-gradient(90deg,#d572db, #8a60e2);
  background: -moz-linear-gradient(90deg,#d572db, #8a60e2);
  background: -o-linear-gradient(90deg,#d572db, #8a60e2);
  background: linear-gradient(90deg,#d572db, #8a60e2);
  font-weight: bold;
}
/*.sec3*/
.s3mian{
  height: 7.62rem;
  background: #e6c6ff;
  background: -webkit-linear-gradient(#e6c6ff, #fff);
  background: -moz-linear-gradient(#e6c6ff, #fff);
  background: -o-linear-gradient(#e6c6ff, #fff);
  background: linear-gradient(#e6c6ff, #fff);
}
.s3xq{
  display: inline-block;
  width: 94%;
  margin-top: .5rem;
}
.s3xq>div{
  display: inline-block;
  width: 100%;
  border: .01rem solid #fff;
}
.s3T{
  height: 2.08rem;
  background: #dbb9f9;
  border-radius: .1rem;
}
.s3T .s3zbT{
  display: inline-block;
  width: 9.61rem;
  height: .9rem;
  line-height: .9rem;
  background: #fa4030;
  background: -webkit-linear-gradient(90deg, #fa4030, #fa705a);
  background: -moz-linear-gradient(90deg, #fa4030, #fa705a);
  background: -o-linear-gradient(90deg, #fa4030, #fa705a);
  background: linear-gradient(90deg, #fa4030, #fa705a);
  border-radius: 1rem;
  margin-top: -.42rem;
}
.s3zbT>p{
  font-size: .34rem;
  font-weight: bold;
  color: #fff;
  position: relative;
  text-align: left;
  padding-left: 4%;
}
.s3zbT>p>span{
  display: inline-block;
  width: 3.28rem;
  height: .9rem;
  line-height: .9rem;
  text-align: center;
  background: #fdad55;
  background: -webkit-linear-gradient(90deg, #ffd862, #fdad55);
  background: -moz-linear-gradient(90deg, #ffd862, #fdad55);
  background: -o-linear-gradient(90deg, #ffd862, #fdad55);
  background: linear-gradient(90deg, #ffd862, #fdad55);
  border-radius: 1rem;
  position: absolute;
  right: 0;
  top: 0;
}
.s3zbT>p>span>i{
  display: inline-block;
  font-size: .36rem;
  font-weight: bold;
  background: linear-gradient(to right, #532b07 80%, #884606);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  display: inline-block; /* 确保背景能正确裁剪到文字 */
}
.s3zbB{
  display: inline-block;
  width: 100%;
  margin-top: .3rem;
}
.s3zbB>div{
  display: inline-block;
  width: 2.35rem;
  height: .9rem;
  border-radius: .1rem;
  background: #8054d7;
  background: -webkit-linear-gradient(#8054d7, #da72b2);
  background: -moz-linear-gradient(#8054d7, #da72b2);
  background: -o-linear-gradient(#8054d7, #da72b2);
  background: linear-gradient(#8054d7, #da72b2);
  margin: 0 .14rem;
}
.s3zbxq>p{
  display: inline-block;
  width: 100%;
  text-align: center;
  font-size: .18rem;
  color: #fff;
  line-height: .26rem;
  margin-top: .17rem;
}
.s3zbxq>p>i{
  font-size: .2rem;
  font-weight: bold;
}
.s3xq .s3B{
  display: inline-block;
  width: 100%;
  border: .01rem solid #f9e6b1;
  border-radius: .1rem;
  overflow: hidden;
  margin-top: .22rem;
}
.s3B table{
  width: 100%;
}
.s3B table tr th{
  font-size: .24rem;
  color: #fff;
  height: .65rem;
  line-height: .65rem;
  background: #d572db;
  border-right: .02rem solid #fff;
}
.s3B table tr th:last-child{
  border-right: inherit;
}
.s3B table tr td{
  font-size: .18rem;
  color: #000;
  background: #fff;
  border-right: .02rem solid #f9e6b1;
  padding: .07rem 0;
}
.s3B table tr td:last-of-type{
  border-right: inherit;
}
.s3B table tr:nth-of-type(2n) td{
  background: #fff9e8;
}
.s3B table tr td p{
  text-align: left;
  display: inline-block;
  line-height: .24rem;
}
.s3B table tr td.Ftd{
  background: #fff;
  font-weight: bold;
  color: #c76ebb;
}
.s3B table tr td.Ftd1{
  background: #fff;
}
.s3B table tr th:nth-of-type(1){
  width: 1.72rem;
}
.s3B table tr th:nth-of-type(2){
  width: 1.66rem;
}
.s3B table tr th:nth-of-type(3){
  width: 2.28rem;
}
.s3B table tr th:nth-of-type(4){
  width: 1.57rem;
}
.s3B table tr th:nth-of-type(5){
  width: 2.46rem;
}
.s3B table tr td a{
  display: inline-block;
  width: .96rem;
  height: .27rem;
  line-height: .27rem;
  font-size: .18rem;
  font-weight: bold;
  color: #fff;
  border-radius: 1rem;
  background: #fa4030;
  background: -webkit-linear-gradient(90deg,#fa4030, #fa705a);
  background: -moz-linear-gradient(90deg,#fa4030, #fa705a);
  background: -o-linear-gradient(90deg,#fa4030, #fa705a);
  background: linear-gradient(90deg,#fa4030, #fa705a);
  background: #ccc;
}
/*sec4*/
.s4mian {
  background: #e6c6ff;
  background: -webkit-linear-gradient(#e6c6ff, #fff);
  background: -moz-linear-gradient(#e6c6ff, #fff);
  background: -o-linear-gradient(#e6c6ff, #fff);
  background: linear-gradient(#e6c6ff, #fff);
}
.s4T{
  display: inline-block;
  width: 94%;
  height: 4.76rem;
  background: #fff;
  border-radius: .1rem;
}
.s4T>div{
  display: inline-block;
  width: 95.8%;
}
.s4xk{
  margin-top: .37rem;
}
.s4xk>div{
  display: inline-block;
  float: left;
}
.s4xk1{
  font-size: .3rem;
  color: #fff;
  width: 6.45rem;
  height: .63rem;
  line-height: .63rem;
  background: #bc6eff;
  background: -webkit-linear-gradient(90deg, #bc6eff, #a35ce8);
  background: -moz-linear-gradient(90deg,#bc6eff, #a35ce8);
  background: -o-linear-gradient(90deg,#bc6eff, #a35ce8);
  background: linear-gradient(90deg, #bc6eff, #a35ce8);
  border-radius: 1rem;
}
.s4xk2{
  width: 4.25rem;
  height: .61rem;
  line-height: .61rem;
  border-top: .02rem solid #fae8e9;
  border-bottom: .02rem solid #fae8e9;
  margin-left: .05rem;
}
.s4xk2>span{
  display: inline-block;
  float: left;
}
.s4xk2 .sp1{
  font-size: .3rem;
  font-weight: bold;
  color: #8d5640;
}
.s4xk2 .sp1 i{
  color: #fa4130;
}
.s4xk2 .sp2{
  width: 1.81rem;
  float: right;
}
.s4xk2 .sp2 img{
  width: 100%;
}

.s4xknr {
  width: 11.15rem;
  margin: .32rem auto 0;
  overflow: hidden;
}
.sec04-item{
  width: .74rem; height: 3.1rem; float: left; transition: all .5s; position: relative;margin-right: .14rem;
}
.sec04-item:last-of-type{
  margin-right: 0;
}
.sec04-item h3{
  width: .74rem; height: 3.1rem; line-height: .34rem; font-size: .3rem; color: #fff; font-weight: bold; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 0 .3rem; box-sizing: border-box; position: absolute; left: 0; top: 0;border-radius: .1rem;z-index: 1;cursor: pointer;
  background: #bb6efe;
  background: -webkit-linear-gradient(#bb6efe, #8255d7);
  background: -moz-linear-gradient(#bb6efe, #8255d7);
  background: -o-linear-gradient(#bb6efe, #8255d7);
  background: linear-gradient( #bb6efe, #8255d7);
}
.sec04-item .sec04-item-m{
  width: 5.5rem;
  height: 3.1rem;
  background: #ffffff;
  border: .01rem solid #fe6143;
  position: absolute;
  top: 0;
  left: .1rem;
  border-radius: .1rem;
  z-index: 0;
  overflow-y: scroll;
  display: none;
}
.sec04-item.on{
  width: 5.52rem;
  margin-right: .1rem;
}
.sec04-item07.on{
  margin-right: 0;
}
.sec04-item07.on .sec04-item-m{
  left: .03rem;
}
.sec04-item.on .sec04-item-m{
  display: inline-block;
}
.sec04-item.on h3{
  background: #fa4130;
  background: -webkit-linear-gradient(#ff744f, #fa4130);
  background: -moz-linear-gradient(#ff744f, #fa4130);
  background: -o-linear-gradient(#ff744f, #fa4130);
  background: linear-gradient(#ff744f, #fa4130);
}
.img-box{
  padding-top: .2rem; position: relative;
}
.img-box p{
  font-size: .18rem;
  color: #333;
  text-align: left;
  line-height: .32rem;
  padding-left: 14%;
  width: 98%;
}
.s4B{
  display: inline-block;
  width: 94%;
  height: 3.69rem;
  background: #fa4031;
  background: -webkit-linear-gradient(90deg, #fa4031, #ff744f);
  background: -moz-linear-gradient(90deg,#fa4031, #ff744f);
  background: -o-linear-gradient(90deg,#fa4031, #ff744f);
  background: linear-gradient(90deg, #fa4031, #ff744f);
  border-radius: .1rem;
  margin: .3rem auto .5rem;
  position: relative;
}
.s4xf{
  position: absolute;
  right: -.28rem;
  bottom: -.26rem;
}
.s4B>div{
  display: inline-block;
  float: left;
}
.s4BL{
  margin-top: .55rem;
}
.s4BL>div{
  display: block;
  height: 1.12rem;
  margin-bottom: .31rem;
}
.s4BR{
  width: 6.62rem;
  height: 3.08rem;
  background: #fff;
  border-radius: .1rem;
  margin-left: .32rem;
  margin-top: .3rem;
}
.s4brT>div{
  display: inline-block;
  float: left;
}
.s4Img{
  width: 1.26rem;
  margin-left: .25rem;
  margin-right: .22rem;
}
.s4Img img{
  width: 100%;
}
.s4q{
  width: 2.38rem;
  height: 1.12rem;
  background: #fff;
  border-radius: .1rem;
}
.s4q .p1{
  font-size: .3rem;
  font-weight: bold;
  color: #70410b;
  display: inline-block;
  width: 100%;
  height: .6rem;
  line-height: .6rem;
  background: #ffd762;
  background: -webkit-linear-gradient(90deg, #ffd762, #fdae56);
  background: -moz-linear-gradient(90deg,#ffd762, #fdae56);
  background: -o-linear-gradient(90deg,#ffd762, #fdae56);
  background: linear-gradient(90deg, #ffd762, #fdae56);
  border-radius: .1rem;
}
.s4q .p2{
  font-size: .24rem;
  color: #010101;
  margin-top: .12rem;
}
.s4BR>div{
  display: inline-block;
  float: left;
}
.s4BR .s4brL{
  width: 3.48rem;
  /*margin-top: .42rem;*/
  /*margin-left: .35rem;*/
  /*margin-right: .34rem;*/
  margin: .42rem auto 0;
  float: initial;
}
.s4BR .s4brR{
  width: 1.92rem;
  height: 2.42rem;
  background: #e94126;
  margin-top: .34rem;
}
.s4brR>img{
  width: 1.74rem;
  margin: .1rem auto .05rem;
}
.s4brR>p{
  font-size: .15rem;
  color: #fff;
  line-height: .2rem;
}
.s4brL>div{
  display: inline-block;
  width: 100%;
  height: .61rem;
  margin-bottom: .2rem;
}
.s4kd1{
  background: url("../images/s4I1.png") no-repeat center top;
  background-size: 100%;
}
.s4kd2{
  background: url("../images/s4I2.png") no-repeat center top;
  background-size: 100%;
}
.s4kd3{
  background: url("../images/s4I3.png") no-repeat center top;
  background-size: 100%;
}
.s4kd>span{
  display: inline-block;
  height: .61rem;
  line-height: .58rem;
  float: left;
}
.s4kd .sp1{
  font-size: .26rem;
  font-weight: bold;
  color: #fff;
  display: inline-block;
  width: 1.6rem;
  margin-right: .18rem;
}
.s4kd1 .sp1{
  background: linear-gradient(to right, #532b07, #884606);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent
}
.s4kd .sp2{
  font-size: .24rem;
  color: #000;
}
/*sec5*/
.sec5{
  margin-top: .85rem;
}
.s5mian {
  background: #e6c6ff;
  background: -webkit-linear-gradient(#e6c6ff, #fff);
  background: -moz-linear-gradient(#e6c6ff, #fff);
  background: -o-linear-gradient(#e6c6ff, #fff);
  background: linear-gradient(#e6c6ff, #fff);
}
.s5nr{
  display: inline-block;
  width: 94%;
  height: 3.31rem;
  background: #fff;
  border-radius: .1rem;
  margin-bottom: .35rem;
  margin-top: .2rem;
}
.s5nr>div{
  display: inline-block;
  float: left;
}
.s5nr .s5L{
  width: 1.5rem;
  height: 3.31rem;
  background: #fa4330;
  background: -webkit-linear-gradient(#ff734e, #fa4330);
  background: -moz-linear-gradient(#ff734e, #fa4330);
  background: -o-linear-gradient(#ff734e, #fa4330);
  background: linear-gradient(#ff734e, #fa4330);
  border-radius: .1rem;
}
.s5nr .s5L1{
  display: none;
}
.s5L>p{
  width: 100%;
  font-size: .3rem;
  color: #fff;
  line-height: .47rem;
  margin-top: .95rem;
}
.s5Z{
  margin-top: .26rem;
  margin-left: .23rem;
}
.s5Z>div{
  display: inline-block;
  float: left;
  width: 2.02rem;
  position: relative;
  margin-right: .26rem;
}
.s5Z>div::before{
  display: inline-block;
  content: '';
  width: .02rem;
  height: 2.7rem;
  background: url(../images/s5xx.png) no-repeat center top;
  background-size: 100%;
  position: absolute;
  right: -.12rem;
  top: .4rem;
}
.s5Z>div:last-child::before{
  display: none;
}
.s5zI>img{
  width: 100%;
}
.s5zI>p{
  display: inline-block;
  width: 1.95rem;
  height: .53rem;
  line-height: .53rem;
  font-size: .28rem;
  color: #fff;
  border-radius: 1rem;
}
.s5zI .p1{
  font-weight: bold;
  background: #fb3f2d;
  background: -webkit-linear-gradient(90deg, #fa6f58, #fb3f2d);
  background: -moz-linear-gradient(90deg,#fa6f58, #fb3f2d);
  background: -o-linear-gradient(90deg,#fa6f58, #fb3f2d);
  background: linear-gradient(90deg, #fa6f58, #fb3f2d);
  margin-bottom: .08rem;
  margin-top: .21rem;
}
.s5zI .p2{
  background: #8a60e2;
  background: -webkit-linear-gradient(90deg, #d572db, #8a60e2);
  background: -moz-linear-gradient(90deg,#d572db, #8a60e2);
  background: -o-linear-gradient(90deg,#d572db, #8a60e2);
  background: linear-gradient(90deg, #d572db, #8a60e2);
}
.s5R{
  width: 2.4rem;
  margin-top: .45rem;
  margin-left: .05rem;
}
.s5R>p{
  font-size: .22rem;
  font-weight: bold;
  color: #333;
  line-height: .32rem;
  margin-top: 1rem;
}
/*sec6*/
.sec6{
  margin-top: .85rem;
}
.s6mian {
  background: #e6c6ff;
  background: -webkit-linear-gradient(#e6c6ff, #fff);
  background: -moz-linear-gradient(#e6c6ff, #fff);
  background: -o-linear-gradient(#e6c6ff, #fff);
  background: linear-gradient(#e6c6ff, #fff);
  padding-bottom: .68rem;
}
.s6xq{
  display: inline-block;
  width: 94%;
  margin-top: .5rem;
}
.s6xq>div{
  display: inline-block;
  width: 100%;
}
.s6T{
  height: 2.08rem;
  background: #dbb9f9;
  border-radius: .1rem;
  margin-bottom: .18rem;
  border: .01rem solid #fff;
}
.s6T .s6zbT{
  display: inline-block;
  width: 9.61rem;
  height: .9rem;
  line-height: .9rem;
  background: #fa4030;
  background: -webkit-linear-gradient(90deg, #fa4030, #fa705a);
  background: -moz-linear-gradient(90deg, #fa4030, #fa705a);
  background: -o-linear-gradient(90deg, #fa4030, #fa705a);
  background: linear-gradient(90deg, #fa4030, #fa705a);
  border-radius: 1rem;
  margin-top: -.42rem;
}
.s6zbT>p{
  font-size: .34rem;
  font-weight: bold;
  color: #fff;
  position: relative;
  text-align: left;
  padding-left: 12%;
}
.s6zbT>p>span{
  display: inline-block;
  width: 3.57rem;
  height: .9rem;
  line-height: .9rem;
  text-align: center;
  background: #fdad55;
  background: -webkit-linear-gradient(90deg, #ffd862, #fdad55);
  background: -moz-linear-gradient(90deg, #ffd862, #fdad55);
  background: -o-linear-gradient(90deg, #ffd862, #fdad55);
  background: linear-gradient(90deg, #ffd862, #fdad55);
  border-radius: 1rem;
  position: absolute;
  right: 0;
  top: 0;
}
.s6zbT>p>span>i{
  display: inline-block;
  font-size: .36rem;
  font-weight: bold;
  background: linear-gradient(to right, #532b07 80%, #884606);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  display: inline-block; /* 确保背景能正确裁剪到文字 */
}
.s6zbB{
  display: inline-block;
  width: 10.78rem;
  height: 1.09rem;
  background: #fff;
  border-radius: .1rem;
  margin-top: .2rem;
}
.s6zbB>img{
  width: 2.5rem;
  display: inline-block;
  float: left;
  margin-left: .76rem;
  margin-top: .19rem;
  margin-right: .2rem;
}
.s6zbB>div{
  display: inline-block;
  width: 1.97rem;
  height: .68rem;
  border-radius: .1rem;
  background: #8054d7;
  background: -webkit-linear-gradient(#8054d7, #da72b2);
  background: -moz-linear-gradient(#8054d7, #da72b2);
  background: -o-linear-gradient(#8054d7, #da72b2);
  background: linear-gradient(#8054d7, #da72b2);
  margin: .22rem .14rem 0;
  float: left;
}
.s6zbxq>p{
  display: inline-block;
  width: 100%;
  text-align: center;
  font-size: .18rem;
  color: #fff;
  line-height: .26rem;
  margin-top: .08rem;
}
.s6zbxq>p>i{
  font-size: .2rem;
  font-weight: bold;
}
.Yyue>div{
  display: inline-block;
  float: left;
  width: 5.5rem;
}
.YyueL>div{
  display: inline-block;
  width:100%;
  border-radius: .1rem;
  margin-bottom: .19rem;
  padding-bottom: .21rem;
  background: #fb3f2d;
  background: -webkit-linear-gradient(#fff, #fdf8ed);
  background: -moz-linear-gradient(#fff, #fdf8ed);
  background: -o-linear-gradient(#fff, #fdf8ed);
  background: linear-gradient(#fff, #fdf8ed);
}
.YyueL>div:last-child{
  margin-bottom: 0;
}
.Yyxq>div{
  display: inline-block;
}
.YyueT{
  width:100%;
  height: .44rem;
  line-height: .44rem;
  background: url("../images/yyBg.png") no-repeat center top;
  background-size: 100%;
}
.YyueT>span{
  display: inline-block;
  float: left;
  font-size: .24rem;
  color: #fff;
}
.YyueT .sp1{
  font-weight: bold;
  width: 1.6rem;
  margin-right: .72rem;
}
.YyueB{
  width: 4.3rem;
  height: .4rem;
  line-height: .4rem;
  background: #ffefec;
  border: .01rem solid #ffd6ce;
  border-radius: 1rem;
  margin-top: .17rem;
}
.YyueB>span{
  display: inline-block;
  float: left;
  font-size: .2rem;
  color: #000;
}
.YyueB>span>a{
  display: inline-block;
  width: 100%;
  color: #fff;
}
.YyueB .sp1 img{
  margin-left: .3rem;
  margin-top: -.03rem;
}
.YyueB .sp2{
  width: 1.44rem;
  height: .41rem;
  line-height: .41rem;
  font-size: .2rem;
  font-weight: bold;
  color: #fff;
  background: #fa4330;
  background: -webkit-linear-gradient(#fa4330, #ff6a4c);
  background: -moz-linear-gradient(#fa4330, #ff6a4c);
  background: -o-linear-gradient(#fa4330, #ff6a4c);
  background: linear-gradient(#fa4330, #ff6a4c);
  border-radius: 1rem;
  float: right;
  margin-top: -.01rem;
  background: #ccc;
}
.YyueR{
  background: #fff;
  background: -webkit-linear-gradient(#fff, #fdf8ed);
  background: -moz-linear-gradient(#fff, #fdf8ed);
  background: -o-linear-gradient(#fff, #fdf8ed);
  background: linear-gradient(#fff, #fdf8ed);
  border-radius: .1rem;
  margin-left: .28rem;
  padding-bottom: .4rem;
}
.YyueR .YyueT{
  margin-bottom: .36rem;
}
.YyueR .YyueB{
  margin: 0 auto .42rem;
}
.YyueR .YyueB:last-child{
  margin-bottom: 0;
}
/*广告*/
.Gg{
  display: inline-block;
  width: 100%;
  height: 3.13rem;
  background: url("../images/GgBg.jpg") no-repeat center top;
  background-size:auto 100%;
  margin-top: .36rem;
}
.ggXq{
  display: block;
  width: 11.02rem;
  margin: 0 auto;
  position: relative;
}
.ggimg1{
  position: absolute;
  left: 0;
  top: .5rem;
}
.ggNr{
  display: inline-block;
  width: 9.74rem;
  height: 2.56rem;
  float: right;
  border-radius: .2rem;
  background: #fff;
  background: -webkit-linear-gradient(90deg, rgba(255,255,255,0), #fff);
  background: -moz-linear-gradient(90deg, rgba(255,255,255,0), #fff);
  background: -o-linear-gradient(90deg, rgba(255,255,255,0), #fff);
  background: linear-gradient(90deg, rgba(255,255,255,0), #fff);
  margin-top: .29rem;
}
.ggNr>div{
  display: inline-block;
  float: left;
}
.ggNr .ggL{
  width: 5.25rem;
  margin-left: 2rem;
  margin-top: .46rem;
}
.ggL>img{
  width: 1.65rem;
  margin-right: .11rem;
}
.ggL>img:last-child{
  margin-right: 0;
}
.ggNr .ggR{
  width: 1.65rem;
  float: right;
  margin-top: .34rem;
  margin-right: .45rem;
}
.ggR>img{
  width: 100%;
}
.ggR p{
  font-size: .2rem;
  color: #242424;
  text-align: center;
  margin-top: .08rem;
}
.ggR span{
  font-size: .2rem;
  color: #242424;
  text-align: center;
  margin-top: .48rem;
  line-height: .28rem;
  display: inline-block;
  width: 100%;
}
/*sec7*/
.sec7{
  margin-top: .60rem;
}
.s7mian {
  background: #e6c6ff;
  background: -webkit-linear-gradient(#e6c6ff, #fff);
  background: -moz-linear-gradient(#e6c6ff, #fff);
  background: -o-linear-gradient(#e6c6ff, #fff);
  background: linear-gradient(#e6c6ff, #fff);
  padding-bottom: .68rem;
}
.s7xq{
  display: inline-block;
  width: 94%;
  margin-top: .1rem;
}
.s7xq>div{
  display: inline-block;
  width: 100%;
}
/*sec8*/
.sec8{
  margin-top: .77rem;
}
.sections .s8-title h2 {
  font-size: 0.44rem;
}
.sections .s8-title h2 span::before {
  margin-right: .08rem;
}
.sections .s8-title h2 span::after {
  margin-left: .08rem;
}
.s8mian {
  background: #e6c6ff;
  background: -webkit-linear-gradient(#e6c6ff, #fff);
  background: -moz-linear-gradient(#e6c6ff, #fff);
  background: -o-linear-gradient(#e6c6ff, #fff);
  background: linear-gradient(#e6c6ff, #fff);
  padding-bottom: .25rem;
}
.s8xq{
  display: inline-block;
  width: 94%;
  margin-top: .1rem;
}
.s8xq>div{
  display: inline-block;
  width: 100%;
}
.s8Tnr{
  display: inline-block;
  width: 100%;
  border: .02rem solid #fff;
  border-radius: .1rem;
  background: #fa4030;
  background: -webkit-linear-gradient(90deg,#fa4030, #fa705a);
  background: -moz-linear-gradient(90deg,#fa4030, #fa705a);
  background: -o-linear-gradient(90deg,#fa4030, #fa705a);
  background: linear-gradient(90deg,#fa4030, #fa705a);
  height: .92rem;
}
.s8Tnr>img{
  margin: .14rem .22rem 0;
}
.s8Z{
  display: inline-block;
  width: 100%;
  height: 4.42rem;
  background: #fff;
  border-radius: .1rem;
  box-shadow: 0 .04rem .5rem rgba(231,199,255,0.35);
  margin-top: .14rem;
}
.s8Zxq{
  display: inline-block;
  width: 100%;
}
.s8Zxq1{
  border-bottom: .02rem dashed #d7d3dc;
  margin-top: .18rem;
  padding-bottom: .18rem;
  margin-bottom: .16rem;
}
.s8Zxq>img{
  margin-right: .05rem;
  float: left;
}
.s8Zxq img.s8I1{
  width: 1.41rem;
  margin-right: .11rem;
  margin-left: .17rem;
  margin-top: .44rem;
}
.s8Zxq2>img{
  margin-right: .16rem;
  float: left;
}
.s8Zxq2 img.s8I1{
  margin-top: .62rem;
  margin-right: 0;
}
.s8B .p1{
  display: inline-block;
  width: 100%;
  margin-top: .17rem;
}
.s8B .p1 a{
  display: inline-block;
  width: 5.07rem;
  height: 1rem;
  background: url("../images/Yhq.png") no-repeat center top;
  background-size: 100%;
  animation: scale2 1.2s linear infinite alternate;
  -o-animation: scale2 1.2s linear infinite alternate;
  -moz-animation: scale2 1.2s linear infinite alternate;
  -webkit-animation: scale2 1.2s linear infinite alternate;
}
.s8B .p2{
  font-size: .18rem;
  color: #515050;
  margin-top: .12rem;
}
.s8wa{
  float: left;
  margin-top: .5rem;
  margin-left: .5rem;
}
.s8wa p{
  font-size: .2rem;
  color: #333;
  text-align: left;
  line-height: .35rem;
}
.s8wa p i{
  display: inline-block;
  width: .22rem;
  margin-right: .12rem;
}
.s8wa p i img{
  width: 100%;
}
/*sec9*/
.s9mian{
  display: inline-block;
  width: 100%;
  height: 4.47rem;
  background: #fff;
  border-radius: .2rem;
  margin-top: .49rem;
  position: relative;
}
.s9mian::before{
  display: inline-block;
  content: '';
  width: 3.23rem;
  height: .99rem;
  background: url("../images/s9Icon.png") no-repeat center top;
  background-size: 100%;
  position: absolute;
  left: 0;
  top: -.2rem;
}
.s9xq{
  display: inline-block;
  width: 11.28rem;
  height: 3.83rem;
  background: #f7ecff;
  background: -webkit-linear-gradient(#f7ecff, #fbf6ff);
  background: -moz-linear-gradient(#f7ecff, #fbf6ff);
  background: -o-linear-gradient(#f7ecff, #fbf6ff);
  background: linear-gradient(#f7ecff, #fbf6ff);
  margin-top: .32rem;
}
.s9xq>div{
  display: inline-block;
  float: left;
}
.s9L{
  width: 7.2rem;
  margin-top: .81rem;
  margin-left: .48rem;
}
.s9L>div{
  width: 2.03rem;
  height: 2.3rem;
  background: #fff;
  border-radius: .1rem;
  display: inline-block;
  float: left;
  margin-right: .55rem;
  position: relative;
}
.s9L>div:last-child{
  margin-right: 0;
}
.s9Nr>img{
  margin-top: .13rem;
}
.s9Nd{
  width: 2.29rem;
  height: .8rem;
  background: #8a60e2;
  background: -webkit-linear-gradient(90deg, #d572db, #8a60e2);
  background: -moz-linear-gradient(90deg,#d572db, #8a60e2);
  background: -o-linear-gradient(90deg,#d572db, #8a60e2);
  background: linear-gradient(90deg, #d572db, #8a60e2);
  border-radius: 1rem;
  margin-left: -.12rem;
  position: absolute;
  bottom: -.22rem;
}
.s9Nd>p{
  font-size: .22rem;
  color: #fff;
  line-height: .26rem;
  margin-top: .14rem;
}
.s9xq .s9R{
  width: 2.16rem;
  height: 2.73rem;
  background: #e94126;
  float: right;
  margin-top: .55rem;
  margin-right: .5rem;
}
.s9R>img{
  width: 1.96rem;
  margin: .1rem auto .18rem;
}
.s9R>p{
  font-size: .2rem;
  color: #fff;
}
/*sec10*/
.sec10{
  margin-bottom: 1.3rem;
}
.s10mian{
  position: relative;
  margin-top: .58rem;
  height: 4.58rem;
}
.s10mian::before{
  display: inline-block;
  content: '';
  width: 100%;
  height: 1.4rem;
  background: #ea240f;
  background: -webkit-linear-gradient(#ea240f, #fc8e5b);
  background: -moz-linear-gradient(#ea240f, #fc8e5b);
  background: -o-linear-gradient(#ea240f, #fc8e5b);
  background: linear-gradient(#ea240f, #fc8e5b);
  border-radius: .2rem;
  position: absolute;
  left: 0;
  top: 0;
}
.s10mian h3{
  font-size: .48rem;
  font-weight: bold;
  background: linear-gradient(to bottom, #fff 30%, #ffea60);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  position: relative;
  height: .92rem;
  line-height: .92rem;
}
.s10xq{
  display: inline-block;
  width: 100%;
  height: 3.66rem;
  background: #e6c6ff;
  background: -webkit-linear-gradient(#e6c6ff, #fff);
  background: -moz-linear-gradient(#e6c6ff, #fff);
  background: -o-linear-gradient(#e6c6ff, #fff);
  background: linear-gradient(#e6c6ff, #fff);
  border-radius: .2rem;
  position: relative;
  z-index: 1;
}
.s10xq>div{
  display: inline-block;
  margin: .42rem .45rem 0;
}
.s10nr>img{
  width: 2.06rem;
}
.s10nr .p1{
  font-size: .2rem;
  font-weight: bold;
  color: #e94126;
  margin: .2rem auto .07rem;
}
.s10nr .p2{
  font-size: .18rem;
  color: #1f1f1f;
}







 .lfNav{
   width: 2.53rem; height: 4.98rem; display: block;
   background: url("../images/fixedNavBg.png") no-repeat center / 100%;
   position: fixed; left: 0; top: 50%;z-index: 3;
   margin-top: -2rem;
 }
.lfNav .close{
  width: .3rem; height: .3rem; display: block;
  position: absolute; top: -.2rem; right: 0;
  img{width: 100%; display: block;}
}
.lfNav .nav-bg{
  width:1.26rem; height:.44rem; display: block;float: left;margin-left: .52rem;
}
.lfNav .nav-bg a{
  width: 100%; height: .3rem; display: block;
  font-size: .18rem; line-height: .3rem; color: #333;
  text-align: center;
  margin-top: .06rem;
}
.lfNav .nav-bg a:hover{
  background: #db8eee;
  border-radius: 1rem;
  color: #fff;
  font-weight: bold;
}
.lfNav .left_top{
  width: .59rem;
  height: .52rem;
  display: block;
  float: left;
  margin-left: .84rem;
  margin-top: .2rem;
}
.lfNav .left_top img{
  width: 100%; display: block;
}
.lfNav .mt185{margin-top: .94rem;}
/*放大缩小1*/
@keyframes scale2 {from {transform: scale(0.9)} to { transform: scale(1)}}
@-webkit-keyframes scale2 {from { transform: scale(0.9)} to { transform: scale(1)}}