.NewsCenterTop {
     width: 100%;
     background-color: #fff;
     display: flex;
     justify-content: center;

 }

 .TagsView {
     position: relative;
 }

 .TagsView .newTabs {
     position: absolute;
     top: 0;
     right: 20px;
     height: 30px;
     display: flex;
 }

 .TagsView span {
     cursor: pointer;
     height: 30px;
     line-height: 30px;
     padding: 0 40px;
     display: inline-block;
     text-align: center;
 }

 .TagsView .newdot.active {
     color: #fff;
     background-color: #144a95;
 }

 .newdot span {
     font-size: 20px;
 }

 /* 假设的内容区域样式 */
 #content {
     margin: 20px;
     border: 1px solid #ccc;
     padding: 10px;
 }

 .NewsCentertop {
     display: flex;
     height: 50px;
     margin: 10px 0;
 }

 .newtypedot {
     cursor: pointer;
     font-size: 16px; 
     height: 30px;
     line-height: 24px;
     color: #9a9a9a;
     margin-right: 20px;
     padding: 4px 16px;
     border-radius: 3px;
     display: inline-block;
     text-align: center;
 }

 .newtypedot.active { 
     color: #144A95; 
     background-color: #f5f7fd;
 }

 .NewsCenteritem {
     cursor: pointer;
     padding: 25px 0;
     min-height: 140px;
     border-bottom: 1px solid #EBEDF0 ;
     display: flex;
 }
 .NewsCenteritem:hover  .title{
     color:#144A95;
}
 
 .NewsCenteritem-l {
     width: 92px;
     height: 92px;
     background-color: #f5f7fd;
     display: flex;
     justify-content: center;
     align-items: center;
     color: #144A95;
 }
 .NewsCenteritem:hover .NewsCenteritem-l { 
     color:#fff;
     background-color:#144A95;
}

 .NewsCenteritem-r {
     flex:1;
     margin-left: 20px;
 }

 .NewsCenteritem-r .title {
     font-size: 20px;
     line-height: 23px;
     margin-bottom: 10px; 
     color: #000000;
     font-weight: 600;
 }

 .NewsCenteritem-r .cont {
     font-size: 14px;
     color: #666666;
     line-height: 20px;
     display: -webkit-box;
     -webkit-line-clamp: 2;
     /* 限制在两行 */
     -webkit-box-orient: vertical;
     overflow: hidden;
     text-overflow: ellipsis;
 }

 .NewsCenteritem .active {
     color: blue;
 }

 .NewsCenterfooter {
     font-size: 14px;
     margin-top: 20px;
     display: flex;
     justify-content: flex-end;
 }

 .NewsCenterfooter span {
     display: inline-block;
     font-size: 14px;
 }

 .NewsCenterfooter ul {
     display: inline-flex
 }

 /* 分页样式 */
 .pagination {
     height: 36px;
     line-height: 22px;
     display: flex;
     justify-content: center;
     list-style: none;
     padding: 0;
     margin: 10px 0;
 }

 .pagination li {
     margin: 0 5px;
 }

 .pagination li a {
     text-decoration: none;
     padding: 5px 10px;
     border: 1px solid #ddd;
     border-radius: 3px;
     color: #333;
 }

 .pagination li.active a {
     font-weight: bold;
     background-color: #f5f7fd;
     color: #144a95
 }

 .paginationInput {
     height: 22px;
     line-height: 22px;
     display: inline-flex;
     margin: 10px;
 }

 .paginationInput input {
     height: 22px;
     line-height: 22px;
     width: 50px;
 }

 .paginationSelect {
     height: 22px;
     line-height: 22px;
     margin: 10px;
     display: inline-flex;

 }

 .paginationIcon {
     height: 22px;
     line-height: 22px;
     margin: 10px;
     display: inline-flex;
     cursor: pointer;
 }

 .newslogotop {
     margin-bottom: 5px;
     font-size: 20px;
     line-height: 23px;
 }

 .newslogobo {
     text-decoration: overline;
     font-size: 10px;
     line-height: 12px;
 }