@charset "utf-8";
/* CSS Document */


@media screen and ( min-width:1367px ) and ( max-width:1601px ) {

	.product-kit-slider > li { width: 585px !important; }
	
}
@media screen and ( min-width:1200px ) and ( max-width:1367px ) {

	.product-kit-slider > li { width: 497px !important; }
	
}
@media screen and ( min-width:996px ) and ( max-width:1200px ) {

	.product-kit-slider > li { width: 465px !important; }
	
}





@media screen and ( max-width:1601px ){
	
	/***** common *****/
	.w1440 { width: 1200px; }


	/*  */
	/* .product-list ul li { width: 246px !important; }
	.product-list ul li > div { margin: 0 10px 20px; } */
	.home-two-text h3 { font-size: 30px; }
	.home-two ul li > div { padding: 150px 20px 30px; }
	.home-two-text a { font-size: 15px; line-height: 24px; }
	.home-two-text a:after { width: 24px; height: 24px; line-height: 24px; margin-left: 10px; }
	.home-two-text p { font-size: 16px; }
	.home-two-img:before { width: 110px; height: 110px; }


	/*  */
	.product-details-l { width: 42%; }
	.product-details-r { width: 58%; }  
	.product-details-r-t h1 { font-size: 26px; }
	.product-details-category ul { grid-gap: 10px 10px; }
	.product-details-category ul li a { padding: 8px 8px 10px; }
	.product-kit-slider > li { margin-right: 30px !important; }
	.product-kit-slider > li li { padding-right: 100px; }
	.product-details-kit .pd-kit-discount { width: 100px; }
	.product-details-kit .pd-kit-bottom-l p { font-size: 16px; }


	/*  */
	.product-list-r { width: 890px; }
	

}



@media screen and ( max-width:1441px ){
}



@media screen and ( max-width:1367px ){
	
	/***** common *****/
	.home-banner .bx-pager,
	.w1136, .w1170, .w1200, .w1280, .w1366, .w1440 { width: 1024px; }
	
	.wrap-margin { margin: 80px auto 120px; }
	.wrap-margin-s { margin: 44px auto 54px; }
	
	.account > .wrap-padding,
	.wrap-padding { padding: 80px 0 120px; }
	.wrap-padding-s { padding: 44px 0 54px; }

	.page-banner-box h1 { font-size: 36px; } 
	.page-banner-box img { height: 130px; }


	/*  */
	.home-slider-text h1 { font-size: 30px; }
	.home-slider-text b { font-size: 15px; }
	.home-slider-text p { font-size: 15px; }
	.home-slider-text .btn-base { margin-top: 30px; }

	.home-two ul li > div { padding: 100px 20px 30px; }
	.home-two-img:before { width: 80px; height: 80px; }
	.home-two-text h3 { font-size: 24px; } 


	/*  */
	.theme-list ul { margin: 0 -15px; }  
	.theme-list ul li > div { margin: 0 15px 30px; }


	/*  */
	.blog-list ul { margin: 0 -10px; }
	.blog-list ul li > div { margin: 0 10px 20px; }

	.blog-details-title h2 { font-size: 30px; }
	.blog-details-title-b { margin: 30px 0 10px; }
	.blog-details-title-b a i { font-weight: normal; }
	.blog-details-r-box { margin-left: 50px; } 


	/*  */
	.product-list-img a { margin-bottom: 14px; border-radius: 12px; }
	.product-list-text h3 a { font-size: 15px; margin-bottom: 14px; height: 42px; } 
	.product-list-btn a { width: 30px; height: 30px; line-height: 30px; }
	.product-list-btn a.plb-cart { margin-left: 5px; }
	.product-list-price { font-size: 16px; }


	/*  */
	.product-details-category ul { grid-template-columns: 1fr 1fr 1fr 1fr; }


	/*  */
	.product-list-like-t h2 { font-size: 30px; }
	.product-list-like-t h2:after { width: 30px; height: 2px; }


	/*  */
	.product-list-r { width: 714px; }
	.product-list-r .product-list ul li { width: 25%; }


	/*  */
	.cart-right-box { margin-left: 50px; }
	

}



@media screen and ( max-width:1281px ){
}



@media screen and ( max-width:1200px ){
	
	/***** common *****/
	.home-banner .bx-pager,
	.w1136, .w1170, .w1200, .w1280, .w1366, .w1440 { width: 960px; }


	/*  */
	.header-search { width: 300px; margin-right: 30px; }
	.header-logo a { height: 50px; }
	.header-other { padding-top: 0; }
	.header-nav > ul > li { margin-right: 40px; }
	.header-nav > ul > li > a { font-size: 16px; }


	/*  */
	.product-list-r { width: 714px; }
	.product-list-r .product-list ul li { width: 25%; }


}






/************************************/


@media screen and ( max-width:1024px ){
	

} 


@media screen and ( max-width:996px ){
	
	/***** common *****/
	.home-banner .bx-pager,
	.w960, .w1070, .w1136, .w1170, .w1200, .w1280, .w1366, .w1440 { width: 95%; }
	
	.cart .margin-b120,
	.w1440.margin-b120 { margin-bottom: 80px; }

	.wrap-margin { margin: 66px auto 80px; }
	.wrap-margin-s { margin: 36px auto 44px; }
	
	.account > .wrap-padding,
	.wrap-padding { padding: 66px 0 80px; }
	.wrap-padding-s { padding: 36px 0 44px; }
	
	.turn-pages a { font-size: 12px; width: 30px; height: 30px; line-height: 30px; margin: 0; border-width: 1px; }
	.turn-pages a.prev { margin: 0 10px 0 0; }
	.turn-pages a.next { margin: 0 0 0 10px; }

	.page-banner .crumbs2 { margin-bottom: 50px; }

	.page-banner-box h1 { font-size: 30px; } 
	.page-banner-box img { height: 120px; }


	/*  */
	.header-nav > ul > li { margin-right: 36px; }


	/*  */
	.footer-nav ul li a { font-size: 16px; padding: 0 16px; }
	.footer-nav ul li:after { font-size: 16px; font-weight: normal; }


	/*  */
	.home-title h2 { font-size: 24px; margin-bottom: 20px; }
	.home-title h2:after { width: 30px; height: 2px; }

	.home-main-box > div { margin-top: 50px; }

	.home-top ul li { margin: 0 20px; }

	.home-banner.commbanner .bx-pager { bottom: 16px; }
	.home-banner .bx-controls-direction { display: none; }
	.home-slider-text h1 { font-size: 20px; margin-bottom: 16px; }
	.home-slider-text b { font-size: 12px; margin-bottom: 6px; }
	.home-slider-text p { font-size: 12px; }
	.home-slider-text .btn-base { margin-top: 20px; font-size: 12px; padding: 0 16px; height: 36px; line-height: 36px; }
	.home-slider-text .btn-arrow:after{ font-size: 12px; margin-left: 6px; }

	.home-two ul li > div { padding: 90px 20px 20px; }
	.home-two-text a { margin-bottom: 12px; }
	.home-two-text h3 { margin-bottom: 12px; font-size: 18px; }
	.home-two-text p { font-size: 14px; }


	/*  */
	.theme-list ul { margin: 0 -10px; }
	.theme-list ul li > div { margin: 0 10px 20px; }
	.theme-list-img a { margin-bottom: 12px; }
	.theme-list-text a { font-size: 14px; margin-bottom: 6px; }
	.theme-list-text p { font-size: 12px; }


	/*  */
	.blog-list-text h3 a { font-size: 14px; }
	.blog-details-title h2 { font-size: 24px; }
	.blog-details-return { margin-top: 50px; }


	/*  */
	.product-details-r { padding-left: 30px; }
	.product-details-r-t h1 { font-size: 20px; }
	.product-details-price span { font-size: 24px; }
	.product-details-price span.text-lt { font-size: 18px; }
	.product-details-r-t + hr { margin-bottom: 36px; }
	.product-details-service hr { margin: 36px 0; }
	.product-details-buy .btn-base .icon-ml-80 { margin-left: 30px; }


	/*  */
	.product-list ul { margin: 0 -10px; } 
	.product-list ul li { width: 25%; } 
	.product-list ul li > div { margin: 0 10px 20px; }


	/*  */
	.product-list-l { width: 28%; }
	.product-list-l ul li:first-child .form-input input { height: 36px; }
	.product-list-l .form-choice.grid2 { display: block; }
	.product-list-l .form-choice label { margin-bottom: 12px !important; }
	.product-list-l .form-choice label:last-child { margin-bottom: 0 !important; }
	.product-list-l ul li { padding-bottom: 24px; margin-bottom: 24px; }
	.product-list-l ul li:first-child .df > span { height: 1px; margin: 0 6px 17px; }
	.product-list-l ul li .show-btn { font-size: 15px; }
	.product-list-r { width: 72%; }
	.product-list-r .product-list ul li { width: 33.33%; }


	/*  */
	.cart-left { float: none; width: 100%; }
	.cart-list-header { margin-bottom: 20px; }
	.cart-list-bottom { margin-top: 20px; padding-top: 20px; }

	.cart-right { float: none; width: 100%; }
	.cart-right-box { margin: 20px 0 0; }


	/*  */
	.login-main { padding: 66px 50px; }
	.login-sidebar { padding: 190px 20px 0; }
    

}  






/************************************/


@media screen and ( max-width:767px ){
	
	/***** common *****/
	html.htmloverflow { overflow: hidden; position: fixed; width: 100%; height: 100%; }
	
	.gotop { right: 20px; bottom: 20px; }
	
	.pagination a { width: 36px; height: 36px; line-height: 34px; border-width: 1px; }
	
	.cart .margin-b120,
	.w1440.margin-b120 { margin-bottom: 36px; }

	.wrap-margin { margin: 30px auto 36px; }
	.wrap-margin-s { margin: 30px auto 36px; }
	
	.account > .wrap-padding,
	.wrap-padding { padding: 30px 0 36px; }
	.wrap-padding-s { padding: 30px 0 36px; }

	.page-banner-box h1 { font-size: 22px; } 
	.page-banner-box img { height: 100px; }

	.page-banner .crumbs2 { margin-bottom: 36px; }

	.title-b { font-size: 20px; padding-bottom: 16px; }
	
	
	/***** header *****/
	.header-phone-more { display: block; line-height: 1em; position: absolute; top: 50%; right: 2.5%; margin-top: -8px; }
	.header-phone-more i { display: block; }
	.header-phone-close { display: block; opacity: 0; filter: alpha(opacity=0); visibility: hidden; position: fixed; top: 20px; right: 20px; z-index: -1; width: 44px; line-height: 44px; background-color: #fff; text-align: center; border-radius: 8px; }
	.header-phone-close i { /*color: #fff;*/ }
	.header-phone-close.active { z-index: 999; opacity: 1; filter: alpha(opacity=100); visibility: visible; }

	.header-nav { position: fixed; top: 0; left: 0; bottom: 0; z-index: -1; background-color: transparent; }
	.header-nav.active { z-index: 998; }
	
	/* 菜单 白底 透明黑底 */
	.header-nav:after { 
		content: ""; display: block; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 1;background-color: rgba(0,0,0,.6); opacity: 0; filter: alpha(opacity=0); visibility: hidden;
		-webkit-transition: all .3s ease; 
		-moz-transition: all .3s ease; 
		-ms-transition: all .3s ease; 
		-o-transition: all .3s ease; 
		transition: all .3s ease; 
	}
	.header-nav.active:after { 
		opacity: 1; filter: alpha(opacity=100); visibility: visible;
		-webkit-transition: all .3s ease; 
		-moz-transition: all .3s ease; 
		-ms-transition: all .3s ease; 
		-o-transition: all .3s ease; 
		transition: all .3s ease;  
	}
	.header-nav:before { 
		content: ""; width: 320px; display: block; position: fixed; top: 0; left: -200%; bottom: 0; z-index: 2; background-color: #fff;
		-webkit-transition: all .3s ease; 
		-moz-transition: all .3s ease; 
		-ms-transition: all .3s ease; 
		-o-transition: all .3s ease; 
		transition: all .3s ease; 
	}
	.header-nav.active:before { 
		left: 0; 
		-webkit-transition: all .3s ease; 
		-moz-transition: all .3s ease; 
		-ms-transition: all .3s ease; 
		-o-transition: all .3s ease; 
		transition: all .3s ease;  
	}

	/* 菜单列表 动画 */
	.header-nav > ul { 
		position: fixed; top: 0; left: -200%; bottom: 0; z-index: 9; width: 320px; padding: 20px 0; overflow-y: auto; margin-top: 120px;
		-webkit-transition: all .3s ease; 
		-moz-transition: all .3s ease; 
		-ms-transition: all .3s ease; 
		-o-transition: all .3s ease; 
		transition: all .3s ease; 
	} 
	.header-nav.active > ul { 
		left: 0; 
		-webkit-transition: all .3s ease; 
		-moz-transition: all .3s ease; 
		-ms-transition: all .3s ease; 
		-o-transition: all .3s ease; 
		transition: all .3s ease; 
	}

	/* 列表 */
	.header-nav > ul > li { float: none; width: 100%; text-align: left; margin-right: 0; }
	.header-nav > ul > li > a { padding: 15px 20px; color: #131313; display: block; }
	.header-nav > ul > li > a sup { color: #131313; }
	.header-nav > ul > li i { display: block; width: 46px; height: 46px; text-align: center; line-height: 46px; position: absolute; top: 0; right: 0; z-index: 2; font-size: 10px; }.header-subnav { 
		opacity: 1; visibility: visible; display: none; position: static; box-shadow: inherit;
	    -webkit-transition: inherit;
		-moz-transition: inherit;
		-ms-transition: inherit;
		-o-transition: inherit;
		transition: inherit;
	}

	/* 其他 */
	header { box-shadow: 0 1px 6px rgba(0,0,0,.1); }
	.header-t { padding: 16px 0; }
	.header-logo a { height: 40px; }
	.header-price { position: absolute; top: 50%; right: 66px; margin-top: -17px; }
	.header-price dt { color: #131313; } 
	.header-price i { color: #131313; }
	.header-price dt a { color: #131313; font-size: 12px; }
	.header-price dl { border-color: #131313; margin: 0; background-color: transparent; }
	.header-search { width: auto; margin: 0 0 10px 0; }
	.header-other-btn a { width: 36px; height: 36px; line-height: 36px; }
	.header-other-btn a span { top: -3px; right: -3px; }
	.header-other { 
		position: fixed; top: 0; left: -200%; z-index: 999; width: 280px; display: block; padding: 15px 20px; background: url(../images/shop-bg.jpg) no-repeat; background-size: 200% 100%; border-bottom: 1px solid #ddd;
		-webkit-transition: all .3s ease; 
		-moz-transition: all .3s ease; 
		-ms-transition: all .3s ease; 
		-o-transition: all .3s ease; 
		transition: all .3s ease; 
	}
	.htmloverflow .header-other { 
		left: 0; 
		-webkit-transition: all .3s ease; 
		-moz-transition: all .3s ease; 
		-ms-transition: all .3s ease; 
		-o-transition: all .3s ease; 
		transition: all .3s ease; 
	}


	/*  */
	footer { padding-top: 36px; }
	.footer-nav ul li { margin-bottom: 6px; }
	.footer-share { padding: 20px 0 30px; }
	.footer-copyright { margin-top: 20px; }
	.footer-info ul li a { padding-left: 22px; }
	.footer-info ul li a:before { font-size: 14px; }


	/*  */    
	.home-main-box > div { margin-top: 36px; }

	.home-top { padding: 14px 0; }
	.home-top ul li { font-size: 12px; line-height: 18px; margin: 0 8px; }
	.home-top ul li img { width: 18px; height: 18px; margin-right: 10px; }

	.home-slider-text .btn-base { margin-top: 10px; }
	.home-slider-text h1 { font-size: 18px; }
	.home-slider-text > div { padding-right: 40%; }
	.home-slider-img img { height: 300px; object-fit: cover; object-position: center center; }

	.home-two ul { margin: 0 -5px; }
	.home-two ul li > div { margin: 0 5px; padding: 80px 16px 20px; border-radius: 20px; }
	.home-two-text h3 { font-size: 16px; }
	.home-two-text p { font-size: 13px; }
	.home-two-img img { border-radius: 0 20px 0 0; }

	.home-five .blog-list ul li:nth-child(4) { display: none; }


	/*  */
	.theme-list ul li { width: 20%; }


	/*  */
	/* .blog-list ul { margin: 0 -10px; } */
	.blog-list ul li { width: 33.33%; }
	/* .blog-list ul li > div { margin-left: 10px; margin-right: 10px; } */
	.blog-list-text p { -webkit-line-clamp: 2; }
	.blog-details-l { width: 100%; }
	.blog-details-r { width: 100%; }
	.blog-details-r-box { margin: 50px 0 0; }
	.blog-details-main p { font-weight: normal; }
	.blog-details-main h3 { font-size: 20px; }


	/*  */
	.product-details-l { width: 100%; }
	.product-details-r { width: 100%; padding: 36px 0 0; }
	.product-details-kit hr { margin: 36px 0; }
	.product-details-info .change-con p { font-size: 14px; line-height: 1.5em; }


	/*  */
	.account-top { padding: 16px 20px; }
	.account-top ul li { line-height: 30px; }
	.account-top ul li:first-child { padding-left: 40px; }
	.account-top ul:before { margin-top: -15px; width: 30px; height: 30px; line-height: 30px; font-size: 12px; }
	.account-top ul li { font-size: 14px; }
	.account-top ul li span { font-size: 14px; line-height: 30px; }
	.account-logout a { font-size: 14px; line-height: 30px; }
	.account-menu ul { padding: 0 20px; display: flex; overflow: auto; }
	.account-menu ul li { flex-shrink: 0; }
	.account-order-history-menu { margin-bottom: 30px; display: flex; overflow: auto; }
	.account-order-history-menu a { font-size: 13px; margin-right: 10px; flex-shrink: 0; }
	.account-main { padding: 36px 20px; }

	.account-order-history-header { padding: 16px 16px 10px; }
	.account-order-history-header > div { float: none; padding-bottom: 6px; }
	.account-order-history-header > div p { line-height: 1em; margin: 0 12px 6px 0; }
	.account-order-history-header .btn-line { float: none; }
	.account-order-history-product { padding: 16px; }
	.account-order-history-product .account-oh-img { width: 50px; min-width: 50px; height: 50px; }
	.account-order-history-product .account-oh-name { padding: 0 10px; }
	.account-order-history-product .account-oh-name a { font-size: 13px; }
	.account-order-history-product .account-oh-price p { display: block; margin: 0; white-space: nowrap; }  


	/*  */
	.product-list ul li { width: 33.3%; } 
	.product-list-text h3 a { font-size: 14px; height: 40px; }
	.product-list-btn a { width: 24px; height: 24px; line-height: 24px; }
	.product-list-btn a i { font-size: 12px; }


	/*  */
	.product-list-l { width: 100%; }
	.product-list-l form { padding: 0 0 30px; }
	.product-list-l ul { padding: 24px 20px 0; background-color: #f7f7f7; }
	.product-list-l ul li:last-child { margin-bottom: 0; border-bottom: 0; }
	.product-list-l .btn-empty { display: block; }

	.product-list-l .btn-empty { position: relative; display: block; font-size: 16px; font-weight: 700; line-height: 1em; text-transform: uppercase; padding: 16px 20px; background-color: #DE1F26; color: #fff; opacity: 1 !important; }
	.product-list-l .btn-empty:after { content: "\e731"; font-family: "iconfont" !important; position: absolute; top: 50%; right: 20px; font-size: 10px; font-weight: normal; line-height: 1em; margin-top: -5px; color: #fff; }
	.product-list-l .btn-empty.active { border-radius: 6px; }
	.product-list-l .btn-empty.active:after { 
		-webkit-transform: rotate(180deg); 
		-moz-transform: rotate(180deg); 
		-ms-transform: rotate(180deg); 
		-o-transform: rotate(180deg); 
		transform: rotate(180deg); 
	}

	.product-list-r { width: 100%; }
	.product-list-sort { width: 100%; } 

	.product-list-like-t h2 { font-size: 20px; margin-bottom: 20px; }
	.product-list-like-t h2:after { width: 20px; height: 2px; }


	/*  */
	.cart-list-header .cart-list-cell:nth-child(n+2) { display: none; }
	.cart-list-row { flex-wrap: wrap; background-color: #ebebeb; padding: 12px; border-radius: 10px; margin-bottom: 10px; }
	.cart-list-cell_text { max-width: 200px; padding-left: 12px; }
	.cart-list-cell { display: inline-block; width: auto !important; } 
	.cart-list-img img { border: 1px solid #e7e7e7; }
	.cart-list-cell:nth-child(1) { display: block; padding: 0 30px 10px 0; }
	.cart-list-cell:nth-child(2) { padding-left: 6px; padding-right: 6px }
	.cart-list-cell:nth-child(4) { padding-right: 0; }
	.cart-list-cell:nth-child(5) { position: absolute; top: 40px; right: 10px; }
	.cart-list-row .cart-list-cell:nth-child(1) .df { padding-left: 0; }
	.cart-list-row .cart-list-cell:nth-child(5) a i { background-color: #fff; }
	.cart-list-bottom a { width: auto; }
	.cart-checkout { padding: 36px 20px 20px; }


	/*  */
	.login-box { flex-direction: column-reverse !important; }
	.login-main { width: auto; padding: 30px 20px; }
	.login-sidebar { width: auto; background-size: 100% auto; text-align: center; padding: 20px !important; }
	.login-sidebar .btn-line { display: inline-block; margin-top: 12px; padding: 0 16px; height: 36px; line-height: 36px; font-size: 13px; border-width: 1px; }
	.login-sidebar p { line-height: 1.4em; }
	.login-main h1 { font-size: 30px; margin-bottom: 36px; }
	.login .form-btn button { padding: 0 20px; }
	.login .form-btn button .icon-ml-80 { margin-left: 16px; }


	/*  */
	.checkout-item { margin-bottom: 50px; }
	.checkout-item .title-b { margin-bottom: 20px; }

	.cart-right h2 { font-size: 20px; }
	.cart-right-list ul li .crl-text h3 a { line-height: 1.2em; }

	.order-complete-text { margin: 36px auto 20px; }
	.order-complete-text p { font-size: 14px; }
	.order-complete-btn a { display: block; margin: 0 auto 10px; }
	.order-complete-text h2 { font-size: 20px; margin-bottom: 20px; }


}



@media screen and ( max-width:580px ){

	/*  */
	.home-banner.commbanner .bx-pager { bottom: 12px; }
	.header-price { right: 50px; }
	.home-top ul li img { display: block; margin: 0 auto 4px; }

	.home-two ul { margin: 0; overflow-x: auto; }
	.home-two ul li { width: 200px; flex-shrink: 0; }


	/*  */
	.blog-list ul li { width: 50%; display: block !important; } 
	.blog-list ul li > div { margin: 0 10px 20px !important; }

	.blog-details-return { margin-top: 36px; }


	/*  */
    .product-details-kit .pd-kit-bottom { display: block; padding: 10px; }
	.product-details-kit .pd-kit-bottom-l p { padding: 4px 0 6px; }
	.product-details-kit .pd-kit-bottom-r { justify-content: space-between; }
	.product-details-kit .pd-kit-bottom-r .btn-base { font-size: 13px; border-radius: 6px; padding: 0 12px; }
	.product-details-kit .pd-kit-bottom-price span { text-align: left; }
	.product-kit-slider > li li { padding: 20px 20px 20px 50px; align-items: center; }
	.product-details-kit .pd-kit-breaker i:before { width: 21px; margin-left: -10px; }
	.product-details-kit .pd-kit-breaker i:after { height: 21px; margin-top: -10px; }
	.product-details-kit .pd-kit-text { padding: 6px 0 6px 12px; }
	.product-details-kit .pd-kit-text h3 a { font-size: 12px; line-height: 18px; margin-bottom: 10px; }
	.product-details-kit .pd-kit-img a { width: 72px; height: 72px; border-radius: 10px; }
	.product-details-kit .pd-kit-discount { top: 0; width: auto; font-size: 12px; line-height: 24px; padding: 0 10px 0 24px; }


	/*  */
	.product-list ul li { width: 50%; } 


	/*  */
	.product-list-r .product-list ul li { width: 50%; }


	/*  */
	.account-information .grid2 { grid-template-columns: 1fr; grid-gap: 16px; }


	/*  */
	.cart-left .checkout-item .grid2 { grid-template-columns: 1fr; grid-gap: 16px; }
	.order-complete-box img { width: 180px; }



}



@media screen and ( max-width:480px ){

	/*  */
	.theme-list ul { margin: 0 -5px; }
	.theme-list ul li > div { margin: 0 5px 14px; }
	.theme-list ul li { width: 33.33%; }


}



@media screen and ( max-width:360px ){
}