@charset "UTF-8";
@import url("animate-tool.css");
/*-----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:"Microsoft YaHei",'Helvetica Neue',Helvetica,Arial,"PingFang SC","Hiragino Sans GB","Heiti SC","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif; color: #444;background: #3f289c;}
#footer_bx{clear: both;}
.m-show,.m-ib{display: none!important;}
.left{float: left;}
.right{float: right;}
.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: 1259px; margin: 0 auto;font-size: 0;text-align: center;}

/* 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;
}
 
/*banner */
.banner-box{
	position:relative; height:754px;
	background:url('../images/banner.jpg') no-repeat center top; 
	overflow:hidden;
	width:100%; text-align:center;
}
.banner-box .wrap{
  height: auto; padding-top: 4.76rem;
}
.banner-box img.ban-icon{
  position: absolute; top: 0.62rem; left: -0.7rem; animation: move 1s infinite alternate ease-in-out;
}
.ban-yy{
  height: 2.07rem; line-height: 1.8rem; background: url(../images/ban_yy_bg.png) no-repeat top center / 10.27rem 2.03rem; position: relative;
}
.ban-yy p{
  font-size: .7rem; color: #fff; text-align: left; padding-left: 1.8rem; font-weight: 600; letter-spacing: .01rem;
}
.ban-yy p span{
  font-weight: bold; color: #ffe78a;
}
.ban-yy a{
  position: absolute; right: .86rem; top: 0;
}
@keyframes move{
  0%{transform: translateY(-5px);}
  100%{transform: translateY(5px);}
}

.sections{
	width: 100%; clear: both; float: left; margin-bottom: 0.5rem;
}
.secTit{
	width: 100%; margin-bottom: 0.36rem;
}
.secTit h2{
	font-size: .52rem; line-height: .8rem; color: #fff; font-weight: bold;
	/* font-family: '阿里妈妈数黑体'; */
}
.secTit h2 span{
	color: #ffe788; display: inline-block;
	text-shadow: 0 .03rem .05rem rgba(0,0,0,.15);
	position: relative;
	&:after {
		content: attr(data-text);
		position: absolute;
		top: 0;
		left: 0;
		z-index: 10;
		color: #fff;
		-webkit-mask: linear-gradient(to top, transparent, #ffe788);
		white-space: nowrap;
	}
}
.secTit h2::before,.secTit h2::after{
	content: ''; width: 1.62rem; height: .28rem; display: inline-block;
	background: url('../images/t_lbg.png') no-repeat center / 100%;
	vertical-align: middle; position: relative; top: -0.06rem;
}
.secTit h2::before{
	margin-right: .3rem;
}
.secTit h2::after{
	margin-left: .3rem;
	transform: rotate(180deg);
}

/*section1*/
.sec01{
	height: 6.72rem;
	background: url('../images/s1_bg.jpg') no-repeat center top / 19.2rem;
}
.s1-main{
	width: 12.59rem; height: 5.61rem;  clear: both; float: left; box-sizing: border-box;
	background: url('../images/s1_mbg.png') no-repeat center top / 100%; padding-top: 0.78rem;
}
.s1-main h3{
	font-size: .34rem; line-height: .36rem; font-weight: bold; color: #fff;
	margin-top: .21rem; margin-left: .47rem; margin-bottom: .55rem; text-align: left;
	position: relative;
  background-image: -webkit-linear-gradient(top,#fff,#fff,#f5c073);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
  background-clip: text;
}
.s1-main h3::before{
	content: ''; width: .36rem; height: .36rem; display: inline-block;
	background: url('../images/s1-icon01.png') no-repeat center / 100%;
	vertical-align: top;
	margin-right:.13rem;
}
.s1-main h3::after{
	content: ''; width: 1.98rem; height: .01rem; display: inline-block; vertical-align: super; border-bottom: .01rem dashed #fff;
	margin-left:.13rem;
}
.s1-left{
	width: 6.91rem; height: 3.98rem; display: inline-block; vertical-align: middle;
	background: url(../images/s1_lbg.png) no-repeat top center / 100%; position: relative; z-index: 2;
}
.s1-left ul{
	margin-top: -.2rem; margin-bottom: .28rem; display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	padding-left: .44rem;
}
.s1-left ul li{
	width: .88rem; height: .4rem; line-height: 0.34rem; display: flex;
	border: solid .01rem #fff;
	border-radius: .08rem;
	font-size: .2rem; color: #fff;
	justify-content: center;
	align-items: center;
	margin: 0 .06rem .12rem;
	cursor: pointer;
  box-sizing: border-box;
}
.s1-left ul li:hover,.s1-left ul li.on{
	color: #432ca4;
	background: #fff;
}
.s1-left ul li:nth-child(1){
  position: absolute; right: .46rem; top: .39rem;
}
.s1-right{
	width: 5.19rem; height: 3.57rem; display: inline-block; vertical-align: middle; padding-left: 0.38rem; box-sizing: border-box;
	background: url('../images/s1_rbg.png') no-repeat center / 100%; margin-left: -0.84rem;
}
.s1-right h4{
	width: 100%; clear: both; float: left; margin: .4rem auto .12rem;
	font-size: .28rem; line-height: .4rem; font-weight: bold; color: #fff;
}
.s1-right h4::before,.s1-right h4::after{
	content: ''; width: .22rem; height: .4rem; display: inline-block;
	background: url('../images/s1-icon02.png') no-repeat center / 100%;
	vertical-align: top;
}
.s1-right h4::before{margin-right: .2rem;}
.s1-right h4::after{
	margin-left: .2rem;
	transform: rotate(180deg);
}
.s1-right span{
	width: 2.88rem; height: .48rem; display: inline-block;
	margin: 0 auto .15rem;
	border: solid .01rem #fff;
	border-radius: .25rem;
	font-size: .22rem; line-height: .48rem; color: #fff;
}
.s1-right span em{color: #fff495; font-weight: bold;}
.s1-right a{
	width: 3.06rem; height: .66rem; line-height: .56rem; display: inline-block;
	margin: auto;
	font-size: .22rem; color: #813601; font-weight: bold;
	border-radius: .48rem;
	background: url(../images/s1_r_btn_bg.png) no-repeat center / 100%
}

/* section02 */
.s2-title{
  background: url(../images/s2_tbg.png) no-repeat top center; padding-top: 0.2rem;
}
.s2-main{
	width: 12.59rem;
}
.s2-cursor{
	width: 12.59rem; height: 5.81rem; background: url(../images/s2_mbg.png) no-repeat top center / 100%;
}
.s2-cursor .tit{
	text-align: center; padding-top: 0.72rem; margin-bottom: 0.52rem;
}
.s2-cursor .tit h3{
	font-size: .34rem; line-height: .36rem; font-weight: bold; color: #fff;
	margin-top: .38rem; margin-left: .82rem; margin-bottom: .55rem;
	position: relative; display: inline-block;
	&:after{
		content: attr(data-text);
		position: absolute;
		top: 0;
		right: 0;
		z-index: 10;
		color: #ffe98f;
		-webkit-mask: linear-gradient(to bottom, transparent, #ffe98f);
		white-space: nowrap;
	}
}
.s2-cursor .tit h4{
	font-size: .3rem; line-height: .36rem; color: #fff; font-weight: bold; text-align: center;
}
.s2-cursor .tit h4 span{
  color: #ffeca0;
}
.s2-teacher{
	float: left; margin-top: -.06rem; margin-left: 1rem; 
}

.s2-light{
	width: 7.26rem; height: 3.1rem; display: block; float: right; margin-left: .18rem; margin-right: 0.8rem;
	border-radius: .2rem; margin-top: 0.1rem;
	box-shadow:  0 .05rem 0 #9579ff, .02rem .06rem .16rem #3f289c88;
  background: #704fed;
  background: -webkit-linear-gradient(bottom, #704fed, #492fa2);
  background: -o-linear-gradient(bottom, #704fed, #492fa2);
  background: -moz-linear-gradient(bottom, #704fed, #492fa2);
  background: linear-gradient(to bottom, #704fed, #492fa2);
}
.s2-light .light{
	float: left; margin-left: .64rem; margin-top: .3rem;
}
.s2-light .light .point{
	width: .91rem; height: .87rem; display: block; float: left;
	background: url('../images/s2-img04.png') no-repeat center / 100%;
	border-radius: .15rem;
	box-shadow: 0 .06rem .06rem rgba(235,46,6,.45);
}
.s2-light .light .point span{
	font-size: .24rem; line-height: .29rem; font-weight: bold; color: #fff; display: block;
	padding: .15rem .2rem;
}
.s2-light .light ul{
	float: left; margin-left: .2rem; margin-bottom: .05rem;
}
.s2-light .light ul li{
	float: left; clear: both; margin-bottom: .15rem;
}
.s2-light .light ul li span{
	width: .3rem; height: .3rem; display: inline-block; float: left;
	background: #eff8ff;
	font-size: .22rem; line-height: .3rem; font-weight: 600; color: #3f289c;
	border-radius: .38rem;
}
.s2-light .light ul li p{
	font-size: .2rem; line-height: .27rem; float: left; margin-left: .1rem; color: #fff;
	text-align: left;
	margin-top: .01rem;
}
.s2-light .light ul li:last-child{
  margin-bottom: .2rem;
}
.s2-light .btn{
	width: 6.2rem; height: .78rem; display: flex;
	background: url('../images/s2_tips_bg.png') no-repeat center / 100%;
	justify-content: center; padding-top: .18rem; box-sizing: border-box;
	font-size: .24rem; font-weight: 500; color: #813601;
}
.s2-light .btn i{
	width: .3rem; height: .3rem; display: inline-block;
	background: #5438b8;
	border-radius: 50%;
	font-size: .2rem; color: #fff;
	text-align: center;
}
.s2-light .btn time{
	font-size: .28rem; font-weight: bold; margin-top: -0.04rem; 
  background: linear-gradient( #fa592a, #d90f08);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.s2-light .btn a{
	width: 1.18rem; height: .32rem; display: inline-block; margin-left: .23rem;
	background: #fff;
	border-radius: .32rem;
	box-shadow: 0 .02rem .02rem #f1cc86 inset;
	font-size: .2rem; font-weight: bold; line-height: .32rem; color: #f64d0a;
}
.s2-pureOrder{
  height: 3.02rem; background: url(../images/s2_bbg.png) no-repeat top center / 100%; position: relative;
}
.s2-pureOrder a{
  position: absolute; right: .76rem; top: .34rem;
}

/* section03 */
.s3-title{
  background: url(../images/s3_tbg.png) no-repeat top center; padding-top: 0.2rem;
}
.s3-main{
	width: 100%; height: auto; float: left;
}
.s3-main .kuang .item{
  width: 3.06rem; height: 3.95rem; display: inline-block; margin: 0 .24rem;
	position: relative;
}
.s3-main .kuang .item::after{
	content: ''; width: 3.09rem; height: 3.95rem; display: inline-block;
	position: absolute; bottom: 0;
	left: .2rem;
}
.s3-main .kuang .item .flip-box{
	width: 100%; height: 3.95rem; display: block;
	position: absolute; top: 0; left: 0; overflow: hidden; z-index: 3;
}
.s3-main .kuang .item1 .flip-box{
	background: url('../images/s3_pic01.png') no-repeat center / auto 3.95rem;
}
.s3-main .kuang .item2 .flip-box{
	background: url('../images/s3_pic02.png') no-repeat center / auto 3.95rem;
}
.s3-main .kuang .item3 .flip-box{
	background: url('../images/s3_pic01.png') no-repeat center / auto 3.95rem;
}
.s3-main .kuang .item .flip-box img{
	width: 1.34rem; display: inline-block; margin-top: .53rem;
}
.s3-main .kuang .item .flip-box h4{
	font-size: .36rem; font-weight: bold; color: #fff; margin: .42rem auto .2rem;
	width: 100%; float: left; clear: both;
}
.s3-main .kuang .item .flip-box i{
	width: .3rem; height: .31rem; display: block; margin: auto; clear: both;
	background: url('../images/s5-icon04.png') no-repeat center / 100%;
}
.s3-main .kuang .item .flip-box p{
	font-size: .18rem; line-height: .28rem; text-align: left;
	width: 2.36rem; margin: .27rem .27rem .27rem .32rem; color: #fff;
	height: 2.52rem;
	display: -webkit-box;  /*弹性伸缩盒子*/
	-webkit-box-orient: vertical;/*垂直排列*/
	line-clamp: 9;
	-webkit-line-clamp: 9;  /*只显示6行*/
	overflow: hidden;   /*溢出隐藏*/
	text-overflow: ellipsis;   /*省略号代替*/
}
.s3-main .kuang .item .flip-box a{
	width:1.8rem; height: .5rem; display: inline-block;
	font-size: .22rem; line-height: .5rem; color: #fff;
	border-radius: .5rem;
	background: #e82706;
	background: linear-gradient(0deg, #e82706, #fc5c08);
	box-shadow: 0 .05rem .1rem rgba(26,75,215,.25);
}
.s3-main .kuang .item2 .flip-box a{
	background: #1144d5;
	background: linear-gradient(180deg, #6747ea, #462da1);
	box-shadow: 0 .05rem .1rem rgba(233,45,8,.25);
}

/* section04 */
.sec04{
  margin-bottom: 0.4rem;
}
.s4-title{
  background: url(../images/s4_tbg.png) no-repeat top center; padding-top: 0.2rem;
}
.s4-cursor{
	width: 100%; height: 6.93rem; clear: both; float: left; margin: 0 auto; background: url(../images/s4_mbg.png) no-repeat top center / 100% 100%;
}
.s4-cursor .kuang{
	width: 11.64rem; display: block; float: left; margin: .3rem;
}
.s4-left{
	float: left; margin-left: .69rem; margin-top: 1.43rem;
	width: 4.81rem;
}
.s4-left .video-box{
	margin-top: .35rem; margin-bottom: 1.2rem;
}
.s4-right{
	float: right;
	width: 5.4rem; margin-top: .56rem; margin-right: .46rem;
}
.s4-right .sub{
	width: 100%; clear: both; float: left; height: .69rem; margin-bottom: .1rem;
	background: #41299f;
	background: linear-gradient(#7050ee, #41299f);
}
.s4-right .sub span{
	width: 1.8rem; display: inline-block; float: left;
	font-size: .28rem; line-height: .69rem; color: #fff; font-weight: bold;
	cursor: pointer;
}
.s4-right .sub span.on{
	color: #fff2be;
	background: url('../images/s4_r_tbg.png') no-repeat center top / auto .75rem;
	height: .75rem;
}
.s4-right .item{
	width: 100%;
	border: solid .01rem #6f4fec;
	box-sizing: border-box;
	background: #f5f2ff;
	display: none;
	float: left;
	height: 4.24rem;
}
.s4-right .item.show{display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}
.s4-right .item ul{
	clear: both; float: left; margin-left: .21rem; margin-top: .22rem;
}
.s4-right .item ul li{
	clear: both; float: left; margin-bottom: .1rem;
}
.s4-right .item ul li span{
	width: 1.26rem; height: .4rem; display: block; float: left;
	font-size: .22rem; line-height: .4rem; color: #fff; text-align: center;
	background: #6e4eeb;
	background: linear-gradient(#6e4eeb, #432ba2);
	border-radius: .2rem;
	box-shadow: 0 .03rem 0 #dad4f1;
}
.s4-right .item ul li p{
	font-size: .2rem; line-height: .3rem; text-align: left;
	float:left;
	margin-left:.1rem; margin-top:-.06rem;
	width: 3.7rem;
}
.s4-right .item ul li:first-child p{margin-top: .05rem;}
.s4-right .item ul li p i{color:#3b2597}
.s4-right .item a{
	width: 2.52rem; height: .66rem; display: inline-block;
	background: url('../images/s4_btn_bg.png') no-repeat center / 100%;
	font-size: .24rem; line-height: .6rem; color: #fff;
	margin-top: .1rem;
	margin-bottom: .3rem;
}

/* sec05 */
.s5-title{
  background: url(../images/s5_tbg.png) no-repeat top center; padding-top: 0.2rem;
}
.s5-main{
  height: 9.58rem; background: url(../images/s5_mbg.png) no-repeat top center / 100% 100%; padding-top: 0.7rem; box-sizing: border-box; position: relative;
}
.s5-main .hd ul li{
  width: 2.5rem; height: 0.7rem; line-height: 0.7rem; background: #fff; border-radius: .35rem; font-size: .4rem; color: #3f289c; font-weight: bold; box-shadow: inset 0 .03rem .07rem #412aa070; margin: 0 .2rem .24rem; display: inline-block; vertical-align: middle; cursor: pointer;
}
.s5-main .hd ul li.on{
  color: #fff; box-shadow: inset 0 .03rem .07rem #ffb254;
  background: #d70b06;
  background: -webkit-linear-gradient(bottom, #fa592a, #d70b06);
  background: -o-linear-gradient(bottom, #fa592a, #d70b06);
  background: -moz-linear-gradient(bottom, #fa592a, #d70b06);
  background: linear-gradient(to bottom, #fa592a, #d70b06);
}
.s5-main .bd ul li p.tips{
  font-size: .36rem; color: #fff; font-weight: bold; margin-bottom: 0.76rem;
}
.s5-main .bd ul li p.tips::before{
  content: ''; width: 1.38rem; height: 0.02rem; background: #9182ce; display: inline-block; vertical-align: middle; margin-right: 0.2rem;
}
.s5-main .bd ul li p.tips::after{
  content: ''; width: 1.38rem; height: 0.02rem; background: #9182ce; display: inline-block; vertical-align: middle; margin-left: 0.2rem;
}
.s5-main .bd ul li .s5-item01-l{
  display: inline-block; vertical-align: top; margin-right: 0.1rem;
}
.s5-main .bd ul li .s5-item01-l .s5-item01-l-m{
  margin-top: 0.2rem;
}
.s5-main .bd ul li .s5-item01-l .s5-item01-l-m h3{
  width: 1.8rem; height: 0.6rem; line-height: 0.6rem; border-radius: .3rem .3rem 0 .3rem; font-size: .28rem; color: #fff; font-weight: 600; display: inline-block; vertical-align: top; margin-right: 0.26rem; box-shadow: 0 .04rem .06rem #4830a550;
  background: #6f4fec;
  background: -webkit-linear-gradient(bottom, #6f4fec, #462da1);
  background: -o-linear-gradient(bottom, #6f4fec, #462da1);
  background: -moz-linear-gradient(bottom, #6f4fec, #462da1);
  background: linear-gradient(to bottom, #6f4fec, #462da1);
}
.s5-main .bd ul li .s5-item01-l .s5-item01-l-m div{
  display: inline-block; vertical-align: top;
}
.s5-main .bd ul li .s5-item01-l .s5-item01-l-m div p{
  font-size: .24rem; color: #333333; text-align: left; margin-bottom: 0.06rem;
}
.s5-main .bd ul li .s5-item01-l .s5-item01-l-m div p::before{
  content: ''; width: 0.22rem; height: 0.22rem; display: inline-block; background: url(../images/s5_item01_icon.png) no-repeat center / 100%; margin-right: 0.1rem;
}
.s5-main .bd ul li .s5-item01-l a{
  width: 4.76rem; height: 0.7rem; line-height: 0.7rem; font-size: .32rem; font-weight: bold; color: #fff; box-shadow: inset 0 .03rem .07rem #ffb254; display: inline-block; border-radius: .35rem; margin-top: 0.2rem;
  background: #d70b06;
  background: -webkit-linear-gradient(bottom, #fa592a, #d70b06);
  background: -o-linear-gradient(bottom, #fa592a, #d70b06);
  background: -moz-linear-gradient(bottom, #fa592a, #d70b06);
  background: linear-gradient(to bottom, #fa592a, #d70b06);
}
.s5-main .bd ul li .s5-item01-r{
  display: inline-block; vertical-align: top;
}
.s5-main .bd ul li .s5-item01-r .s5-item01-r-m{
  margin-top: 0.2rem;
}
.s5-main .bd ul li .s5-item01-r .s5-item01-r-m img{
  display: inline-block; vertical-align: top;
}
.s5-main .bd ul li .s5-item01-r .s5-item01-r-m div{
  display: inline-block; vertical-align: top; margin-left: 0.18rem;
}
.s5-main .bd ul li .s5-item01-r .s5-item01-r-m div p{
  width: 3.12rem; height: 0.54rem; line-height: 0.54rem; background: #f2f0ff; border: .01rem solid #3f289c; border-radius: .28rem; font-size: .24rem; color: #333333; margin-bottom: 0.16rem;
}
.s5-main .bd ul li .s5-item01-r .s5-item01-r-m div p span{
  color: #3f289c; font-weight: bold;
}
.s5-main .bd ul li .s5-item01-r .s5-item01-r-m div p i{
  font-size: .24rem; color: #3f289c; line-height: 0.2rem; font-weight: bold; border-right: .01rem solid #bcb4e1; margin-right: 0.1rem; padding-right: 0.1rem;
}
.s5-item02-bg{
  position: absolute; bottom: .67rem; left: .44rem;
}
.s5-item02-l{
  float: left; width: 7rem; margin-left: 0.51rem; margin-right: 0.22rem; position: relative; z-index: 9;
}
.s5-item02-l h3{
  width: 7rem; height: 1rem; line-height: 1rem; box-shadow: 0 .04rem .05rem #d9140950; border-radius: 0 .5rem .5rem 0; font-size: .36rem; color: #fff; font-weight: bold; margin-bottom: 0.4rem;
  background: #fc7537;
  background: -webkit-linear-gradient(bottom, #fc7537, #dd1309);
  background: -o-linear-gradient(bottom, #fc7537, #dd1309);
  background: -moz-linear-gradient(bottom, #fc7537, #dd1309);
  background: linear-gradient(to bottom, #fc7537, #dd1309);
}
.s5-item02-l h3 span{
  color: #ffe88c;
}
.s5-item02-listbox{
  margin-left: 0.44rem;
}
.s5-item02-list{
  width: 2.8rem; border: .01rem solid #d91409; border-radius: .15rem; margin-bottom: 0.26rem;
}
.s5-item02-list h4{
  height: 0.6rem; line-height: 0.6rem; font-size: .28rem; color: #fff; font-weight: bold; border-radius: .15rem .15rem 0 0;
  background: #fa5327;
  background: -webkit-linear-gradient(bottom, #fa5327, #d81309);
  background: -o-linear-gradient(bottom, #fa5327, #d81309);
  background: -moz-linear-gradient(bottom, #fa5327, #d81309);
  background: linear-gradient(to bottom, #fa5327, #d81309);
}
.s5-item02-list p{
  font-size: .24rem; color: #333333; line-height: 0.6rem;
}
.s5-item02-list02{
  width: 3.5rem;
}
.s5-item02-list02,.s5-item02-list03{
  border: 1px solid #3f289c;
}
.s5-item02-list02 h4,.s5-item02-list03 h4{
  background: #fa5327;
  background: -webkit-linear-gradient(bottom, #6f4feb, #462ea0);
  background: -o-linear-gradient(bottom, #6f4feb, #462ea0);
  background: -moz-linear-gradient(bottom, #6f4feb, #462ea0);
  background: linear-gradient(to bottom, #6f4feb, #462ea0);
}
.s5-item02-r{
  float: left; position: relative; z-index: 9;
}
.s5-item02-r .s5-item02-r-tips{
  width: 4.17rem; height: 2.63rem; background: url(../images/s5_item02_txt_bg.png) no-repeat center / 100%; font-size: .2rem; color: #fff; line-height: 0.28rem; text-align: center; padding: 1.05rem 0 0 0; box-sizing: border-box;
}
.s5-item02-r img{
  margin-top: -0.25rem;
}
.s5-item02-r h5{
  width: 2.56rem; height: 0.54rem; line-height: 0.54rem; background: #f2f0ff; border-radius: .28rem; border: 1px solid #3f289c; font-size: .24rem; color: #3f289c; font-weight: bold; margin: .25rem auto 0;
}
.s5-item02-r p{
  font-size: .2rem; color: #333333; font-weight: 600; padding-top: 0.1rem;
}
.s5-item02-r p span{
  color: #d81208;
}
.s5-item03-box{
  width: 11rem; margin: 0 auto; border-radius: .2rem; box-shadow: inset 0 .05rem .1rem #fd9647, 0 .06rem .1rem #d80c0750; padding: .28rem .28rem .28rem .2rem; box-sizing: border-box;
  background: #fb6f34;
  background: -webkit-linear-gradient(bottom, #fb6f34, #ec1109);
  background: -o-linear-gradient(bottom, #fb6f34, #ec1109);
  background: -moz-linear-gradient(bottom, #fb6f34, #ec1109);
  background: linear-gradient(to bottom, #fb6f34, #ec1109);
}
.s5-main .bd ul li p.tips3{
  margin-bottom: 0.48rem;
}
.s5-item03-box{
  display: flex; align-items: center;
} 
.s5-item03-box .s5-item03-l{
  width: 2.48rem;
}
.s5-item03-box .s5-item03-l p{
  width: 2.08rem; height: 0.8rem; line-height: 0.8rem; font-size: .3rem; color: #fff; font-weight: bold; border-bottom: .01rem solid #f79f8f; margin: 0 auto; letter-spacing: -.01rem;
}
.s5-item03-box .s5-item03-l p.on{
  width: 100%; background: #fff; border-radius: .1rem 0 0 .1rem; color: #e22311; border-bottom: none;
}
.s5-item03-box .s5-item03-r{
  width: 8.02rem; height: 5.4rem; background: #fff; border-radius: .2rem;
}
.s5-item03-box .s5-item03-r .s5-item03-item{
  width: 100%; height: 100%; padding-top: 0.8rem; display: none;
}
.s5-item03-box .s5-item03-r .s5-item03-item img{
  margin-left: 0.6rem; margin-right: 0.28rem; margin-top: 0.4rem; float: left;
}
.s5-item03-box .s5-item03-r .s5-item03-item p{
  width: 3.65rem; height: 3.97rem; background: url(../images/s5_item03_tips_bg.png) no-repeat top center / 100%; font-size: .28rem; color: #fff; line-height: 0.36rem; padding-top: 0.24rem; box-sizing: border-box; float: left;
}


.ifIe.on{
	background: linear-gradient( #fff, #ffe788); /*设置渐变的方向从左到右 颜色从ff0000到ffff00*/
	  -webkit-background-clip: text;/*将设置的背景颜色限制在文字中*/
	  -webkit-text-fill-color: transparent;/*给文字设置成透明*/
}



.fixRight{
	position: fixed; top: 50%; margin-top: -1rem; right: .25rem;z-index: 3;
	width: 1.98rem; height: 2.1rem; display: block;
}
.fixRight >img{display: block; width: 100%;}
.fixRight .close01{position:absolute;top:10px; right:10px; height:20px; width:20px; }
.fixRight .close01 img{width:100%}
.fixRight .btn01{
	width: 1.38rem; height: .32rem; display: block; font-weight: 600;
	background: #fcbd32;
	background: linear-gradient(#f3e88b, #fcbd32);
	border-radius: .32rem; color: #a31717;
	text-align: center;
	font-size: .18rem; line-height: .32rem;
	box-shadow: 0 .02rem 0 #ffa87f;
	position: absolute; left: .32rem; bottom: .48rem;
}
/*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:243px; height:551px; background: url('../images/fixedNavBg.png') no-repeat center;top:25%; left:20px;z-index:9;}
.lfNav .close{position:absolute;top:10px; right:10px; height:12px; width:12px; }
.mt185{margin-top: 222px;}
.nav-bg{width:150px;height: 32px;display: block;float:left;clear:both;margin-left: 44px;margin-bottom:8px;}
.nav-bg a{width:120px; height:28px; display: block; margin:auto; font-size: .18rem; color: #fff;}
.left_top{width:150px; height:40px;display: block;float:left;margin-left:0;}