.newsInfo {

  width: 1200px;

  margin: auto;

  padding: 20px;

  display: flex;

  background: #fafcff;

  border-radius: 4px;

  margin-bottom: 20px;

}

.news_menu {

  width: 160px;

}

.layui-tree-pack{

  padding-left: 10px !important;

}

.news_menu .layui-tree-entry{

  height: auto;

  /* padding: 14px 18px; */

  background: #f5f9ff;

  border-radius: 4px;

  font-size: 18px;

  font-weight: 400;

  text-align: center;

  word-wrap: break-word;

  color: #666666;

  line-height: 25px;

  margin-bottom: 10px;

}

.news_menu .second{

  background: rgba(11, 95, 213, 0.8);

}

.news_menu .second .layui-tree-entry{

  background: rgba(11, 95, 213, 0);

  color: #fff;

}

.news_menu .second .layui-tree-entry .layui-tree-txt{

  color: #fff;

}

.news_menu .layui-tree-entry .layui-tree-main{

  display: flex;

  padding-right: 0;

  align-items: center;

}

.layui-tree-spread>.layui-tree-entry .layui-tree-iconArrow:after{

  left: 0;

  border-color: #c0c4cc transparent transparent  transparent ;

}

.layui-tree-pack .layui-tree-spread .layui-tree-iconArrow:after{

  left: 0;

  border-color: #c0c4cc transparent transparent  transparent ;

}



.layui-tree-pack .layui-tree-txt, .layui-tree-lineExtend .layui-tree-txt, .layui-tree-showLine .layui-tree-txt{

  font-size: 16px;

}

.news_menu .active{

  background: #0b5fd5 !important;

  position: relative;

}

.news_menu .second>.layui-tree-entry .layui-tree-main .layui-tree-iconClick{

  display: inline-block;

}

.news_menu .layui-tree-main .layui-tree-iconClick{

  display: none;

}

.news_menu .active .layui-tree-txt{

  color: #fff;

}

.news_menu .active::before {

  content: "";

  position: absolute;

  right: 0;

  top: 40%;

  width: 0;

  height: 0;

  border-top: 7px solid transparent;

  border-right: 7px solid #fff;

  border-bottom: 7px solid transparent;

}

.news_menu .layui-tree-entry:hover {

  background-color: #0b5fd5;

  color: #fff;

}

.news_menu .layui-tree-entry .layui-tree-txt{

  white-space: pre-wrap;

  cursor: pointer;

  min-height: 54px;

  width: 160px;

  padding: 0 20px;

  display: flex;

  align-items: center;

  justify-content: center;

}

.news_menu .layui-tree-entry:hover .layui-tree-txt{

  color: #fff;

}

.news_rt {

  flex: 1;

  margin-left: 30px;

}

.news_list {

  min-height: 429px;

}

.news_list_tabs {

  display: flex;

}

.news_list_tabs > li {

  list-style: none;

  padding: 10px 30px;

  font-size: 16px;

  font-weight: 400;

  color: #666666;

}

.news_list_tabs .active {

  font-weight: 600;

  color: #323232;

  position: relative;

}

.news_list_tabs .active::before {

  content: "";

  position: absolute;

  bottom: -2px;

  left: 42%;

  height: 4px;

  width: 20px;

  border-radius: 2px;

  background: #323232;

}

.news_list > li {

  font-size: 14px;

  font-weight: 400;

  text-align: left;

  color: #323232;

  padding: 10px 0 10px 24px;

  border-bottom: 1px solid #f2f2f2;

  position: relative;

}

.news_list > li::before {

  content: "";

  width: 4px;

  height: 4px;

  background: #323232;

  border-radius: 2px;

  position: absolute;

  left: 12px;

  top: 18px;

}

.news_list > li > span:first-child {

  display: inline-block;

  width: 90%;

  font-weight: 600;

  cursor: pointer;

}

.news_list > li > span:first-child > a {

  cursor: pointer;

  color: #323232;

}

.news_list > li > span:first-child > a:hover {

  text-decoration: none;

  color: #0b5fd5;

}

.news_list > li > span:last-child {

  display: inline-block;

  width: 10%;

  text-align: right;

  color: #cccccc;

}

#pagination {

  width: 100%;

  height: 84px;

  display: flex;

  justify-content: flex-end;

  align-items: center;

}

#pagination > a,

#pagination > span {

  font-size: 14px;

  padding: 5px 8px;

  border: 1px solid #cccccc;

  border-radius: 4px;

  margin-right: 10px;

  color: #000;

}

#pagination .active {

  background: #0b5fd5;

  border-radius: 4px;

  color: #fff;

}

#pagination .total {

  margin-right: 15px;

  border: none;

}

.noData {

  color: #666;

  font-size: 14px;

  padding: 20px;

}