.container {
  padding: 6.25vw 6.25vw 9.53125vw; }
  .container .list .item {
    position: relative;
    border-radius: 3.125vw;
    overflow: hidden; }
    .container .list .item:not(:last-child) {
      margin-bottom: 4.5833333333vw; }
    .container .list .item .bg {
      display: block;
      width: 100%;
      object-fit: cover;
      height: 27.3958333333vw;
      transition: all 600ms; }
    .container .list .item::before {
      content: '';
      display: block;
      position: absolute;
      inset: 0;
      opacity: 0.8;
      z-index: 1;
      background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000 100%); }
    .container .list .item .text {
      position: absolute;
      left: 0;
      bottom: 3.9583333333vw;
      width: 100%;
      padding: 0 4.7395833333vw 0 4.0625vw;
      color: #fff;
      z-index: 2; }
      .container .list .item .text .time {
        line-height: 2.1875vw;
        font-weight: 300; }
      .container .list .item .text .des_btn {
        display: flex;
        justify-content: space-between;
        align-items: flex-end; }
        .container .list .item .text .des_btn .des {
          width: 59.375vw;
          font-weight: 500;
          line-height: 1.5; }
        .container .list .item .text .des_btn .more {
          opacity: .6;
          display: flex;
          align-items: center;
          gap: 0.78125vw;
          font-weight: 500;
          text-transform: uppercase;
          letter-spacing: 2px;
          margin-bottom: 0.625vw; }
          .container .list .item .text .des_btn .more span {
            width: 1px;
            height: 0.8333333333vw;
            background: #fff;
            transform: scaleX(0.5);
            transform-origin: left center; }
          .container .list .item .text .des_btn .more img {
            display: block;
            width: 1.25vw;
            transition: all 600ms; }
          .container .list .item .text .des_btn .more:hover img {
            transform: rotate(45deg); }
    .container .list .item:hover .bg {
      transform: scale(1.05); }
  .container .pager {
    display: flex;
    justify-content: center;
    gap: 1.25vw;
    margin-top: 6.0416666667vw;
    align-items: center; }
    .container .pager .prev svg,
    .container .pager .next svg {
      display: block;
      height: auto;
      width: 1.25vw; }
    .container .pager .nums {
      display: flex;
      gap: 0.46875vw; }
      .container .pager .nums a {
        width: 1.9791666667vw;
        height: 2.0833333333vw;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 10px;
        color: #141412;
        font-family: "Poppins";
        transition: all 600ms; }
        .container .pager .nums a.on, .container .pager .nums a:hover {
          background: #000;
          color: #fff; }

@media screen and (max-width: 768px) {
  .container {
    padding: 30px 5% 60px; }
    .container .list .item {
      border-radius: 20px; }
      .container .list .item:not(:last-child) {
        margin-bottom: 20px; }
      .container .list .item .bg {
        height: 200px; }
      .container .list .item .text {
        bottom: 15px;
        padding: 0 5%; }
        .container .list .item .text .time {
          line-height: 1.5; }
        .container .list .item .text .des_btn {
          flex-direction: column;
          align-items: flex-start;
          gap: 10px; }
          .container .list .item .text .des_btn .des {
            width: 100%;
            font-size: 16px; }
          .container .list .item .text .des_btn .more {
            gap: 10px;
            margin-bottom: 0; }
            .container .list .item .text .des_btn .more span {
              height: 12px; }
            .container .list .item .text .des_btn .more img {
              width: 16px; }
    .container .pager {
      gap: 15px;
      margin-top: 30px; }
      .container .pager .prev svg,
      .container .pager .next svg {
        width: 16px; }
      .container .pager .nums {
        gap: 8px; }
        .container .pager .nums a {
          width: 32px;
          height: 32px;
          font-size: 14px; } }

/*# sourceMappingURL=news.css.map */