.l__news-list {
  margin-top: 12.8vw;
  padding-bottom: 20vw;
}
.l__news-list .recomms {
  margin-top: 11.2vw;
}
.l__news-list .recomms .swiper {
  padding: 3.733333vw 0 5.333333vw;
}
.l__news-list .recomms .swiper .swiper-slide {
  height: 140vw;
  /*&-active {
    .cover {
      transform: scaleY(1.1);
      transition-delay: 0.2s;
    }
  }*/
}
.l__news-list .recomms .swiper .swiper-slide .content {
  display: flex;
  flex-direction: column;
  padding: 0 var(--padding);
}
.l__news-list .recomms .swiper .swiper-slide .content .timer {
  order: 3;
  margin-top: 11.6vw;
  position: relative;
}
.l__news-list .recomms .swiper .swiper-slide .content .timer .year {
  font-size: var(--size-62);
  color: #E5E5E5;
  font-weight: 800;
}
.l__news-list .recomms .swiper .swiper-slide .content .timer .month {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  font-size: var(--size-36);
  font-weight: 800;
  color: var(--link-hover-color);
  transform: translateY(-40%);
}
.l__news-list .recomms .swiper .swiper-slide .content h3 {
  order: 1;
  line-height: 1.2;
  white-space: pre-wrap;
}
.l__news-list .recomms .swiper .swiper-slide .content .summary {
  order: 2;
  margin-top: 2.666667vw;
  line-height: 1.4;
  transition: all 0.6s ease 0s;
}
.l__news-list .recomms .swiper .swiper-slide .cover {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 72%;
  transition: all 0.3s;
  clip-path: polygon(0% 47%, 100% 0%, 100% 100%, 0% 100%);
}
.l__news-list .recomms .swiper .swiper-slide .cover img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.l__news-list .recomms .swiper .swiper-pagination {
  bottom: 5%;
}
.l__news-list .recomms .swiper .swiper-pagination-bullet {
  border-radius: 8px;
  --swiper-pagination-bullet-inactive-opacity: 0.6;
  --swiper-pagination-bullet-inactive-color: #FFFFFF;
  transition: all 0.6s ease 0s;
}
.l__news-list .recomms .swiper .swiper-pagination-bullet-active {
  width: 53px;
  background-color: var(--link-hover-color);
}
.l__news-list .cates {
  margin-top: 16vw;
  display: flex;
  align-items: center;
  justify-content: center;
}
.l__news-list .cates .item {
  display: block;
  padding: 2.133333vw 4.4vw 2.266667vw;
  border-radius: 9.066667vw;
  font-size: var(--size-36);
  border: 2px solid transparent;
}
.l__news-list .cates .item.actived {
  border-color: var(--link-hover-color);
}
.l__news-list .boder {
  margin-top: 50px;
  padding: 0 var(--padding);
}
.l__news-list .boder .item {
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.l__news-list .boder .item .cover {
  width: 100%;
}
.l__news-list .boder .item .cover img {
  width: 100%;
}
.l__news-list .boder .item .content h4 {
  transition: all 0.6s ease 0s;
  white-space: pre-wrap;
  line-height: 1.2;
}
.l__news-list .boder .item .content .timer {
  color: #666666;
  transition: all 0.6s ease 0s;
}
.l__news-list .boder .item .content .timer .day {
  display: block;
  font-size: var(--size-42);
  font-weight: 800;
}
.l__news-list .boder .item .content .timer .year {
  display: block;
  margin-top: 5px;
  font-size: var(--size-14);
}
.l__news-list .boder .item:hover:after {
  width: 100%;
}
.l__news-list .boder .item:hover .cover img {
  transform: scale(1.03);
}
.l__news-list .boder .item:hover .content h4, .l__news-list .boder .item:hover .timer {
  color: var(--link-hover-color);
}
.l__news-list .pagination {
  margin-top: 13.333333vw;
}

.l__news-detail {
  padding: 16vw var(--padding);
}
.l__news-detail .new-cates {
  display: flex;
}
.l__news-detail .new-cates span {
  display: block;
  width: 1px;
  margin: 0 1.733333vw;
  background-color: #333333;
}
.l__news-detail > h1 {
  margin-top: 16vw;
}
.l__news-detail .params {
  margin-top: 8.4vw;
  padding: 0.8vw 0;
  border-bottom: 3px var(--link-hover-color) solid;
  display: flex;
  flex-wrap: wrap;
}
.l__news-detail .params .item {
  width: 50%;
  padding: 2.5px 0;
}
.l__news-detail .detail-content {
  margin-top: 10.666667vw;
  padding-bottom: 13.333333vw;
  border-bottom: 2px #B9B9B9 solid;
}
.l__news-detail .cat-navs {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 4vw 0 0;
  font-size: var(--size-14);
  color: #818181;
}
.l__news-detail .cat-navs a {
  max-width: 49%;
  --link-color: #818181;
}

@media screen and (max-width: 991px) {
  .l__news-list .boder .item {
    margin-top: 6.666667vw;
    border-radius: 2.666667vw;
    background-color: #FFFFFF;
    box-shadow: 0.666667vw 0.666667vw 2.666667vw rgba(0, 0, 0, 0.3);
  }
  .l__news-list .boder .item .content {
    display: flex;
    align-items: center;
    padding: 4.666667vw 6.266667vw 3.733333vw 4.666667vw;
  }
  .l__news-list .boder .item .content h4 {
    padding-left: 2.133333vw;
  }
  .l__news-list .boder .item .content .summary {
    display: none;
  }
  .l__news-list .boder .item .content .timer {
    text-align: center;
  }
  .l__news-list .boder .item .circle-arrow {
    display: none;
  }
}
@media screen and (min-width: 992px) {
  .l__news-list {
    margin-top: 5vw;
    padding-bottom: 7.8125vw;
  }
  .l__news-list .recomms {
    padding-left: var(--padding);
    margin-top: 9.114583vw;
  }
  .l__news-list .recomms .swiper {
    padding: 1.458333vw 0 2.083333vw;
  }
  .l__news-list .recomms .swiper .swiper-slide {
    display: flex;
    height: 35.729167vw;
    background: #F3F3F3;
  }
  .l__news-list .recomms .swiper .swiper-slide .content {
    display: block;
    padding: 4.166667vw 0 0 3.645833vw;
    width: 31.25vw;
  }
  .l__news-list .recomms .swiper .swiper-slide .content .timer {
    margin-top: 0;
  }
  .l__news-list .recomms .swiper .swiper-slide .content h3 {
    font-size: 1.666667vw;
    margin-top: 3.125vw;
  }
  .l__news-list .recomms .swiper .swiper-slide .content .summary {
    margin-top: 1.041667vw;
  }
  .l__news-list .recomms .swiper .swiper-slide .cover {
    flex: 1;
    position: static;
    height: auto;
    clip-path: polygon(28% 0%, 100% 0%, 100% 100%, 0% 100%);
  }
  .l__news-list .recomms .swiper .swiper-slide-active .cover {
    transform: scaleY(1.1);
    transition-delay: 0.2s;
  }
  .l__news-list .recomms .swiper .swiper-pagination {
    width: auto;
    left: 3.645833vw;
    bottom: 10%;
  }
  .l__news-list .recomms .swiper .swiper-pagination-bullet {
    --swiper-pagination-bullet-inactive-opacity: 0.4;
    --swiper-pagination-bullet-inactive-color: #000;
  }
  .l__news-list .recomms .swiper .swiper-pagination-bullet-active {
    width: 2.760417vw;
  }
  .l__news-list .cates {
    margin-top: 9.895833vw;
  }
  .l__news-list .cates .item {
    padding: 0.833333vw 1.71875vw 0.885417vw;
    border-radius: 1.71875vw;
  }
  .l__news-list .boder {
    margin-top: 2.604167vw;
  }
  .l__news-list .boder .item {
    padding: 3.645833vw 0;
    flex-direction: row;
    align-items: center;
    position: relative;
  }
  .l__news-list .boder .item:before {
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    width: 100%;
    height: 2px;
    content: "";
    background-color: #B9B9B9;
  }
  .l__news-list .boder .item:after {
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    width: 0;
    height: 3px;
    content: "";
    background-color: var(--link-hover-color);
  }
  .l__news-list .boder .item .cover {
    flex-shrink: 0;
    width: 22.291667vw;
    padding-right: 5.64%;
  }
  .l__news-list .boder .item .content {
    flex: 1;
    width: 0;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: column;
    min-height: 11.979167vw;
    align-self: stretch;
    padding-right: 15%;
  }
  .l__news-list .boder .item .content .summary {
    display: flex;
    align-items: center;
    line-height: 1.4;
    overflow: hidden;
  }
  .l__news-list .boder .item .content .summary .line {
    -webkit-line-clamp: 1;
  }
  .l__news-list .boder .item .circle-arrow {
    flex-shrink: 0;
  }
  .l__news-list .pagination {
    margin-top: 5.208333vw;
  }
  .l__news-detail {
    padding-top: 6.25vw;
    padding-bottom: 6.25vw;
  }
  .l__news-detail .new-cates span {
    margin: 0 0.677083vw;
  }
  .l__news-detail > h1 {
    margin-top: 6.25vw;
  }
  .l__news-detail .params {
    margin-top: 3.28125vw;
    padding: 0.3125vw 0;
  }
  .l__news-detail .detail-content {
    margin-top: 4.166667vw;
    padding-bottom: 5.208333vw;
  }
  .l__news-detail .cat-navs {
    margin: 1.5625vw 0 0;
  }
}
@media screen and (min-width: 1440px) {
  .l__news-list .recomms .swiper .swiper-slide .content h3 {
    font-size: var(--size-32);
  }
  .l__news-list .boder .item .content .summary .line {
    -webkit-line-clamp: 2;
  }
}
@media screen and (min-width: 1920px) {
  .l__news-list {
    margin-top: 96px;
    padding-bottom: 150px;
  }
  .l__news-list .recomms {
    margin-top: 175px;
  }
  .l__news-list .recomms .swiper {
    padding: 28px 0 40px;
  }
  .l__news-list .recomms .swiper .swiper-slide {
    height: 686px;
  }
  .l__news-list .recomms .swiper .swiper-slide .content {
    padding: 80px 0 0 70px;
  }
  .l__news-list .recomms .swiper .swiper-slide .content h3 {
    margin-top: 100px;
  }
  .l__news-list .recomms .swiper .swiper-slide .content .summary {
    margin-top: 20px;
  }
  .l__news-list .recomms .swiper .swiper-pagination {
    left: 70px;
  }
  .l__news-list .recomms .swiper .swiper-pagination-bullet-active {
    width: 53px;
  }
  .l__news-list .cates {
    margin-top: 190px;
  }
  .l__news-list .cates .item {
    padding: 16px 33px 17px;
    border-radius: 33px;
    font-size: 36px;
  }
  .l__news-list .boder {
    margin-top: 50px;
  }
  .l__news-list .boder .item {
    padding: 70px 0;
  }
  .l__news-list .boder .item .content .summary .line {
    -webkit-line-clamp: 3;
  }
  .l__news-list .pagination {
    margin-top: 100px;
  }
  .l__news-detail {
    padding-top: 120px;
    padding-bottom: 120px;
  }
  .l__news-detail .new-cates span {
    margin: 0 13px;
  }
  .l__news-detail > h1 {
    margin-top: 120px;
  }
  .l__news-detail .params {
    margin-top: 63px;
    padding: 6px 0;
  }
  .l__news-detail .detail-content {
    margin-top: 80px;
    padding-bottom: 100px;
  }
  .l__news-detail .cat-navs {
    margin: 30px 0 0;
  }
}