@media (max-width: 480px) {
  .banner {
    background-image: url(https://website-1322978539.cos.ap-guangzhou.myqcloud.com/zrczwms/img/cases/mobile/banner.webp) !important;
    padding-top: 30px !important;
    padding-bottom: 12px !important;
  }
  .banner-t1 {
    font-size: 20px !important;
  }
  .banner-t2 {
    font-size: 14px !important;
    padding-bottom: 128px !important;
  }
  .container {
    padding: 0 16px;
    padding-bottom: 36px !important;
  }
  .container .row {
    margin: 0;
    row-gap: 16px !important;
    padding-bottom: 32px !important;
  }
  .container .row > a {
    padding: 0 !important;
  }
  .article-box {
    border-radius: 6px;
  }
  .article-text-box {
    padding: 12px 12px 4px 12px !important;
    border-radius: 6px;
  }
  .article-link {
    margin-top: 16px !important;
  }
  .new-pagination-container {
    padding: 0 12px;
    justify-content: center;
    gap: 6px;
  }
}