@charset "utf-8";

.title-zn{
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 2px;
  font-weight: bold;
  text-align: center;
}
.title-en{
  font-size: 12px;
  line-height: 15px;
  margin-bottom: 21px;
  font-weight: 200;
  color:#999;
  text-align: center;
}

/* .media-header{
  margin-bottom: 25px;
} */
.media-header img{
  width: 100%;
}

.article{
  margin-bottom: 40px;
  padding: 0 15px;
}
.article .article-tabs{
  margin-bottom: 15px;
  display: flex;
	overflow-x:scroll;
	overflow-y: hidden;
}
.article .article-tabs::-webkit-scrollbar {
	display: none;
}
.article .article-tabs li{
  margin-right: 15px;
  background: #EFEFEF;
  border-radius: 2px;
  line-height: 31px;
  padding: 0 9px;
  font-size: 14px;
  color: #333;
	flex-shrink: 0;
}
.article .article-tabs li:last-child{
  margin-right: 0;
}
.article .article-tabs li.active{
  color: #fff;
  background: #215AA9;
}

.article-list li{
  margin-bottom: 15px;
}
.article-list li a{
	display: flex;
    justify-content: space-between;
}
.article-img{
  width: 132px;
  height: 112px;
  /* background: red; */
}
.article-info{
  width: 200px;
}
.article-info .name{
  line-height: 18px;
  font-size: 14px;
  color: #333;
  margin-bottom: 6px;
}
.article-info .from{
  font-size: 12px;
  color: #999;
  margin-bottom: 21px;
}
.article-info .theme{
  display: flex;
  margin-bottom: 4px;
  font-size: 12px;
  line-height: 1;
  color: #999;
}
.article-info .media-name{
  color: #215AA9;
}
.article-info .line{
  width: 1px;
  height: 12px;
  background: #E5E5E5;
  margin: 0 3px;
}
.article-info .time{
  font-size: 12px;
  color: #999;
  line-height: 1;
}

.df_news_tags{background: #fff;padding:25px 15px 15px;}
.df_news_tags ul{overflow:scroll;white-space:nowrap;}
.df_news_tags li{display: inline-block;padding:0 9px;line-height: 31px;background: #efefef;color:#666;font-size: 14px;border-radius: 2px;margin-right: 11px;}
.df_news_tags li.on,.df_news_tags li.on a{background: #215aa9;color:#fff;}
.df_news_item{background: #fff;padding:0 15px;min-height: 60vh;}
.df_news_item li{margin-bottom: 15px;}
.df_news_item li.hot{position: relative;}
.df_news_item li.hot::after{content:'';display: inline-block;width: 26px;height: 19px;background: url(../../img/common/zhiding.png) no-repeat;background-size:100% auto;position: absolute;right:-4px;top:4px;}
.df_news_item li a{display:flex;}
.df_news_item .div_left{flex:1;overflow:hidden;padding-right: 10px;}
.df_news_item .div_left h4{color:#222;font-size: 16px;line-height: 22px;max-height: 44px;overflow: hidden;font-weight: normal;}
.df_news_item .div_left .p1{color:#999;font-size: 14px;line-height: 20px;overflow: hidden;white-space:nowrap;text-overflow:ellipsis;margin:5px 0;}
.df_news_item .div_left .p2{font-size: 12px;color:#999;}
.df_news_item .div_left .sp_tag{color:#005095;margin-right: 5px;}
.df_news_item .div_right{width: 116px;}
.df_news_item .div_right img{width: 100%;height: 92px;}
.df_news_none {display: flex;justify-content:center;padding:15px 0;color:#999;align-items:center;background: #fff;}
.df_news_none span{display:flex;width: 80px;height: 1px;background:#eee;margin:0 5px;}