@charset "UTF-8";
@import "main.css";
@import url('font/stylesheet.css');
/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/




body {
  position: relative; /* 必须给 position，伪元素才起作用 */
}

body::before {
  content: "测试版";
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 100px;
  font-weight: bold;
  color: white;
  text-shadow:
    -2px -2px 0 black,
     2px -2px 0 black,
    -2px  2px 0 black,
     2px  2px 0 black;
  z-index: 9999;
  pointer-events: none;
  opacity: 0.2;
  user-select: none;
  white-space: nowrap;
}

.prod-dropdown{
   display: none!important;
}
table {
    width: 100% !important;
}
.product-section-title{
  text-transform: capitalize;
  font-size: 25.6px;
}

.homr-from .ff-el-group H2{
	color:#000
}
/*===============页面联系表单==============*/

.fluentform .ff-el-group.ff_list_buttons .ff-el-form-check.ff_item_selected label>span{
    background-color: var(--fs-color-primary) !important;
    border-color: var(--fs-color-primary) !important;
	 box-shadow: -1px 0 0 0 #fff!important;
	color: #fff !important;
}
.fluentform .ff-el-group.ff_list_buttons .ff-el-form-check label>span:hover {
    color: var(--fs-color-primary);
}

.fluentform .ff-el-group.ff_list_buttons .ff-el-form-check.ff_item_selected label>span:hover {
    color: #fff !important;
}



/* 悬浮客服按钮主样式 */
.right-sms {
top:80% !important;


}


.woocommerce-Tabs-panel a{
	color:var(--fs-color-primary)
}
.woocommerce-Tabs-panel a:hover{
	text-decoration:underline
}

.cat-item-22{
    display: none!important;
}

/*===============翻译==============*/

.translatepress-pt_PT .flex-right,
.translatepress-fr_FR .flex-right,
.translatepress-es_ES .flex-right,
.translatepress-ru_RU .flex-right{
    margin-left: -60px !important;
}
.translatepress-ru_RU  .banner h1 {
    font-size: 1.6em!important;
}

.translatepress-es_ES .header-nav-main.nav > li > a {
    font-size: 18px;
}



.trp-language-switcher-container .trp-ls-shortcode-current-language,.trp-language-switcher-container .trp-ls-shortcode-language{
    width: 154px!important;
}
.trp-language-switcher > div {
    padding: 0px 6px 0px 6px;
}

.section-title-container {
    margin-bottom: 1em;
}





/*================icon==============*/
.button.twitter:hover, .button.twitter:not(.is-outline) {
    color: #000 !important;
}
.whatsapp img,
.twitter img,
.tiktok img,
.instagram img,
.whatsapp img{
    border-radius: 0!important;
}
    


.social-button,.social-icons .button.icon:hover,.social-icons .button.icon:not(.is-outline) {
    border-color: none !important;
    border: none !important;
    
}
.icon.instagram {
  background: radial-gradient(circle at 30% 107%, 
    #fdf497 0%, 
    #fdf497 5%, 
    #fd5949 45%, 
    #d6249f 60%, 
    #285AEB 90%);
  color: #fff; /* 图标保持白色 */
}

/* ===============产品详情=============== */
.product-small .title-wrapper .woocommerce-loop-product__title{
    font-size: 12px;
}





table {
  width: 100%;
  border-collapse: collapse;

  font-size: 15px;
  text-align: left;
  box-shadow: 0 2px 6px rgba(0,0,0,0.05);
  border-radius: 8px;
  overflow: hidden;
  margin: 20px 0;      /* 上下留白 */
}


table tr:first-child td {
  background-color: var(--fs-color-primary); /* 黑底 */
  color: #fff;            /* 白字 */
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

td {
    padding: 14px 18px !important;
    border-bottom: 1px solid #eee;
    border: 1px solid #ccc;
    border: 1px solid #e4e4e7 !important;
    text-align: center;
}
tr:hover {
  background-color: #f8f3fb; /* 淡紫悬浮效果 */
}

tbody tr:last-child td {
  border-bottom: none; /* 去掉最后一行的底线 */
}



/*=====================================文章分类================================*/
.news-list .post-item .box-blog-post{
	box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
}
.news-list .post-item .box-blog-post .box-text{
	padding: 16px;
}
 .blog-post-inner .post-title a{
	display: -webkit-box;
    -webkit-line-clamp: 2; /* 显示两行 */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
 .blog-post-inner .from_the_blog_excerpt{
	display: -webkit-box;
    -webkit-line-clamp: 3; /* 显示两行 */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
	margin-top:8px;
}

#nav_menu-6 .is-divider{
  display: none;
}

#nav_menu-5 .widget-title{
    display: block;
    text-align: left;
    width: 100%;
    padding: 10px 0;
    font-size: 16px;
}
#nav_menu-5 .is-divider{
  display: none;
}
#menu-news-meus li:hover > a::after{
  border: 2px solid var(--fs-color-secondary);
}

#menu-news-meus li:hover a{
  color: var(--fs-color-secondary);
}
#menu-news-meus li:hover::after{
  border: 2px solid var(--fs-color-secondary);
}
#menu-news-meus li::after {
  content: "";
  position: absolute;
  left: 3px;
  margin-top: 18px;
  width: 8px;
  height: 8px;
  background: #fff;
  border: 2px solid #cfcfcf;
  border-radius: 50%;
  transform: translateY(-50%) !important; 
  transition: all .3s;
}
#menu-news-meus li{
  margin-left:26px;
  margin-top: 12px;
}
.widget>ul>li+li, ul.menu>li+li {
    border-top: none;
}


/* =======================产品分类============================== */
#woocommerce_product_categories-3 .widget-title, 
#woocommerce_product_categories-2 .widget-title{
    display: block;
    text-align: left;
    width: 100%;
    padding: 10px 0;
    font-size: 16px;
}
#woocommerce_product_categories-3 .is-divider,
#woocommerce_product_categories-2 .is-divider{
  display: none;
}
#woocommerce_product_categories-3 .current-cat > a,
#woocommerce_product_categories-2 .current-cat > a {
  color: var(--fs-color-secondary);
}
#woocommerce_product_categories-3 .product-categories .cat-parent:hover > a::after,
#woocommerce_product_categories-2 .product-categories .cat-parent:hover > a::after{
  border: 2px solid var(--fs-color-secondary);
}

#woocommerce_product_categories-3 .product-categories .cat-parent:hover > a,
#woocommerce_product_categories-2 .product-categories .cat-parent:hover > a{
  color: var(--fs-color-secondary);
}
#woocommerce_product_categories-3 .product-categories .cat-item-29:hover > a,
#woocommerce_product_categories-2 .product-categories .cat-item-29:hover > a{
  color: var(--fs-color-secondary);
}
#woocommerce_product_categories-3 .children li:hover a,
#woocommerce_product_categories-2 .children li:hover a{
  color: var(--fs-color-secondary);
}
#woocommerce_product_categories-3 .product-categories .cat-parent > a::after,
#woocommerce_product_categories-2 .product-categories .cat-parent > a::after {
  content: "";
  position: absolute;
  left: 3px;
  margin-top: 12px;
  width: 8px;
  height: 8px;
  background: #fff;
  border: 2px solid #cfcfcf;
  border-radius: 50%;
  transform: translateY(-50%) !important; 
  transition: all .3s;
}
#woocommerce_product_categories-3 .product-categories .cat-item-29 > a::after,
#woocommerce_product_categories-2 .product-categories .cat-item-29 > a::after {
  content: "";
  position: absolute;
  left: 3px;
  margin-top: 12px;
  width: 8px;
  height: 8px;
  background: #fff;
  border: 2px solid #cfcfcf;
  border-radius: 50%;
   transform: translateY(-50%) !important; 
  transition: all .3s;
}
#woocommerce_product_categories-3 .product-categories,
#woocommerce_product_categories-2 .product-categories{
  margin-top: 12px;
}
#woocommerce_product_categories-3 ul li,
#woocommerce_product_categories-2 ul li{
  border-top:none;
}
#woocommerce_product_categories-3 .product-categories .cat-parent,
#woocommerce_product_categories-2 .product-categories .cat-parent{
padding: 6px 30px;
}
#woocommerce_product_categories-3 .product-categories .cat-item-29,
#woocommerce_product_categories-2 .product-categories .cat-item-29{
padding: 6px 30px;
}

.shop-container .product-small .col-inner:hover .woocommerce-loop-product__title{
color: var(--fs-color-primary);
}
.shop-container .product-small .col-inner{
border: 1px solid #e3e3e3;
}    
.term-description{
  display: none;
}
.tax-product_cat .category-page-title{
  display: none;
}

.post-type-archive .category-page-title{
  display: none;
}
.ff_list_inline{
  margin-bottom: 0px !important;
}


/* ====================================顶部================================== */
.header-title{
    text-transform: capitalize;

}
.header-search .round {
    border-radius: 2px;
}

.page-title-bg{
  display: none;
}
     .home-top-1 {
        display: block!important; 
    }
    .home-top-2 {
        display: none!important;
    }
@media (max-width: 1440px) {
     .home-top-1 {
        display: none!important; 
    }
    .home-top-2 {
        display: block!important; 
    }
}
@media (max-width: 849px) {
.home-top-2{
    display: none !important;
}
}
@media (max-width: 549px) {
.home-top-2{
    display: none !important;
}
}





/* ==================================底部================================== */
.arrowhead-text p {
  position: relative;
  display: inline-block;
  padding-right: 26px;
  font-weight: 600;
  
}

.arrowhead-text p::after {
  content: "→";                     /* 也可以用 "›" 或 "➜" */
  position: absolute;
  top: 54%;
  right: 0;
  transform: translateY(-50%);
  font-size: 0.95em;                /* 按需调整大小 */
  line-height: 1;
  color: currentColor;
  transition: transform .18s ease;
}

.arrowhead-text p:hover::after {
  transform: translateY(-50%) translateX(4px);
}



.map-list p{
margin-bottom: 0em !important;
line-height:0px !important;
}
/* ================================首页=================================== */
.box-blog-post:hover .box-text .box-text-inner .post-title a{
    color: var(--fs-color-primary) !important; 
}
.accordion-title[aria-expanded="true"] h3{
  color: var(--fs-color-primary); 
}

.hover-blue {
  position: relative;                 /* 必须有定位 */
}
/* 给标题加过渡，负责颜色变化 */
.hover-blue h3,
.hover-blue h5 {
  transition: all 0.3s ease !important;
}

/* hover 时变色 */
.hover-blue:hover h3,
.hover-blue:hover h5 {
  color: var(--fs-color-primary) !important;
  cursor: pointer;
}


.nav.nav-line.nav-uppercase.is-xlarge.nav-center {
    gap: 40px;           /* 每个 li 之间间隔 20px */
}
@media (max-width: 849px) {
.nav-line .has-icon a span{
  font-size: 16px !important;
}
.nav.nav-line.nav-uppercase.is-xlarge.nav-center {
    gap: 6px;           /* 每个 li 之间间隔 20px */
}
}
@media (max-width: 549px) {
.nav-line .has-icon a span{
  font-size: 14px !important;
}
.nav.nav-line.nav-uppercase.is-xlarge.nav-center {
    gap: 6px;           /* 每个 li 之间间隔 20px */
}
}


/* banneer */
.home-tilte-list p::before {
  content: "";
  display: inline-block; /* 或 block，取决于你想放哪种效果 */
  width: 18px;  /* 图片宽度 */
  height: 18px; /* 图片高度 */
  /* background: url('/wp-content/themes/flatsome-child/img/pointer.svg'); */
  background: url('/wp-content/uploads/2025/09/pointer.svg') no-repeat center center;
  vertical-align: middle; /* 对齐文字 */
  margin-right: 10px; /* 和文字之间的间距 */
}

@media (max-width: 549px) {
  .home-tilte-list p::before {
  width: 14px !important;  /* 图片宽度 */
  height: 14px !important; /* 图片高度 */
  }
}


.trp-language-switcher > div > a {
    display: block;
    padding: 7px 12px;
    border-radius: 3px;
    text-decoration: none;
    color: #1E1E1E;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
}

.trp-language-switcher {
    height: 42px;
    position: relative;
    box-sizing: border-box;
    width: 200px;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 4px 0 0 0;
}








/*产品详情页隐藏切换卡*/
li.description_tab {
    display: none !important;
}

/* 轮播图片底部点点 */
.flickity-page-dots {
	bottom: -40px;
}

/*底部叠加图片*/
.footer-img {
  position: relative;
  overflow: hidden;
}

.footer-img::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 50%;
    height: 100%;
    background: url(img/map.svg) no-repeat center center;
    background-size: contain;
    pointer-events: none;
    z-index: 1;
    opacity: .1;
}


/*切换卡图片*/

.icon-tabs-1 .nav li.tab:nth-child(1) a::before {
  content: "\f4d8";
  display: contents;
}

.icon-tabs-1 .nav li.tab:nth-child(2) a::before {
  content: "\f0a3"; 
  display: contents;
}

.icon-tabs-1 .nav li.tab:nth-child(3) a::before {
  content: "\e596"; 
  display: contents;
}

.icon-tabs-1 .nav li.tab:nth-child(4) a::before {
  content: "\f5d2"; 
  display: contents;
}

.icon-tabs-1 .nav li.tab:nth-child(5) a::before {
  content: "\e4f3"; 
  display: contents;
}



/*字体渐变*/

.h1-color-1 * {
  background-image: linear-gradient(to right, #fbb5d3 0%, #ffeaea 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.h1-color-2 * {
    background-image: linear-gradient(to right, #9ab1ed 0%, #d1c3ed 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}


.h1-color-3 * {
  background-image: linear-gradient(to right, #ecad48 0%, #f0e8dc 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}


/*块背景圆角*/
.bg-r50 .section-bg{
    border-radius: 0 100px 0 0;
}
/*======================文章分类=======================*/
/*文章分类-文章项*/
.archive .post-item .box{
    box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
}

.archive .post-item .box .box-text{
    padding: 16px
}

/*======================头部=======================*/

/*logo宽度*/
/* @media (max-width: 549px) {
  #logo img {
    max-height: 18px !important;    
  }
} */

/*======================表单=======================*/

/*按钮-表单-圆角*/
.ff-default .ff_btn_style {
    border-radius: 2px !important;
    padding: 0;
    margin-bottom: 0;
}

/*======================字体版式=======================*/

/* 字体修改 */
body,h5, h6, .heading-font, .off-canvas-center .nav-sidebar.nav-vertical > li > a,.nav > li > a{

}

/* 标题字体修改 */
h1,.fs{
   font-family: 'Adult Swim'!important;
}



/*平板电脑及以下*/
@media (max-width: 849px) {
   
}

/*仅限移动设备*/

/*按钮*/
@media (max-width: 549px) {
  .button {
    font-size: 12px;     
  }
}


/*无缝滚动logo*/
.logo-list img {
   max-width: 140px
}
.logo-list .swiper-wrapper{
    height: 140px;
 }

.swiper-wrapper {
         -webkit-transition-timing-function: linear;
         -moz-transition-timing-function: linear;
         -ms-transition-timing-function: linear;
         -o-transition-timing-function: linear;
         transition-timing-function: linear;
}