/**
 * kuajing 1.1
 * Design Cloud unified style settings
 * Copyright CE Global (Beijing) Network Technology Co., Ltd. 
 * Released on: 20 05, 2025
 */
 
@charset "utf-8";



/* 定义滚动条 */
html::-webkit-scrollbar { width: 8px; } html::-webkit-scrollbar-thumb { background-color: var(--bc);border-radius: 8px; }
::-webkit-scrollbar-track {
    background: #eee !important;
}
::-webkit-scrollbar-track {
    background-color: #eee;
}
::-webkit-scrollbar-thumb {
    background-color: var(--bc);
}

/* 详情里的图片不超出范围 */
[class^="e_richText-"] img{
    display: block;
    margin: 0 auto;
  max-width: 100%;
  height: auto !important;
}

/**详情内容**/
.CEglobal-row{ display: flex;align-items: center;}
.CEglobal-row .CEglobal-col{ flex: 0 0 50%; max-width: 50%;}
.CEglobal-row .product-title{  font-weight: 700; font-size: var(--fs30);color: #2c3e50;margin-bottom: 0.5rem;}
.CEglobal-row .product-title .product-desc {font-size: var(--fs16); line-height: 1.5; color: #555;  margin-top: 0;}

/**表格默认样式**/
table{width: 100% !important;}
table,table th,table td{border: 1px solid #888;}
table th{background-color: #d5d5d5;font-weight: bold;}
table th,table td{padding: 6px 8px; vertical-align: middle; cursor: text; overflow-wrap: break-word;user-select: text; padding: 8px 12px;}
table tr:nth-child(even){background-color: #f5f5f5;}

/* 容器固定比例 */
body .main .aspect-1-1{aspect-ratio: 1 / 1;} body .main .aspect-2-1{aspect-ratio: 2 / 1;} body .main .aspect-3-1{aspect-ratio: 3 / 1;} body .main .aspect-3-2{aspect-ratio: 3 / 2;} body .main .aspect-4-1{aspect-ratio: 4 / 1;}body .main .aspect-4-2{aspect-ratio: 4 / 2;} body .main .aspect-4-3{aspect-ratio: 4 / 3;}body .main .aspect-5-1{aspect-ratio: 5 / 1;} body .main .aspect-5-2{aspect-ratio: 5 / 2;} body .main .aspect-5-3{aspect-ratio: 5 / 3;}  body .main .aspect-5-4{aspect-ratio: 5 / 4;} body .main .aspect-16-9{aspect-ratio: 16 / 9;}



/* 列表没有内容的时候展示 */
body .main .No-box{
  padding: 3% 0px;    display: block
}
body .main .icon-box{
margin: 0 auto;  width: 150px;
}
body .main.icon-box svg{
  width: 100%;
}
body .main .No-words{
      font-size: var(--fs18);
    text-align: center;
    line-height: 2;
}
body .main .No-words .btn-No{
  width: 150px;
  line-height: 2;
  border-radius: 8px;
  padding: 5px 0px;
  margin: 20px auto 0px;
  font-size: var(--fs14);
}

/* 表单提示错误样式 */
.form-group{
  position: relative;
}
.invalid-feedback{
  width: 100%;
  background: white;
  position: relative;
  left: 0;
  bottom: 0px;
  height: 30px;
  border: solid 1px var(--color);
  line-height: 30px;
  padding: 0px 15px 0px 35px;
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
  z-index: 1;
  border-radius: 4px;
  font-size: 12px;
  pointer-events: none;
  color: var(--color);
}
.invalid-feedback::before{
    content: "";
    width: 0px;
    height: 0px;
    border: 6px solid transparent;
    border-bottom-color: var(--color);
    position: absolute;
    top: -12px;
    left: 5px;
}
.invalid-feedback::after{
    content: "";
    display: block;
    width: 15px;
    height: 15px;
     background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-size: 16px;
    position: absolute;
    left: 7px;
    top: 7px;
}



@keyframes glow {
  0%,100%{ box-shadow:0 0 10px var(--color); }
  25%{ box-shadow:0 0 10px var(--color); }
  50%{ box-shadow:0 0 20px var(--color) }
  75%{ box-shadow:0 0 30px var(--color) }
}




/* 翻页样式 */
.p_page .page_a{ width: 40px; height: 40px; line-height: 40px; }
.p_page{ display: block; background-color: white; padding: 10px 0px; margin: 20px 0px; }
.page_a.disabled { background-color: rgba(244, 244, 245, 1); font-size: 14px; color: rgba(192, 196, 204, 1); border-style: solid; border-width: 1px; border-color: rgba(244, 244, 245, 1); border-top-left-radius: 2px; border-top-right-radius: 2px; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; }
.page_a.current{background-color: var(--color);}
.page_a.current:hover { background-color: var(--color); color: rgba(255, 255, 255, 1); border-color: var(--color); }
.p_page:has(.page_con:empty){display: none;}
.p_page:not(:has(*)) { display: none; }
.page_a:hover{color: var(--color); border-color: var(--color);}



.p_list[class*="cols-"] {
  display: grid !important;
}
  /* 默认桌面端 */
 .cols-2 {grid-template-columns: repeat(2, 1fr);} .cols-3 {grid-template-columns: repeat(3, 1fr);} .cols-4 {grid-template-columns: repeat(4, 1fr);} 
 .cols-5 {grid-template-columns: repeat(5, 1fr);} .cols-6 {grid-template-columns: repeat(6, 1fr);} .cols-7 {grid-template-columns: repeat(7, 1fr);} 
 .cols-8 {grid-template-columns: repeat(8, 1fr);} .cols-9 {grid-template-columns: repeat(9, 1fr);} .cols-10 {grid-template-columns: repeat(1, 1fr);}
  .gap-4 { gap: 4px; } .gap-5 { gap: 5px; } .gap-6 { gap: 6px; } .gap-8 { gap: 8px; } .gap-10 { gap: 10px; } .gap-12 { gap: 12px; } .gap-14 { gap: 14px; } 
  .gap-15 { gap: 15px; } .gap-16 { gap: 16px; } .gap-18 { gap: 18px; } .gap-20 { gap: 20px; } .gap-22 { gap: 22px; } .gap-24 { gap: 24px; } .gap-26 { gap: 26px; } 
  .gap-28 { gap: 28px; } .gap-30 { gap: 30px; } .gap-31 { gap: 31px; } .gap-32 { gap: 32px; } .gap-33 { gap: 33px; } .gap-34 { gap: 34px; } .gap-35 { gap: 35px; } 
  .gap-36 { gap: 36px; } .gap-37 { gap: 37px; } .gap-38 { gap: 38px; } .gap-39 { gap: 39px; } .gap-40 { gap: 40px; }
  

/* iPad 端（max-width: 1024px） */
@media (max-width: 1024px) {
 .ipad-cols-2 { grid-template-columns: repeat(2, 1fr); } .ipad-cols-3 { grid-template-columns: repeat(3, 1fr); }.ipad-cols-4 { grid-template-columns: repeat(4, 1fr); } 
 .ipad-cols-5 { grid-template-columns: repeat(5, 1fr); } .ipad-cols-6 { grid-template-columns: repeat(6, 1fr); } .ipad-cols-7 { grid-template-columns: repeat(7, 1fr); } 
 .ipad-cols-8 { grid-template-columns: repeat(8, 1fr); } .ipad-cols-9 { grid-template-columns: repeat(9, 1fr); } .ipad-cols-10 { grid-template-columns: repeat(10, 1fr);}

 .ipad-gap-4 { gap: 4px; } .ipad-gap-5 { gap: 5px; } .ipad-gap-6 { gap: 6px; } .ipad-gap-8 { gap: 8px; } .ipad-gap-10 { gap: 10px; } .ipad-gap-12 { gap: 12px; } 
 .ipad-gap-14 { gap: 14px; } .ipad-gap-15 { gap: 15px; } .ipad-gap-16 { gap: 16px; } .ipad-gap-18 { gap: 18px; } .ipad-gap-20 { gap: 20px; } 
 .ipad-gap-22 { gap: 22px; } .ipad-gap-24 { gap: 24px; } .ipad-gap-26 { gap: 26px; } .ipad-gap-28 { gap: 28px; } .ipad-gap-30 { gap: 30px; } 
 .ipad-gap-31 { gap: 31px; } .ipad-gap-32 { gap: 32px; } .ipad-gap-33 { gap: 33px; } .ipad-gap-34 { gap: 34px; } .ipad-gap-35 { gap: 35px; } 
 .ipad-gap-36 { gap: 36px; } .ipad-gap-37 { gap: 37px; } .ipad-gap-38 { gap: 38px; } .ipad-gap-39 { gap: 39px; } .ipad-gap-40 { gap: 40px; }
}


 /* 手机设备 (max-width: 768px) 列数和间距 */
  @media (max-width: 768px) {
  .mo-cols-1 { grid-template-columns: repeat(1, 1fr); } 
  .mo-cols-2 { grid-template-columns: repeat(2, 1fr); }  .mo-cols-3 { grid-template-columns: repeat(3, 1fr); }  .mo-cols-4 { grid-template-columns: repeat(4, 1fr); }  .mo-cols-5 { grid-template-columns: repeat(5, 1fr); }  .mo-cols-6 { grid-template-columns: repeat(6, 1fr); }  .mo-cols-7 { grid-template-columns: repeat(7, 1fr); }  .mo-cols-8 { grid-template-columns: repeat(8, 1fr); }  .mo-cols-9 { grid-template-columns: repeat(9, 1fr); }  .mo-cols-10 { grid-template-columns: repeat(10, 1fr); }
 .mo-gap-4 { gap: 4px; } .mo-gap-5 { gap: 5px; } .mo-gap-6 { gap: 6px; } .mo-gap-8 { gap: 8px; } .mo-gap-10 { gap: 10px; } .mo-gap-12 { gap: 12px; } 
 .mo-gap-14 { gap: 14px; } .mo-gap-15 { gap: 15px; } .mo-gap-16 { gap: 16px; } .mo-gap-18 { gap: 18px; } .mo-gap-20 { gap: 20px; } .mo-gap-22 { gap: 22px; }
 .mo-gap-24 { gap: 24px; } .mo-gap-26 { gap: 26px; } .mo-gap-28 { gap: 28px; } .mo-gap-30 { gap: 30px; } .mo-gap-31 { gap: 31px; } .mo-gap-32 { gap: 32px; } 
 .mo-gap-33 { gap: 33px; } .mo-gap-34 { gap: 34px; } .mo-gap-35 { gap: 35px; } .mo-gap-36 { gap: 36px; } .mo-gap-37 { gap: 37px; } .mo-gap-38 { gap: 38px; } 
 .mo-gap-39 { gap: 39px; } .mo-gap-40 { gap: 40px; }

 body .main .accordion { overflow-x: auto; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; } 
 body .main .accordion > div { flex: 0 0 100%; scroll-snap-align: start; border-right: none; }

}

/**swiper样式**/
body .main [data-swiper] .swiper-inner{width: 100%;overflow: hidden;}
body .main [data-swiper].swiper_External .swiper-inner{margin: 0px calc(var(--fs48) + 30px);}
body .main [data-swiper].swiper_External .swiper-button-prev,
body .main [data-swiper].swiper_External .swiper-button-next{background-color: var(--color);}
body .main [data-swiper].swiper_External .swiper-button-prev::after,
body .main [data-swiper].swiper_External .swiper-button-next::after{color: white;}
body .main [data-swiper].p_list{overflow: hidden;--swiper-margin: 0px;padding-bottom: var(--swiper-margin);}
body .main [data-swiper] .swiper-pagination{width: 100%;min-height: 24px;position: static;margin-top: 30px;background-color: #fff0;}
body .main [data-swiper] .swiper-pagination .swiper-pagination-progressbar-fill{height: 3px;}
body .main [data-swiper] .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background-color: var(--color);}
body .main [data-swiper] .swiper-pagination .swiper-pagination-bullet{margin: 0px 5px;width: 10px;height: 10px;transition: all 0.3s;}
body .main [data-swiper] .swiper-pagination .swiper-pagination-bullet-active{width: 28px;border-radius: 28px;background-color: var(--color);}
body .main [data-swiper] .swiper-button-next,body .main [data-swiper] .swiper-button-prev{width: var(--fs48);height: var(--fs48);background-color: rgb(255 255 255 / 90%);border-radius: var(--fs50);transition: all 0.5s;  z-index: 3;top: calc(50% - (var(--fs48) / 2));margin-top: calc(-54px / 2);cursor: pointer;}
body .main [data-swiper] .swiper-button-next::after,body .main [data-swiper] .swiper-button-prev::after{font-size: var(--fs20);color: #333;font-weight: bold;}
body .main [data-swiper] .swiper-button-next:hover, body .main [data-swiper] .swiper-button-prev:hover{background-color: var(--color);}
body .main [data-swiper] .swiper-button-next:hover::after,body .main [data-swiper] .swiper-button-prev:hover::after{color: white;}

body .main .slope a{position: relative;width: max-content;display: inline-block;}
body .main .slope a::after{content: ""; position: absolute; right: 0px; bottom: 0px; width: 0%; height: 1px; background: #fff; -webkit-transition: all 0.4s; transition: all 0.4s; display: block; }
body .main .slope a:hover::after { width: 100%; right: auto; left: 0px; }

body .main .accordion { display: flex; width: 100%; overflow: hidden; } 
body .main .accordion > div { flex: 1; transition: all 0.3s ease; cursor: pointer; }

body .modelTostChile .modelClose{display: block;width: 35px; height: 35px;background-color: white;text-align: center;line-height: 37px;position: absolute;right: 15px;border-radius: 35px;font-size: 25px;cursor: pointer;z-index: 9;transition: all 0.3s;}
body .modelTostChile .modelClose:hover{background-color: var(--color);color: white;transform: rotate(90deg);}
body .modelTostChile .mainSwiper{width:100%;height: calc(100vh - 160px);}
body .modelTostChile .mainSwiper .swiper-slide{display:flex;justify-content:center;align-items:center;width:100%;height:100%;}
body .modelTostChile .thumbSwiper{width:100%;height: clamp(3.75rem, 3.092rem + 2.63vw, 6.25rem);position: absolute;bottom: 10px;}
body .modelTostParents img{cursor: pointer;}
body .modelTostChile .thumbSwiper .swiper-slide.swiper-slide-thumb-active{border: solid 2px #fff;}
body .modelTost { position:fixed; top:0; left:0; width:100%;height: 100%; background: rgba(0, 0, 0, 0.8); z-index: 9999; display: flex; justify-content: center; align-items: center;backdrop-filter: blur(5px); animation: modelTost_fadeZoomIn 0.3s ease forwards;}
 body .modelTostChile {padding: 15px; position: relative; border-radius: 4px;height: 100%;width:100%;max-width: 1600px;  transform: scale(0.8); opacity: 0;  animation: modelTostChile_zoomIn 0.3s ease forwards;} 
body .modelTostChile img{max-height: 80vh; object-fit: contain; }
body .modelTost .swiper-button-next,
body .modelTost .swiper-button-prev{width: var(--fs48);height: var(--fs48);background-color: rgb(255 255 255 / 90%);border-radius: var(--fs50);transition: all 0.5s;  z-index: 10000;}
body .modelTost .swiper-button-next::after,
body .modelTost .swiper-button-prev::after{font-size: var(--fs20);color: #333;font-weight: bold;}
body .modelTost .swiper-button-next:hover, 
body .modelTost .swiper-button-prev:hover{background-color: var(--color);}
body .modelTost .swiper-button-next:hover::after, 
body .modelTost .swiper-button-prev:hover::after{color: white;}

@keyframes modelTost_fadeZoomIn { 0% { opacity: 0; } 100% { opacity: 1; } }
@keyframes modelTostChile_zoomIn { 0% { transform: scale(0.8); opacity: 0; } 100% { transform: scale(1); opacity: 1; } }
@keyframes modelTost_fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } }
@keyframes modelTost_zoomOut { 0% { transform: scale(1); opacity: 1; } 100% { transform: scale(0.8); opacity: 0; } }


.emailSuggestList li { padding: 6px 10px; cursor: pointer; display: flex; justify-content: flex-start; align-items: center; }
.emailSuggestList li.active {background-color: #f0f0f0;}
.email-name { font-weight: bold; color: #000; }
.email-domain { margin-left: 2px; color: #999; }
.email-suggest-list { position: absolute; top: 100%; z-index: 999; background: #fff; border: 1px solid #ccc; width: 100%; max-height: 300px; list-style: none; margin: 2px 0 0; padding: 0; display: none; border-radius: 6px; box-shadow: 0 2px 8px rgba(0,0,0,0.1); overflow-y: scroll; }
.email-suggest-list li { padding: 8px 12px; cursor: pointer; border-bottom: solid 1px #eee; letter-spacing: 1px; }
.email-suggest-list li:hover { background-color: #f2f2f2; }
.suggest-wrapper { position: relative; }


/**表格响应**/
.Table_Adaptation .table-scroll{overflow-x: auto;-webkit-overflow-scrolling: touch;}
.Table_Adaptation .table-scroll table{min-width: 100%; width: max-content; border-collapse: collapse;}
.Table_Adaptation .table-scroll + .table-scroll{ margin-top:10px;}