@font-face {
	font-family: 'Conv_DINCondensedC';
	src: url('../font/DINCondensedC.eot');
	src: local('☺'), url('../font/DINCondensedC.woff') format('woff'), url('../font/DINCondensedC.ttf') format('truetype'), url('../font/DINCondensedC.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* 英文字体begin */
.Conv_DINCondensedC {
    font-family: "Conv_DINCondensedC";
}
/* 英文字体end */

/* =============================================
   响应式断点样式
   ============================================= */
.single-details-area .right, 
.article-details-area .right {
    padding-left: 5px;
}

.col-custome-3 {
    width: 18%;
    padding: 0 15px;
}

@media (max-width: 1699px) {
    .col-custome-3 {
        width: 20%;
    }
    
    /*.header-search-hot {
        display: none !important;
    }*/
}

@media (max-width: 1399px) {
    .col-custome-3 {
        width: 22%;
    }
}

@media (max-width: 1199px) {
    .col-custome-3 {
        width: 25%;
    }
}

@media (max-width: 991px) {
    .col-custome-3 {
        width: 100%;
    }
}

.col-custome-9 {
    width: 82%;
    padding-right: 15px;
}

@media (max-width: 1699px) {
    .col-custome-9 {
        width: 80%;
    }
}

@media (max-width: 1399px) {
    .col-custome-9 {
        width: 78%
    }
}

@media (max-width: 1199px) {
    .col-custome-9 {
        width: 75%
    }
}

@media (max-width: 991px) {
    .col-custome-9 {
        width: 100%
    }
    
    .second-slider-area .carousel-container {
        padding: 0;
    }
    
    .single-details-area .right, 
    .article-details-area .right {
        padding-left: 15px;
    }    
}

/*.custom-container-two {
    padding: 0 calc(6px + (270 - 6) * ((100vw - 320px) / (1920 - 320)));
    max-width: 100%;
    width: 100%;
}*/

/* =============================================
   全局样式
   ============================================= */
/* 使用颜色变量 */
body {
    background-color: #f5f6fa;
    color: var(--dark-gray);
    /*font-family: Arial, sans-serif;*/
    font-family: "Microsoft YaHei", "simsun", "Helvetica Neue", Arial, Helvetica, sans-serif;
    /*background: url(//img10.360buyimg.com/imagetools/jfs/t1/218520/17/45961/549592/6718e97eF36caeb69/c412621166e2d7e8.png) 50% 50% / 100% 100% no-repeat, radial-gradient(35.2% 35.2% at 0 0, hsla(0, 0%, 100%, .8) 0, hsla(0, 0%, 100%, 0) 100%), linear-gradient(180deg, hsla(0, 0%, 100%, 0), #f5f6fa 20%);*/
}

a:hover {
    color: var(--theme-color, #00b6dd);
}

.btn {
    background: var(--theme-color, #00b6dd);
}

.form-control {
    border: 1px solid #ebebeb;
}

.form-control:focus {
    border-color: var(--theme-color, #00b6dd);
    box-shadow: unset;
}

.shop-cart-widget .checkout-col select {
    outline: none;
    box-shadow: none;
}

.bg-white {
    background: white !important;
}

/* =============================================
   广告弹窗
   ============================================= */
#popModal {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.75);
    z-index: 999999;
    display: none;
    justify-content: center;
    align-items: center;
}
#popModal .pop-wrap {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
}
#popModal img {
    width: auto;
    height: 450px;
    object-fit: contain;
    border-radius: 8px;
    display: block;
    box-shadow: 0 0 20px rgba(0,0,0,0.3);
}

/* 环形倒计时按钮 */
#popModal .countdown-btn {
    position: relative;
    width: 50px;
    height: 50px;
    border: none;
    /*background: #f44336;*/
    background: transparent;
    border: 1px solid #e0e0e0;
    border-radius: 50%;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

#popModal .countdown-btn i {
    font-size: 25px;
}

/* 外圈进度圆环 */
#popModal .countdown-ring {
    position: absolute;
    top: -2px;
    left: -2px;
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    border-radius: 50%;
    background: conic-gradient(#fff 0%, transparent 0%);
    z-index: -1;
    -webkit-mask: radial-gradient(transparent 67%, #000 67%);
    mask: radial-gradient(transparent 67%, #000 67%);
}

#popModal .num {
    font-size: 16px;
}


#popModal .countdown-btn {
    position: relative;
}
#popModal .countdown-text {
    position: absolute;
    bottom: -22px;
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
    font-size: 12px;
    color: #fff;
    font-style: normal;
}
/* =============================================
   主题色样式
   ============================================= */
.special--cat--item--wrap .shop-now:hover, 
.product-menu button.active, 
.exclusive--content--bottom span, 
.exclusive--content--bottom h5 a:hover, 
.article-post-content h4 a:hover, 
.article-post-meta ul li i, 
.article-post-meta ul li a:hover, 
.article-post-content .read-more:hover, 
.header-style-two .header-top-right ul li a:hover, 
.header-style-two .navbar-wrap > ul > li.active > a, 
.header-style-two .navbar-wrap > ul > li:hover > a, 
.header-action ul li a:hover, 
.header-style-two .category-menu > li:hover > a, 
.header-style-two .mega-menu ul li a:hover, 
.more_slide_open > li:hover > a, 
.category-menu .more_categories, 
.second-slider-area .slider-content p span, 
.exclusive-item-two .tag a:hover, 
.deal-of-the-day .super-deal-content h6 a:hover, 
.view-all-deal a, 
.best-cat-item:hover .best-cat-content h5 a, 
.list-product-top .view-all, 
.list-product-content h6 a:hover, 
.breadcrumb-content .breadcrumb li.active, 
.cartlist-area tbody .product-thumbnail a.wishlist-remove:hover, 
.cartlist-area tbody .product-name h4 a:hover, 
.cartlist-area tbody .product-stock-status span, 
.cartlist-area tbody .product-subtotal span, 
.order-complete-content h3 span, 
.order-complete-content p.get-ans a, 
.login-page-title .title span, 
.my-account-content p span, 
.login-form .form-grp label span, 
.login-form .forget-pass a:hover, 
.third-slider-area .slider-content h2 span, 
.third-slider-area .slider-content p span, 
.exclusive-item-three .new-price, 
.exclusive-item-three .exclusive-item-content h5 a:hover, 
.bs-cat-box .bs-cat-list ul li a:hover, 
.bs-cat-box .view-all, 
.core-features-style-two .core-features-item:hover .core-features-content h6, 
.footer-style-two .newsletter-title h4 span, 
.footer-style-two .fw-link ul li a:hover, 
.footer-style-two .copyright-text p a, 
.four-slider-area .slider-content p span, 
.shop-cat-list ul li a:hover::before, 
.sidebar-product-content h5 a:hover, 
.shop-widget-title .slider-nav span:hover, 
.blog-cat-list ul li a:hover, 
.rc-post-content h5 a:hover, 
.classic-article-post.s-article-post-item .article-post-meta ul li:first-child i, 
.comment-reply-link:hover, 
.related-slider-nav .slider-nav span:hover, 
.product-details-sku > a:hover, 
.goods-details-bottom h5 a:hover, 
.goods-details-bottom ul li a:hover, 
.promo-subscribe .trial-text span, 
.header-style-two .navbar-wrap ul li .submenu li:hover a, 
.header-style-two .navbar-wrap ul li .submenu li.active a, 
.mobile-menu .navigation li.active > a, 
.mobile-menu .navigation li ul li.active > a, 
.mobile-menu .social-links li a:hover {
    color: var(--theme-color, #00b6dd);
}

.header-style-two .navbar-wrap > ul > li.active > a {
    font-weight: 700;
}

.header-action ul li a span:hover {
    color: #2d2d2d;
}

/* =============================================
   首页样式
   ============================================= */
/* TOP顶部 */
.header-style-two .header-top-area {
    padding: 0;
    background-color: #fff;
    border-bottom: .5px solid rgba(0, 0, 0, .06);
    color: #505259;
    height: 36px;
    line-height: 36px;
}

.header-style-three .header-top-area {
    /*height: 40px;
    line-height: 40px;
    background: #333;*/
}

.header-style-two .header-top-area .header-top-left ul li {
    display: flex;
    /*padding-right: 10px;
    margin-right: 10px;*/
}

/*.header-style-two .header-top-area .header-top-left ul li.welcome {
    display: none;
}

.header-style-three .header-top-area .header-top-left ul li.welcome  {
    display: block;
}*/

.header-style-two .header-top-area .header-top-right ul li {
    padding-right: 0;
    font: 12px / 1.5 PingFang SC, Microsoft YaHei, system-ui, -apple-system, tahoma, arial, Hiragino Sans GB, u5b8bu4f53, sans-serif;
    height: 36px;
    line-height: 36px;
}

.header-style-two .header-top-area .header-top-left ul li::after {
    color: rgba(0, 0, 0, .06);
}

.header-style-two .header-top-area .header-top-left .drop-menu ul li::after {
    content: "";
}

.header-style-two .header-top-area .header-top-right ul li a, 
.header-style-two .header-top-area .header-top-left ul li a, 
.header-style-two .header-top-area .header-top-left span {
    color: #505259;
}

.header-style-two .header-top-area .header-top-left ul li a.login, .header-style-three .header-top-area .header-top-left ul li a:hover span {
    color: var(--theme-color, #00b6dd);
}

.header-style-two .header-top-area ul li.active a {
    color: #1a1a1a;
}

.header-style-two .header-top-area ul li a:hover, 
.header-style-two .header-top-area .header-top-right ul li a:hover i {
    color: var(--theme-color, #00b6dd);
}

.header-style-three .header-top-area .header-top-right ul li a, 
.header-style-three .header-top-area .header-top-left ul li a, 
.header-style-three .header-top-area .header-top-left span {
    /*color: #b0b0b0;*/
}

.header-style-three .header-top-area .header-top-left ul li a.login, .header-style-three .header-top-area .header-top-left ul li a:hover span, .header-style-three .header-top-area ul li a:hover {
    /*color: #ffffff;*/
}

.header-style-two .header-top-area .header-top-right ul li a {
    padding: 0 5px;
}

.header-style-two .header-top-area .header-top-right ul li span.sep {
    /*margin: 0 15px;*/
    color: rgba(0, 0, 0, .06);
}

.header-style-two .header-top-area ul li .shortcut_userico a:hover span.avatar-img i {
    /*color: var(--theme-color, #00b6dd);*/
}

.header-style-two .header-top-area ul li .shortcut_userico span.avatar-img {
    display: flex;
    align-items: center;
    margin: 0;
}

.header-style-two .header-top-area ul li .shortcut_userico span.avatar-img img {
    margin-right: 8px;
}

.header-style-two .header-top-area ul li .shortcut_userico span.avatar-img .grade-name {
    background-color: var(--theme-color, #00b6dd);
    padding: 0 5px;
    color: #fff;
    height: 17px;
    line-height: 17px;
    font-size: 12px;
    margin-left: 5px;
    border-radius: .25em;
}

.header-style-two .header-top-area ul li .shortcut_userico span.avatar-img i {
    color: #b5b5b5;
    font-size: 12px;
    margin-left: 5px;
}

.header-style-two .header-top-area ul li .shortcut_userico .dropdown-layer {
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    width: 100%;
    min-width: 234px;
    padding: 7px 0;
    background: #ffffff;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    border-radius: 6px;
    z-index: 999;
    display: none;

   /*transform: translateY(-10px);
    transition: all 0.3s ease;*/
}

.header-style-two .header-top-area ul li .shortcut_userico .dropdown-layer::before {
    background: rgba(0, 0, 0, 0);
    content: "";
    height: 10px;
    left: 0;
    position: absolute;
    top: -8px;
    width: 100%;
}

.header-style-two .header-top-area ul li .shortcut_userico:hover .dropdown-layer {
    display: block;
}

.header-style-two .header-top-area ul li .dropdown-layer .userinfo {
    overflow: hidden;
    padding: 10px 16px 3px;
}

.header-style-two .header-top-area ul li .dropdown-layer .u-pic {
    border-radius: 50%;
    float: left;
    height: 48px;
    margin: 1px 8px 1px 0;
    overflow: hidden;
    position: relative;
    width: 48px;
}

.header-style-two .header-top-area ul li .dropdown-layer .u-pic img {
    height: 100%;
    width: 100%;
}

.header-style-two .header-top-area ul li .dropdown-layer .u-msg {
    padding-top: 2px;
    line-height: 1;
    margin-bottom: 12px;
}

.header-style-two .header-top-area ul li .dropdown-layer .u-msg .nickname {
    display: flex;
    align-items: center;
}

.header-style-two .header-top-area ul li .dropdown-layer .u-msg a {
    color: #121212;
    font-family: Microsoft Yahei, simsun, sans-serif;
    font: 14px / 16px PingFang SC;
    line-height: 22px;
    letter-spacing: 0;
    overflow: hidden;
    width: 90px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.header-style-two .header-top-area ul li .dropdown-layer .u-msg a .grade-name {
    background-color: var(--theme-color, #00b6dd);
    padding: 0 5px;
    color: #fff;
    height: 17px;
    line-height: 17px;
    font-size: 12px;
    margin-left: 5px;
    border-radius: .25em;
}

.header-style-two .header-top-area ul li .dropdown-layer .u-msg .link-change {
    margin-right: 10px;
}

.header-style-two .header-top-area ul li .dropdown-layer .u-msg .link-change-color {
    color: #888b94;
    margin-top: 6px;
}

.header-style-two .header-top-area ul li .dropdown-layer .u-msg .link-action-wrap {
    
}

.header-style-two .header-top-area ul li .dropdown-layer .userbadge {
    border-top: 1px solid rgba(0, 0, 0, .06);
    margin: 0 8px;
    overflow: hidden;
    padding-bottom: 16px;
    padding-top: 10px;
    position: relative;
}

.header-style-two .header-top-area ul li .dropdown-layer .userbadge .identityadd {
    background-color: var(--theme-color, #00b6dd);
    text-align: center;
    color: white;
    font-size: 13px;
    font-weight: 600;
    border-radius: 8px;
    padding: 5px 16px;
}

.header-style-two .header-top-area ul li .dropdown-layer .userbadge .badge_list {
    margin: auto;
    text-align: center;
    width: 210px;
}

.header-style-two .header-top-area ul li .dropdown-layer .userbadge .badge_item {
    background: #f7f8fc;
    border-radius: 4px;
    float: left;
    height: 60px;
    margin: 0 4px;
    text-align: center;
    width: 62px !important;
}

.header-style-two .header-top-area ul li .dropdown-layer .userbadge .badge_item a img {
    height: 24px;
    width: 24px;
}

.header-style-two .header-top-area ul li .dropdown-layer .userbadge .badge_item a .u-name {
    color: #505259;
    font: 12px / 12px PingFang SC;
    white-space: nowrap;
}

.header-style-two .header-top-area ul li #user-info {
    position: relative;
}

.header-style-two .header-top-area ul li #user-info .drop-menu {
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    width: 100%;
    min-width: 110px;
    padding: 7px 0;
    background: #ffffff;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    border-radius: 6px;
    z-index: 999;
    opacity: 0;
    visibility: hidden;
   /*transform: translateY(-10px);
    transition: all 0.3s ease;*/
}

.header-style-two .header-top-area ul li #user-info .drop-menu::before {
    background: rgba(0, 0, 0, 0);
    content: "";
    height: 10px;
    left: 0;
    position: absolute;
    top: -8px;
    width: 100%;
}

.header-style-three .header-top-area ul li #user-info .drop-menu {
    
}

.header-style-two .header-top-area ul li #user-info:hover .drop-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.header-style-two .header-top-area ul li #user-info .drop-menu ul {
    display: unset;
}

.header-style-two .header-top-area ul li #user-info .drop-menu li {
    padding: 0 10px;
    height: 32px;
    margin: 0;
}

.header-style-two .header-top-area ul li #user-info .drop-menu li:hover {
    background-color: #f5f5f5;
}

.header-style-two .header-top-area ul li #user-info .drop-menu li a {
    padding: 3px 19px;
    line-height: 2;
    color: #424242;
    display: block;
    text-align: center;
}

.header-style-two .header-top-area ul li #user-info .drop-menu li a:hover {
    color: var(--theme-color, #00b6dd);
}

.header-style-two .header-top-area .header-top-right ul li a i {
    color: #b5b5b5;
    font-size: 12px;
    margin-left: 2px;
}

.header-style-two .header-top-area .header-top-right ul li:nth-last-child(2):after, 
.header-style-two .header-top-area .header-top-right ul li::after {
    content: unset;
}

.header-style-two .header-top-area .header-top-right ul li.mobile-dropdown-active {
    position: relative;
    /*margin-left: 10px;*/
    padding: 0 15px;
    text-align: center;
    background: #f7f7f7;
}

.header-style-two .header-top-area .header-top-right ul li.mobile-dropdown-active:hover {
    background: var(--theme-color, #00b6dd);
}

.header-style-three .header-top-area .header-top-right ul li.mobile-dropdown-active, .header-style-three .header-top-area .header-top-right ul li.mobile-dropdown-active:hover {
    /*background: #424242;*/
}

.header-style-two .header-top-area .header-top-right ul li.mobile-dropdown-active a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.header-style-three .header-top-area .header-top-right ul li.mobile-dropdown-active a {
    /*height: 40px;
    line-height: 40px;*/
}

.header-style-two .header-top-area .header-top-right ul li.mobile-dropdown-active a i {
    font-size: 22px;
    color: #ffffff;
    background-image: url(../img/icon/icon_mobile.png);
    margin-right: 0;
    height: 22px;
    width: 22px;
    background-repeat: no-repeat;
    background-position: 0% 0%;
    background-size: 100% 100%;
}

.header-style-two .header-top-area .header-top-right ul li.mobile-dropdown-active:hover a i {
    background-image: url(../img/icon/icon_mobile_on.png);
}

.header-style-two .header-top-area .header-top-right ul li.mobile-dropdown-active .mobile-dropdown {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .06);
    border-radius: 8px;
    box-shadow: none;
    display: none;
    font-family: PingFang SC;
    font-size: 14px;
    position: absolute;
    top: -webkit-calc(100% + 4px);
    top: -moz-calc(100% + 4px);
    top: calc(100% + 4px);
    left: auto;
    right: 0;
    width: 218px;
    z-index: 5;
}

.header-style-two .header-top-area .header-top-right ul li.mobile-dropdown-active .mobile-dropdown::before {
    background: rgba(0, 0, 0, 0);
    content: "";
    height: 10px;
    left: 0;
    position: absolute;
    top: -8px;
    width: 100%;
}

.header-style-two .header-top-area .header-top-right ul li.mobile-dropdown-active:hover .mobile-dropdown {
    display: block;
}

.header-style-two .header-top-area .header-top-right ul li.mobile-dropdown-active .mobile-dropdown .info_row {
    padding: 6px 0;
    position: relative;
}

.header-style-two .header-top-area .header-top-right ul li.mobile-dropdown-active .mobile-dropdown .info_row:first-child {
    padding-top: 16px;
}

.header-style-two .header-top-area .header-top-right ul li.mobile-dropdown-active .mobile-dropdown .info_row:last-child {
    padding-bottom: 16px;
}

.header-style-two .header-top-area .header-top-right ul li.mobile-dropdown-active .mobile-dropdown .info_row .left {
    background-color: #f7f8fc;
    border: 1px solid rgba(0, 0, 0, .06);
    border-radius: 4px;
    height: 68px;
    left: 16px;
    position: absolute;
    width: 68px;
}

.header-style-two .header-top-area .header-top-right ul li.mobile-dropdown-active .mobile-dropdown .info_row .left img {
    height: 60px;
    margin: 2px 0 0 1px;
    width: 60px;
}

.header-style-two .header-top-area .header-top-right ul li.mobile-dropdown-active .mobile-dropdown .info_row .right {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 64px;
    -webkit-justify-content: center;
    justify-content: center;
    margin: 0 16px 0 93px;
    padding: 3px 0;
}

.header-style-two .header-top-area .header-top-right ul li.mobile-dropdown-active .mobile-dropdown .info_row .right .top {
    color: #666 !important;
    font-size: 12px;
    line-height: 17px;
    text-align: left;
}

.header-style-two .header-top-area .header-top-right ul li.mobile-dropdown-active .mobile-dropdown .info_row .right p {
    color: #f10214;
    font-size: 12px;
    line-height: 14px;
    margin: 3px 0;
    text-align: left;
}

/* 菜单&logo */
.header-style-two .main-header {
    padding: 0;
    /*background-color: #ffffff;*/
}

.header-style-two .sticky-menu {
    /*height: 80px;
    line-height: 80px;*/
}

.header-style-two .sticky-menu .header-search-wrap {
    
}

.header-style-two .main-header .menu-wrap .menu-nav .nav-logo {
    display: flex;
    align-items: center;
    /*justify-content: space-between;*/
    padding: 0;
}

.header-style-two .main-header .menu-wrap .menu-nav .logo {
    position: relative;
}

.header-style-two .main-header .menu-wrap .menu-nav .logo a.mall-logo {
    display: none;
}

.header-style-three .main-header .menu-wrap .menu-nav .logo a.jc-logo {
    display: none;
}

.header-style-three .main-header .menu-wrap .menu-nav .logo a.mall-logo {
    display: block;
}

/*logo动画
.header-style-two .main-header .menu-wrap .menu-nav .logo:before {
    content: " ";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 50%;
    z-index: 1;
    width: 310%;
    margin-left: -200%;
    filter: blur(2px);
    pointer-events: none;
    -webkit-animation: logomove 2.5s linear infinite;
    animation: logomove 2.5s linear infinite;
    background: linear-gradient(to right, var(--be-light) 46%, var(--be-real) 50%, var(--be-light) 54%) 50% 50%;
}

:root {
    --be-light: rgba(255,255,255,0);
    --be-real: rgba(255,255,255,.65);
}

@-webkit-keyframes logomove {
    0% {
        transform: translate3d(-30%,0,0)
    }

    100% {
        transform: translate3d(30%,0,0)
    }
}

@keyframes logomove {
    0% {
        transform: translate3d(-30%,0,0)
    }

    100% {
        transform: translate3d(30%,0,0)
    }
}
logo动画结束*/

.header-style-two .main-header .menu-wrap .menu-nav .animation {
    position: relative;
    margin-left: 10px;
    width: 60px;
}

.header-style-two .main-header .menu-wrap .menu-nav .animation a {
    display: block;
}

.header-style-two .main-header .menu-wrap .menu-nav .animation a img {
    width: 100%;
    height: 100%;
}

.header-style-two .main-header .menu-wrap .navbar-wrap {
    align-items: center;
    /*justify-content: center;*/
    display: none !important;
}

.header-style-two .main-header.sticky-menu .menu-wrap .navbar-wrap {
    display: block !important;;
}

.header-style-two .main-header .menu-wrap .navbar-wrap ul {
    margin-left: 0;
    /*justify-content: center;*/
}

.header-style-two .main-header .menu-wrap .navbar-wrap ul.submenu {
    top: calc(100% - 1px);
    left: 0;
    min-width: 220px;
    position: absolute;
    border: 1px solid #efefef;
    padding: 0;
    display: unset;
}

.header-style-two .main-header .menu-wrap .navbar-wrap ul li {
    padding: 20px 25px;
    /*padding: 40px 0;*/
}

.header-style-two .main-header .menu-wrap .navbar-wrap ul li:nth-of-type(2) {
    /*color: var(--theme-color, #00b6dd);
    font-weight: 700;*/
    background: url(../img/icon/new.gif) 40px 0px no-repeat;
}

.header-style-two .main-header .menu-wrap .navbar-wrap ul.submenu li {
    padding: 0;
    margin: 0;
}

.header-style-two .main-header .menu-wrap .navbar-wrap ul.submenu li a {
    color: #555555;
    font-size: 14px;
    font-weight: 400;
    padding-left: 20px;
    text-transform: capitalize;
    position: relative;
    border-bottom: 1px dashed #efefef;
    z-index: 1;
}

.header-style-two .main-header .menu-wrap .navbar-wrap ul.submenu li:last-child a {
    border-bottom: none;
}

.header-style-two .main-header .menu-wrap .navbar-wrap ul.submenu li a:hover {
    color: var(--theme-color, #00b6dd);
    background-color: #fff;
    padding-left: 35px;
}

.header-style-two .main-header .menu-wrap .navbar-wrap ul.submenu li a:before {
    width: 10px;
    height: 1px;
    left: 20px;
    top: 50%;
    content: ' ';
    position: absolute;
    background-color: var(--theme-color, #00b6dd);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    z-index: -1;
}

.header-style-two .main-header .menu-wrap .navbar-wrap ul.submenu li:hover > a:before {
    opacity: 1;
    visibility: visible;
}

.header-style-two .main-header .menu-wrap .navbar-wrap > ul > li a {
    padding: 0;
    font-size: 15px;
}

.header-style-two .main-header .menu-wrap .navbar-wrap > ul > li a i, 
.header-style-three .header-search-area .navbar-wrap > ul > li a i {
    margin-left: 5px;
}

/*.header-style-two .main-header .menu-wrap .navbar-wrap > ul > li.active > a,.header-style-two .main-header .menu-wrap .navbar-wrap > ul > li:hover > a,.header-action ul li a:hover {
    color: #00b6dd;
    color: var(--theme-color, #00b6dd);
}*/

.header-style-two .main-header .menu-wrap .navbar-wrap > ul > li.active > a::before,
.header-style-two .main-header .menu-wrap .navbar-wrap > ul > li > a::before, 
.header-style-two .navbar-wrap > ul > li > a::before {
    background: var(--theme-color, #00b6dd);
    width: 100%;
    top: 97%;
    margin-top: 0;
    border-bottom: 3px solid var(--theme-color, #00b6dd);
    display: none;
}

/* header-action */
.header-style-two .main-header .menu-wrap .header-action .searchBar .search-close {
    display: none;
    margin-right: 15px;
}

.header-style-two .sticky-menu .menu-wrap .header-action .searchBar .search-close img {
    width: 20px;
    height: 20px;
}

.header-style-two .main-header .menu-wrap .header-action .header-search-wrap {
    /*margin-left: 15px;*/
}

.header-style-two .main-header .menu-wrap .rightside-menu {
    margin-left: auto;
}

.header-style-three .main-header .menu-wrap .rightside-menu {
    /*margin-left: 0;*/
}

.header-style-two .main-header .menu-wrap .rightside-menu .adver {
    
}

 .header-style-two .main-header .menu-wrap .rightside-menu ul {
    display: flex;
    align-items: center;
    justify-content: center;
    display: none;
}

.header-style-two .sticky-menu .menu-wrap .rightside-menu ul {
    display: flex;
}

.header-style-two .main-header .menu-wrap .rightside-menu ul li {
    margin-left: 25px;
 }

 .header-style-two .main-header .menu-wrap .rightside-menu ul li.search-ico {
    display: none;
 }
 
.header-style-two .main-header.sticky-menu .menu-wrap .rightside-menu ul li.search-ico {
    display: block;
    height: 80px;
 }

.header-style-two .main-header .menu-wrap .rightside-menu ul li a {
    color: #2d2d2d;
    font-size: 15px;
}

.header-style-two .main-header .menu-wrap .rightside-menu ul li.search-ico a img {
    width: 30px;
    height: auto;
}

.header-style-two .main-header .menu-wrap .rightside-menu ul li a .avatar-img {
    width: 40px;
    height: 100%;
    border-radius: 50%;
}

.header-style-two .main-header .menu-wrap .rightside-menu ul li a i {
    
}


.header-style-two .main-header .menu-wrap .header-action .header-shop-cart a span.cart-count {
    background: var(--theme-color, #00b6dd);
    color: #fff;
    top: -7px;
    right: 0;
    font-size: 10px;
    width: 16px;
    height: 16px;
    line-height: 16px;
}

.header-style-three .main-header .menu-wrap .rightside-menu .header-shop-cart, 
.sticky-menu .rightside-menu .header-shop-cart {
    display: block !important;
}

.header-style-two .main-header .menu-wrap .rightside-menu .header-shop-cart {
    margin-left: 25px;
}

.header-style-two .main-header .menu-wrap .rightside-menu .header-shop-cart a i {
    color: #2d2d2d;
    font-size: 18px;
}

.header-style-two .main-header .menu-wrap .rightside-menu .header-shop-cart a span.cart-count {
    background: var(--theme-color, #00b6dd);
    color: #fff;
    top: -7px;
    right: 0;
    font-size: 10px;
    width: 16px;
    height: 16px;
    line-height: 16px;
}

/* 导航栏固定 */
.header-style-two .sticky-menu .menu-wrap .header-action ul li.search-ico {
    margin-left: 80px;
}

.header-style-two .sticky-menu .menu-wrap .header-action ul li.header-shop-cart a {
    padding-right: 1px;
}

.header-style-two .sticky-menu .menu-wrap .header-action ul li {
    display: block;
}

.header-style-two .sticky-menu .menu-wrap .navbar-wrap ul li {
    /*padding: 32px 0;*/
}

.header-style-two .sticky-menu .menu-wrap .header-action ul li a.dis-flex, 
.header-style-two .sticky-menu .menu-wrap .header-action ul li a i.procure {
    font-size: 15px;
}

.header-style-two .main-header {
    /*line-height: 100px;*/
    padding: 20px 0 20px;
    background: linear-gradient(rgb(255, 59, 75) 0%, rgb(255, 59, 75) 30%, transparent 100%);
}

.header-style-two .main-header.sticky-menu {
    background: #ffffff;
}

.header-style-two .main-header.sticky-menu .menu-wrap {
    line-height: 80px;
}

.header-style-three .main-header.sticky-menu .menu-wrap .navbar-wrap {
    display: block!important;
}

/* 手机端菜单 */
.header-style-two .main-header .mobile-menu .nav-logo {
    background-color: #ffffff!important;
}

.header-style-two .main-header .menu-wrap .header-action {
    width: calc(100% - 46%);
}

.header-style-two .main-header .menu-wrap .header-action > ul {
    margin-left: 8px;
}



.header-style-two .main-header.sticky-menu .menu-wrap .header-action {
    width: auto;
}

.header-style-two .main-header .menu-wrap .header-action .searchBar {
    display: flex;
    align-items: center;
    justify-content: left;
    display: inline-block;
    width: 100%;
}

.header-style-two .main-header.sticky-menu .menu-wrap .header-action .searchBar {
    width: auto;
    display: flex;
}
/* 搜索栏 */
.header-style-two .header-search-area {
    background: transparent;
    /*border-top: 1px solid #e0e0e0;
    background: var(--blue-4169e1, #00b6dd);
    border-bottom: 1px solid #e0e0e0;
    -webkit-box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.2);*/
    padding: 0;
}

.header-style-two .header-search-area .header-category {
    /*height: 0;*/
    width: auto;
}

.header-style-two .header-search-area .header-category > a {
    /*max-width: 240px;*/
    height: 48px;
    line-height: 48px;
    color: #ffffff;
    font-size: 17px;
    font-weight: 700;
    background: var(--theme-color, #00b6dd);
    /*display: none; 全屏轮播*/
    display: none;
}

.header-style-three .header-search-area .header-category > a {
    display: block;
}

.header-style-two .header-search-area .header-category i {
    margin-right: 10px;
    margin-top: 2px;
    font-size: 12px;
}

.header-style-two .header-search-area .header-category ul.category-menu {
    /*min-height: 430px;  全屏轮播
    margin-top: 20px;*/
    max-width: unset;
    min-height: auto;
    border: 0;
    background-color: hsla(0, 0%, 100%, .9);
    border-radius: 8px;
    color: #636363;
    padding-top: 10px;
    margin-top: 14px;
}

.header-style-two .header-search-area .navbar-wrap ul {
    /*display: none;*/
    margin-left: 0;
}

.header-style-two .header-search-area .header-category ul.category-menu li.has-dropdown {
    /*border-bottom: 1px solid #e5e5e5; */
    padding-left: 16px;
    height: 38px;
    line-height: 38px;
    margin-top: 1px;
    font-size: 0;
    overflow: hidden;
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease;
}

.header-style-three .header-search-area .header-category ul.category-menu li.has-dropdown {
    padding-left: 0;
    height: auto;
    line-height: unset;
    margin-top: 0;
}

.header-style-two .header-search-area .header-category ul.category-menu li.has-dropdown:last-child, .header-style-three .header-search-area .header-category ul.category-menu li.has-dropdown {
    border-bottom: 0;
}

.header-style-two .header-search-area .navbar-wrap ul li:first-child {
    display: none;
}

.header-style-three .header-search-area .navbar-wrap ul li:first-child {
    display: inline-block;
}

.header-style-two .header-search-area .navbar-wrap  ul  li a {
    padding: 0 20px;
    font-size: 14px;
    color: #1f1f1f;
    font-weight: 600;
    /*margin-right: 40px;*/
}

.header-style-three .header-search-area .navbar-wrap ul li:first-child a {
    color: rgb(255, 0, 54);
    font-weight: 600;
    white-space: nowrap;
}

.header-style-two .navbar-wrap > ul > li a img.navitems-icon {
    width: 16px;
    height: 16px;
    margin-right: 6px;
    top: -1px;
    display: inline-block;
    position: relative;
}

.more_slide_open > li > a {
    color: #ffffff;
}

.header-style-two .category-menu > li > a  {
    position: relative;
    box-sizing: content-box;
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #1a1a1a;
    -webkit-transition: color .2s ease;
    transition: color .2s ease;
}

.header-style-three .category-menu > li > a {
    /*color: #ffffff;*/
    font-size: 16px;
    font-weight: 600;
    position: relative;
    padding: 16px 15px 15px 30px;
    /*border-bottom: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;*/
    font-weight: normal;
}



.header-style-two .category-menu > li > a i {
    position: absolute;
    right: 10px;
    line-height: 22px;
    height: 22px;
}

.header-style-two .category-menu > li:hover > a {
    /*color: #fff;
    background: var(--theme-color, #00b6dd);*/
    color: var(--theme-color, #00b6dd);
    /*border-left: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;*/
}

.header-style-three .category-menu > li:hover > a {
    background: var(--theme-color, #00b6dd);
    color: #fff;
}

.header-style-two .cat-menu-img {
    border: unset;
    padding: 0;
    margin-right: 0;
}

.header-style-two .cat-menu-img img {
    border-radius: unset;
    width: 14px;
    height: 14px;
    vertical-align: -webkit-baseline-middle;
    display: inline-block;
    margin-top: -10px;
    margin-right: 12px;
    background-size: 100%;
}

.header-style-two .category-menu ul.mega-menu {
    width: 600px;
    height: 100%;
    color: #333;
    border: unset;
    padding: 0px 25px;
    border-radius: 8px;
    box-shadow: unset;
}

.header-style-three .category-menu ul.mega-menu {
    /*padding: 15px 20px;*/
    border: 0;
    height: 100%;
}


.header-style-two .category-menu ul.mega-menu img {
    width: 50px;
    height: 50px;
    margin-right: 15px;
}

.header-style-two .category-menu ul.mega-menu li p {
    font-weight: bold;
    color: #333;
    padding: 18px 0 5px;
    font-size: 15px;
    margin-bottom: 15px;
    border-bottom: 1px dashed #e6e6e6;
}

/*.header-style-two .category-menu ul.mega-menu li ul {
    border-top: 1px dashed #e6e6e6;
}*/

.header-style-two .category-menu ul.mega-menu li ul li {
    display: flex;
    align-items: center;
    justify-content: left;
    text-align: left;
    font-size: 13px;
    color: #666;
    /*padding-left: 18px;*/
    position: relative;
    float: left;
    width: 33.33333%;
    height: auto;
    margin: 6px 0;
}

.header-style-two .header-search-area ul.category-menu > li:hover > a .cat-menu-img, 
.more_slide_open > li:hover > a .cat-menu-img {
    border-color: var(--theme-color, #00b6dd);
}

.mega-menu ul li a:hover {
    padding-left: 0;
}

.header-style-two .header-search-wrap form {
    width: auto;
    /*border: 1px solid #e0e0e0;*/
}

.header-style-two .header-search-wrap form input {
    color: #b0b0b0;
    font-size: 15px;
    font-weight: normal;
    width: 100%;
    height: 44px;
    border: 1px solid #e0e0e0;
    border-radius: 5px 0 0 5px;
}

.header-style-two .header-search-wrap form input:focus {
    color: #495057;
}

.header-style-two .header-search-wrap form button {
    width: 60px;
    height: 44px;
    background: var(--theme-color, #00b6dd);
    /*background: #e0e0e0;*/
    color: #fff;
    border-radius: 0 5px 5px 0;
}

.header-style-three .header-search-wrap form input {
    border-radius: 5px 0 0 5px;
    height: 40px;
}

.header-style-three .header-search-wrap form button {
    border-radius: 0 5px 5px 0;
    height: 40px;
    width: 60px;
}

.header-style-three .sticky-menu .header-search-wrap form input, .header-style-three .sticky-menu .header-search-wrap form button {
    height: 45px;
}

.header-style-two .header-search-wrap form:hover input, 
.header-style-two .header-search-wrap form input:focus {
    border: 1px solid var(--theme-color, #00b6dd);
}

.header-style-two .header-search-wrap form:hover button, 
.header-style-two .header-search-wrap.active form button {
    background: var(--theme-color, #00b6dd);
}

.header-style-two .header-search-wrap form button i {
    background-image: url(../img/icon/seach.png);
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: 50%;
    padding: 10px;
}

.header-style-two .header-search-wrap form button i.fa-search:before {
    content: unset;
}

.header-style-two .header-search-hot {
    margin-left: 2px;
    padding-top: 5px;
}

.header-style-two .header-search-hot a {
    padding: 0;
}

.header-search-hot {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

/* 分隔符样式 */
.header-style-two .header-search-hot a + a::before {
    content: "|";
    color: rgba(0,0,0,.06);
    display: inline-block;
    line-height: 0px;
    transform: scaleY(0.7);
    /*vertical-align: middle;*/
    padding: 0 10px;
}

.header-style-three .header-search-hot a + a::before, .sticky-menu .header-search-hot a + a::before {
    /*content: "";
    padding: 0 6px;*/
}

.header-style-three .header-search-hot {
    display: block;
}

.header-style-three .cat-menu-img {
    display: none;
}

.header-style-two .main-header .menu-wrap .rightside-menu .adver img {
    height: 66px;
}

/* 列表页、内容页头部 */
.header-style-three .main-header {
    /*background: #ffffff;*/
    padding: 17px 0 15px;
    line-height: normal;
}



/*.header-style-three .main-header .menu-wrap .navbar-wrap > ul > li.active > a::before, .header-style-three .main-header .menu-wrap .navbar-wrap > ul > li > a::before {
    display: none;
}*/

.header-style-three .menu-nav {
    justify-content: space-between;
}

.header-style-three .header-search-wrap form input, 
.header-style-two .sticky-menu .header-search-wrap form input {
    width: 100%;
}

.header-style-three .header-search-area {
    /*border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding-block: 1rem;*/
    background: #ffffff;
    border-top: 0;
}

.header-style-three .header-search-area .header-category {
    height: auto;
    width: auto;
}

.header-style-three .header-search-area .header-category > a {
    color: #fff;
    font-size: 17px;
    font-weight: 700;
    border-radius: 4px;
    height: 48px;
    line-height: 48px;
    display: flex;
    /*display: flex;
    align-items: center;
    justify-content: center;*/
}

/*.header-style-three .header-search-area .header-category > a::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
}*/

.header-style-three .header-search-area .header-category i {
    margin-right: 10px;
    /*margin-top: 3px;*/
    font-size: 21px;
}

.header-style-three .header-search-area .header-category ul.category-menu {
    margin-top: 0;
    /*border: 1px solid #e0e0e0;*/
    border-radius: 4px;
    background-color: #ffffff;
    padding: 15px 0;
}

.header-style-three .category-menu > li > a, 
.header-style-three .more_slide_open > li > a {
    color: #6e6e6e;
}

.header-style-two .main-header .menu-wrap .menu-nav {
    /*line-height: 80px;*/
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.header-style-three .main-header .menu-wrap .menu-nav {
    align-items: center;
}

.header-style-three .main-header .menu-wrap .navbar-wrap {
    /*padding: 32px 0px;*/
    display: none !important;
}

.header-style-three .main-header .menu-wrap .navbar-wrap ul {
    /*display: none;
    display: flex;
    align-items: center;
    justify-content: center;*/
}

.header-style-three .header-search-area .navbar-wrap ul {
    display: block;
    margin-left: 0;
    top: 100%;
    padding-left: 15px;
}

.header-style-three .header-search-area .navbar-wrap ul li {
    display: inline-block;
}

.header-style-three .header-search-area .navbar-wrap ul.submenu {
    min-width: 220px;
}

.header-style-three .header-search-area .navbar-wrap ul.submenu li {
    padding: 0;
}

.header-style-three .header-search-area .navbar-wrap ul.submenu li a {
    color: #555555;
    font-size: 14px;
    font-weight: 400;
    padding-left: 20px;
    text-transform: capitalize;
    position: relative;
    border-bottom: 1px dashed #efefef;
    z-index: 1;
}

.header-style-three .header-search-area .navbar-wrap ul.submenu li:last-child a {
    border-bottom: none;
}

.header-style-three .header-search-area .navbar-wrap ul.submenu li a:hover {
    color: var(--theme-color, #00b6dd);
    background-color: #fff;
    padding-left: 35px;
}

.header-style-three .header-search-area .navbar-wrap ul.submenu li a:before {
    width: 10px;
    height: 1px;
    left: 20px;
    top: 50%;
    content: ' ';
    position: absolute;
    background-color: var(--theme-color, #00b6dd);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    z-index: -1;
}

.header-style-three .header-search-area .navbar-wrap ul.submenu li:hover > a:before {
    opacity: 1;
    visibility: visible;
}

.header-style-three .header-search-area .navbar-wrap > ul > li a {
    padding: 0 35px 0px 0px;
    font-size: 15px;
    color: #2d2d2d;
    font-weight: 500;
}

.header-style-three .header-search-area .navbar-wrap > ul > li.active > a {
    color: var(--theme-color, #00b6dd);
    font-weight: 700;
 }
 
.header-style-three .header-search-area .navbar-wrap > ul > li:hover a {
    color: var(--theme-color, #00b6dd);
}
 
.header-style-three .navbar-wrap > ul > li a img.navitems-icon {
    top: 0;
 }

/*.header-style-three .header-search-area .navbar-wrap > ul > li > a::before {
    display: none;
}*/

/* =============================================
   商城导航样式
   ============================================= */
   
    .header-style-three .main-header .menu-wrap .header-action {
        width: calc(100% - 50%);
    }
    
    .header-style-three .main-header.sticky-menu .menu-wrap .header-action {
        width: auto;
    }
    
    .header-style-three .main-header .menu-wrap .header-action ul {
        margin-left: 5px;
    }

    .header-style-three .main-header .menu-wrap .header-action .searchBar {
        display: inline-block;
        width: 100%;
    }
    
    .header-style-three .main-header.sticky-menu .menu-wrap .header-action .searchBar {
        display: flex;
        width: auto;
    }
    
    .header-style-three .main-header .menu-wrap .header-action .searchBar .header-search-hot {
        margin-left: 5px;
        padding-top: 5px;
    }
    
    .header-style-two .main-header.sticky-menu .menu-wrap .header-action .searchBar .header-search-hot {
        margin-left: 25px;
        padding-top: 0;
    }
    
    .header-style-three .main-header .menu-wrap .rightside-menu {
        display: block;
    }

    
   .header-style-three .main-header .menu-wrap .rightside-menu ul {
        display: none;
    }
    
    .header-style-three .main-header .menu-wrap .rightside-menu .adver, .header-style-three .main-header.sticky-menu .menu-wrap .rightside-menu ul {
        display: flex;
    }
    
    .header-style-three .main-header .menu-wrap .rightside-menu .adver img {
        height: 66px;
        /*border: 1px solid #e6e6e6;
        padding: 6px 20px;
        border-radius: 8px;*/
    }


/* =============================================
   Banner 首页轮播
   ============================================= */
.second-slider-area {
    background-image: url() !important;
    padding-bottom: 0;
    /*background-color: #ffffff;*/
}

.second-slider-area .custom-container-two {
    /*全屏轮播
    max-width: 100%;
    padding: 0 15px;*/
}


.second-slider-area .carousel-container {
    /*全屏轮播
    padding: 0;*/
    display: flex;
}

.second-slider-area .justify-content-end .carousel {
    /*全屏轮播*/
    margin: 0;
}

.second-slider-area .justify-content-end .carousel-container .carousel {
    margin-top: 0;
    margin-bottom: 15px;
    margin-left: 0;
}

.second-slider-area .justify-content-end .carousel .carousel-indicators {
    margin-right: 3%;
    margin-left: 0;
    z-index: 1;
}

.second-slider-area .justify-content-end .carousel-container .carousel .carousel-indicators {
    justify-content: right;
}

/*.second-slider-area .slide .carousel-inner .carousel-item {
    width: 1092px;
    height: 557px;
}*/

.second-slider-area .slide .carousel-inner .carousel-item {
    max-height: 100%;
}

.second-slider-area .slide .carousel-inner .carousel-item a .carousel-caption h5 {
    display: none;
}


.second-slider-area .carousel-container .right-box {
    width: 30%;
    margin: 15px 0;
    margin-left: 15px;
}


/* =============================================
   首页-3格广告
   ============================================= */
.top-cat-banner-area {
    /*background-color: #fff;*/
}

.top-cat-banner-item a img {
    border-radius: 8px;
}

.top-cat-banner-area .top-cat-banner-item a:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.05);
}
/*   首页-3格广告end   */

/* =============================================
   首页-产品列表-开始
   ============================================= */
.list-product_layout .list-product-top {
    border-bottom: unset;
    margin-bottom: 15px;
}

.list-product_layout .list-product-top .title {
    width: 20%;
}

.list-product_layout .list-product-top .product-level-list {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.list-product_layout .list-product-top .product-level-list a.view-all {
    font-size: 15px;
    /*color: #666666;*/
    font-weight: 600;
}

.list-product_layout .list-product-top .product-level-list .product-list-topright a.top-level-list {
    margin-right: 20px;
}

.list-product_layout .list-product-top .product-level-list .product-list-topright a.top-level-list span {
    font-size: 15px;
    color: #666666;
    letter-spacing: -0.09px;
    border-bottom: 1px solid transparent;
}

.list-product_layout .list-product-top .product-level-list .product-list-topright .top-level-list:hover span, 
.list-product_layout .list-product-top .product-level-list a.view-all:hover {
    color: var(--theme-color, #00b6dd);
}

.list-product_layout .list-product-top .product-level-list .product-list-topright a.top-level-list.active span {
    border-bottom: 2px solid var(--theme-color, #00b6dd);
    color: var(--theme-color, #00b6dd);
}

.product-list-topright a.top-level-list i.cat-menu-ico {
        display: inline-block;
        width: 20px;
        height: 20px;
        margin-top: 1px;
        vertical-align: top;
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
    }

/* 分类图标 */
.product-list-topright a.list-0 i {
    background-image: url("../img/index/cat-menu-ico-0.png");
}
    
.product-list-topright a.list-1 i {
    background-image: url("https://img.alicdn.com/imgextra/i2/O1CN01my7jsY1DB78Z05moQ_!!6000000000177-2-tps-192-192.png");
}
    
.product-list-topright a.list-2 i {
    background-image: url("https://cos.jccn.net/uploads/20260603/766adfc52ecff3424d85e1ccd24c65dd.png");
}
    
.product-list-topright a.list-3 i {
    background-image: url("https://img.alicdn.com/imgextra/i4/O1CN01OLtWif1pL9DcQntUk_!!6000000005343-2-tps-96-96.png");
}
    
.product-list-topright a.list-4 i {
    background-image: url("https://m.360buyimg.com/babel/jfs/t1/338664/27/1942/2693/68ad4fc0F2f34b247/5fbad790c1ea9f6c.png");
}
    
.product-list-topright a.list-5 i {
    background-image: url("https://m.360buyimg.com/babel/jfs/t1/333404/28/4300/5132/68ad5991Fb6e3c18a/cb1f101d83dca53a.png");
}
    
.product-list-topright a.list-6 i {
    background-image: url("https://m.360buyimg.com/babel/jfs/t1/422637/16/20016/18660/69f083dcFa24815f8/01530c80c83c1d0a.png");
}
    
/* 选中背景 */
.product-list-topright a.list-1.active {
    background: rgb(235, 244, 255) !important;
}
    
/* 选中字体颜色 */    
.product-list-topright a.list-1.active span {
    color: #0073FF !important;
}


.list-product_layout .product-main-wrap {
    display: flex;
}

.list-product_layout .product-main-wrap .banner-img-left {
    float: left;
    margin-right: 14px;
    /*display: none;*/
    width: 20%;
}

.list-product_layout .product-main-wrap .banner-img-left img {
    width: 100%;
    height: 100%;
}

.list-product_layout .product-main-wrap .banner-img-left a.banner-img {
    /*border-radius: 8px;*/
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: 100%;
    display: block;
}

.list-product_layout .product-main-wrap .product-list-right {
    width: 80%;
    display: none;
}

.list-product_layout .product-main-wrap .product-list-right ul {
    margin: -7px;
}

.list-product_layout .product-main-wrap .product-list-right ul li.product-item {
    padding: 7px;
    box-sizing: border-box;
}

.list-product_layout .product-main-wrap .product-list-right ul li .product-detail-card {
    background: #fff;
    /*border-radius: 8px;
    padding: 20px 20px 5px;*/
}

.list-product_layout .product-main-wrap .product-list-right ul li .product-detail-card:hover {
    box-shadow: 0px 4px 21px 0px rgba(117, 114, 114, 0.19);
}

.list-product_layout .product-main-wrap .product-list-right ul li .product-detail-card .product-detail-pic {
    padding: 6px 6px 0;
    position: relative;
}

.list-product_layout .product-main-wrap .product-list-right ul li .product-detail-card .product-detail-pic a {

}

.list-product_layout .product-main-wrap .product-list-right .product-detail-card .product-detail-pic a img {
    width: 100%;
    height: 100%;
    vertical-align: middle;
    border-radius: 6px;
}

.list-product_layout .product-main-wrap .product-list-right ul li .product-detail-card .product-des-box {
    padding: 10px 10px 5px;
}

.list-product_layout .product-main-wrap .product-list-right ul li .product-detail-card .product-des-box h6 {
    font-size: 16px;
    font-weight: 400;
    color: #1a1a1a;
}

.list-product_layout .product-main-wrap .product-list-right ul li .product-detail-card .product-des-box .sales {
    height: 18px;
    font-size: 12px;
}

.list-product_layout .product-main-wrap .product-list-right ul li .product-detail-card .product-des-box .exclusive--item--price {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    position: relative;
}

.list-product_layout .product-main-wrap .product-list-right ul li .product-detail-card .product-des-box p {
    margin-bottom: 0;
}

.list-product_layout .product-main-wrap .product-list-right ul li .product-detail-card .product-des-box p.new-price {
    color: var(--theme-color, #00b6dd);
}

.list-product_layout .product-main-wrap .product-list-right ul li .product-detail-card .product-des-box p.new-price .num {
    font-size: 25px;
    font-weight: 700;
    color: var(--theme-color, #00b6dd);
    font-family: "Conv_DINCondensedC";
}

.product-detail-card .more2_info_inforeceived_price {
    display: none;
    position: absolute;
    color: #fff;
    font-family: PingFang SC;
    font-size: 14px;
    font-weight: 400;
    border-radius: 4px;
    padding: 0 6px;
    background: linear-gradient(90deg, #ff475d, #fa436a);
    top: 15px;
    right: 0;
}

.list-product_layout .product-main-wrap .product-list-right ul li .product-detail-card:hover .more2_info_inforeceived_price {
    display: block;
}

.product-detail-card .old-price {
    margin-left: 5px;
    color: #888888;
    font-size: 14px;
    margin-right: 0;
    font-weight: 500;
}

.product-detail-card .product-des-box .sales {
    margin-left: auto;
 }

.list-product_layout .product-main-wrap .product-list-right ul li .product-detail-card .product-des-box .sales_actual {
    float: right;
    margin-top: 3px;
    color: #888888;
}

.list-product_layout .product-main-wrap .product-list-right ul li .product-detail-card .product-des-box .sales_actual i {
    margin-right: 5px;
}

.list-product-area .list-product-item .list-product-content p {
    color: var(--theme-color, #00b6dd);
}

.list-product-area .list-product-item .list-product-content p.ellipsis {
    color: #7d7d7d;
}

.list-product-area .list-product-item .list-product-content p .num {
    font-size: 26px;
    font-weight: 700;
    color: var(--theme-color, #00b6dd);
    font-family: "Conv_DINCondensedC";
}

/*   首页-产品列表end   */

/* =============================================
   列表页
   ============================================= */
/*  无内容时显示  */
.loadmore-nodata {
    text-align: center;
    margin-bottom: 50px;
    padding: 100px 0;
    background: url(../img/no-data.png) no-repeat;
    background-position: center;
    background-size: 80px 80px;
}

.loadmore-nodata span.loadmore-tips {
    display: block;
    margin-top: 120px;
    font-size: 16px;
    color: #9b9b9b;
}
/*  无内容时显示end  */

.breadcrumb-area.breadcrumb-bg {
    padding: 80px 0;
    position: relative;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.breadcrumb-area.breadcrumb-bg a.adv-link {
    position: absolute;
	display: block;
    height: 100%;
    width: 100%;
	top: 0;
}

/*  面包屑导航  */
.breadcrumb-area .container {
    display: flex;
    align-items: center;
    justify-content: center;
}

.nav-bread {
    /*padding: 15px 0;*/
}

.goods-bread {
    /*padding: 10px 0;*/
    background-color: #ffffff;
    border-top: 1px solid #eee;
}

.nav-bread .breadcrumb {
    background-color: unset;
    margin-bottom: 0;
    /*padding: 0 15px;*/
}

.nav-bread .breadcrumb li {
    font-size: 13px;
    color: #505050;
}

.nav-bread .breadcrumb li a {
    color: #999;
    font-size: 13px;
    cursor: default;
    vertical-align: middle;
    cursor: pointer;
}

.nav-bread .breadcrumb li a:hover {
    color: var(--theme-color, #00b6dd);
}

.nav-bread .breadcrumb li.breadcrumb-item {
    display: flex;
    align-items: center;
}

.nav-bread .breadcrumb-item + .breadcrumb-item {
    padding: 0;
}

.nav-bread .breadcrumb-item::before {
    /*content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    background-image: url(../img/icon/home-map.png);
    background-repeat: no-repeat;
    background-position: center 50%;
    background-size: cover;*/
    margin-right: 5px;
    /*content: "\f015";*/
    display: inline-block;
    font: normal normal normal 14px / 1 FontAwesome;
    font-size: 16px;
    color: #999;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

.nav-bread .breadcrumb-item + .breadcrumb-item::before {
    /*color: #6d6c6c;
    content: "";
    background: url(../img/icon/nav-bread.png) no-repeat center 50%;
    width: 4px;
    height: 7px;*/
    width: auto;
    height: auto;
    padding: 0 10px;
    margin: 0;
    content: "\f105";
    background: unset;
}

.goods-bread .breadcrumb li a, 
.goods-bread .breadcrumb-item::before {
    color: #505050;
}

/*  面包屑导航end  */

/*  文章列表页  */
.blog-rc-post ul li .rc-post-thumb a img {
    width: 100px;
    height: 100px;
}

/*  文章内容页  */
.article-details-wrap .article-post-content p {
    margin: 0;
    color: #333;
    font-size: 15px;
}

/*.article-details-area .col-lg-9 {
    padding-right: 5px;
}*/

.article-details-area .article-post-item, 
.article-details-area .right .blog-rc-post {
    padding: 20px 22px;
    background-color: #fff;
    box-shadow: 0px 1px 16px 0px rgba(117, 114, 114, 0.07);
    border-radius: 4px;
}

.article-details-area .article-post-item {
    padding: 20px 30px 20px;
}

.article-details-area .article-sidebar .article-sidebar-widget {
    background: #fff;
    box-shadow: 0px 1px 16px 0px rgba(117, 114, 114, 0.07);
    padding: 20px 22px;
    margin-bottom: 20px;
    border-radius: 4px;
}

.article-details-area .article-sidebar .article-sidebar-widget .blog-cat-list ul li:last-child {
    /*border: 0;*/
}

.article-details-area .article-sidebar .article-sidebar-widget .article-sidebar-channel {
    
}

.article-details-area .article-sidebar .article-sidebar-widget:last-child {
    padding: 0;
    background: transparent;
}

.article-sidebar .article-sidebar-widget .blog-cat-list {
    padding: 15px 0;
}

.article-details-area .article-sidebar .article-sidebar-widget .blog-cat-list ul li {
    display: flex;
    padding: 10px 0;
    margin-bottom: 0;
}

.article-details-area .article-sidebar .article-sidebar-widget .blog-cat-list ul li a {
    /*border-bottom: 1px dashed #dadada;*/
    font-size: 14px;
    color: #8d8d8d;
    text-indent: 5px;
}

.article-details-area .article-sidebar .article-sidebar-widget .blog-cat-list ul li a.active, .article-details-area .article-sidebar .article-sidebar-widget ul li.active .rc-post-content a {
    /*border-left: 3px solid var(--theme-color, #00b6dd);*/
    color: var(--theme-color, #00b6dd);
    /*font-weight: 600;*/
}

.article-details-area .article-sidebar .article-sidebar-widget .blog-cat-list ul li a:hover {
    color: var(--theme-color, #00b6dd);
    /*padding-left: 5px;*/
}

.article-details-area .article-sidebar .article-sidebar-widget ul li a i {
    font-size: 14px;
    text-align: center;
    margin-right: 5px;
}

.article-details-area .article-sidebar .article-sidebar-widget .article-sidebar-banner img {
    border-radius: 4px;
}

.article-details-area .s-article-post-item .article-post-content h4 {
    font-weight: 700;
    color: #141414;
    font-size: 22px;
}

.single-details-area .s-article-post-item .article-post-content h4 {
    border-bottom: 1px dashed #ccc;
    padding-bottom: 10px;
    margin-bottom: 15px;
    font-size: 18px;
}

.article-details-area .s-article-post-item .article-post-content .article-post-meta {
    margin-bottom: 15px;
}

.article-details-area .article-details-wrap .article-post-meta ul {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.article-details-area .article-details-wrap .article-post-meta ul li {
    color: #999;
    font-size: 13px;
}

.s-article-post-item .article-post-meta ul li::after {
    top: 0;
}

.article-details-area .article-details-wrap .article-post-meta ul li i {
    font-size: 14px;
}

.article-details-area .article-sidebar {
    margin-left: 0;
    margin-top: 0;
}

.single-details-area .article-sidebar .article-sidebar-title {
}

/*.article-details-area .article-sidebar .article-sidebar-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #eaeaea;
}*/

.article-details-area .article-sidebar .article-sidebar-title h5 {
    font-size: 16px;
    text-align: left;
    color: #343434;
}

.article-details-area .article-sidebar .blog-rc-post ul li {
    margin-bottom: 0;
    padding: 6px 0;
}

.article-details-area .article-sidebar .blog-rc-post ul li a {
    color: #6e6e6e;
}

.article-details-area .article-sidebar .blog-rc-post ul li a:hover {
    color: var(--theme-color, #00b6dd);
}

/* =============================================
   联系我们
   ============================================= */
.contact-details-area .s-article-post-item .article-post-content h4 {
    font-size: 36px;
    font-weight: 400;
    margin-bottom: 20px;
}

.contact-details-area .article-post-content .contact-info {
    margin-top: 50px;
}

.contact-details-area .article-post-content .contact-info .media {
    padding: 0 0 30px 0;
}

.contact-details-area .article-post-content .contact-info .float-left {
    width: 42px;
    height: 42px;
    line-height: 64px;
    margin-right: 10px;
}

.contact-details-area .article-post-content p {
    font-size: 16px;
    line-height: 24px;
}

.contact-details-area .article-post-content .contact-info .float-left i {
    font-size: 36px;
    color: #333;
}

.contact-details-area .article-post-content .contact-info strong {
    margin-bottom: 5px;
    display: block;
}

.contact-details-area .article-post-content .contact-info .media-body {
    padding: 0 0 0 10px;
    margin-top: 0px;
}

.contact-details-area .article-post-content .contact-info .media-body a {
    color: #333;
    text-transform: uppercase;
}

.contact-details-area .article-post-content .contact-info .mobile .media-body a {
    font-size: 24px;
}

.contact-details-area .wx {
    border: 1px solid #eee;
    padding: 20px 0px;
    text-align: center;
    margin-top: 50px;
    /*width: 80%;*/
}

.contact-details-area .wx .title {
    font-weight: 700;
}

.contact-details-area .wx p {
    margin-bottom: 0;
    color: #333;
    line-height: 28px;
    font-size: 16px;
}

.contact-details-area .wx img {
    height: 233px;
    width: 233px;
}

.contact-details-area .special-offer-banner {
    margin-right: -15px;
    margin-left: -15px;
}

.contact-details-area .special-offer-banner .col-lg-6 {
    float: left;
    padding: 0;
}

.contact-details-area .special-offer-banner img {
    max-width: 100%;
    height: auto;
    border-radius: 0;
}

/* =============================================
   商品列表页
   ============================================= */
.shop-area {
    background: #f5f6fa;
}

/*  筛选背景  */
.filter-box {
    padding: 15px 25px;
    background: #fff;
    border-radius: 8px;
}

.filter-box .shop-widget {
    display: flex;
    align-items: center;
    box-shadow: unset;
    margin: 15px 0;
    padding: 0;
}

.filter-box .shop-widget-title {
    width: 8%;
    display: block;
    flex: none;
    line-height: 24px;
    font-weight: normal;
    margin-bottom: 0;
    padding-bottom: 10px;
}

.filter-box .shop-widget-title .title {
    color: #999;
    font-size: 13px;
}

.filter-box .shop-cat-list {
    width: 92%;
    border-bottom: 1px dotted #efefef;
    padding-bottom: 10px;
}

.filter-box .shop-cat-list ul li {
    margin-bottom: 0;
    overflow: unset;
}

.filter-box .shop-cat-list ul li a {
    color: #6E6E6E;
    margin: 0 35px 0 2px;
    padding: 0;
    font-size: 13px;
}

.filter-box .shop-cat-list ul li a:hover {
    color: var(--theme-color, #00b6dd);
}

.filter-box .shop-cat-list ul li.active a {
    color: var(--theme-color, #00b6dd);
    font-weight: 700;
}

.filter-box .shop-cat-list ul li a::before {
    display: none;
}

.shop-top-meta .show-result font {
    font-weight: 700;
}

.shop-top-meta .shop-meta-right form .custom-select {
    background: #fff url(../img/icon/nw_selarw.png) no-repeat scroll 97.5% center;
    border: 1px solid #efefef;
}

.filter-box .goods-category {
    margin: 0;
}

.filter-box .goods-category .shop-widget-title {
    padding-bottom: 0;
}

.filter-box .goods-category .shop-cat-list {
    padding-bottom: 0;
    border-bottom: unset;
}


/*  商品筛选end  */

.shop-area .goods-container {
    margin: -8px;
}

.shop-area .goods-item {
    padding: 8px;
    box-sizing: border-box;
}

.shop-area .goods-item .exclusive-item {
    background: #fff;
    border-radius: 8px;
    padding: 6px;
}

.shop-area .goods-item .exclusive-item .exclusive-item-thumb {
    margin-bottom: 0;
}

/* 无货遮罩 */
.out-of-stock-badge {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 8;
    border-radius: 4px;
}

.out-of-stock-badge span {
    background-color: var(--theme-color, #00b6dd);
    color: #fff;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 1.1rem;
    z-index: 1;
    box-shadow: 0 4px 10px rgba(248, 37, 133, .3);
}

/*右上角标签*/
.discount-badge {
    position: absolute;
    top: 5px;
    right: 5px;
    background-color: var(--theme-color, #00b6dd);
    color: #fff;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 1.1rem;
    z-index: 1;
    box-shadow: 0 4px 10px rgba(248,37,133,.3)
}

.shop-area .goods-item .exclusive-item .exclusive-item-content h6 {
    margin-bottom: 10px;
}

.product-label {
    display: inline;
    /*margin-right: 5px;
    vertical-align: bottom;*/
    position: relative;
    top: -1px;
}

.product-label li {
    display: inline-block;
    padding-right: 3px;
}

.product-label li:last-child {
    padding-right: 0;
}

.product-label li img {
    height: 18px;
    width: auto;
    border-radius: 3px;
}



.cart_main .product-label li img, .shop-goods-list .product-label li img {
    height: 15px;
}

.product-label-img {
    position: absolute;
    top: 15px;
    right: 0;
    display: flex;
    width: 100%;
    align-items: center;
    padding: 0 5px;
    z-index: 9;
}

.product-label-img img {
    width: auto;
    height: auto;
    border-radius: 3px;
    margin: 0 10px;
}

.related-product-wrap .product-label-img {
    top: 10px;
}

.related-product-wrap .product-label-img img {
    /*width: 50px;*/
    margin: 0 3px;
}
/* 1张图片时：靠右 */
.product-label-img:only-child,
.product-label-img img:only-child {
  margin-left: auto;
}

/* 2张图片时：一左一右 */
.product-label-img img:first-child:nth-last-child(2) {
  margin-right: auto;
}
.product-label-img img:last-child:nth-child(2) {
  margin-left: auto;
}


.goods-details-area .product-label {
    margin-top: 2px;
    line-height: 18px;
}

.goods-details-area .product-label li img {
    height: 23px;
}

.shop-area .goods-item .exclusive-item .exclusive-item-thumb img {
    border-radius: 4px;
}

.shop-area .goods-item .exclusive-item:hover {
    box-shadow: 0px 4px 21px 0px rgba(117, 114, 114, 0.19);
}

.shop-area .goods-item .exclusive-item .exclusive-item-content {
    padding: 8px 8px 5px;
}

.shop-area .goods-item .exclusive-item .exclusive-item-content h6 {
    font-size: 16px;
    font-weight: 400;
    color: #1a1a1a;
    line-height: 1.3;
    margin-bottom: 5px;
}

.shop-area .goods-item .exclusive-item .exclusive-item-content p.ellipsis {
    margin-bottom: 0;
}

.shop-area .goods-item .exclusive-item .exclusive-item-content .sales {
    height: 18px;
    font-size: 12px;
    color: #b0b0b0;
}

.shop-area .goods-item .exclusive-item .exclusive--item--price {
    line-height: 24px;
}

.shop-area .goods-item .exclusive-item-three .old-price {
    margin-left: 1px;
    color: #888888;
    font-size: 14px;
    margin-right: 0;
    font-weight: 500;
}

.shop-area .goods-item .exclusive-item-three .new-price span {
    font-size: 25px;
    font-weight: 700;
    color: var(--theme-color, #00b6dd);
    font-family: "Conv_DINCondensedC";
}

.shop-area .goods-item .exclusive-item-three .sales_actual {
    margin-left: auto;
    margin-top: 3px;
    color: #888888;
    font-size: 12px;
}

.shop-area .goods-item .exclusive-item-three .sales_actual i {
    margin-right: 5px;
}

.pagination li a:hover, 
.pagination li.active span {
    background: var(--theme-color, #00b6dd);
}

.pagination {
    background: unset;
}

/* 猜你喜欢 */
.related-product-wrap .exclusive-item-content {
    text-align: left;
}

.related-product-wrap .deal-day-top {
    margin-bottom: 15px;
}

.related-product-active {
    margin: 0 -8px;
}

.related-product-wrap .slick-slide {
    padding: 8px;
}

.related-product-wrap .exclusive-item {
    background: #fff;
    border: 1px solid transparent;
    border-radius: 8px;
    padding: 4px;
}

.related-product-wrap .exclusive-item:hover {
    border-color: var(--theme-color, #00b6dd);
}

.related-product-wrap .exclusive-item-thumb {
    margin-bottom: 0;
}

.related-product-wrap .exclusive-item-content {
    padding: 10px 15px 5px;
}

.related-product-wrap .exclusive-item-content h6 {
    font-size: 15px;
}

.exclusive-item-three .exclusive--item--price {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
}

.exclusive-item-three .exclusive--item--price .sales {
    font-size: 12px;
    color: #7d7d7d;
}

/*  分页导航  */
.pagination li a, 
.pagination li span {
    display: inline-block;
    vertical-align: middle;
    padding: 0 10px;
    min-width: 18px;
    width: auto;
    height: 34px;
    border: 1px solid #f5f6fa;
    border-radius: 3px;
    background-color: #fff;
    /*color: #333;*/
    text-align: center;
    line-height: 34px;
    font-size: 12px;
    font-weight: 500;
}

.pagination li span {
    border-color: #f5f6fa;
    color: #c9c9c9;
}

/*  商品列表end  */

/* =============================================
   商品内容页
   ============================================= */
.qtybutton {
    z-index: unset;
}

.goods-details-area .goods-description {
    display: flex;
    /*align-items: center;*/
    justify-content: center;
    /*background: #ffffff;
    padding: 15px 0;*/
    border-radius: 8px;
}

.goods-details-area .goods-description .goods-details-img-wrap {
    margin-left: 0;
    margin-right: 0;
    /*width: 98%;*/
    position: relative;
}

.goods-details-area .goods-description .goods-details-nav-wrap .shop-nav-item {
    padding: 0 5px;
}

.goods-details-area .goods-description .goods-details-nav-wrap .shop-nav-item img {
    /*margin-right: 10px;*/
    border: 1px solid transparent;
    border-radius: 6px;
    /*border: 1px solid #f5f6fa;*/
}

.goods-details-area .goods-description .goods-details-nav-wrap .slick-current img {
    /*border-color: #ececec;*/
}

.goods-details-nav-wrap {
    /*width: 98%;*/
}

/*.goods-details-area .goods-description .goods-details-nav-wrap .shop-nav-item:last-child {
    margin-right: 0;
}*/



.goods-details-area .goods-description .goods-details-content h4 {
    font-size: 22px;
    color: #1a1a1a;
    margin-top: 20px;
    font-weight: 500;
}

.goods-details-area .goods-description .goods-details-content .goods-details-review p {
    font-size: 16px;
    margin-bottom: 0;
}

.goods-details-area .goods-description .goods-details-content .goods-details-price {
    background: #F7F7F7;
    padding: 15px;
    display: flex;
    align-items: center;
    justify-content: left;
    margin-bottom: 28px;
    border-radius: 4px;
}

.goods-details-area .goods-description .goods-details-content .perched-info {
    margin-bottom: 20px;
}

.goods-details-area .goods-description .goods-details-content .goods-details-price h2 {
    color: var(--theme-color, #00b6dd);
    margin-bottom: 0;
}

.goods-details-area .goods-description .goods-details-content .goods-details-price span {
    font-size: 14px;
}

.goods-details-area .goods-description .goods-details-content .goods-details-price h2 span.user_price {
    color: var(--theme-color, #00b6dd);
    font-size: 36px;
    font-weight: 600;
    line-height: normal;
    font-family: "Conv_DINCondensedC";
}

.product-details-sku > span {
    color: #888b94;
}

.product-details-sku ul li a {
    color: #6c757d;
    border: 1px solid #fff;
    background: #f7f8fc;
    padding: 10px 20px;
    border-radius: 5px;
}

.product-details-sku ul li a:hover {
    background: #ffebf1;
    border-color: #ff0f23;
}

.sku-selected {
    /*background: var(--theme-color, #00b6dd);
    color: #fff !important;
    border: 1px solid var(--theme-color, #00b6dd) !important;*/
    border: 1px solid var(--theme-color, #00b6dd) !important;
    color: var(--theme-color, #00b6dd) !important;
    background: #ffebf1 !important;
    border-radius: 4px;
}

.goods-details-area .goods-description .goods-details-content .perched-info .cart-plus-minus input {
    border-radius: 4px;
}

.goods-details-area .goods-description .goods-details-content .perched-info .add-cart-btn {
    background: var(--theme-color, #00b6dd);
    color: #fff;
    font-weight: 600;
    text-align: center;
    border-radius: 8px 0 0 8px !important;
    background: linear-gradient(90deg, var(--theme-color, #00b6dd), #ff0f23);
}

.goods-details-area .goods-description .goods-details-content .perched-info .purchase-btn {
    width: 120px;
    margin-left: 0;
    color: #fff;
    font-weight: 600;
    text-align: center;
    border-radius: 0 8px 8px 0 !important;
    background: linear-gradient(90deg, rgb(255, 203, 0), rgb(255, 148, 2));
}

.goods-details-img-wrap .goods-details-img img {
    height: 100%;
    border-radius: 8px;
}

.goods-details-bottom .getcoupon a {
    /*display: unset;*/
}

.goods-details-bottom h5.getcoupon {
    color: #ff6000;
    display: flex;
    align-items: center;
    justify-content: left;
}

.product-desc-wrap .tab-content .product-desc-content img {
    width: 100%;
}

.product-desc-wrap .tab-content .product-desc-content video {
    aspect-ratio: 16 / 9;
    object-fit: contain;
    padding-bottom: 0 !important;
    height: auto !important;
    background: #000000;
}

.product-desc-wrap .nav-tabs {
    justify-content: left;
    background: #fff;
    border-radius: 8px 8px 0 0;
    border-bottom: 1px solid #f5f6fa;
}

.product-desc-wrap .nav-tabs .nav-link {
    position: relative;
    color: #333;
    background: #ffffff00;
    border-bottom: 3px solid var(--theme-color, #00b6dd);
    padding: 12px 0;
    display: block;
    line-height: 24px;
    border: 0;
    border-radius: 0;
    font-size: 16px;
    text-align: center;
}

.product-desc-wrap .nav-tabs .nav-link.active, 
.product-desc-wrap .nav-tabs .nav-link:hover {
    color: var(--theme-color, #00b6dd);
}

.product-desc-wrap .nav-tabs .nav-link::after {
    height: 3px;
    background: var(--theme-color, #00b6dd);
    color: var(--theme-color, #00b6dd);
}

.product-desc-wrap .tab-content {
    background: #fff;
    padding: 15px;
    border-radius: 0 0 8px 8px;
}

.shop-sidebar {
    margin-right: 0;
}

.shop-widget, 
.special-offer-banner img {
    border-radius: 8px;
}

.product-desc-wrap {
    
}

.shop-sidebar .sidebar-product-list .sidebar-product-content a {
    height: 48px;
    line-height: 24px;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    word-break: break-all;
    -webkit-line-clamp: 2;
}

.shop-sidebar .sidebar-product-list .sidebar-product-content span {
    color: var(--theme-color, #00b6dd);
}

/*商品服务标签调用start*/
.goods-details-area .goods-details-content .goods-service-list {
	display: flex;
    gap: 30px;
    padding: 0 0 15px;
    margin-top: 0;
}

.goods-details-area .goods-details-content .goods-service-list .service-title {
    font-size: 15px;
    font-weight: 600;
    color: #2d2d2d;
}

.goods-details-area .goods-details-content .goods-service-list .service-item {
	display: flex; /* 使图标和文字水平排列 */
	align-items: center; /* 垂直居中 */
	position: relative; /* 为tooltip定位提供参考 */
}

.goods-details-area .goods-details-content .goods-service-list .service-item .service-icon {
	width: 18px;
    height: 18px;
    margin-right: 8px;
}

.goods-details-area .goods-details-content .goods-service-list .service-item .text {
	cursor: pointer;
    position: relative;
    display: inline-block; /* 确保可以包含绝对定位的tooltip */
}

/*..goods-details-area .goods-details-content .goods-service-list .service-item:not(:last-child)::after {
	content: "|";
	color: #ddd;
	margin-left: 20px;
}*/

/* 提示框样式 */
.goods-details-area .goods-details-content .goods-service-list .service-item .tooltip {
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	background: #333;
	color: white;
	border-radius: 4px;
	font-size: 12px;
	text-align: center;
	opacity: 0;
	visibility: hidden;
	z-index: 100;
	margin-top: 10px;
	box-shadow: 0 2px 8px rgba(0,0,0,0.15);
	white-space: normal;
    line-height: 1.5;
    padding: 10px;
    width: 220px;
	transition: opacity 0.2s ease, visibility 0.2s ease;
    transition-delay: 0.1s;
}
  
/* 三角形箭头 */
.goods-details-area .goods-details-content .goods-service-list .service-item .tooltip::before {
	content: '';
	position: absolute;
	bottom: 100%;
	left: 50%;
	transform: translateX(-50%);
	border-width: 6px;
	border-style: solid;
	border-color: transparent transparent #333 transparent;
}

/* 鼠标悬停时显示提示框 */
.goods-details-area .goods-details-content .goods-service-list .service-item .text:hover .tooltip {
	opacity: 1;
	visibility: visible;
}

/* 悬停效果增强 */
.goods-details-area .goods-details-content .goods-service-list .service-item:hover .text {
	color: #e4393c; /* 悬停时文字变红 */
	transition-delay: 0s; /* 立即显示 */
}
/*商品服务标签调用end*/

.shop-widget-title .slider-nav span, .related-slider-nav .slider-nav span {
    /*color: var(--theme-color, #00b6dd);*/
}

/* =============================================
   购物车
   ============================================= */
.shop-cart-area a {
    color:  var(--theme-color, #00b6dd);
}

.layui-layer-btn .layui-layer-btn0 {
    border-color: var(--theme-color, #00b6dd) !important;
    background-color: var(--theme-color, #00b6dd) !important;
}

.layui-layer-btn .layui-layer-btn0 .layui-layer-confirm {
    border: unset;
}

.freeshipping {
    color: #212529;
}

.freeshipping span {
    color:  var(--theme-color, #00b6dd);
    margin-left: 3px;
    font-weight: 700;
}

.shop-cart-area .cart_main {
    background: #fff;
    padding: 10px 15px;
    border-radius: 8px;
    border: 1px solid #ffffff;
    box-shadow: 0px 1px 16px 0px rgba(220, 220, 220, 0.47);
}

.product-thumbnail .clabel span {
    margin-left: 5px;
    font-size: 13px;
}

.shop-cart-area .hidden-xs {
    font-size: 15px;
}

.shop-cart-area .goods-cart .clabel {
    font-size: 13px;
    justify-content: left;
}

.shop-cart-area .old-price {
    color: #b2b2b2;
}

.shop-cart-area .text-danger {
    color: var(--theme-color, #00b6dd) !important;
}

.shop-cart-area .cart-amount {
    font-size: 26px;
    font-weight: 700;
    color: var(--theme-color, #00b6dd) !important;
    font-family: "Conv_DINCondensedC";
}

.shop-cart-area .hidden-xs tr {
    background: #f5f6fa;
}

.cartlist-area .table thead th {
    padding: 10px;
    border-bottom: 1px solid #f5f6fa;
    border-top: 1px solid #f5f6fa;
    font-weight: bold;
    text-align: -internal-center;
    unicode-bidi: isolate;
    font-size: 15px;
}

.shop-cart-area .table thead th:first-child, 
.shop-cart-area .table td:first-child {
    border-left: 1px solid #f5f6fa;
    /*text-align: center;*/
}

.shop-cart-area .table thead th:last-child, 
.shop-cart-area .table td:last-child {
    border-right: 1px solid #f5f6fa;
    border-bottom: 1px solid #f5f6fa;
    text-align: center;
}

.shop-cart-area .table tbody {
    /*box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);*/
}

.shop-cart-area tfoot tr p {
    margin-bottom: 0;
}

.cartlist-area .table td, 
.cartlist-area .table th {
    border-bottom: 1px solid #f5f6fa;
    padding: 15px 15px 15px 10px !important;
}

.cartlist-area .table td.product-name a img {
    /*border-radius: 15px;*/
}

.cartlist-area .table td.product-subtotal {
    width: 120px;
}

.cartlist-area tbody .cart-plus {
    width: 100px;
}

.cartlist-area tbody .product-price {
    color: var(--theme-color, #00b6dd);
}

.cartlist-area tbody .hidden-xs, 
.cartlist-area tbody .product-subtotal span {
    color: #333;
}

.cartlist-area tbody .product-remove i {
    font-size: 16px;
    color: #1C2137;
}

.cartlist-area tbody .product-remove i:hover {
    color: var(--theme-color, #00b6dd);
}
/*.cartlist-area tbody .product-subtotal span {
    font-size: 12px;
}

.shop-cart-area .product-subtotal span.subtotal {
    font-size: 22px;
    font-weight: 600;
    font-family: "Conv_DINCondensedC";
}*/

.shop-cart-area .shop-cart-bottom .btn {
    background: var(--theme-color, #00b6dd);
    color: #fff;
    border: 1px solid var(--theme-color, #00b6dd);
    padding: 15px 27px;
}

.shop-cart-area .shop-cart-bottom .btn-order {
    color: var(--theme-color, #00b6dd);
    font-weight: 600;
    text-align: center;
    background: unset;
    border: 1px solid var(--theme-color, #00b6dd);
}

.shop-cart-area .shop-cart-bottom .btn-order:hover {
    color: #ffffff;
    background: var(--theme-color, #00b6dd);
}

.shop-cart-area .btn-success {
    background: var(--theme-color, #00b6dd);
    color: #fff;
}

.shop-cart-area .goods-cart tbody tr:hover {
    background-color: #f5f6fa;
}

.cartlist-area tbody .product-name span font {
    color: var(--theme-color, #00b6dd);
}

.cartlist-area tbody .cart-plus-minus {
    display: flex;
    align-items: center;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}

.cartlist-area tbody .qtybutton {
    width: 30px;
    height: 34px;
    line-height: 34px;
    background: #f5f5f5;
    cursor: pointer;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    user-select: none;
    color: #333;
}

.cartlist-area tbody .dec {
    border-radius: 4px 0 0 4px;
}

.cartlist-area tbody .inc {
    border-radius: 0 4px 4px 0;
}

.cartlist-area tbody .cart-plus-minus input {
    background: #ffffff;
    border: medium none;
    color: #1C2137;
    height: 34px;
    text-align: center;
    width: 40px;
    outline: none;
    padding: 0;
    margin-left: 30px;
    font-size: 14px;
}

.shop-cart-area .product-name a {
    color: #1a1a1a;
    font-size: 14px;
    /*font-weight: 500;*/
}

.shop-cart-area .product-name a:hover {
    color: var(--theme-color, #00b6dd);
}

.shop-cart-area .product-name p {
    font-size: 14px;
    line-height: 18px;
    color: var(--theme-color, #00b6dd);
}

/* 基础选择框样式 */
.product-thumbnail .productcheck, 
.clabel .productcheck {
    /* 清除默认样式 */
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 18px;
    height: 18px;
    border: 1px solid #ddd;
    border-radius: 3px;
    background-color: #fff;
    cursor: pointer;
    position: relative;
    transition: all 0.3s ease;
    margin-left: 0;
}

/* 鼠标经过时的样式 */
.product-thumbnail .productcheck:hover, 
.clabel .productcheck:hover {
    border-color: var(--theme-color, #00b6dd);
}

/* 选中状态的样式 */
.product-thumbnail .productcheck:checked, 
.clabel .productcheck:checked {
    background-color: var(--theme-color, #00b6dd);
    border-color: var(--theme-color, #00b6dd);
}

/* 选中状态下的勾选标记 */
.product-thumbnail .productcheck:checked::after, 
.clabel .productcheck:checked::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px;
    height: 10px;
    background-color: white;
    clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
}

/* 禁用状态的样式 
.product-thumbnail .productcheck:disabled {
    background-color: #f5f5f5;
    border-color: #eee;
    cursor: not-allowed;
}*/

/* 禁用状态鼠标经过 
.product-thumbnail .productcheck:disabled:hover {
    background-color: #f5f5f5;
    border-color: #eee;
}*/

/* 聚焦状态的样式（可访问性） 
.product-thumbnail .productcheck:focus {
    outline: 2px solid rgba(74, 144, 226, 0.3);
    outline-offset: 2px;
}*/

/* 也可以为整个td单元格添加hover效果 
.product-thumbnail:hover {
    background-color: #f9f9f9;
}*/

/* 选中时单元格的背景色 
.product-thumbnail.selected {
    background-color: #e8f4ff;
}*/

.shop-cart-area .shop-cart-bottom {
    text-align: center;
}

.qtybutton:disabled {
    opacity: 0.5;
    cursor: not-allowed;
    pointer-events: none;
}

.qtybutton.disabled {
    opacity: 0.3;
    cursor: not-allowed;
    pointer-events: none;
}

/*提交订单页*/
.shop-cart-widget form ul .cart-total-amount .amount {
    color: var(--theme-color, #00b6dd);
    font-weight: 700;
}

/* =============================================
   Footer
   ============================================= */
.footer-area .shop-footer {
    background-color: #ffffff;
}

.footer-area .shop-footer .baozheng {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    line-height: 80px;
    /*border-bottom: 1px solid #e5e5e5;*/
    padding: 10px 0;
}

.footer-area .shop-footer .baozheng div {
    font-size: 16px;
}

.footer-area .shop-footer .baozheng div .ico {
    width: 40px;
    height: 40px;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-image: url(../img/icon/icon.png);
    margin-right: 20px;
    display: inline-block;
    vertical-align: middle;
}

.footer-area .shop-footer .baozheng div.s1 .ico {
    background-position: 0px -71px;
}

.footer-area .shop-footer .baozheng div.s2 .ico {
    background-position: -40px -71px;
}

.footer-area .shop-footer .baozheng div.s3 .ico {
    background-position: -80px -71px;
}

.footer-area .shop-footer .baozheng div.s4 .ico {
    background-position: -120px -71px;
}

.footer-area .footer-top {
    background: #FBFBFB;
}

.footer-area .footer-top .footer-list {
    flex: 0 0 15%;
    max-width: 15%;
}

.footer-area .footer-top .social_platform {
    border-left: 1px solid #ccc;
    padding-left: 58px;
    margin-left: 5px;
}

.footer-area .footer-top .footer-widget .fw-title h5 {
    font-size: 16px;
    font-weight: 600;
    color: #424242;
}

.footer-area .footer-top .footer-widget .footer-contact ul li a {
    color: #757575;
    line-height: 24px;
    text-transform: uppercase;
}

.footer-area .footer-top .footer-widget .fw-link ul li a:hover, 
.footer-area .footer-top .footer-widget .footer-contact ul li a:hover {
    color: var(--theme-color, #00b6dd);
}

.footer-area .footer-top .footer-widget .footer-contact ul li.mobile a {
    font-size: 24px;
    font-family: "Conv_DINCondensedC";
    font-weight: 500;
}

.footer-area .footer-widget .kef_phone .number {
    font-weight: 700;
    color: var(--theme-color, #00b6dd);
    margin-bottom: 2px;
    font-family: '微软雅黑';
    font-size: 22px;
}

.footer-area .footer-widget .kef_phone span {
    font-size: 12px;
    color: #757575;
    letter-spacing: 0;
    text-align: left;
    line-height: 25px;
}

.footer-area .footer-top .footer-widget .kef_qr {
    position: relative;
    display: flex;
    margin-top: 5px;
}

.footer-area .footer-widget .kef_a {
    /*background: url(https://p2.lefile.cn/fes/cms/2023/08/18/so5dpk1q87ts4accm4njazli6hqfmz404012.png);
    display: inline-block;
    width: 139px;
    height: 36px;*/
    border: 1px solid #ccc;
    padding: 10px 60px;
    color: #7d7d7d;
}

.footer-area .footer-top .footer-widget .footer-qr {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    background: #fff;
    padding: 15px 10px 20px;
    border-radius: 8px;
    bottom: 100%;
    left: 0;
    transform: translateX(0) translateY(35px);
    opacity: 0;
    visibility: hidden;
    box-shadow: 0px 4px 21px 0px rgba(117, 114, 114, 0.19);
    box-sizing: border-box;
    z-index: 999;
    transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease;
    border: 1px solid #ededed;
}

.footer-area .footer-top .footer-widget .footer-qr:before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -7px;
    width: 14px;
    height: 14px;
    margin-left: -7px;
    background-color: #fff;
    z-index: -1;
    transform: rotate(45deg);
    border-bottom: 1px solid #ededed;
    border-right: 1px solid #ededed;
}

.footer-area .footer-top .footer-widget .kef_qr:hover .footer-qr {
    opacity: 1;
    visibility: visible;
    transform: translateX(0) translateY(18px);
}

.footer-area .footer-top .footer-widget .footer-contact ul li i {
    color: #37474f;
    font-size: 1.0em;
}

.footer-area .footer-top .footer-widget .footer-qr .qr-item {
    /*background: #f5f6fa;
    padding: 10px;*/
    border-radius: 8px;
    width: 100px;
    margin: 0 10px;
}

.footer-area .footer-top .footer-widget .footer-qr .qr-item:first-child {
    margin: 0 10px;
    display: none;
}

.footer-area .footer-top .footer-widget .footer-qr .qr-item img {
    width: 100%;
    /*border-radius: 8px;*/
}

.footer-area .footer-top .footer-widget .footer-qr .qr-item p {
    line-height: 0;
    padding-top: 5px;
    text-align: center;
    padding: 15px 0 5px;
    margin: 0;
}

.footer-area .copyright-wrap {
    border-top: 1px solid #424141;
    background: #272727;
    padding: 11px 0;
}

.footer-area .copyright-wrap .copyright-text {
    font-size: 12px;
}

.footer-area .copyright-wrap .fl {
    float: left;
}

.footer-area .copyright-wrap .fr {
    display: flex;
    justify-content: right;
    align-items: flex-end;
}

.footer-area .copyright-wrap .copyright-text p {
    color: #757575;
    font-size: 12px;
}

.footer-area .copyright-wrap .copyright-text a {
    color: #757575;
}

.footer-area .copyright-wrap .copyright-text a:hover {
    color: #ffffff;
}

.footer-area .copyright-wrap .copyright-text span {
    margin: 0 5px;
    color: #424242;
    /*position: absolute;
    top: 50%;
    width: 1px;
    height: 12px;
    content: "";
    background-color: #424242;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);*/
}

/* =============================================
   右侧客服
   ============================================= */
.side {
    position: fixed;
    width: 84px;
    right: 0;
    bottom: 220px;
    z-index: 100;
}

.side ul li {
    width: 82px;
    height: 90px;
    float: left;
    position: relative;
    /*border-bottom: 1px solid #f5f5f5;*/
    color: #757575;
    font-size: 14px;
    line-height: 38px;
    text-align: center;
    transition: all .3s;
    background: #fff;
    cursor: pointer;
    border: 1px solid #f5f5f5;
}

.side ul li a {
    color: #757575
}

.side ul li:hover {
    color: var(--theme-color, #00b6dd);
}

.side ul li:hover a {
    color: var(--theme-color, #00b6dd);
}

.side ul li i {
    position: relative;
    height: 30px;
    margin: 0 auto;
    padding-top: 18px;
    display: block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto 30px;
    margin-top: 14px;
    transition: all .3s
}

.side ul li i.bgs1 {
    background-image: url(../img/footer/right_pic5.png)
}

.side ul li i.bgs2 {
    background-image: url(../img/footer/right_pic7.png)
}

.side ul li i.bgs3 {
    background-image: url(../img/footer/right_pic2.png)
}

.side ul li i.bgs4 {
    background-image: url(../img/footer/right_pic4.png)
}

.side ul li i.bgs6 {
    background-image: url(../img/footer/right_pic6.png)
}

.side ul li:hover i.bgs1 {
    background-image: url(../img/footer/right_pic5_on.png)
}

.side ul li:hover i.bgs2 {
    background-image: url(../img/footer/right_pic7_on.png)
}

.side ul li:hover i.bgs3 {
    background-image: url(../img/footer/right_pic2_on.png)
}

.side ul li:hover i.bgs4 {
    background-image: url(../img/footer/right_pic4_on.png)
}

.side ul li:hover i.bgs6 {
    background-image: url(../img/footer/right_pic6_on.png)
}

.side ul li .sidebox {
    position: absolute;
    width: 78px;
    height: 78px;
    top: 0;
    right: 0;
    transition: all .3s;
    overflow: hidden
}

.side ul li.sidetop {
    margin-top: 14px;
}

.side ul li.sidetop:hover {
    opacity: .8;
    filter: Alpha(opacity=80)
}

.side ul li.phone-ewm .phone-ewBox.phone-son {
    position: absolute;
    width: 200px;
    height: 228px;
    color: #363636;
    text-align: center;
    left: -206px;
    top: 0;
    background: #fff;
    /*border: 1px solid #f5f5f5;*/
    border-radius: 8px;
    box-shadow: -2px 0 30px 2px rgba(97, 105, 119, .18);
    display: none;
}

.side ul li.phone-ewm .phone-ewBox.phone-son .joy-head-wrap {
    background: #fff;
    border-radius: 50%;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    height: 46px;
    left: 50%;
    position: absolute;
    top: -27px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 46px;
    margin-top: 6px;
}

.side ul li.phone-ewm .phone-ewBox.phone-son .joy-head-wrap img {
    border-radius: 50%;
    height: 42px;
    margin: 3px auto;
    width: 42px;
}

.side ul li.phone-ewm .phone-ewBox.phone-son .desc-txt {
    color: #1a1a1a;
    font-size: 12px;
    margin-top: 38px;
    font-weight: normal;
}

.side ul li.phone-ewm .phone-ewBox.phone-son .qrcode {
    width: 170px;
    height: 170px;
    margin: 0 auto;
    display: block;
    padding: 15px;
}

.side ul li.phone-ewm .phone-ewBox.phone-son span, 
.side ul li.sideewm .ewBox.son span {
    display: block;
    font-size: 12px;
    text-align: center;
    font-weight: 600;
    line-height: 10px;
    margin-top: 10px 
}

.side ul li.sideewm .ewBox.son {
    width: 180px;
    display: none;
    color: #363636;
    text-align: center;
    padding: 15px;
    position: absolute;
    left: -185px;
    top: 0;
    background: #fff;
    border: 1px solid #f5f5f5;
    border-radius: 8px;
}

.side ul li.sideewm .ewBox.son img {
    width: 120px;
    height: 120px;
    margin: 0 auto;
    display: block;
}

.side ul li:hover .son, 
.side ul li:hover .phone-son,
.side ul li:hover .chat-popup {
    display: block !important;
    animation: fadein 1s;
}

.side ul li.cart .cart-count {
    position: absolute;
    right: 14px;
    top: 10px;
    height: auto;
    line-height: 16px;
    color: #fff;
    font-size: 10px;
    /*background-color: var(--theme-color, #00b6dd);
    border: 2px solid #fff;
    background: linear-gradient(90deg, #fa3f5e -.6%, #fa2549);*/
    background: var(--theme-color, #00b6dd);
    border-radius: 8px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    min-width: 16px;
    text-align: center;
}

/* 在线咨询悬浮弹窗 */
.side ul li.chat .chat-popup {
    position: absolute;
    height: auto;
    color: #363636;
    text-align: center;
    right: 85px;
    top: 0;
    background: #f8f9fa;
    /* border: 1px solid #f5f5f5; */
    border-radius: 8px;
    box-shadow: -2px 0 30px 2px rgba(97, 105, 119, .18);
    display: none;
}

.chat-popup-inner {
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.popup-item {
    padding: 10px 15px 15px;
    background: #ffffff;
    border-radius: 6px;
}

.popup-item img {
    width: 120px;
    height: 120px;
    margin: 0 auto;
    display: block;
}

.popup-item .popup-tit{
    text-align: left;
    margin-bottom: 5px;
}

.popup-item .content {
    display: flex;
    align-items: center;
    gap: 10px;
}

.popup-item.platform .popup-avatar i {
    font-size: 20px;
    color: #00b6dd;
    padding-top: 0;
}
.popup-avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    overflow: hidden;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
.popup-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.popup-info {
    flex: 1;
}
.popup-name {
    font-size: 14px;
    font-weight: 500;
    color: #4a4a4a;
    margin: 0 0 4px 0;
    text-align: left;
    line-height: 1;
    width: 130px;
}
.popup-phone {
    font-size: 13px;
    color: #888 !important;
    display: flex;
    align-items: center;
    gap: 4px;
    text-decoration: none;
    line-height: 1.5;
}

/*右侧客服 - end*/

/* =============================================
   移动端代码
   ============================================= */
/* 平板设备 (768px 及以上) */
@media (min-width: 768px) {
    /*bannner轮播 */
}

/* 桌面设备 (992px 及以上) */
@media (min-width: 992px) {
    /*TOP顶部*/
    
    /*菜单&logo*/
    .header-style-two .main-header .menu-wrap .menu-nav .logo img {
        max-width: 180px;
        width: 180px;
        /*max-height: 40px;
        border-radius: 4px;*/
    }
    
    .header-style-three .main-header .menu-wrap .menu-nav .logo img, 
    .header-style-two .sticky-menu .menu-wrap .menu-nav .logo img {
        width: 160px;
    }
    
    .header-style-three .main-header .menu-wrap .menu-nav .logo img {
        max-width: 100%;
        /*max-height: 35px;*/
    }
    
    .header-style-two .menu-area .mobile-nav-toggler {
        padding: 20px 0;
    }
    
    /*bannner轮播 */
    .second-slider-area .slide .carousel-inner .carousel-item a img {
        /*width: auto!important;*/
        height: 100%;
    }
    
    .second-slider-area .carousel-control-prev {
        left: 0;
        top: 50%;
        width: 41px;
        height: 69px;
        margin-top: -35px;
        /*width: 41px;
        height: 69px;
        background-color: rgba(52, 54, 59, .3);
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        border-radius: 2px;*/
        /*鼠标经过显示按钮*/
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    .second-slider-area .carousel-control-next {
        right: 0;
        top: 50%;
        width: 41px;
        height: 69px;
        margin-top: -35px;
        /*width: 41px;
        height: 69px;
        background-color: rgba(52, 54, 59, .3);
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        border-radius: 2px;*/
        /*鼠标经过显示按钮*/
        opacity: 0;
        transition: opacity 0.3s ease;
    }
    
    .second-slider-area .carousel-container .carousel-control-prev, .second-slider-area .carousel-container .carousel-control-next {
        opacity: 0;
    }
    
    .second-slider-area .justify-content-end .carousel:hover .carousel-control-prev, 
    .second-slider-area .justify-content-end .carousel:hover .carousel-control-next {
        opacity: 1;
    }
    
    .second-slider-area .carousel-control-prev-icon {
        background: url(../img/icon/icon-slides.png) no-repeat -84px 50%;
        left: 0;
        right: auto;
        position: absolute;
        top: 50%;
        width: 41px;
        height: 69px;
        margin-top: -35px;
        z-index: 10;
        cursor: pointer;
        outline: none;
    }
    
    .second-slider-area .carousel-control-next-icon {
        background: url(../img/icon/icon-slides.png) no-repeat -125px 50%;
        right: 0;
        left: auto;
        position: absolute;
        top: 50%;
        width: 41px;
        height: 69px;
        margin-top: -35px;
        z-index: 10;
        cursor: pointer;
        outline: none;
    }
    
    .second-slider-area .carousel-control-prev .carousel-control-prev-icon:hover {
        background-position: 0 50%;
    }
    
    .second-slider-area .carousel-control-next .carousel-control-next-icon:hover {
        background-position: -42px 50%;
    }
}

@media (min-width: 1400px) {
    .goods-details-area .goods-details-content .goods-service-list {
      gap: 15px;
  }
}

/* 大桌面设备 (1200px 及以上) */
@media (min-width: 1200px) {
    /*.list-product_layout .product-main-wrap .product-list-right ul li {
        flex: 0 0 20%;
        max-width: 20%;
    }
    
    .custom-container-two {
        max-width: 100%;
    }*/
    
    .header-style-three .header-search-wrap form input {
        /*width: 480px;*/
    }
    
    .header-style-two .sticky-menu .header-search-wrap form input {
        width: 410px;
    }
    
    .header-style-two .header-search-area .header-category ul.category-menu {
        width: 100%;
    }
}

@media (max-width: 991.98px) {
    /*菜单&logo*/
    .header-style-two .menu-area .mobile-nav-toggler, 
    .header-style-two .main-header .menu-wrap {
        padding: 20px 0;
    }
}

/* 小屏幕设备优化 (576px 及以下) */
@media (max-width: 576px) {
    /*TOP顶部*/
    .header-style-two .header-top-area {
        padding: 10px 0;
        border-bottom: 1px solid #eeeeee;
        background: #fbfbfb;
    }
    
    .header-style-two .header-top-area .header-top-right ul li.mobile-dropdown-active {
        display: none;
    }
    
    .header-style-two .header-top-area .header-top-left {
        line-height: 1.5;
    }
    
    .header-style-two #sticky-header {
        height: auto;
        line-height: unset;
        padding: 0;
    }
    
    .header-style-three .main-header.sticky-menu .menu-wrap .navbar-wrap {
        display: none !important;
    }
    
    .header-style-two .main-header .menu-wrap {
        line-height: 0;
    }
    
    .carousel-control-next-icon, 
    .carousel-control-prev-icon, 
    .carousel-indicators {
        display: none;
    }
    
    .second-slider-area .justify-content-end .carousel {
        margin-bottom: 0;
    }
    
    .second-slider-area .custom-container-two {
        padding: 0 15px;
    }
    
    /*bannner轮播 */
    
    /*首页-商品列表 */
    .list-product_layout .list-product-top .product-level-list .product-list-topright {
        display: none;
    }
    
    /*右侧客服 */
    .side {
        display: none;
    }
}

@media (min-width: 2000px) {
    /*.custom-container-two {
        max-width: 1428px;
    }
    .header-style-two .header-search-area .header-category ul.category-menu {
        max-width: 277px;
    }*/
}

/* 横屏模式优化 */
@media (max-height: 500px) and (orientation: landscape) {
    
}


/* 基础默认样式（小屏幕/兜底） */
.custom-container-two {
  width: 100%;
  max-width: 1336px; /* 默认和 1920 保持一致 */
  margin: 0 auto;
}

/* 屏幕宽度 ≥ 1920px（1080P 全屏） */
@media (min-width: 1200px) {
  .custom-container-two {
    max-width: 1336px; /* 你要求的 1920 对应宽度 */
  }
  
  .goods-item, .product-item {
    flex: 0 0 20%;
    max-width: 20%;
  }
  
}

/* 屏幕宽度 ≥ 2560px（标准 2K） */
@media (min-width: 2560px) {
  .custom-container-two {
    max-width: 1600px; /* 你要求的 2K 对应宽度 */
  }
  .goods-item {
    flex: 0 0 16.666666%;
    max-width: 16.666666%;
  }
  
  .product-item {
    flex: 0 0 16.666666%;
    max-width: 16.666666%;
  }
  
  .new-goods-slider .new-goods-item {
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }
  
  .goods-details-area .goods-details-content .goods-service-list {
      gap: 30px;
  }
}

/* 额外：超宽屏 3440px+/4K 备用（可选） */
@media (min-width: 3440px) {
  .custom-container-two {
    max-width: 1800px; /* 可自行修改 */
  }
  
  .goods-item {
    flex: 0 0 16.666666%;
    max-width: 16.666666%;
  }
}