body{
	color: #222; text-align: justify; 
	font-family: PingFang SC,Hiragino Sans GB,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Arial,sans-serif;
}
*{
	box-sizing: border-box;
}
video{
	width:100%
}
.d-sl{
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}

/*-----顶部-----*/
.top{
	position: fixed; top: 0; left: 0; height: 50px; box-shadow: 0px 1px 2px rgba(128, 128, 128, .6); 
	z-index: 100; width: 100%; background: #ffffff;
}
.top-left{
	float: left; width: 40px; height: 40px; margin-top: 5px; margin-left: 10px;
}
.top-left img{
	width: 100%; height: 100%;
}
.top-mid{
	float: left; margin-left: 5px; height: 30px; margin-top: 10px; line-height: 30px;
}
.top-right{
	float: right; width: 90px; height: 30px; margin-top: 10px; margin-right: 10px; position: relative;
}
.top-right a{
	display: block; width: 100%; height: 100%; text-align: center;; line-height: 30px; background: #E0474C;
	font-size: 13px; border-radius: 7px; color: #ffffff; font-weight: bold;
}
.top-right span{
	position: absolute; width: 90px; height: 30px; left: 0; bottom: 0; background: #E0474C; 
	-webkit-animation: living 2s linear infinite; z-index: -1; border-radius: 6px;
}
.live span:nth-child(2){
	-webkit-animation-delay: 1s; /*第二个span动画延迟1.5秒*/
}
@keyframes living {
	0%{ transform: scale(1); opacity: 0.5;  }
	50%{ transform: scale(1.2);  opacity: 0;
	/*圆形放大的同时，透明度逐渐减小为0*/ }
	100%{ transform: scale(1); opacity: 0.5; }
}


/*-----主体-----*/
.main{
	padding: 0px 15px;
}
.title{
	font-weight: 500; padding-top: 12px; padding-bottom: 12px;
}
.time{
	color: #777; margin-bottom: 10px;
}
.time span{
	margin-right: 6px;
}
.time .type{
	padding: 2px 4px; border: 1px solid #999;
}
.detail{
	text-align: justify;
}
.detail p{
	margin-top: 1.05rem; margin-bottom: 0.4rem; word-break: break-all;color: #333;
}
.picInfo{
	line-height:1.3rem;color:#888;display:inline-block;font-size: 14px;
}
.img_pInfo{
	padding-top: 4px;line-height:1.5rem;color:#888;display:inline-block;font-size: 15px;
}
.summary{
	line-height:1.56rem;color:#b5b5b6;display:inline-block;font-size: 16px;font-style:italic;padding:18px 20px;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;
}
/*
.detail p span{
	line-height:1.15rem;color:#888;display:inline-block;
}
*/
.detail img{
	width: 100%;
}
.detail a{
	text-decoration: underline; color: #1E9FFF;
}
.detail-writer{
	color: #777;
}
.wx_detail{
	overflow: hidden; position: relative;
}
.read_more{
	position: absolute; left: 0; right: 0; bottom: 50px; height: 30px;
	background: linear-gradient(to top, #ffffff 50%, rgba(255, 255, 255, .8));
}
.read_more img{
	width: 30px; margin-left: auto; margin-right: auto; display: block;
}
.read_down{
	position: absolute; left: 0; right: 0; bottom: 0; height: 50px; background: #ffffff; box-sizing: border-box;
	padding: 5px 10px;
}
.read_down a{
	display: block; width: 100%; height: 40px; line-height: 40px; text-align: center;
	border: 1px solid #E0474C; color: #E0474C;
}
.read_more1{
	position: absolute; left: 0; right: 0; bottom: 50px; height: 30px;
	background: linear-gradient(to top, #ffffff 50%, rgba(255, 255, 255, .8));
}
.read_more1 img{
	width: 30px; margin-left: auto; margin-right: auto; display: block;
}
.read_down1{
	position: absolute; left: 0; right: 0; bottom: 0px; height: 50px; background: #ffffff; box-sizing: border-box;
	padding: 5px 10px;
}
.read_down1 a{
	display: block; width: 100%; height: 40px; line-height: 40px; text-align: center;
	border: 1px solid #E0474C; color: #E0474C;
}


/*-----栏目头-----*/
.lm{
	padding-top: 30px; padding-bottom: 5px;
}
.lm span{
	position: relative; display: block; margin-left: auto; margin-right: auto; text-align: center;
}
.lm span:before, .lm span:after {
    content: '';                 /*CSS伪类用法*/
    position: absolute;         /*定位背景横线的位置*/
    top: 51%;
    background: #222;       /*宽和高做出来的背景横线*/
    width: 9%;
    height: 1px;
}
.lm span:before{
    left: 28%;        /*调整背景横线的左右距离*/
}
.lm span:after {
    right: 28%;
}


/*-----推荐行-----*/
.tj{
	display: block; position: relative; padding: 15px 0;
}
.tj.bt{
	border-bottom: 1px solid #e6e6e6;
}
.tj-img{
	width: 100px; height: 66px; background-position: center; background-size: cover;
}
.tj-img img{
	width: 100%; height: 100%; display: block;
}
.tj-info{
	position: absolute; left: 110px; top: 15px; right: 0;
}
.tj-title{
	font-size: 15px; line-height: 23px; height: 50px; width: 100%;
	display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;
}
.tj-title1{
	font-size: 13px; line-height: 20px; height: 50px; width: 100%;
	display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;
}
.tj-time{
	font-size: 12px; line-height: 18px; height: 20px; margin-top: 4px; color: #888; text-align: right;
}
.tj-title2{
	font-size: 16px; line-height: 25px; text-align: justify;
}

/*-----北青号信息(newshow)-----*/
.bqh-ns{
	display: flex; align-items: center; line-height: normal;padding:10px 0px;
}
.bqh-nsr{
	width: 80px; text-align: center; height: 30px; line-height: 30px; margin-left: 5px;
	background: #E0474C; color: #fff; font-size: 14px; font-weight: 500; border-radius: 8px;
}
.bqh-nsl{
	width: 100%; flex: 1; display: flex; align-items: center;
}
.bqh-nsl img{
	width: 36px; height: 36px; display: block;border-radius:18px;
}
.bqh-nsl-r{
	margin-left: 5px; flex: 1; width: 0;
}
.bqh-nsl-name{
	font-size: 14px; font-weight: 500;
}
.bqh-nsl-intro{
	font-size: 12px; color: #777; margin-top: 3px;
}
.bqh-nsr.saved{
	background: #e6e6e6; color: #515151;
}

/*-----北青号信息-----*/
.bqh{
	padding: 15px 0; line-height: normal;
}
.bqh-t{
	display: flex; align-items: center;
}
.bqh-t img{
	width: 50px; height: 50px; display: block;border-radius:25px;
}
.bqh-btn{
	height: 25px; line-height: 25px; width: 80px; text-align: center; margin-left: 5px;
	background: #E0474C; color: #fff; font-size: 14px; font-weight: 500; border-radius: 8px;
}
.bqh-btn.saved{
	background: #e6e6e6; color: #515151;
}
.bqh-tr{
	flex: 1; margin-left: 10px; min-width: 0;
}
.bqh-tr-t{
	display: flex; align-items: center; justify-content: space-between;
}
.bqh-tr-l{
	display: flex; align-items: center; flex: 1; min-width: 0;
}
.bqh-name{
	font-size: 14px; font-weight: 500;
}
.bqh-bq{
	font-size: 10px; color: #777; border: 1px solid #e6e6e6; flex-shrink: 0;
	border-radius: 8px; padding: 2px 0; margin-left: 5px; padding: 2px 5px;
}

.bqh-tr-b{
	margin-top: 5px; display: flex; color: #777; font-size: 12px; justify-content: space-between;
}
.bqh-tr-bi{
	width: 30%;
}


.bqh-b{
	margin-top: 3px; padding-left: 60px; font-size: 12px; line-height: 20px; color: #777;
}


.bqh-menus{
	display: flex; justify-content: center;
}
.bqh-menu{
	margin: 0 10px; text-align: center; font-size: 16px; padding-bottom: 5px;
}
.bqh-menu.this{
	font-weight: bold; color: #E0474C; border-bottom: 2px solid #E0474C;
}

/*-----评论行新-----*/
.pl{
	padding: 10px 0; border-bottom: 1px solid #e6e6e6;
}
.pl-1{
	display: flex; align-items: center; justify-content: space-between;
}
.pl-1-img{
	display: block; border-radius: 50%; width: 25px; height: 25px; flex-shrink: 0;
}
.pl-1-name{
	margin-left: 5px; font-size: 14px; font-weight: 700; width: 100%; flex-shrink: 1;color:#777;
}
.pl-1-opt{
	display: flex; align-items: center; font-size: 14px; flex-shrink: 0;
}
.pl-1-opt img{
	width: 15px; height: 15px; margin-left: 5px;
}
.pl-2{
	margin-left: 30px; text-align: justify; font-size: 14px; line-height: 21px;
}
.pl-3{
	margin-left: 30px; font-size: 12px; color: #777;
}