html {
  scroll-padding-top: 2rem;
  /* 根据头部高度调整 */
}


/* .l-content{
  position: relative;
} */

/* .left-nav {
  position: absolute;
  left: 1.2rem;
  top: 6rem;
} */

/* .l-content-right { */
/* margin-left: 3rem; */
/* } */

.right-group-title {
  width: 95%;
  display: flex;
  align-items: center;
  margin-top: .64rem;
  flex-direction: row;
  position: relative;
  margin-bottom: .66rem;
}

.right-group-title-line {
  width: 100%;
  height: 1px;
  border: 1px solid #6B6B6B;
  opacity: 0.1;
}

.right-group-title .title {
  background-color: white;
  z-index: 10;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  font-weight: 500;
  font-size: .34rem;
  color: #E0A74F;
  padding: 0 .2rem;
}

.l-content-right .news-list .news_ul {
  width: 12.28rem;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  /* 允许换行 */
  gap: .46rem;
  padding-bottom: 1rem;
  /* 可选：设置元素之间的间距 */
}

.l-content-right .news-list .news_ul .news_ul_li {
  display: flex;
  flex-direction: column;
  position: relative;
  background-color: rgba(237, 239, 242, 1);
  align-items: center;
  width: 2.7rem;
  padding-top: .14rem;
  padding-bottom: .28rem;
  /* margin-bottom: .14rem; */
}

.l-content-right .news-list .news_ul .news_ul_li .l-news-right {
  width: 2.05rem;
  display: flex;
  flex-direction: row;
  align-items: end;
  padding: .14rem 0 0 0;
}

.l-content-right .news-list .news_ul .news_ul_li .l-news-right .title {
  width: 50%;
}

.l-content-right .news-list .news_ul .news_ul_li .l-news-right .title,
.l-content-right .news-list .news_ul .news_ul_li .l-news-right .title a,
.l-content-right .news-list .news_ul .news_ul_li .l-news-right .title p,
.l-content-right .news-list .news_ul .news_ul_li .l-news-right .title span {
  font-size: .30rem;
  white-space: nowrap;
  /* 禁止换行 */
  overflow: hidden;
  /* 隐藏超出部分 */
  text-overflow: ellipsis;
  /* 超出部分显示省略号 */
  display: block;
  color: #333333;
}


.l-content-right .news-list .news_ul .news_ul_li .l-news-right .info {
  font-size: .20rem;
  width: 50%;
}

.l-content-right .news-list .news_ul .news_ul_li .short-info {
  padding-top: .14rem;
  max-width: 80%;
}

.l-content-right .news-list .news_ul .news_ul_li .short-info,
.l-content-right .news-list .news_ul .news_ul_li .short-info a,
.l-content-right .news-list .news_ul .news_ul_li .short-info span {
  color: #333333;
  font-size: .20rem;
  display: -webkit-box;
  /* 使用弹性盒子布局 */
  -webkit-box-orient: vertical;
  /* 垂直方向排列 */
  -webkit-line-clamp: 2;
  /* 限制最多 2 行 */
  overflow: hidden;
  /* 超出部分隐藏 */
  text-overflow: ellipsis;
  /* 超出部分显示省略号 */
  word-break: break-word;
  /* 允许单词换行（防止长单词溢出） */
}


.l-content-right .news-list .news_ul .news_ul_li .l-news-right .info,
.l-content-right .news-list .news_ul .news_ul_li .l-news-right .info a,
.l-content-right .news-list .news_ul .news_ul_li .l-news-right .info span {
  color: #333333 !important;
  font-size: .20rem;
  white-space: nowrap;
  /* 禁止换行 */
  overflow: hidden;
  /* 隐藏超出部分 */
  text-overflow: ellipsis;
  /* 超出部分显示省略号 */
  display: block;
}

.l-content-right .news-list .news_ul .news_ul_li .l-news-left {
  width: 2.05rem;
  height: 2.5rem;
  position: relative;
}

.l-content-right .news-list .news_ul .news_ul_li .l-news-left img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.l-content-right .news-list .news_ul .news_ul_li .l-news-left::before {
  content: "";
  position: absolute;
  left: -.12rem;
  /* 将竖线定位到图片左侧 */
  top: .12rem;
  width: .12rem;
  height: 1.7rem;
  background-color: orange;
  clip-path: polygon(0 0, 100% 0, 100% 90%, 0 100%);
}


@media (max-width: 768px) {
  .l-content-right .news-list .news_ul .news_ul_li {
    width: 5.4rem;
    height: 8rem;
  }

  .l-content-right .news-list .news_ul .news_ul_li .l-news-left {
    width: 4.1rem;
    height: 5rem;
    position: relative;
  }

  .l-content-right .news-list .news_ul {
    /* 允许换行 */
    gap: 1rem;
    padding-bottom: 2rem;
    /* 可选：设置元素之间的间距 */
  }

  .l-content-right .news-list .news_ul .news_ul_li .l-news-right .title,
  .l-content-right .news-list .news_ul .news_ul_li .l-news-right .title p,
  .l-content-right .news-list .news_ul .news_ul_li .l-news-right .title span {
    font-size: .60rem;
  }

  .l-content-right .news-list .news_ul .news_ul_li .l-news-right .info,
  .l-content-right .news-list .news_ul .news_ul_li .l-news-right .info a,
  .l-content-right .news-list .news_ul .news_ul_li .l-news-right .info span {
    font-size: .40rem;
  }

  .l-content-right .news-list .news_ul .news_ul_li .l-news-right {
    width: 70%;
  }

  .l-content-right .news-list .news_ul .news_ul_li .l-news-left::before {
    left: -.24rem;
    /* 将竖线定位到图片左侧 */
    top: .24rem;
    width: .24rem;
    height: 3.4rem;
  }

  .right-group-title .title {
    font-size: .50rem;
  }

  .l-content-right .news-list .news_ul .news_ul_li .l-news-right .title,
  .l-content-right .news-list .news_ul .news_ul_li .l-news-right .title a,
  .l-content-right .news-list .news_ul .news_ul_li .l-news-right .title p,
  .l-content-right .news-list .news_ul .news_ul_li .l-news-right .title span {
    font-size: .50rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    color: #333333;
  }

  .l-content-right .news-list .news_ul .news_ul_li .l-news-right .info,
  .l-content-right .news-list .news_ul .news_ul_li .l-news-right .info a,
  .l-content-right .news-list .news_ul .news_ul_li .l-news-right .info span {
    color: #333333 !important;
    font-size: .40rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
  }

  .l-content-right .news-list .news_ul .news_ul_li .short-info,
  .l-content-right .news-list .news_ul .news_ul_li .short-info a,
  .l-content-right .news-list .news_ul .news_ul_li .short-info span {
    color: #333333;
    font-size: .40rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
  }


}