*,body,td,th,ul,li{
	font-family: "Helvetica Neue",
	Helvetica, Arial, Verdana, sans-serif;
	padding:0;
	margin:0;
}

/* 解决页面出现横向滚动条 start */
html {
  overflow-y: scroll;
}
:root {
  overflow-y: auto;
  overflow-x: hidden;
}
:root body {
  position: absolute;
}
body {
  width: 100vw;
  overflow: hidden;
}
/* 解决页面出现横向滚动条 end */

a {
	color: #333;
	text-decoration:none;
	cursor:pointer;
}

.header_nav{
background: #f4f5f6;
	height: 1.2rem;
	box-sizing: border-box;
width: 100%;
overflow: hidden;
margin:0 auto;
border-bottom:1px solid #ccc;
	position: fixed;
	z-index: 1005;
top: 1.6rem;
}
.header_nav .nav_list{
font-size: 0.4rem;
height: 100%;
line-height: 1.2rem;
overflow: hidden;
}
.header_nav .nav_list li{
font-size: 0.4rem;
width: 2.0rem;
height: 100%;
text-align: center;
color: #333;
cursor:pointer;
list-style: none;
float: left;
line-height: 1.2rem;
} 
.header_nav .scroller{
position:absolute;
width: 100%; 
transition-timing-function: cubic-bezier(0.1, 0.57, 0.1, 1); 
transition-duration: 0ms; 
transform: translate(-180px, 0px) translateZ(0px);
}
.active{
color: #e84040!important;
/*border-bottom: 2px solid #e84040;*/
}





/*
这里是从头部开始的样式 ..............................................................
* */

/*头部的*/
header{
width: 100%;
height: 1.6rem;
background: #e84040;
position: fixed;
top: 0rem;
left: 0rem;
right: 0rem;
z-index: 9988;
}
header .left{
width: 0.75rem;
height: 0.75rem;
position: absolute;
top: 50%;
margin-top: -0.375rem;
left: 0.3rem;
}
header .left .left_box{
position: relative;
}
header .left img{
width: 100%;
height: 100%;
}
header .left .circle{
width: 0.15rem;
height: 0.15rem;
background: #fff;
border-radius: 50%;
position: absolute;
top: 0.122rem;
right: 0rem;
}
header .center{
width: 4.5rem;
height: 0.8rem;
position: absolute;
top: 50%;
left: 50%;
margin-top: -0.5rem;
margin-left: -2.5rem;
}
header .center img{
width: 100%;
height: 100%;
}
header .right{
width: 0.7rem;
height: 0.7rem;
position: absolute;
top: 50%;
margin-top: -0.35rem;
right: 0.3rem;
}
header .right img{
width: 100%;
height: 100%;
}

/*
头部左上角的信封点击之后的遮罩层
* */
.cover{
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: rgba(0,0,0,0.5);
z-index: 99999;
display: none;
}
.cover .cover_content{
width: 7.5rem;
height: 5.3rem;
background: #FFFFFF;
border-radius: 7px;
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
}

.cover .cover_content .img{
width: 4.5rem;
height: 2.655rem;
margin: 0.3rem auto 0;
}
.cover .cover_content .img img{
width: 100%;
height: 100%;
border-radius: 20px;
}
.cover .cover_content p{
font-size: 0.4rem;
color: #777;
text-align: center;
}
.cover .cover_content .btn{
background: #e84040;
color: #fff;
width: 4.5rem;
height: 1.2rem;
line-height: 1.2rem;
border-radius: 5px;
margin: 0.25rem auto 0;
text-align: center;
font-size: 0.55rem;
}
.cover .cover_content .btn a{
color: #fff;
}
.cover .cover_content .close{
width: 0.45rem;
height: 0.45rem;
position: absolute;
top: 0.2rem;
right: 0.2rem;
}



/*
头部菜单导航栏所对应的相应的内容   (轮播图)
* */
.home_content{
 margin-top: 2.8rem;
}


.home_content .content .swiper-container{
width: 100%;
height: 5rem;
}
.home_content .content .swiper-container .swiper-wrapper{
width: 100%;
height: 100%;
}
.home_content .content .swiper-container .swiper-wrapper .swiper-slide{
width: 100%!important;
height: 100%;
position: relative;
}
.home_content .content .swiper-container .swiper-wrapper .swiper-slide img{
width: 100%;
height: 100%;
}
.home_content .content .swiper-container .swiper-pagination-bullet-active{
background: #e84040;
}
.home_content .content .swiper-container .swiper-pagination-bullet{
border-radius: 50%;
}
.home_content .content .swiper-container .swiper-wrapper .swiper-slide .slide_cover{
position: absolute;
left: 0rem;
right: 0rem;
bottom: 0rem;
background: rgba(0,0,0,0.5);
height: 0.8rem;
color: #fff;
}
.home_content .content .swiper-container .swiper-wrapper .swiper-slide .slide_cover p{
width: 85%;
height: 100%;
line-height: 0.8rem;
text-align: left;
padding-left: 0.5rem;
box-sizing: border-box;
font-size: 0.4rem;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}



/*轮播图下面的图文列表*/
.article_list{
width: 100%;
padding: 0.25rem;
padding-top: 0;
overflow: hidden;
box-sizing: border-box;
 /*padding-bottom: 1.6rem;*/
}
.article_list .list{
width: 100%!important;
height: 2.5rem;
border-bottom: 1px solid #ccc;
padding: 0.25rem!important;
padding-left: 0!important;
padding-right: 0!important;
}
.article_list .list .left{
width: 57%;
height: 100%;
float: left;
position: relative;
}
.article_list .list .left .top{
font-weight: 500;
font-size: 0.4rem;
color: #000;
text-align: left;
margin-top: 0.155rem;
	max-height: 1.65rem;
	overflow: hidden;
}
.article_list .list .left .bottom{
font-weight: 200;
font-size: 0.3rem;
color: #777;
position: absolute;
bottom: 0;
}
.article_list .list .right{
width: 40%;
height: 100%;
float: right;
}
.article_list .list .right img{
width: 100%;
height: 100%;
}
/*没有封面图片的样式*/
.article_list .list .null_left{
width: 100%!important;
height: 100%;
float: left;
position: relative;
}
.article_list .list .null_left .top{
font-weight: 500;
font-size: 0.4rem;
color: #000;
text-align: left;
margin-top: 0.155rem;
}
.article_list .list .null_left .bottom{
font-weight: 200;
font-size: 0.3rem;
color: #777;
position: absolute;
bottom: 0;
}

.nomore{
font-size: 0.4rem;
color: #777;
margin-top: 0.5rem;
text-align: center;
padding-bottom: 1.5rem;
}
.loading{
display: none;
margin-bottom: 1.7rem;
text-align: center;
display: none;
}
.loading img{
width: 0.5rem;
height: 0.5rem;
display: inline-block;
margin-right: 0.15rem;
}
.loading span{
font-size: 0.4rem;
position: relative;
top: -0.05rem;
left: -0.07rem;
}




/*..........................................................................................
* home页面的样式从这里开始
* */
.home_header{
width: 100%;
height: 1.5rem;
background: #e84040;
font-size: 0.55rem;
line-height: 1.5rem;
text-align: center;
color: #fff;
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 998;
}
.home{
margin-top: 1.5rem;
}
.home .article_list{
margin-top: 0.15rem;
}



/*................................................................................................
* 搜索页面的样式,从这里开始
* */
.search_header{
width: 100%;
height: 1.5rem;
background: #e84040;
position: fixed;
top: 0rem;
left: 0rem;
right: 0rem;
z-index: 9988;
}
.search_header .search_return{
width: 1.0rem;
height: 1.0rem;
position: absolute;
top: 0.75rem;
margin-top: -0.5rem;
left: 0.1rem;
}
.search_header .search_return img{
width: 100;
height: 100%;
}
.search_header .search_{
width: 100%;
height: 100%;
line-height: 1.5rem;
color: #FFFFFF;
font-size: 0.55rem;
text-align: center;
}
form{
position: fixed;
top: 1.5rem;
left: 0;
right: 0;
height: 1.2rem;
background: #c9c9c9;
z-index: 998;
}
form .search_content{
width: 100%;
height: 100%;
padding: 0.15rem;
	box-sizing: border-box;
	line-height: 0.2rem;
}
form .search_content input{
width: 100%;
height: 100%;
box-sizing: border-box;
border-radius: 3px;
padding-left: 0.3rem;
	 border: 0;
	 font-size: 0.45rem!important;
}

form .search_content input::-webkit-input-placeholder{ 
font-size:0.45rem; 
}

form .search_content input:-moz-placeholder{ 
font-size:0.45rem; 
}

form .search_content input::-moz-placeholder{ 
font-size:0.45rem; 
} 
form .search_content input:-ms-input-placeholder{ 
font-size:0.45rem; 
}


form img{
width: 0.8rem;
height: 0.8rem;
position: absolute;
top: 0.222rem;
right: 0.2rem;
}
form .search_content .submit{
width: 0.7rem;
height: 0.7rem;
padding: 0;
position: absolute;
top: 0.25rem;
right: 0.3rem;
opacity: 0;
}
/*提示框*/
.input_hint{
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 998;
width: 5rem;
height: 2.0rem;
margin: auto;
background: rgba(0,0,0,0.65);
font-size: 0.45rem;
color: #fff;
border-radius: 0.7rem;
text-align: center;
line-height: 2.0rem;
display: none;
}




.search_show{
margin-top: 3rem;
}
.search_show .article_list{
padding-bottom: 0rem;
}
.search_show .hint{
text-align: center;
font-size: 0.45rem;
color: #777;
margin: 0.5rem 0 0.5rem;
}








/*..................................................................................................
详情页从这里开始
* */
/*.detail{
padding: 0 0.3rem;
background: #ccc;
height: 1000px;
}*/
.detail .header{
width: 100%;
height: 1.5rem;
background: #fff;
position: relative;
/*position: fixed;
top: 0;
left: 0;
right: 0;
border-bottom: 1px solid #ccc;*/
}
.detail .header img{
width: 5rem;
height: 0.9rem;
position: absolute;
top: 50%;
margin-top: -0.45rem;
left: 0.3rem;
}
.detail .header .open{
width: 2.5rem;
height: 1rem;
background: #e84040;
border-radius: 0.5rem;
position: absolute;
right: 0.3rem;
top: 50%;
margin-top: -0.5rem;
text-align: center;
line-height: 1rem;
}
.detail .header .open a{
color: #fff;
font-size: 0.47555rem;
}
.detail .content{
width: 100%;
padding: 0 0.3rem;
box-sizing: border-box;
}

.detail .content{
/*margin-top: 1.5rem;*/
padding-top: 0.5rem;
}
.detail .content .title{
font-size: 0.65rem;
	padding: 0 0.25555rem;
	/*height: 1.7555rem;*/
	overflow: hidden;
}
.detail .content .source_time{
margin-top: 0.5rem;
font-size: 0.3655rem;
color: #777;
font-weight: 200;
	padding: 0 0.25555rem;
}
.detail .content .text{
margin-top: 0.5rem!important;
padding-bottom: 2rem;
}
.detail .content .text p{
margin-top: 0.355rem!important;
/*font-size: 0.5255rem!important;*/
/* line-height: 0.755rem!important; */
	/*text-align: justify!important;*/
	padding: 0 0.25555rem;
}
.detail .content .text p video{
width:100%;
	height: 5.0rem;
}
.detail .content .text p embed{
width: 100%;
	height: 5.0rem;
}
.detail .content .text p iframe{
width: 100%;
	height: 5.0rem;
}
.detail .content .text p strong{
font-size: 0.5255rem!important;
}
.detail .content .text p span{
font-size: 0.4555rem!important;
text-align: left!important;
	line-height: 0.8rem;
}

.detail .content .text p img{
width: 100%!important;
height: 100%!important;
}
span,strong,a{
text-decoration: none!important;

}

/*详情页的分享*/
.detail .content .share_mobile{
width: 100%;
margin-bottom: 1rem;
}
.detail .content .share_mobile .text_share{
width: 100%;
height: 0.6rem;
text-align: center;
font-size: 0.4rem;
position: relative;
}
.detail .content .share_mobile .text_share .segmentation_lef{
width: 1.5rem;
height: 0.25rem;
font-size: 0;
position: absolute;
right: 50%;
top: 50%;
margin-top: -0.1rem;
margin-right: 0.7rem;
}
.detail .content .share_mobile .text_share .segmentation_lef img{
width: 100%;
height: 100%;
}
.detail .content .share_mobile .text_share .segmentation_rig{
width: 1.5rem;
height: 0.25rem;
font-size: 0;
position: absolute;
left: 50%;
top: 50%;
margin-top: -0.1rem;
margin-left: 0.7rem;
}
.detail .content .share_mobile .text_share .segmentation_rig img{
width: 100%;
height: 100%;
}
.detail .content .share_mobile .share_btn{
width: 100%;
height: 1.5rem;
text-align: center;
margin-top: 0.5rem;
position: relative;
}
.detail .content .share_mobile .share_btn .wxfriend{
width: 1rem;
height: 1rem;
position: absolute;
right: 50%;
margin-right: 1rem;
}
.detail .content .share_mobile .share_btn .wxfriend img{
width: 100%;
height: 100%;
}
.detail .content .share_mobile .share_btn .wxquan{
width: 0.9rem;
height: 0.9rem;
position: absolute;
left: 50%;
margin-top: 0.0855rem;
margin-left: 1rem;
}
.detail .content .share_mobile .share_btn .wxquan img{
width: 100%;
height: 100%;
}


/*如果用户在微信中打开时，弹出的遮罩层*/
.wxcover{
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: rgba(0,0,0,0.75);
display: none;
}
.wxcover .hint{
width: 100%;
height: 70%;
position: relative;
}
.wxcover .hint .arrows{
width: 3rem;
height: 5rem;
float: right;
font-size: 0;
position: relative;
}
.wxcover .hint .arrows .wxsetting{
width: 0.8rem;
height: 0.8rem;
position: absolute;
right: 0rem;
}
.wxcover .hint .arrows .first_arrows{
width: 3rem;
height: 4rem;
position: absolute;
right: 0.2rem;
/*top: 0.8rem;*/
}

.wxcover .hint .middle{
position: absolute;
top: 4rem;
left: 50%;
margin-left: -2.055rem;
}
.wxcover .hint .middle p{
color: #fff;
font-size: 0.5rem;
}
.wxcover .hint .middle .down_b{
width: 3rem;
height: 4rem;
position: relative;
	left: 1rem;
}
.wxcover .hint .middle .down_b img{
width: 100%;
height: 100%;
}

.wxcover .hint .know{
width: 4rem;
	height: 3.5rem;
	position: absolute;
	top: 8rem;
	left: 50%;
	margin-left: -0.8rem;
	margin-top: -0.35rem;
}
.wxcover .hint .know img{
width: 100%;
height: 100%;
}


/*如果用户在非QQ、UC浏览器中打开时，弹出的遮罩层*/
.otherbrowsers_cover{
display: none;
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: rgba(0,0,0,0.75);
}
.otherbrowsers_cover .hint{
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 55%;
}
.otherbrowsers_cover .hint .hint_bottom{
color: #fff;
font-size: 0.45rem;
text-align: center;
}
.otherbrowsers_cover .hint .hint_bottom .first_top{
color: #fff;
}
.otherbrowsers_cover .hint .hint_bottom .first_top img{
width: 0.45rem;
height: 0.65rem;
position: relative;
	top: 0.15rem;
}
.otherbrowsers_cover .hint .hint_bottom .second_top{
color: #fff;
}
.otherbrowsers_cover .hint .hint_bottom .second_top img{
width: 0.65rem;
height: 0.7rem;
position: relative;
	top: 0.15rem;
}


.otherbrowsers_cover .arrows{
width: 1.5rem;
height: 4.5rem;
margin: 0.2555rem auto;
}
.otherbrowsers_cover .arrows img{
width: 100%;
height: 100%;
}














/*
* 底部footer的导航按钮栏
*/
footer{
width: 100%;
height: 1.4rem;
background: #f9f9f9;
position: fixed;
bottom: 0;
left: 0;
right: 0;
font-size: 0.35rem;
border-top: 0.005rem solid #ccc;
z-index: 999;
}
footer ul{
width: 100%;
height: 100%;
display: -webkit-flex; /* Safari */
display: flex;
flex-wrap: nowrap;
flex-direction: inherit;
justify-content: space-around;
align-items: center;
}
footer ul li{
list-style: none;
float: left;
text-align: center;
}

footer a,
footer a:hover,
footer a:active,
footer a:visited,
footer a:link,
footer a:focus{
-webkit-tap-highlight-color:rgba(0,0,0,0);
-webkit-tap-highlight-color: transparent;
outline:none;
background: none;
text-decoration: none;
}

footer ul li img{
width: 0.45rem;
height: 0.45rem;
position: relative;
top: 0.05rem;
}
footer ul li a.active{
color: #e84040;
}


/*回到顶部*/
.return_top{
position: fixed;
right: 0.3rem;
bottom: 2.5rem;
width: 1rem;
height: 1rem;
border-radius: 50%;
background: rgba(255,255,255,0.5);
z-index: 9988;
display: none;
}
.return_top>img{
width: 100%;
height: 100%;
position: absolute;
left: 0.5rem;
top: 0.5rem;
margin-left: -0.5rem;
margin-top: -0.5rem;
}