.ai-prodlist-laypage-normal .layui-box a,.ai-prodlist-laypage-normal .layui-laypage-curr{
      margin-top: 0;
      margin-bottom: 0;
      margin-inline-start: -1px;
      animation: button-pop var(--animation-btn, .25s) ease-out;
      display: inline-flex;
      min-height: 3rem;
      flex-shrink: 0;
      cursor: pointer;
      -webkit-user-select: none;
      user-select: none;
      flex-wrap: wrap;
      align-items: center;
      justify-content: center;
      border-radius: var(--rounded-btn, .5rem);
      border-color: transparent;
      border-color: oklch(var(--btn-color, var(--b2)) / var(--tw-border-opacity));
      text-align: center!important;
      font-size: .875rem!important;
      line-height: 1em;
      gap: .5rem;
      font-weight: 600!important;
      text-decoration-line: none;
      transition-duration: .2s;
      transition-timing-function: cubic-bezier(0,0,.2,1);
      border-width: var(--border-btn, 1px);
      transition-property: color, background-color, border-color, opacity, box-shadow, transform;
      --tw-text-opacity: 1;
      color: var(--fallback-bc, oklch(var(--bc) / var(--tw-text-opacity)))!important;
      --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);
      --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
      outline-color: var(--fallback-bc, oklch(var(--bc) / 1));
      background-color: oklch(var(--btn-color, var(--b2)) / var(--tw-bg-opacity));
      --tw-bg-opacity: 1;
      --tw-border-opacity: 1;
        height: 3rem;
      width: 3rem;
      padding: 0;
      border-start-end-radius: 0;
      border-end-end-radius: 0;
      border-end-start-radius: 0;
      border-start-start-radius: 0;
    }
    .ai-prodlist-laypage-normal .layui-box a:hover{
      background-color: color-mix(in oklab, oklch(var(--btn-color, var(--b2)) / var(--tw-bg-opacity, 1)) 90%, black);
      border-color: color-mix(in oklab, oklch(var(--btn-color, var(--b2)) / var(--tw-border-opacity, 1)) 90%, black);
    }
     .ai-prodlist-laypage-normal .layui-laypage-curr{
      --tw-border-opacity: 1;
      border-color:var(--ld-main1)!important;
      --tw-bg-opacity: 1;
      background-color: var(--ld-main1)!important;
      --tw-text-opacity: 1;
      color: var(--fallback-pc, oklch(var(--pc) / var(--tw-text-opacity)))!important;
    }
  
  
  .ai-prodlist-laypage-normal .layui-laypage>a:first-child {
      border-radius: 8px 0 0 8px;
  }
  .ai-prodlist-laypage-normal .layui-laypage>a:last-child{
      border-radius: 0 8px 8px 0;
  }
  
  .ai-prodlist-laypage-normal .layui-laypage-em{
    display:none;
  }
  .ai-prodlist-laypage-normal .layui-laypage{
    margin:0!important;
  }
     .ai-prodlist-laypage-normal .layui-laypage .layui-laypage-curr em{
    color:var(--ld-Auxiliary1);
  }
  .line-clamp-2{
      overflow: hidden;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2; /* 显示的行数 */
      line-clamp: 2; /* 用于现代浏览器 */
  }
  .line-clamp-4{
      overflow: hidden;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 4; /* 显示的行数 */
      line-clamp: 4; /* 用于现代浏览器 */
  }
  .product-image{
  padding-top:100%;
}
.line-clamp-2{
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2; /* 显示的行数 */
        line-clamp: 2; /* 用于现代浏览器 */
    }
    .line-clamp-4{
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4; /* 显示的行数 */
        line-clamp: 4; /* 用于现代浏览器 */
    }
    .swiper-site-block-container .swiper-horizontal {
        box-sizing: border-box;
        padding-top: 1rem;
        padding-bottom: 50px;
        padding-left: 10px;
        padding-right: 10px;
      }
      .swiper-site-block-container  .swiper-pagination-bullet{
          background:var(--ld-main1)!important;
          width:9px;
          height:9px;
       }

      .swiper-site-block-container  .ai-swiper-slide{
             height:auto!important;
        }
  
      @media (min-width: 768px) {
        #swiper-d5965456-cdb9-43b4-929f-651b7f881948  .ai-swiper-slide{
              width:50%;
        }
    }
  
      @media (min-width: 1024px) {
        #swiper-d5965456-cdb9-43b4-929f-651b7f881948  .ai-swiper-slide{
              width:33.33%;
        }
    }
  
      @media (min-width: 1536px) {
        #swiper-d5965456-cdb9-43b4-929f-651b7f881948  .ai-swiper-slide{
             width:25%;
        }
    }
  
    @media (min-width: 1200px) {
        .swiper-site-block-container{
          padding-left:30px!important;
          padding-right:30px!important;
        }
    }
    @media (max-width: 768px) {
         .swiper-site-block-container{
            padding-left:10px!important;
            padding-right: 10px!important; 
        }
    }