.news-page {
  background-size: 35%;
  background-position-x: -15%;
  background-position-y: 100px;
  padding: 2% 0;
}

.news-page h2 {
  text-align: left;
  font-size: 18px;
  width: 40%;
  color: #949494;
  font-weight: 400;
  margin-top: 0; 
  height: 25px;
}

.news-nav{
  width: auto;
}
.news-nav li{

 height: 40px;

 line-height: 40px

}
.news-nav li a{
 font-size: 18px;
 color: #000;
 height: 20px;
 line-height: 20px;
 display: block;
}
.news-nav li a:hover{
   border-bottom: 3px solid #ebbf68;
    display: block;

}
.news-nav li a.active{
  border-bottom: 3px solid #ebbf68;
    display: block;
}

.news-page__list {
  display: flex;
  flex-wrap: wrap;
  max-width: 100%;
  
}



.news-page__list__item {
  margin-right: 2%;
  margin-top: 30px;
  display: block;
  cursor: pointer;
  width: 100%;
  flex-shrink: 0;
  border-bottom: 1px solid #F0F0F0;
}

.news-page__list__item:nth-child(1) {
  margin-top: 10px;
}


.news-page__list__item__pic {
/*  position: relative;
  overflow: hidden;*/
   width: 25%;
}

.news-page__list__item__pic::before {
  /*content: '';
  display: block;
  padding-top: 75.86%;*/
}

.news-page__list__item__pic img {
 /* position: absolute;
  top: 0;*/
  width: 100%;
  height: auto;
  transition: all .3s linear;
}

.news-page__list__item__pic img:hover {
  transform: scale(1.1);
}

.news-page__list__item__title {
   width: 72%;
  margin-left:3%;
  color: #1a1a1a;
  font-size: 22px;
  line-height: 24px;
}
.news-page__list__item .tags{
    position: relative;
    bottom: 30px;
    width: 72%;
    padding-left: 28%;
     color: #ABABAB;
     font-size: 12px;  
  }
  .news-page__list__item .tags span{ width: auto;height: 17px;line-height: 17px;border: 1px solid #E7E7E7;padding: 3px; float: left;margin-right: 10px;}
  .news-page__list__item .tags .pushtime{
  border: none;height: 30px;
}
.news-page__list__item__title .title {
  color: #1a1a1a;
  font-size: 20px;
  line-height: 24px;

}
.news-page__list__item__title .brief {
  color: #A6A6A6;
  font-size: 16px;
  line-height: 20px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  display: -webkit-box;
  overflow: hidden;
}


.news-page__list__item__title .tag
{
width: fit-content;

border: 1px solid #d5d5d5;
color: #d5d5d5;
font-size: 12px;
padding:1px 3px;
display: block;}

.news-page__list__item__title:hover {
  color: #EBBF68;
}
