body{min-width:0; width: 100%;}
body img{width: 100%;display: block;}

.box_In{
	width: 100%;
	height: 100%;
	position: relative;
}
.head_pc{display: none;}

.wrap{
	width: 100%;
	height: 100%;
	overflow: hidden;
	background: #F45B63;
}

.clears::after{
	clear: both;
	display: block;
	overflow: hidden;
	font-size: 0;
	height: 0;
	content: ".";
}
.clears{
	zoom: 1;
}

.box_hd{text-align: center;padding-top: .8rem;}
.box_hd h2{
	position: relative;
	font-size: .38rem;
	color: #ffebd9;
	font-weight: bold;
	display: inline-block;
}
.box_hd h2 img{position: absolute;width: .91rem;left: 50%;bottom: .05rem;margin-left: -.45rem;}
.box_hd h2 span{position: relative;}
.box_hd p{font-size: .24rem;color: #fc9a9b;}
.banner{position: relative;margin-bottom: .2rem;}
.banner .boxxf{
	position: absolute;
	z-index: 99;
	left: 0;
	bottom: -44px;
	width: 100%;
	height: .79rem;
	background: #fff;
	box-shadow: 0 2px 38px rgba(133,28,21,.52);
}
.banner .boxxf.cur{position: fixed;left: 0;top: 0;}
.banner .boxxf .box_In{overflow-x: auto;}
.banner .boxxf ul{width: 20.4rem;height: 100%;background: #fff;height: .8rem;padding: 0 .1rem;}
.banner .boxxf ul li{
	float: left;
	height: .6rem;
	font-size: .28rem;
	color: #7b7979;
	line-height: .36rem;
	margin: .2rem .3rem 0 .42rem;
	cursor: pointer;
	box-sizing: border-box;
}
.banner .boxxf ul li.cur{
	font-size: .3rem;
	color: #d70001;
	font-weight: bold;
	border-bottom: .04rem #d70001 solid;
}
.banner .boxxf span{position: absolute;height: 100%;top: 0;background: #fff;}
.banner .boxxf .xfleft{left: 0;padding: 0 .1rem 0 .05rem;}
.banner .boxxf .xfright{right: 0;padding: 0 .05rem 0 .1rem;}
.banner .boxxf span img{width: .18rem;margin-top: .25rem;}

.box1 ul{margin-top: .4rem;}
.box1 ul li{
	width: 7.1rem;
	background: #fff;
	border-radius: .15rem;
	box-shadow: inset .03rem 0 .54rem #ffceaa;
	box-sizing: border-box;
	padding: .3rem .2rem .4rem;
	margin: 0 auto .2rem;
}
.box1 ul li .box1_video{
	position: relative;
	width: 6.7rem;
	height: 3.78rem;
	border-radius: .15rem;
	overflow: hidden;
}
.box1 ul li .box1_video .video_mask{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
	background: #590000;
}
.box1 ul li .box1_video .video_mask a{display: block;}
.box1 ul li .box1_video .video_mask .maskvideo1{opacity: .5;}
.box1 ul li .box1_video .video_mask .maskvideo2{
	position: absolute;
	left: 50%;
	top: 50%;
	width: .92rem;
	transform: translate(-50%,-50%);
}
.box1 ul li .box1_video span{
	position: absolute;
	left: 0;
	top: .14rem;
	height: .5rem;
	font-size: .26rem;
	color: #fff;
	line-height: .5rem;
	padding: 0 .3rem 0 .1rem;
	border-top-right-radius: .1rem;
	background: -webkit-linear-gradient(to right, #f96b6a, #fc578b);
	background: -o-linear-gradient(to right, #f96b6a, #fc578b);
	background: linear-gradient(to right, #f96b6a, #fc578b);
}
.box1 ul li .box1_main{
	width: 6.5rem;
	padding-top: 12px;
	margin: 0 auto;
}
.box1 ul li .box1_main .mainp1{
	font-size: .32rem;
	color: #3b3b3b;
	font-weight: bold;
}
.box1 ul li .box1_main .mainp2 span{
	display: block;
	width: 1.5rem;
	height: .45rem;
	font-size: .26rem;
	color: #fff;
	font-weight: bold;
	text-align: center;
	line-height: .45rem;
	background: #4a60b6;
	border-radius: .24rem;
	margin: .16rem 0 .08rem;
}
.box1 ul li .box1_main .mainp4 span{background: #e48f6a;}
.box1 ul li .box1_main .mainp3{
	width: 100%;
	font-size: .24rem;
	color: #848484;
	line-height: .46rem;
}
.box1 ul li .box1_main .mainp5{
	height: .7rem;
	margin-top: .1rem;
}
.box1 ul li .box1_main .mainp5 a{
	float: right;
	width: 2.6rem;
	height: .7rem;
	font-size: .3rem;
	color: #fff;
	text-align: center;
	line-height: .7rem;
	background: #ff9c32;
	border-radius: .4rem;
	box-shadow: .02rem 0 .24rem rgba(255,178,45,.45);
}

.box2{padding-bottom: 1rem;}
.box2 .box2_con{
	width: 7.1rem;
	background: #fff;
	border-radius: .15rem;
	padding: .3rem 0 .6rem;
	margin: .3rem auto 0;
	box-shadow: inset .03rem 0 .54rem #ffceaa;
	box-sizing: border-box;
}
.abtn:hover{opacity: .0;}
.box2 .box2_con .abtn{
	display: none
	width: 3rem;
	height: .8rem;
	font-size: .28rem;
	color: #fff;
	text-align: center;
	line-height: .8rem;
	background:  linear-gradient(90deg, #EB4D4B 0%, #FF7979 100%);
	border-radius: .4rem;
	margin: .3rem auto 0;
	box-shadow: .02rem 0 .24rem rgba(195,28,16,.25);
} 

.box2 .lay_con{overflow: hidden;padding: 0 1.5% 2%;}
.box2 .lay_con ul{overflow: hidden;height: 10rem;}
.box2 .lay_con ul li{width: 47%;margin: 0 1.5% .5rem;float: left;}
.box2 .lay_con ul h2{border-bottom-left-radius: .1rem;border-bottom-right-radius: .1rem;background-color:#F3F3F3;font-size: .26rem;color: #212121;line-height: .36rem;height: .7rem;padding-top: .1rem; text-align: center;overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.box2 .lay_con ul li .img_box{width: 100%;border-top-left-radius: .1rem;border-top-right-radius: .1rem;overflow: hidden;position: relative;}
.box2 .lay_con ul li .img_box img{height: 2.2rem;}
.box2 .lay_con ul .btm span{float: left;font-size: .24rem;color: #919191;}
.box2 .lay_con ul .btm .span1{width: .7rem;color: #919191;}
.box2 .lay_con ul .btm .span2{width: .7rem;text-align: right;color: #ff2e2e;float: right;}
.box2 .lay_con ul .btm .span3{color: #646363;width:110px;}
.box2 .lay_con ul .btm p{font-size: .24rem; float: left;background: url("../images/sy_box2icon1.jpg") no-repeat left center ;background-size: .22rem; padding-left: .26rem;color: #919191;}
.box2 .lay_con ul .btm p.p_on{background-image: url("../images/sy_box2icon1.jpg");}
.box2 .lay_con ul .btm p b{font-weight: normal;}
.box2 .lay_con ul .btm .p_on b{color: #ff8a00;line-height: 20px;}
.box2 .lay_con ul .btm span.span_on{background: url("../images/sy_box3icon2.jpg") no-repeat 30px center;}
.box2 .lay_con .ban_btn{background: #4051c7;}
.box2 .lay_con .sy_mask{display: none;}


.footer_box{display: none;}  


/*小屏幕/苹果5s*/
@media only screen and (max-width: 360px){
	body{font-size: .9rem;}
	.box2 .lay_con ul .btm p{background: none;padding: 0;}
}

/* iphone6 plus */
@media (min-device-width : 414px) and (max-device-width : 736px) and (-webkit-min-device-pixel-ratio : 3){
	
}

/*大于pad屏幕*/
@media only screen and (min-width: 750px){
	body{font-size: 1.5rem;}
	.bdzx{left: 50%; margin-left: -375px;}
}