@charset "UTF-8";
/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 1.0.1
*/

/**
 * ==================== 性能优化说明 ====================
 * 所有CSS文件已通过 functions/script-style.php 使用 wp_enqueue_style 并行加载
 * 原18个 @import 串行加载已优化为并行加载，性能提升5-10倍
 *
 * 加载的CSS文件列表：
 * - diy.css (基础样式)
 * - css/product.css (产品单页)
 * - css/page.css (单页面)
 * - css/single-archive.css (文章存档)
 * - css/single.css (文章单页)
 * - css/block-faq-list.css (折叠卡)
 * - css/plugin.css (插件)
 * - css/font-type.css (字体)
 * - css/header.css (头部)
 * - css/footer.css (底部)
 * - css/block-btn.css (按钮)
 * - css/clean-layout.css (布局/间距/填充/阴影)
 * - css/icon.css (图标)
 * - css/block-breadcrumb.css (面包屑)
 * - css/block-slider.css (轮播)
 * - css/block-lightbox.css (弹窗)
 * - css/block-tabs.css (切换卡)
 * - css/block-UX.css (UX编辑器，条件加载)
 * ===================================================
 */
 
 /**/
 .page-goods-list{
     .text h4{
     min-height: 50px;
 }
    .text-row-toggle-btn{
        margin-top: 10px;
        border-radius: 3px;
    }
    .img{
        margin: 0 !important;
    }
    
 }
 
/**/
 
 .stuck .header-main{
   background: #274ab3 !important;
    background: linear-gradient(45deg, #274ab3, #0d2570) !important;
    .nav>li>a{
    color: #fff;

    }
    .header:not(.transparent) .header-nav-main.nav > li > a,
    .nav>li.active>a{
        color: #fff !important;
    }
    .nav-line-bottom>li>a:before{
        background-color: transparent ;
    }
}

.stuck .header-main {
    .nav>li>a {
        color: #fff !important;
    }
}
.logo-hide .header-logo-dark{
    display: none !important;
}
.logo-hide .header-logo{
    display: block !important;
}


.mfp-content {
    transition: transform .1s, opacity .1s;
}
.mfp-bg.mfp-ready {
    opacity: 0;
}


.sticky-jump .stuck:not(.ux-no-animation) {
    animation: stuckMoveDown .2s;
}

.header-shadow .header-wrapper, .header-wrapper.stuck, .layout-shadow #wrapper {
    box-shadow: 1px 1px 0px rgba(0, 0, 0, .15);
}

/*翻译*/
.gt-current-lang img {
    width: 33px !important;
    height: 33px !important;
    margin: 0 !important;
    border-radius: 190px ! IMPORTANT;
    object-fit: cover;
    border: 2px solid #d3d3d3;
}

.nav-dark .gt_float_switcher .gt-selected .gt-current-lang span.gt-lang-code {
    color: #fff;
}
.gt_float_switcher .gt-selected .gt-current-lang span.gt-lang-code {
    position: relative;
    top: 2px;
    margin-left: 10px;
  
}

/*.cp-primary-btn:before {*/
/*    content: "";*/
/*    position: absolute;*/
/*    top: 0;*/
/*    left: 0;*/
/*    bottom: 0;*/
/*    right: 0;*/
/*    background: #000;*/
/*    -webkit-transform-origin: right center;*/
/*    -moz-transform-origin: right center;*/
/*    -ms-transform-origin: right center;*/
/*    transform-origin: right center;*/
/*    -webkit-transform: scale(0, 1);*/
/*    -moz-transform: scale(0, 1);*/
/*    -ms-transform: scale(0, 1);*/
/*    -o-transform: scale(0, 1);*/
/*    transform: scale(0, 1);*/
/*    -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);*/
/*    -moz-transition: -moz-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);*/
/*    -ms-transition: -ms-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);*/
/*    -o-transition: -o-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);*/
/*    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);*/
/*    z-index: -1;*/
/*}*/
/*.cp-primary-btn {*/
  
/*    align-items: center;*/
/*    font-size: 16px;*/
/*    font-weight: 600;*/
/*    line-height: 1;*/
/*    padding: 9px 10px 9px 25px;*/
/*    border-radius: 100px;*/
/*    transition: all 0.3s ease-in-out;*/
/*    overflow: hidden;*/
/*    text-transform: uppercase;*/
/*    position: relative;*/
/*    z-index: 1;*/
/*}*/

/*.cp-primary-btn:hover:before {*/
/*    -webkit-transform-origin: left center;*/
/*    -moz-transform-origin: left center;*/
/*    -ms-transform-origin: left center;*/
/*    transform-origin: left center;*/
/*    -webkit-transform: scale(1, 1);*/
/*    -moz-transform: scale(1, 1);*/
/*    -ms-transform: scale(1, 1);*/
/*    -o-transform: scale(1, 1);*/
/*    transform: scale(1, 1);*/
/*}*/


/*.cp-primary-btn i {*/
/*    background-color: #fff;*/
/*    color: #000;*/
/*    height: 40px;*/
/*    line-height: 40px;*/
/*    width: 40px;*/
/*    border-radius: 50%;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*    margin-left: 10px;*/
/*    transition: all 0.3s ease-in-out;*/
/*}*/

/*.cp-primary-btn:hover i {*/
/*    background-color: #fff;*/
/*}*/

/*.cp-primary-btn i {*/
/*    font-size: 14px;*/
/*    transform: rotate(-45deg);*/
/*    transition: all 0.3s ease-in-out;*/
/*}*/
/*.cp-primary-btn:hover i {*/
/*    transform: rotate(0deg);*/
/*}*/
/*.goods-list .banner .is-divider{*/
/*    transition: .4s;*/
/*}*/
/*.goods-list .banner:hover .is-divider{*/
/*    max-width: 100%;*/
/*}*/

.goods-list .banner:hover .btn{
    background-color: var(--primary-color);
    border-color:var(--primary-color) !important; 
}

.home-video:after {
    content: "";
    background: url(img/angle-white.png) right top;
    background-size: auto 100%;
    height: 25px;
    width: 50%;
    position: absolute;
    z-index: 1;
    left: 0;
    bottom: 0;
}

/*按钮扫光*/
.gradientbtn,.btn-style{
    overflow: hidden;
}

.btn-style:before,
.gradientbtn:before{
    content: ' ';
    position: absolute;
    background: rgba(255, 255, 255, 0.8);
    width: 20px;
    height: 60px;
    top: -5px;
    left: -45px;
    opacity: 0.6;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
}

.btn-style:hover:before,
.gradientbtn:hover:before {
	width: 100%;
	opacity: 0;
	left: 0;
}