body {
    /* 优先使用 Noto Sans SC，如果加载失败则回退到系统默认无衬线字体 */
    font-family: 'Noto Sans SC', 'Source Han Sans CN', "Microsoft YaHei", sans-serif;
    font-size: 16px;
    color: #000;
  }
 .btn{font-size: 16px;}
.btn-primary {
    color: #fff;
    background-color: #00d291;
    border-color: #00d291;
    border-radius: 8px;
}
.font_nowrap{white-space: nowrap;}
.layer-alert .layui-layer-btn a.layui-layer-btn0{color: #fff; border-color: #00d291; background-color: #00d291;}
#product-product .nav-tabs li a{font-size: 15px;font-weight: normal;}
#product-product .nav-tabs li a:hover{color: #fff;background: #000 !important;opacity: 0.6;}
#product-product .nav-tabs>li.active>a, #product-product .nav-tabs>li.active>a:hover, #product-product .nav-tabs>li.active>a:focus{color: #fff;background: #000 !important;font-size: 15px;}
#product-product .nav-tabs li.active a{color: #fff;background: #000 !important;font-size: 15px;}
.quick-checkout-wrapper #shipping-address-section #shipping-existing ul li .address-action span{color: #000;}
nav#top a:hover, nav#top button:hover{color: #00d291;}

.transform_hover{transition: transform 0.3s ease;}
.transform_hover:hover{transform: scale(1.03);}

.img-responsive{width: 100%;}
.title_h2{font-size: 20px; margin: 40px 0 20px;font-weight: bold;}
.page-big-title{font-size: 20px; margin: 20px 0 0;font-weight: bold;}
.title-min{font-size: 14px;font-weight: bold;}
.title-min2{font-size: 16px;font-weight: bold;}
.ellipsis-3 {-webkit-line-clamp: 3; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; cursor: pointer; }
.ellipsis-2 {-webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; cursor: pointer; }
.ellipsis {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

#top-links .list-inline{margin-bottom: 0;}
.breadcrumb{background: transparent;padding: 20px 0;}
.breadcrumb>li:last-child a{color: #00d291;}

footer .fixed-shortcut-wrapper .shortcut{box-shadow: none;}
footer .fixed-shortcut-wrapper a{background: rgba(0, 0, 0, 0.8);color: #fff;border-radius: 50%;margin: 10px 0;width: 38px;height: 38px;line-height: 38px;text-align: center;}
footer .fixed-shortcut-wrapper .shortcut .scroll-top i{font-weight: bold;}
footer .fixed-shortcut-wrapper .shortcut>a{padding: 0;}
footer .fixed-shortcut-wrapper .shortcut>a i{font-size: 20px;color: #fff;font-weight: 500;}
footer .fixed-shortcut-wrapper .shortcut>a:before{width: 0;}
footer .fixed-shortcut-wrapper .shortcut>a:first-of-type{border-radius: 50%;}
footer .fixed-shortcut-wrapper .shortcut>a:last-of-type{border-radius: 50%;}
footer .fixed-shortcut-wrapper .shortcut .scroll-top{padding: 0}

/*顶部导航栏*/
.header{padding: 0 0 0;}

#slideshow_header_top_swiper{width: 250px;display: inline-block;overflow: hidden;height: 38px;line-height: 38px;position: relative;margin-bottom: 0;}
#slideshow_header_top_swiper .swiper-wrapper{height: 38px;}
#slideshow_header_top_swiper .swiper-button-next, #slideshow_header_top_swiper .swiper-button-prev{color: #fff;opacity: 1;left: 0;width: 38px;height: 38px;line-height: 38px;background: none;border: 0;top: 3px;}
#slideshow_header_top_swiper .swiper-button-next{right: 0;left: auto;z-index: 99;}
#slideshow_header_top_swiper .top-txt{white-space: nowrap;overflow: hidden;width: 100%;height: 38px;text-overflow: ellipsis;}
#slideshow_header_top_swiper.swiper-viewport .top-txt{width: 180px;margin: 0 auto;}
/*#slideshow_header_top_swiper.swiper-viewport .swiper-pager{top: 0;}*/


nav#top{background: #1f1e23;color: #fff;}
nav#top .container{text-align: center;}
nav#top a, nav#top button{color: #fff;}

.row-dhl{display: flex;align-items: center;min-height: 60px;}
header #logo img{width: auto;height: 48px;}
#logo{display: inline-block;width: 250px;margin-right: 20px;}
#logo a{display: block;}
#menu{background-color: transparent;}
#dhl-menu{width: calc(100% - 300px); min-width: 500px;}
body.common-home #menu{margin-bottom: 0;}
#menu .nav{min-width: 400px;width: 60%;display: flex;justify-content: space-between;align-items: center;}
#menu .nav>li{margin-right: 0;}
#menu .nav>li:hover>a{background: none;color: #00d291;border-bottom: 2px solid #00d291;}
#menu .nav>li.active>a, #menu .nav>li.active .toggle-button{background: #00d291; color: #fff;}
#menu .nav>li>a{width: 100%;padding: 0 0; line-height: 72px;height: 72px;display: inline-block;font-size: 16px;color: #000;}
#menu .nav>li>.toggle-button{z-index: 99;display: none;}
#menu .nav>li.active>a .fa{color: #fff;}
#dhl-search{width: 240px;margin-right: 10px;}
header #search{width: 100%;height: 36px;line-height: 36px;}
header #search input{padding-right: 40px;}
header #search button{height: 38px;background: none;color: #000;}
header #search button i{font-size: 16px;}
.cart-wrapper{width: 120px;display: flex;justify-content:right;}
.cart-wrapper .header-icon{display: inline-block;margin-left: 10px;width: 30px;cursor: pointer;height: 70px;line-height: 70px;}
.cart-wrapper .fa{font-size: 24px;color: #000;}
.side-inner .cart-wrapper{width:100%;margin-bottom: 15px;justify-content: end;}

/*超级大菜单*/
#menu .nav>li .dropdown-menu.dropdown-menu-big{position: fixed;left: 0;top: 110px;background: #fafafa;width: 100%;margin-left: 0!important;text-align: center;border:0;}
#menu .nav>li .dropdown-menu.dropdown-menu-big li{display: inline-block;margin: 5px 5px;border-bottom: 0;}
#menu .nav>li .dropdown-menu.dropdown-menu-big li .menu-category-img{width: 120px;margin: 5px auto 15px;}
#menu .nav>li .dropdown-menu.dropdown-menu-big li img{width: 100%;border-radius: 12px;}
#menu .nav>li .dropdown-menu.dropdown-menu-big li .menu-category-name{font-size: 14px;font-weight: 400;color: #000;}

.header-user{position: relative;}
.header-user-collage{position: absolute;right: 0;top: 85%;background: #fff;box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);border: 1px solid #f4f4f4;padding: 10px 20px;z-index: 9;border-radius: 12px;display: none;}
.header-user:hover .header-user-collage{display: block;}
.header-user-collage a{color: #000;font-weight: 400;line-height: 20px;white-space: nowrap;padding: 10px 0;display: block;}
.header-user-collage a:hover{color: #00d291;}

.cart-wrapper .iconfont{font-size: 24px;color: #000;font-weight: bold;}

footer{background: #f5f5f7;color: #000;width: 100%;border-bottom: 0;border-top: 0;}
footer .container{position: relative;min-height: 230px;}
footer h5{color: #000;margin-bottom: 0;line-height: 50px;}
footer h5:before{border: 0;}
footer ul.list-unstyled li{padding: 8px 0;}
footer ul.list-unstyled li a{color: #666;}
footer .row{padding-left: 300px;}
footer .footer_logo{position: absolute;left: 15px;top: 0;width: 300px;font-size: 20px;color: #000;text-align: left;}
footer .footer_logo img.img-responsive{height: 43px;width: auto;}
footer .footer_logo .logo_msg{margin: 20px 0 40px 10px;}
footer .footer-share {display: flex;margin: 20px 0px;}
footer .footer-share .footer-share-title{font-size: 16px; position: relative;  font-weight: bold;margin-right: 10px;display: inline-block;}
.share-item{width: 50px;height: 50px;line-height: 50px;text-align: center;border-radius: 50%;background: #fff;margin-left: 10px;display: flex;justify-items: center;align-items: center;position: relative;top: -15px;}
.share-item .img{width: 50px;display: flex;justify-items: center;justify-content: center;}
.share-item img{height: 24px;}
footer ul.list-unstyled .title-min2{font-size: 14px;}
footer ul.list-unstyled li a{padding-left: 0;font-size: 12px;}
footer ul.list-unstyled li:before{display: none;}
footer .footer_contact_address{position: absolute;right: 0;top: 0;padding-left: 20px}
footer .footer_contact_address .contact_content h5{}
footer .footer_contact_address .contact_content ul{margin: 0;padding: 0;}
footer .footer_contact_address .contact_content li{list-style: none;color: #7f848e;padding: 8px 0;}
footer .footer_contact_address .contact_content li a{color: #000;}
footer .footer_contact_address .contact_content li a span{color: #80848c;}

/*分页*/
.pagination>li{margin: 0 3px;}
.pagination>li>a, .pagination>li>span{background: #fafafa;color: #000;border: 1px solid #fafafa;display: inline-block;float: none;border-radius: 5px;}
.pagination>.active>a, .pagination>.active>a:hover, .pagination>.active>a:focus, .pagination>.active>span, .pagination>.active>span:hover, .pagination>.active>span:focus{background: #000;color: #fff;border: 1px solid #000;border-radius: 5px;}
.pagination>li:first-child>a, .pagination>li:first-child>span,
.pagination>li:last-child>a, .pagination>li:last-child>span{border-radius: 5px;}


/*登录注册*/
body.account-login .login-bg-wrapper, body.account-register .login-bg-wrapper{margin: 0 0 -20px;}

/*产品分类*/
.sort_tap_group{display: flex;border-radius: 30px;background: #f2f2f2;justify-content: center;width: fit-content;margin: 0 auto 30px;height: 30px;}
.sort_tap_group .sort_tap{border-radius: 30px;padding: 5px 20px;min-width: 100px;text-align: center;cursor: pointer;color: #000;}
.sort_tap_group .sort_tap.active{background: #000;color: #fff;}
#category-module{background: #fafafa; padding: 10px 10px 20px; min-height: 240px;margin-top: 60px;border-radius: 8px;}
.sidebar-widget li{margin: 5px 0; border: 0;background-color: transparent;}
.sidebar-widget li .category-href{display: block;padding: 5px 15px;margin: 0}
.sidebar-widget li .category-href:before{display: none;}
.sidebar-widget li.active>a{background: #000000;color: #fff;border-radius: 30px;}
.product-thumb{background: #fafafa;border: 0;border-radius: 10px;padding-bottom: 15px;}
.product-thumb .image{padding: 10px;overflow: hidden;margin-bottom: 10px;}
.product-thumb .image .img-responsive{border-radius: 10px;}
.product-thumb .price{font-size: 14px;color: #000;text-align: left;margin-bottom: 0;font-weight: normal;}
.product-thumb .cart-wrapper{opacity: 1;justify-content: right;bottom: 0;right: 10px;padding-right: 10px;}

.cart-wrapper .btn-primary{color: #fff;border-radius: 30px;padding: 0;right: 10px;width: 60px; height: 26px; line-height: 24px;}
.cart-wrapper .btn-primary:hover{color: #fff;}

#cart .btn-primary{width: 100%; border-radius: 3px; line-height: 1.42867; padding: 8px 13px; height: inherit;}
#cart .btn-primary .fa-share{color: #fff;}


#product-product .product-cart-action #button-cart{background: #00d291; border-color: #00d291;float: right;border-radius: 30px;padding: 0;height: 40px;line-height: 38px;font-size: 14px;width: 150px;}
.product-thumb .product-name{text-align: left;}
.product-thumb .product-name a{color: #000;font-size: 14px;}
#product-product .product-price-wrapper .price-new{color: #000;font-weight: normal;font-size: 16px;}
#product-product .product-price-wrapper .price-old{font-weight: normal;font-size: 16px;}
#product-product .product-cart-action #button-cart:before{content: '';}
#product-product .product-cart-action .quantity-input-wrapper{display: flex;width: inherit;}
#product-product .product-cart-action .quantity-input-wrapper a{position: relative;height: 30px;width: 30px;text-align: center;line-height: 30px;right: 0;top: 0;display: inline-block;}
#product-product .product-cart-action .quantity-input-wrapper a.quantity-up{top: 0;}
#product-product .product-cart-action .form-control, #product-product .product-cart-action button{height: 30px;border-radius: 0;width: 50px;text-align: center;}
.product-features {color: #000; background: #fafafa; border-radius: 8px; padding: 20px; margin: 0; }
.feature-item {display: flex; align-items: flex-start; padding: 15px 0; border-bottom: 1px solid #f0f0f0; /* 分割线 */ }
.feature-item:last-child {border-bottom: none; }
.feature-item .iconfont {margin-right: 12px; color: #000; /* 图标颜色 */ font-size: 20px; }
 .text-content p {margin: 0; font-size: 14px; line-height: 1.6; color: #000; /* 文字颜色稍浅，便于阅读 */ }
.text-content p br {display: block; margin-top: 4px; }

#product-product .tab-content {border: none;}
#product-product .tab-content img{max-width: 100%;}

#account-order a{}
/*#account-order a.btn-order-edit{color: #fff;background: #000;border-radius: 3px;padding: 3px 10px;}*/


@media (min-width: 1490px){
	.container{min-width: 1400px;width: 90%;}
}

@media (min-width: 992px) and (max-width: 1199px){
	.hidden-md{display: inline-block !important;}
	.side-inner .cart-wrapper{display: none !important;}
	header #search{display: none !important;}
}
@media only screen and (max-width: 992px){
	header #search{margin-bottom: 20px;}
	#dhl-menu{min-width: auto;width: 100%;display: block !important;}
	#menu .nav>li>.toggle-button{display: block;}
	#menu .nav>li>a{padding: 10px 15px;height: auto;}
	footer .footer_contact_address{position: relative;margin-top: 20px;padding-left: 0;}

	#menu .nav>li .dropdown-menu.dropdown-menu-big{position: relative;top: 0;}
}
@media(min-width: 992px){
	.product-thumb:hover .price{opacity: 1;}
}

@media (min-width: 767px){
	.col-sm-9{width: 80%; max-width: calc(100% - 230px);}
	.col-sm-3{width: 20%;}
	}	
@media (max-width: 768px){
	header #logo img{height: 40px;}

	#category-module{margin: 0 auto 20px; min-height: inherit; display: flex; flex-wrap: wrap;justify-content: left; padding: 5px 10px;}
	.product-thumb .caption{height: 60px;}
	.quick-checkout-wrapper #shipping-address-section #shipping-existing ul li .address-action{white-space: nowrap;right: 5px;}
	.layui-layer-iframe{width: 90% !important;}
	#input-country, #input-zone, #input-city{margin-bottom: 5px;}
	
	#input-country-id, #input-zone-id, #input-city{margin-bottom: 5px;}

	footer .footer_logo{position: relative;width: 100%;left: 0;}
	footer .row{padding-left: 0;display: flex;justify-content: space-between;flex-wrap: wrap;}
	footer ul.list-unstyled li{padding: 5px 0;}

	#menu .nav{flex-direction: column;width: 100%;min-width: inherit;}
	#menu .nav>li{width: 100%;}
	#menu .nav>li>a{line-height: 40px;padding: 5px 10px;}
	#menu .nav>li>.toggle-button{padding: 0 10px;line-height: 40px;}
}

@media (max-width: 767px){
	#menu .nav>li .dropdown-menu.dropdown-menu-big{}
	#menu .nav>li .dropdown-menu.dropdown-menu-big li{width: calc(100% - 10px);display: block;}
	#menu .nav>li .dropdown-menu.dropdown-menu-big>li>a{display: flex;align-items: center;padding: 0 0;justify-content:left;}
	#menu .nav>li .dropdown-menu.dropdown-menu-big li .menu-category-img{width: 60px;margin: 0 5px 0 0;}
}


