.news-header{background: #f5f5f5;background-image: url(../imgs/news/img_news_center_banner.png); background-size: contain; background-repeat: no-repeat; background-position: top; padding: 30px 0px; }
.news-header .common-item{padding: 40px; background: #fff; border-radius: 6px; box-shadow: 0px 0px 6px #999999;}
.news-header input{font-size: 16px;}
.news-header button{font-size: 16px;}

.news-list{display: flex; flex-direction: column; gap:20px;  background: #f5f5f5; }
.news-list .common-item{background-color: #fff; border-radius: 6px; padding: 40px; box-shadow: 0px 0px 6px #999999;}
.news-list-item{display: flex; gap: 20px;}
.news-list-item h3{cursor: pointer;}
.news-list-item span{color: #999999; font-size: 12px; }
.news-list-item a{display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 14px; color: #999999; width: 980px;  cursor:pointer;}
.news-list-item img{height: 120px; width: 160px;border-radius: 6px; border:1px solid #e1e1e1;}
.news-list-item>div:last-child{border-bottom: 1px solid #e1e1e1; flex-grow: 1; display: flex; flex-direction: column; justify-content: space-between; padding:10px 0px}
.news-list-item>div:last-child>div{display: flex; gap: 20px; justify-content: end;}
.news-list-item>div:last-child>div span i{margin-right: 4px;}

.news-list .nav .nav-item{margin-right:40px;}
.news-list .nav .nav-item a{font-size: 24px; font-weight: 500; color: #333333; display: inline-block;}
.news-list .nav .nav-item a.active{color: #1165f7; border-bottom: 4px solid #1165f7;}
.news-list .nav .nav-item a:focus{outline: none;}