.news {
  background: url("../images/news/icon1.webp") top center no-repeat;
  background-color: #fff;
}
.newsPage {
  padding-bottom: 110px;
}
.newTab {
  white-space: nowrap;
  overflow-x: auto;
  max-width: 1200px;
  padding: 50px 0;
  position: relative;
}
.newsTabItem {
  display: inline-block;
  padding: 9px 29px;
  border-radius: 40px;
  margin-right: 15px;
  font-size: 16px;
  font-weight: 500;
  color: #333;
}
.newsTabItem.cur {
  background: #0056D2;
  color: #fff;
}
.newsCard {
  background: #FFFFFF;
  box-shadow: 0 0 10px 0 #0000001a;
  border-radius: 10px;
  margin-top: 20px;
  display: flex;
  padding: 22px;
}
.newsCard:hover .itemTitle {
  color:#0056D2;
}
.newsImgBox {
  flex: 0 0 224px;
  position: relative;
  top: 0;
}
.tasListLeft {
  display: none;
}
.newsImg {
  width: 224px;
  height: 126px;
  border-radius: 5px;
}
.newsCardRight {
  flex: 1;
  width: 0;
}
.tag {
  display: inline-block;
  padding: 4px 11px;
  border-radius: 3px;
  margin-right: 10px;
  background: #E1EAFF;
  color: #225EED;
}
.tag1 {
  background: #FFF0DF;
  color: #DF7E0E;
}
.tag2 {
  background: #EAFAF8;
  color: #078372;
}
.tag4 {
  background: #E1EAFF;
  color: #225EED;
}
.time {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.link {
  color: #225EED;
}
.cHtml img {
  max-width: 100%;
}

.cHtml a {
  word-break: break-all;
}
.tagWrap {
  flex: 0 0 100%;
  position: absolute;
  bottom: 0px;
  left: 0px;
}
.tagWrap > span {
  padding: 8px 20px;
  background: #F1F1F1;
  border-radius: 5px;
  display: inline-block;
  font-size: 12px;
  margin-top: 10px;
  color: #333333;
}

@media screen and (max-width: 960px) {
  .container {
    padding: 0;
  }
}
@media screen and (max-width: 768px) {
  .newsPage {
    padding-bottom: 9.333rem;
  }
  .container {
    padding: 0 2.67rem;
  }
  .newTab{
    margin: 0 -2.67rem;
    background: #fbfbfb;
    padding: 2.67rem 8rem;
  }
  .news {
    background: #fff;
  }
  .tops {
    background: url("../images/news/icon4.webp") top center no-repeat;
    background-size: 100% 100%;
    padding-bottom: 9.33rem;
  }
  .tagWrap {
    position: relative;
  }
  .newsTabItem {
    padding: 0;
    border-radius: 0;
    margin-right: 11.47rem;
    font-size: 3.47rem;
    position: relative;
    top: 0;
  }
  .newsTabItem.cur {
    background: none;
    color: #333;
    font-weight: 600;
  }
  .newsTabItem:last-child {
    margin-right: 0;
  }
  .newsTabItem::after {
    content: "";
    width: 5.33rem;
    height: 1px;
    border: 0.4rem solid #1974DF;
    position: absolute;
    bottom: -2rem;
    left: 50%;
    transform: translateX(-50%);
    display: none;
  }
  .newsTabItem.cur::after {
    display: block;
  }
  .newsCard {
    padding: 2.93rem;
  }
  .newsImgBox {
    flex: 0 0 29.87rem;
  }
  .newsImg {
    width: 29.87rem;
    height: 16.8rem;
  }
  .newsCardRight {
    padding-left: 2.67rem;
  }
  .tasList {
    display: none;
  }
  .tasListLeft {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
  }
  .tasListLeft .tag {
    margin-right: 0;
    font-size: 2.93rem;
    border-radius: 0 5px 0 20px;
    position: relative;
  }
  .link {
    display: none;
  }
  .itemTitle {
    white-space: normal;
    height: 8.53rem;
    line-height: 4.27rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;       /* 限制为两行 */
    -webkit-box-orient: vertical;
    font-size: 3.47rem;
  }
  .description, .time div {
    font-size: 2.93rem;
  }
}

.newsDetail {
  background: #F8F8F8;
}
.prevBtn {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #fff;
}
.prev {
  flex: 0 0 45%;
  display: flex;
  align-items: center;
  width: 0;
}
.prev .prevTitle {
  width: 98%;
}
.mobilePrevBtn {
  display: none;
}

.content {
  font-size: 16px;
}
.tagBox {
  position: relative;
}
.pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 6px;
  font-family: 'Inter', -apple-system, sans-serif;
  padding: 12px 0;
}

.pagination a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border-radius: 8px;
  font-size: 15px;
  font-weight: 500;
  color: #4B5563;
  text-decoration: none;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  border: 1px solid #E5E7EB;
  background: white;
}

/* 当前页样式 */
.pagination .curPage {
  background: #3B82F6;
  color: white;
  border-color: transparent;
  box-shadow: 0 1px 3px rgba(59, 130, 246, 0.2);
  transform: scale(1.05);
}

/* 悬停效果 */
.pagination a:not(.disabled):not(.curPage):hover {
  background: #F3F4F6;
  border-color: #D1D5DB;
  color: #1F2937;
}

/* 箭头按钮特殊样式 */
.pagination a:first-child,
.pagination a:last-child {
  width: auto;
  padding: 0 12px;
  font-weight: 600;
}

/* 禁用状态 */
.pagination .disabled {
  color: #9CA3AF;
  border-color: #F3F4F6;
  background: #F9FAFB;
}

/* 省略号样式 */
.pagination .ellipsis {
  border: none;
  background: transparent;
  color: #6B7280;
  pointer-events: none;
}

/* 活动状态微交互 */
.pagination a:active:not(.disabled) {
  transform: scale(0.98);
}
@media screen and (max-width: 768px) {
  .prevBtn {
    display: none;
  }
  .newsDetailWrap {
    border-radius: 7px;
  }
  .tagBox {
    border-bottom: none;
    padding-top: 7rem;
  }
  .detailTitle {
    font-size: 5.07rem;
    text-align: left;
  }
  .tag {
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 0 5px 0 20px;
    font-size: 3.47rem;
  }
  .content {
    font-size: 3.47rem;
  }
  .mobilePrevBtn {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 4rem;
    margin-bottom: 4rem;
  }
  .prevMobile {
    width: 40vw;
    line-height: 12rem;
    background: #F5F9FF;
    border: 1px solid #0056D2;
    border-radius: 5px;
    text-align: center;
  }
  .newsDetail {
    padding: 2.667rem 0 0 0;
  }
  .dTag {
    margin-right: 0px;
  }
  .newTab::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Edge */
  }
  .newTab {
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE/Edge */
  }
}