@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: #a70202;}
#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:732px;
	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.03rem; 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: .68rem; 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: .94rem; top: 0;
}
@keyframes move{
  0%{transform: translateY(-5px);}
  100%{transform: translateY(5px);}
}
.sections{
	width: 100%; margin-bottom: .6rem;
}
.secTit{
	width: 100%; margin-bottom: 0.36rem;
}
.secTit span.s1-title-bg{
  font-size: .7rem; font-weight: bold; margin-bottom: -55px;
  background-image: -webkit-linear-gradient(top,#941414,#aa0b0b00);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.secTit h2{
	font-size: .52rem; line-height: .8rem; color: #fff; font-weight: bold; margin-top: -55px;
	/* 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; 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: 900; color: #fff;
	margin-top: .21rem; margin-left: .47rem; margin-bottom: .55rem; text-align: left;
	position: relative;
  background-image: -webkit-linear-gradient(top,#fff 30%,#ffe788);
	-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%; 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 */
.sec02{
  margin-bottom: 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: -14px; 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 #fb5929, .02rem .06rem .16rem #9c284188;
  background: #d81208;
  background: -webkit-linear-gradient(bottom, #fb5929, #d81208);
  background: -o-linear-gradient(bottom, #fb5929, #d81208);
  background: -moz-linear-gradient(bottom, #fb5929, #d81208);
  background: linear-gradient(to bottom, #fb5929, #d81208);
}
.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: #813601; 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: .2rem;
}
.s2-light .light ul li span{
	width: .26rem; height: .26rem; display: inline-block; vertical-align: middle;
	background: #fff;
	font-size: .22rem; line-height: .26rem; font-weight: 600; color: #d90d00;
	border-radius: .38rem;
}
.s2-light .light ul li p{
	font-size: .2rem; line-height: .27rem; margin-left: .1rem; color: #fff; display: inline-block; vertical-align: middle;
	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: #d80b00;
	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;
}

/* section03 */
.s3-main{
	width: 100%; height: auto;
}
.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%;
}
.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-cursor{
	width: 100%; height: 6.93rem; margin: 0 auto; background: url(../images/s4_mbg.png) no-repeat top center / 100% 100%;
}
.s4-cursor .kuang{
	width: 11.64rem; display: block; 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-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: #a60000; font-weight: bold; box-shadow: inset 0 .03rem .07rem #a02a2a; margin: 0 .2rem .24rem; display: inline-block; vertical-align: middle; cursor: pointer;
}
.s5-main .hd ul li.on{
  color: #813601; box-shadow: inset 0 .03rem .07rem #fff;
  background: #fdd76e;
  background: -webkit-linear-gradient(bottom, #feefcd, #fdd76e);
  background: -o-linear-gradient(bottom, #feefcd, #fdd76e);
  background: -moz-linear-gradient(bottom, #feefcd, #fdd76e);
  background: linear-gradient(to bottom, #feefcd, #fdd76e);
}
.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: #ec796e; 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: #ec796e; 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: #fff; border: .01rem solid #a60000; border-radius: .28rem; font-size: .24rem; color: #a60000; margin-bottom: 0.16rem;
}
.s5-main .bd ul li .s5-item01-r .s5-item01-r-m div p span{
  color: #a60000; font-weight: bold;
}
.s5-main .bd ul li .s5-item01-r .s5-item01-r-m div p i{
  font-size: .24rem; color: #a60000; 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: #fff; border-radius: .28rem; border: 1px solid #a60000; font-size: .24rem; color: #a60000; 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;
}

/* sec06 */
.s6-main{
	width: 100%; height: auto;
	box-sizing: border-box;
	background: url(../images/s6_mbg.png) no-repeat top center / 100% 100%;
  padding-bottom: 1rem;
}
.s6-main .meet{
	width: 100%;
	position: relative;
	height: 3.9rem;
	overflow: hidden;
}
.s6-main .meet img{
	margin-left: 2.22rem; display: block; margin-top: 20px;
}
.s6-main .meet ul{
	width: 100%; clear: both; position: absolute; top: 0; left: 0;
}
.s6-main .meet ul li{
	height: .72rem; font-size: .28rem; color: #fff;
	position: absolute;
	line-height: .62rem; font-weight: bold;
	cursor: pointer;
}
.s6-main .meet ul li.topic1{
	width: 3.45rem;
	background: url('../images/s3-img02.png') no-repeat center / 100%;
	left: 2.4rem; top: .64rem;
}
.s6-main .meet ul li.topic2{
	width: 3.36rem;
	background: url('../images/s3-img03.png') no-repeat center / 100%;
	right: 252px; top: 91px;
}
.s6-main .meet ul li.topic3{
	width: 3.39rem;
	background: url('../images/s3-img04.png') no-repeat center / 100%;
	left: .62rem; top: 1.66rem;
}
.s6-main .meet ul li.topic4{
	width: 3.42rem;
	background: url('../images/s3-img05.png') no-repeat center / 100%;
	right: .56rem; top: 2.27rem;
}
.s6-main .meet ul li span{
	float: left; margin-left: .69rem;
}
.s6-main .meet ul li.topic4 span{margin-top: .1rem;}
.s6-main .shurubox{
	width: 11.2rem; height: 3.2rem; display: block;
	border: solid .02rem #a60000;
	border-radius: .12rem;
	margin: 0 auto;
	background: #fff2f2;
	position: relative;
  margin-bottom: 0.4rem;
}
.s6-main .shurubox textarea{
	width: 94%;
	margin: .15rem 3%; height: 2.9rem; border: none; resize: none;
	font-size: .24rem; line-height: .4rem; background: #fff2f2;
}
.s6-main .shurubox .text-btn{
	width:2.39rem; height: .9rem; display: block; 
	font-size: .32rem; font-weight: bold; line-height: .8rem; color: #fff; 
	position: absolute; bottom: .15rem; right: .3rem; z-index: 3;
	background: url('../images/s3-btn01.png') no-repeat center / 100%;
	border-radius: .4rem;
}
.s6-btn{
	width: 100%; margin-bottom: .4rem;
	display: flex;
	justify-content: center;
	align-items: center;
}
.s6-btn a{
	display: inline-block;
	width: 2.75rem; height: .86rem; margin: 0 .3rem;
	font-size: .36rem; font-weight: bold; line-height: .8rem;
	border-radius: .4rem;
}
.s6-btn a.btn01{
	background: #edeaf9;
	color: #441fcd;
}
.s6-btn a.btn02{
	background: url('../images/s3-btn02.png') no-repeat center / 100%;
	color: #984117;
}
.s6-btn a.btn03{
	background: url('../images/s3-btn03.png') no-repeat center / 100%;
	color: #fff;
}
.s6-main .giftList{
	width: 11.2rem; height: 3.2rem; display: block;
	border: solid .02rem #a60000;
	border-radius: .12rem;
	margin: 0 auto;
	background: #fff;
	position: relative;
	overflow: hidden;
}
.s6-main .giftList .bd{
	padding: .41rem .44rem .35rem;
	position: relative;
	margin-top: .09rem;
}
.s6-main .giftList .bd::before,.s6-main .giftList .bd::after{
	content: ''; width: .69rem; height: 2.99rem; display: block;
	position: absolute; top: 0;
	z-index: 3;
}
.s6-main .giftList .bd::before{
	background: url('../images/s3-img06.png') no-repeat center / 100% 100%;
	left: 0;
}
.s6-main .giftList .bd::after{
	width: .68rem;
	background: url('../images/s3-img07.png') no-repeat center / 100% 100%;
	right: 0;
}
.s6-main .giftList .bd ul{ overflow:hidden; zoom:1; }
.s6-main .giftList .bd ul li{ margin:0 .18rem; float:left; _display:inline; overflow:hidden; text-align:center;
	background: url('../images/s3-giftK.png') no-repeat center / 100%;
	width: 1.74rem; height: 2.23rem;
	border-radius: .1rem;
	box-shadow: 0 .03rem .07rem rgba(232,45,9,.4);
}
.s6-main .giftList .bd ul li .pic{
	width: 100%; height: 1.77rem; display: flex;
	justify-content: center;
	align-items: center;
}
.s6-main .giftList .bd ul li .pic img{display: inline-block;}
.s6-main .giftList .bd ul li span{
	font-size: .18rem; line-height: .4rem; width: 100%; color: #fff;
	clear: both; padding-top: .03rem;
	display: inline-block;
}
.s6-main .giftList .bd ul li span.zzzl{
  font-size: .16rem;
}

/* sec07 */
.s7-main{
	width: 95%; height: auto; margin: 0 auto;
	border-radius: .2rem;
	border: solid .02rem #fff;
	box-sizing: border-box;
	box-shadow: .05rem .06rem 0 rgba(222, 99, 99, 0.3), 0.1rem 0.06rem 0.16rem rgba(222, 99, 99, 0.3);
	background: #c80000;
	background: linear-gradient(#ff5a5a,#c80000);
}
.s7-main .kuang{
	width: 11.36rem; height: auto; margin: .28rem; min-height: 1rem;
	background: #fff;
	border-radius: .2rem;
}
.s7-main .cont-list{
	width: 90%; margin: 0 4% 0; clear: both;
}
.s7-main .cont-item{
	width: 100%; clear: both; margin-bottom: .1rem;
	border-bottom: dashed .01rem #c80000; 
	padding: .24rem 0;
}
.s7-main .cont-item .list-img{
	 width: 6%;margin: 0; display: inline-block;  vertical-align: top; margin-right: 0.2rem;
}
.s7-main .list-img img{width: 100%;}
.s7-main .list-txt{
	 width: 92%; text-align: left;
	margin-top: -.07rem; display: inline-block; vertical-align: top; margin-top: 0.02rem;
}
.s7-main .li-p {
	width: 100%; font-size: .24rem; color: #ef3c08; line-height: .32rem
}
.s7-main .li-p time{
	color: #999; margin-left: .3rem; font-size: .2rem;
}
.s7-main .li-p2 {
	width: 100%; font-size: .24rem; color: #282828; line-height: .32rem;
}
.s7-main .li-p2 .pl-one{
	width: 75%; float: left; word-break:break-all;
}
.s7-main .li-p2 .pl-one span{ color: #ff4b00;}
.s7-main .li-p2 a.zan{
	display: inline-block;
	float: right; margin-right: .2rem; padding-left: .37rem; height: .33rem;
	background: url('../images/icon-zan-gray.png') no-repeat left center;
	background-size: .32rem;
}
.s7-main .li-p2 a.zan:hover,.li-p2 a.zan.active{
	background: url('../images/icon-zan-red.png') no-repeat left center;
	background-size: .31rem; 
}
.s7-main .li-p2 a.zan em{color: #ff4b00;}
#pagination2{width: 100%; clear: both; float: left; margin-top: 1em; font-size: 14px; margin-bottom: 1.5em;}

/*按钮悬停*/
.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: 95px;height: 66px;display: block;float:left;margin-left: 65px;margin-top: 26px;}

/* 弹窗 */
.mask{width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 99; background: rgba(0,0,0,.8); display: none;}
.tcbox{ width: 4rem; height: auto; display: block;  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%);
	background: #fff;
	border-radius: .2rem;
	border: solid .01rem #88a2ff;
}
.tcbox h3{
	width: 100%; float: left; height: .7rem;
	text-align: center;
	background: url(../images/tc-img01.png) repeat-x center / auto .7rem;
	font-size: .3rem; line-height: .7rem; color: #fff; font-weight: bold;
	border-radius: .2rem .2rem 0 0;
}

.close{position: absolute; top: -.5rem; right:0; display: block; width: .4rem; height: .4rem;}
.close a{width: 100%; display: block;}
.close a img{width: 100%; display: block;}
.tipSure{width: 100%; clear: both; float: left; text-align: center; margin: .15rem auto;}
.tipSure a{ height: .5rem;width:2.54rem; display: inline-block; margin: auto;
	font-size: .24rem; line-height: .5rem; color: #fff; font-weight: bold;
	background: url('../images/tc-btn01.png') no-repeat center / 100%;
	border-radius: .8rem;
	box-shadow: 0 .05rem .05rem rgba(229,36,5,.25);
}
.sr-only{
  font-size: .24rem; font-weight: bold;
}

/* #rulePage{display: block;} */
.ruleTxt{
	clear: both; float: left;margin: .2rem auto;
}
.ruleTxt ul{
	clear: both; float: left;margin-left: .45rem;
}
.ruleTxt ul li{
	clear: both; float: left; width: 3.4rem; margin-bottom: .1rem;
}
.ruleTxt ul li p{
	font-size: .2rem; line-height: .3rem; text-align: left; font-weight: 500;
}
.ruleTxt ul li p.red{color: #f24309;}
.ruleTxt ul li p i{
	width: .24rem; height: .24rem; color: #fff;
	background: #1e76fb;
	line-height: .24rem;
	font-size: .2rem;
	text-align: center;
	display: inline-block;
	border-radius: 50%;
	margin-left: -.3rem;
	margin-right: .05rem;
}


/* 提示 */
/* #notePage{display: block;} */
.noteTxt{
	background: url('../images/tc-img02.png') no-repeat center bottom / 2.29rem;
	padding: .2rem 0;
	text-align: center;
	clear: both; float: left;
	width: 100%;
}
.noteTxt p{
	font-size: .2rem; line-height: .3rem; color: #333; height: .6rem; display: block;
	margin-bottom: .2rem;
}
.noteTxt  img{width: 1.36rem; display: inline-block;}
.noteTxt  img.ewm{width: 1.42rem}

/* 抽奖弹窗 */
/* #drawPage{display: block;}*/
#drawPage ul{
	display: flex; width: 100%; clear: both; margin: .3rem auto;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}
#drawPage ul li{
	width: 1.07rem; height: 1.5rem; display: block;
	margin: .1rem .09rem;
	cursor: pointer;
	position: relative;
}
#drawPage ul li .card{
	width: 100%; height: 1.5rem; display: flex; position: absolute; top: 0; left: 0; z-index: 3;
	overflow: hidden;
	background: url(../images/tc-img03.png) no-repeat center / 100%;
	justify-content: center;
	align-items: center;
}
#drawPage ul li .card img{width: .79rem}
#drawPage ul li .draw img{width: 100%}

/* 地址弹窗 */
/* #addressPage{display: block;} */
#addressPage .tcbox{width: 5rem;}
.addressbox{margin-top: .25rem; clear: both; float: left; width: 100%;}
.addressbox p{
	font-size: .24rem;color: #333; width: 90%;margin: 0 5%; float: left;text-align: left;
}
.addressbox ul{width: 80%; margin: .1rem 10% 0; float: left;}
.addressbox ul li{width: 100%; clear: both; float: left; margin-bottom: .2rem;}
.addressbox ul label{ font-size: .24rem; line-height:.36rem;color: #333;float: left; text-align: left; font-weight: bold;margin-bottom: .05rem;}
.addressbox ul em{color: #ff3f3f;}
.addressbox ul li input{width: 100%; height: .42rem; float: left; background: rgba(255,255,255,.15); font-size: .24rem; line-height: .42rem;
	border: solid .01rem #535353;
	/* border-bottom: solid 2px #a0a09e; */
	color: #333; text-indent: .1rem;
	clear: both;
	padding: .05rem 0;
}
.addressbox ul li textarea{width: 2.6rem;height: auto; float: left; background: rgba(255,255,255,.15); font-size: .28rem; line-height: .36rem;
	border: none;
	border-bottom: solid 2px #a0a09e;
	color: #333; text-indent: .1rem;
	resize: none;
}
.addressbox ul li .dist{width: 100%; float: left; font-size: .26rem; line-height: .42rem; }
.addressbox ul li .form-group{width: 32.33%; float: left; margin-right: 1%;}
.addressbox ul li .form-group:last-child{ margin-right: 0;}
.addressbox ul li select{
	width: 100%; height: .42rem;clear: both;border: none; background: rgba(255,255,255,.15); font-size: .24rem; line-height: .42rem; float: left;
	border: solid .01rem #535353;
	color: #333;
}

@media only screen and (max-width: 800px) {
	.tcbox h3{font-size: .34rem}
	.ruleTxt ul li p{font-size: .24rem}
	.noteTxt p{font-size: .24rem}
	#drawPage .tcbox{width: 5.6rem}
	#drawPage ul li{
		width: 1.4rem; height: 2rem;
	}
	#drawPage ul li .card{height: 2rem;}
	#drawPage ul li .card img{width: 1rem}
}