
.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;
       }
  
      @media (min-width: 768px) {
        #swiper-1f74155c-7955-4d42-bcee-f8630d499004  .ai-swiper-slide{
              width:50%;
        }
    }
  
      @media (min-width: 1024px) {
        #swiper-1f74155c-7955-4d42-bcee-f8630d499004  .ai-swiper-slide{
              width:33.33%;
        }
    }
  
      @media (min-width: 1536px) {
        #swiper-1f74155c-7955-4d42-bcee-f8630d499004  .ai-swiper-slide{
             width:25%;
        }
    }
  
      .swiper-site-block-container  .ai-swiper-slide{
             height:auto!important;
        }
    @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; 
        }
    }
.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-a6407533-5fd1-4497-b780-0a3bcf57a8ed  .ai-swiper-slide{
              width:50%;
        }
    }
  
      @media (min-width: 1024px) {
        #swiper-a6407533-5fd1-4497-b780-0a3bcf57a8ed  .ai-swiper-slide{
              width:33.33%;
        }
    }
  
      @media (min-width: 1536px) {
        #swiper-a6407533-5fd1-4497-b780-0a3bcf57a8ed  .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; 
        }
    }
.sitewidget-form-20240627234727 #formsubmit{ pointer-events: none; }
.sitewidget-form-20240627234727 #formsubmit.releaseClick{ pointer-events: unset; }

.sitewidget-form-20240627234727 .form-horizontal input,.sitewidget-form-20240627234727 .form-horizontal span,.sitewidget-form-20240627234727 .form-horizontal label,.sitewidget-form-20240627234727 .form-horizontal .form-builder button{height:20px !important;line-height:20px !important;}
.sitewidget-form-20240627234727 .uploadBtn{padding:4px 15px !important;height:20px !important;line-height:20px !important;}

.sitewidget-form-20240627234727 select, .sitewidget-form-20240627234727 input[type="text"], .sitewidget-form-20240627234727 input[type="password"], .sitewidget-form-20240627234727 input[type="datetime"], .sitewidget-form-20240627234727 input[type="datetime-local"], .sitewidget-form-20240627234727 input[type="date"], .sitewidget-form-20240627234727 input[type="month"], .sitewidget-form-20240627234727 input[type="time"], .sitewidget-form-20240627234727 input[type="week"], .sitewidget-form-20240627234727 input[type="number"], .sitewidget-form-20240627234727 input[type="email"], .sitewidget-form-20240627234727 input[type="url"], .sitewidget-form-20240627234727 input[type="search"], .sitewidget-form-20240627234727 input[type="tel"], .sitewidget-form-20240627234727 input[type="color"], .sitewidget-form-20240627234727 .uneditable-input{height:20px !important;}
.sitewidget-form-20240627234727 textarea.cus-message-input{min-height:20px !important;}
.sitewidget-form-20240627234727 .add-on, .sitewidget-form-20240627234727 .add-on{height:20px !important;line-height:20px !important;}

	.sitewidget-form-20240627234727 textarea, .sitewidget-form-20240627234727 input[type="text"], .sitewidget-form-20240627234727 input[type="password"], .sitewidget-form-20240627234727 input[type="datetime"],
	.sitewidget-form-20240627234727 input[type="datetime-local"], .sitewidget-form-20240627234727 input[type="date"], .sitewidget-form-20240627234727 input[type="month"],
	.sitewidget-form-20240627234727 input[type="time"], .sitewidget-form-20240627234727 input[type="week"], .sitewidget-form-20240627234727 input[type="number"], .sitewidget-form-20240627234727 input[type="email"],
	.sitewidget-form-20240627234727 input[type="url"], .sitewidget-form-20240627234727 input[type="search"], .sitewidget-form-20240627234727 input[type="tel"],
	.sitewidget-form-20240627234727 input[type="color"], .sitewidget-form-20240627234727 .uneditable-input {
		box-shadow: none ;
	}
.sitewidget-form-20240627234727 #formsubmit{
		border:1px solid rgb(0, 102, 204);
		border-radius:4px;
		background:rgb(0, 102, 204);
		color:#fff;
		font-size:14px;
		width:150px;
		height:50px;
		}
	.sitewidget-form-20240627234727 #formsubmit:hover{
		border:1px solid #204d74;
		border-radius:4px;
		background:#286090;
		color:#fff;
		font-size:14px;
		}
	.sitewidget-form-20240627234727 #formreset{
		width:150px;
		font-size:14px;
		height:50px;
	}
	.sitewidget-form-20240627234727 #formreset:hover{
		font-size:14px;
	}
.sitewidget-form-20240627234727 .submitGroup .controls{
		text-align:center;
	}
/* 下拉复选框开始 */
.sitewidget-form-20240627234727 .multiple-parent label {

}

.sitewidget-form-20240627234727 .multiple-parent input[type='checkbox']+label:before {
content: "";
display: inline-block;
width: 12px;
height: 12px;
border: 1px solid #888;
border-radius: 3px;
margin-right: 6px;
margin-left: 6px;
transition-duration: .2s;
}

.sitewidget-form-20240627234727 .multiple-parent input[type='checkbox']:checked+label:before {
width: 50%;
border-color: #888;
border-left-color: transparent;
border-top-color: transparent;
-webkit-transform: rotate(45deg) translate(1px, -4px);
transform: rotate(45deg) translate(1px, -4px);
margin-right: 12px;
width: 6px;
}

.sitewidget-form-20240627234727 .multiple-parent input[type="checkbox"] {
display: none;
}

.sitewidget-form-20240627234727 .multiple-parent {
display: none;
width: 100%;
}

.sitewidget-form-20240627234727 .multiple-parent ul {
list-style: none;
width: 100%;
text-align: left;
border-radius: 4px;
padding: 10px 5px;
box-sizing: border-box;
height: auto;
overflow-x: hidden;
overflow-y: scroll;
box-shadow: 0 4px 5px 0 rgb(0 0 0 / 14%), 0 1px 10px 0 rgb(0 0 0 / 12%), 0 2px 4px -1px rgb(0 0 0 / 30%);
background-color: #fff;
margin: 2px 0 0 0;
border: 1px solid #cccccc;
box-shadow: 1px 1px 2px rgb(0 0 0 / 10%) inset;
}

/*滚动条样式*/
.sitewidget-form-20240627234727 .multiple-parent ul::-webkit-scrollbar {
width: 2px;
height: 4px;
}

.sitewidget-form-20240627234727 .multiple-parent ul::-webkit-scrollbar-thumb {
border-radius: 5px;
-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
background: rgb(78, 158, 151);
}

.sitewidget-form-20240627234727 .multiple-parent ul::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
border-radius: 0;
background: rgba(202, 202, 202, 0.23);
}

.sitewidget-form-20240627234727 .multiple-select {
width: 100%;
height: auto;
min-height: 40px;
line-height: 40px;
border-radius: 4px;
padding-right: 10px;
padding-left: 10px;
box-sizing: border-box;
overflow: hidden;
background-size: auto 80%;
border: 1px solid #cccccc;
box-shadow: 1px 1px 2px rgb(0 0 0 / 10%) inset;
background-color: #fff;
position: relative;
}
.sitewidget-form-20240627234727 .multiple-select:after{
    content: '';
    position: absolute;
    top: 50%;
    right: 6px;
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-top-color: #888;
    transform: translateY(calc(-50% + 4px));
    cursor: pointer;
}
.sitewidget-form-20240627234727 .multiple-select span {
line-height: 28px;
color: #666;
}

.sitewidget-form-20240627234727 .multiple-parent label {
color: #333;
display: inline-flex;
align-items: center;
height: 30px;
line-height: 22px;
padding: 0;
}

.sitewidget-form-20240627234727 .multiple-parent ul li:not([class^="group"]) {

}

.sitewidget-form-20240627234727 .select-content {
display: inline-block;
border-radius: 4px;
line-height: 23px;
margin: 2px 2px 0 2px;
padding: 0 3px;
border: 1px solid #888;
height: auto;
}

.sitewidget-form-20240627234727 .select-delete {
cursor: pointer;
}

.sitewidget-form-20240627234727 select[multiple]{
display:none;
}