.mui-bar{
	height: .98rem;
	background-color: #fff;
}
body,.mui-content{
	background-color: #fff;
}

 

/*内容*/
.mui-bar-nav~.mui-content{
	padding-top: .98rem;

}

.mui-content  .body_scroll{
		padding: 0;
}

.ban_img{
	width: 100%;
	height: 4.2rem;
	position: relative;
}
.ban_img .mui-slider{
	width: 100%;
	height: 4.2rem;
}
.ban_img .mui-slider .mui-slider-item{ 
	overflow: hidden;
	height: 4.2rem;
}
.ban_img .mui-slider .mui-active{ 
	/* z-index: 10; */
}
.ban_img .mui-slider a{
	height: 4.2rem;
	
}
.ban_img .mui-slider img{
	/*width: 150% !important;*/
	height: 4.2rem;
/*	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);*/
}

.ban_img > a{
	position: absolute;
	width: 1.5rem;
	height: .54rem;
	left: 50%;
	margin-left: -.75rem;
	top: 2.34rem;
	background:rgba(243,152,0,1);
	border-radius:6px;
	font-size: .24rem;
	font-family:PingFang-SC-Medium;
	font-weight:500;
	color:rgba(255,255,255,1);
	text-align: center;
	line-height: .54rem;
}

/*数据列表*/
.data_box{
	padding: 0  .24rem;
	/*padding-bottom: 2.14rem;*/
	position: relative;
}
.data_box  > h1{
	padding:  .59rem 0 .39rem .08rem;
	font-size: .36rem;
	font-family:PingFang-SC-Medium;
	font-weight:500;
	color:rgba(0,0,0,1);
	margin: 0;

}
.data_box ul li{
	padding: .05rem;
	border-radius:6px;
	box-shadow:0px 6px 11px 3px rgba(81,81,81,0.06);
	border: 1px solid #F4F4F4;
	margin-bottom: .2rem;
}
.data_box li .big_img{
	position: relative;
	width: 100%;
	height: 3.89rem;
}
.data_box li .big_img  img{
	width: 100%;
	height: 100%;
}
.data_box li .big_img span{
	position: absolute;
	left: 50%;
	top: 50%;
	width: .8rem;
	height: .8rem;
	margin-left: -.4rem;
	margin-top: -.4rem;
}
.data_box li .big_img  i{
	position: absolute;
	bottom: .17rem;
	right: .21rem;
	background:rgba(255,255,255,.15);
	font-size: .28rem;
	font-family:ArialMT;
	font-weight:400;
	color:rgba(255,255,255,1);
	padding: 0rem .12rem 0rem .12rem;
}
.data_box li  .video_title{
	padding: .3rem 0 .21rem .24rem;
	overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
}
.data_box li .video_title a{
	font-size: .36rem;
	font-family:PingFang-SC-Medium;
	font-weight:bold;
	color:rgba(51,51,51,1);
}
.data_box li .data_detail{
	padding-left: .24rem;
}
.data_box li .data_detail span{
	float: left;
	font-size: .24rem;
	font-family:PingFang-SC-Medium;
	font-weight:500;
	color:rgba(153,153,153,1);
}
.data_box li .data_detail .line{
	margin: 0 .15rem;
	width: 1px;
	height: .2rem;
	background-color: #B5B5B5;
	margin-top: .08rem;
}

.data_box li .data_user{
	/*padding-left: .24rem;*/
	margin: .19rem .26rem .31rem .24rem;
}
.data_box li .data_user .head{
	width: .44rem;
	height:  .44rem;
	border-radius: 50%;
	float: left;
}
.data_box li .data_user .head a{
	display: inline-block;
	width: .44rem;
    height: .44rem;
}
.data_box li .data_user i img{
	width: 100%;
	height: 100%;
	/*border-radius: 50%;*/
}
.data_box li .data_user a img{
	width: 100%;
	height: 100%;
	border-radius: 50%;
}
.data_box li .data_user  .name {
	float: left;
	margin-left: .15rem;
	/*margin-top: .05rem;*/
	height: .44rem;
	line-height: .44rem;
}
.data_box li .data_user  .name a{
	font-size: .3rem;
	font-family:PingFang-SC-Medium;
	font-weight:500;
	color:rgba(51,51,51,1);
	
}
.data_box li .data_user i{
	float: right;
	width: .32rem;
	height: .32rem;
	margin-top: .1rem;
}

.data_box .top{
	position: absolute;
	width: .41rem;
	height: .41rem;
	right: .44rem;
	bottom: -1.1rem;
	z-index: 20;
}
.data_box .top img{
	width: 100%;
	height: 100%;
}

.mui-pull-caption-nomore{
	font-size: .24rem;
font-family:PingFang-SC-Light;
font-weight:bold;
color:rgba(51,51,51,1);
}
/* .mui-pull-bottom-pocket{
	margin-bottom: 2rem;
	margin-top: .6rem;
} */

.none{
  display: none;
}
.block{
  display: block !important;
}

.up{
	width: 40px;
	height:40px;
  position: fixed;
  z-index: 15;
  right: 10px;
  bottom: 0.32rem;
  display: inline-block;
}
.up img{
  width: 100%;
  height: 100%;

}
.end-foot {
  position: absolute;
  left: 0;
  bottom: -.2rem;
  text-align: center;
  height: .2rem;
  width: 100%;
}
.end-foot span {
  font-size: 0.16rem;
  color: #999999;
}
.end-foot span:before {
  content: "—————";
  margin-right: 0.4rem;
}
.end-foot span:after {
  content: "—————";
  margin-left: 0.4rem;
}



@media screen and (max-width: 414px) {
    .data_box li .data_detail .line{
    	margin-top:.11rem;
    }
   /* .data_box li .data_user  .name {
		
		margin-top: 0.03rem;
	}*/
}
@media screen and (max-width: 375px) {
    
}
@media screen and (max-width: 320px) {
    .data_box li .data_detail .line{
		margin-top:.15rem;
    }

   /* .data_box li .data_user  .name {
		
		margin-top: 0rem;
	}*/
}

.body_scrolls{
	height: calc(100% - .98rem);
}
.loading{
	width: 100%;
	min-height: calc(100% - .1rem);
	position: relative;
}
.loadings{
	min-height: calc(100% - 40px);
}

 .loading img{
	width: 50%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

.top_slider{
	width: 100%;
	height: 4.2rem;
	position: relative;
	overflow: hidden;
}


.top_slider .swiper-slide{
	width: 100%;
	height: 4.2rem;
	position: relative;
	overflow: hidden;
}


.top_slider .swiper-slide .slide_item{
	width: 100%;
	height: 100%;
}
.top_slider .swiper-slide .slide_item img{
	width: 100%;
	height: 100%;
}