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




/*********** header ***********/
header { position: relative; z-index: 999; }
header.header-fixed {  }


/* header-phone */
.header-phone-more,
.header-phone-close { display: none; }


/* 上 */
.header-t { padding: 20px 0; }
.header-t:after { content: ""; clear: both; display: block; height: 0; }

.header-logo { float: left; }
.header-logo a { display: block; height: 60px; }
.header-logo a img { display: block; height: 100%; }
.header-other { float: right; display: flex; }

.header-search { position: relative; border: 1px solid #000; background-color: #FAFAFA; border-radius: 100px; width: 500px; height: 48px; margin-right: 50px; }
.header-search input { font-family: "Bayon"; border: 0; background-color: transparent; height: 100%; padding: 0 54px 0 20px; border-radius: 100px; }
.header-search input::-webkit-input-placeholder { color: #131313; }
.header-search input:-moz-placeholder { color: #131313; opacity: 1; } 
.header-search input::-moz-placeholder { color: #131313; opacity: 1; } 
.header-search input:-ms-input-placeholder { color: #131313; }
.header-search button { width: 48px; height: 48px; line-height: 48px; text-align: center; background-color: transparent; position: absolute; top: 0; right: 0; z-index: 9; cursor: pointer; }
.header-search button:hover { opacity: .6; }

.header-other { padding-top: 5px; }
.header-other-btn { display: flex; } 
.header-other-btn a { display: block; width: 50px; height: 50px; line-height: 50px; text-align: center; background-color: #B0B0B0; border-radius: 8px; margin-right: 10px; position: relative; }
.header-other-btn a i { color: #fff; }
.header-other-btn a span { position: absolute; top: 5px; right: 5px; display: block; font-size: 12px; line-height: 16px; padding: 0 4.5px; border-radius: 100px; background-color: #DE1F26; color: #fff; }
.header-other-btn a.header-login { background-color: #DE1F26; }
.header-other-btn a.header-cart { margin-right: 0; }
.header-other-btn a:hover { opacity: .7; } 


/* 下 */
.header-b { 
	background: -webkit-linear-gradient(left, #DE1F26, #C92280, #E52282, #7B6FB2, #4D99CC);
    background: -moz-linear-gradient(left, #DE1F26, #C92280, #E52282, #7B6FB2, #4D99CC);
    background: -o-linear-gradient(left, #DE1F26, #C92280, #E52282, #7B6FB2, #4D99CC);
    background: linear-gradient(to right, #DE1F26, #C92280, #E52282, #7B6FB2, #4D99CC); 
}
.header-b > div {  }
.header-b1 { background: linear-gradient(to right, #9C3C94, #D84C79, #D84C79, #f8a348, #F3D357); }
.header-b2 { background: linear-gradient(to right, #DE1F26, #f8a348, #F3D357, #7B6FB2, #4D99CC); }

.header-nav { float: left; }
.header-nav > ul:after { content: ""; clear: both; display: block; height: 0; }
.header-nav > ul > li { float: left; margin-right: 50px; }
.header-nav > ul > li > a { display: inline-block; vertical-align: top; font-size: 18px; font-weight: 700; color: #fff; line-height: 20px; padding: 22px 0; }
.header-nav > ul > li > a sup { color: #fff; display: inline-block; vertical-align: top; }
.header-nav > ul > li > i { display: inline-block; vertical-align: top; font-size: 10px; color: #fff; line-height: 20px; padding: 22px 0; display: none; }

.header-subnav { display: none; position: absolute; top: 90%; background-color: #fff; box-shadow: 0 1px 10px rgba(0,0,0,.1); padding: 12px 0; border-radius: 8px; opacity: 0; visibility: hidden; }
.header-subnav a { padding: 8px 24px; line-height: 1.2em; display: block; border-bottom: 1px dotted #131313; }
.header-subnav a:hover { color: #004A73; background-color: #fff; box-shadow: -2px 2px 5px rgba(0,0,0,.1);
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px); 
	-ms-transform: translateX(10px); 
	-o-transform: translateX(10px); 
	transform: translateX(10px);  
}
.header-subnav li {  }

.header-nav > ul > li:hover .header-subnav { opacity: 1; visibility: visible; }



.header-price { float: right; }
.header-price dl { margin-top: 14px; display: inline-block; vertical-align: top; position: relative; z-index: 990; cursor: pointer; border: 1px solid rgba(255,255,255,.43); border-radius: 6px; background-color: rgba(0,0,0,.04);
	-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-price dt { height: 34px; line-height: 34px; color: #fff; font-size: 14px; font-weight: 700; cursor: pointer; width: 44px; padding: 0 16px 0 8px; }
.header-price dt a { display: block; position: relative; color: #fff; font-size: 14px; font-weight: 700; cursor: pointer; }
.header-price dd { position: absolute; top: 100%; left: 0; right: 0; z-index: 990; background-color: #fff; box-shadow: 0 1px 4px rgba(0,0,0,.3); margin-top: 4px; display: none; padding: 4px 0; text-align: center; border-radius: 10px }
.header-price dd a { display: block; padding: 6px 8px; font-size: 14px; line-height: 1em; }
.header-price dd a:hover { color: #DE1F26; }
.header-price i { color: #fff; position: absolute; top: 0; right: 6px; z-index: -1; font-size: 12px; line-height: 34px; }
.header-price i:before { content: "\e6c7"; display: block; text-align: center;
	-webkit-transform: scale(.6); 
	-moz-transform: scale(.6); 
	-ms-transform: scale(.6); 
	-o-transform: scale(.6); 
	transform: scale(.6);
}
.header-price dl:hover { background-color: rgba(0,0,0,.4);
	-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 ***********/
footer { position: relative; padding-top: 66px; overflow: hidden; border-top: 1px solid #D6D6D6; }

.footer-logo { text-align: center; }
.footer-logo a { display: inline-block; vertical-align: top; }
.footer-logo a img { display: block; margin-bottom: 36px; }

.footer-nav { text-align: center; }
.footer-nav ul { display: inline-block; vertical-align: top; }
.footer-nav ul li { float: left; } 
.footer-nav ul li a { font-size: 20px; font-weight: 700; line-height: 1em; padding: 0 20px; display: inline-block; vertical-align: top; }
.footer-nav ul li a sup { display: inline-block; vertical-align: top; }
.footer-nav ul li:after { content: "/"; font-size: 20px; font-weight: 700; line-height: 1em; display: inline-block; vertical-align: top; }
.footer-nav ul li:last-child:after { display: none; }
.footer-nav ul li a:hover,
.footer-nav ul li a:hover sup { color: #DE1F26; }

.footer-share { text-align: center; padding: 36px 0 50px; }
.footer-share ul { display: inline-block; vertical-align: top; }
.footer-share ul li { float: left; }
.footer-share ul li a { display: block; background-color: #DE1F26; margin: 0 5px; width: 50px; height: 50px; line-height: 50px; text-align: center; display: block; border-radius: 100px; }
.footer-share ul li a i { color: #fff; }
.footer-share ul li a:hover { background-color: #131313; }

.footer-info { text-align: center; }
.footer-info ul { display: inline-block; }
.footer-info ul li:after { content: ""; clear: both; display: block; height: 0; }
.footer-info ul li a { display: block; float: left; text-align: left; margin: 0 12px 12px; font-size: 14px; font-weight: 700; line-height: 20px; padding-left: 30px; position: relative; }
.footer-info ul li a:before { font-family: "iconfont" !important; font-size: 20px; position: absolute; top: 0; left: 0; font-weight: normal; }
.footer-info-address:before { content: "\e7a5"; }
.footer-info-phone:before { content: "\e7a4"; }
.footer-info-fax:before { content: "\e6f8"; }
.footer-info-mail:before { content: "\e78e"; }


.footer-copyright { text-align: center; line-height: 1.2em; font-size: 14px; font-weight: 700; opacity: .5; padding: 20px 0; margin-top: 36px; border-top: 1px solid #D6D6D6; }












/*********** banner ***********/
.home-banner .slide { position: relative; display: block; }
.home-slider-img img { display: block; width: 100%; height: auto; }
.home-slider-text { 
	position: absolute; top: 50%; left: 0; right: 0; z-index: 2; 
	-webkit-transform: translateY(-50%); 
	-moz-transform: translateY(-50%); 
	-ms-transform: translateY(-50%); 
	transform: translateY(-50%); 
}
.home-slider-text > div { padding-right: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.home-slider-text h1 { font-size: 50px; font-weight: 700; line-height: 1.2em; margin-bottom: 24px; }
.home-slider-text b { font-size: 18px; line-height: 1.2em; margin-bottom: 10px; display: block; }
.home-slider-text p { font-size: 18px; line-height: 1.2em; margin-bottom: 10px; }

.home-slider-text .btn-basic { margin-top: 50px; background-color: #DE1F26; }

.home-banner .bx-pager { width: 1440px; }
.home-banner .bx-pager > div { margin: 0 3px; }  
.home-banner .bx-pager > div a { width: 14px; height: 6px; background-color: #666; }
.home-banner .bx-pager > div a.active { background-color: #DE1F26; width: 22px; }

.home-banner .bx-wrapper .bx-controls-direction a { 
	border-radius: 0; box-shadow: 0 4px 10px rgba(0,0,0,.1);
	-webkit-transform: scale(1) !important; 
	-moz-transform: scale(1) !important; 
	-ms-transform: scale(1) !important; 
	-o-transform: scale(1) !important; 
	transform: scale(1) !important; 
}
.home-banner .bx-wrapper .bx-prev { left: 0; }
.home-banner .bx-wrapper .bx-next { right: 0; }


/* page-banner */
.page-banner-box { position: relative; }
.page-banner-box h1 { 
	font-size: 50px; font-weight: 700; line-height: 1em; position: absolute; top: 50%; left: 50%; color: #fff;
	-webkit-transform: translate(-50%,-50%); 
	-moz-transform: translate(-50%,-50%); 
	-ms-transform: translate(-50%,-50%); 
	transform: translate(-50%,-50%);  
}
.page-banner-box h1 sup {  display: inline-block; vertical-align: top; margin-top: -10px; color: #fff; font-weight: 700; }
.page-banner-box img { width: 100%; height: 150px; display: block; object-fit: cover; object-position: center center; }

.page-banner .crumbs2 { margin: 20px auto 80px; }









/*********** 首頁 ***********/
.home-main-box > div { margin-top: 90px; }
.home-title h2 { 
	display: inline-block; vertical-align: top; font-size: 36px; font-weight: bolder; line-height: 1em; text-transform: uppercase; margin-bottom: 36px;
	background-image: -webkit-linear-gradient(right, #4E4B8C, #C92273);  
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent; 
}
.home-title h2 sup { display: inline-block; vertical-align: top; margin-top: -10px; }
.home-title h2:after { content: ""; width: 36px; height: 3px; display: block; background-color: #131313; margin-top: 10px; }
.home-title .btn-arrow { float: right; font-weight: 700; }
.home-title .btn-arrow:after { font-size: 12px; margin-left: 12px; }
.home-title .btn-arrow:hover { opacity: .7; }

.home-main .product-list .bx-default-pager { display: none; }
.home-main .product-list .bx-controls-direction { position: absolute; top: 0; right: 0; }
.home-main .product-list .bx-controls-direction a { font-size: 0; }
.home-main .product-list .bx-controls-direction a:before { font-size: 16px; font-weight: 700; font-family: "iconfont" !important; cursor: pointer; }
.home-main .product-list .bx-controls-direction a:nth-child(1) { margin-right: 12px; }
.home-main .product-list .bx-controls-direction a:nth-child(1):before { content: "\e632"; }
.home-main .product-list .bx-controls-direction a:nth-child(2):before { content: "\e631"; }
.home-main .product-list .bx-controls-direction a:hover:before { color: #DE1F26; }


/* home-top */
.home-top { text-align: center; background: url(../images/home-top-bg.png) repeat; background-color: #EBEBEB !important; padding: 24px 0; }
.home-top ul { display: flex; justify-content: center; }  
.home-top ul li { line-height: 32px; margin: 0 50px; font-size: 18px; font-weight: 700; }
.home-top ul li img { display: inline-block; vertical-align: top; width: 32px; height: 32px; margin-right: 14px; }



/* 1111111 */
.home-one { position: relative; }


/* 2222222 */
.home-two ul { margin: 0 -15px; display: flex; }
.home-two ul li { width: 33.33%; }
.home-two ul li > div { height: 100%; position: relative; margin: 0 15px; padding: 160px 30px 50px; border-radius: 30px; box-sizing: border-box; }

.home-two-img { position: absolute; top: 0; right: 0; left: 50%; bottom: 50%; overflow: hidden; }
.home-two-img img { width: 100%; height: 100%; display: block; border-radius: 0 30px 0 0; object-fit: cover; object-position: top center; }
.home-two-img:before { content: ""; display: block; position: absolute; left: 0; bottom: 0; z-index: 2; background: url(../images/home-two-bg1.png) no-repeat; background-size: 100% 100% !important; width: 150px; height: 150px; } 

.home-two-text { position: relative; z-index: 9; }
.home-two-text h3 { font-size: 50px; font-weight: 700; color: #fff; line-height: 1.1em; margin-bottom: 20px; }
.home-two-text p { font-size: 24px; color: #fff; line-height: 1.1em; }
.home-two-text a { font-size: 18px; font-weight: 700; line-height: 30px; display: inline-block; vertical-align: top; margin-bottom: 30px; }
.home-two-text a:after { 
	content: "\e631"; font-family: "iconfont" !important; font-size: 10px; font-weight: normal; color: #fff; width: 30px; height: 30px; line-height: 30px; text-align: center; border-radius: 100px; background-color: #131313; display: inline-block; vertical-align: top; margin-left: 16px; 
	-webkit-transition: all .3s ease; 
	-moz-transition: all .3s ease; 
	-ms-transition: all .3s ease; 
	-o-transition: all .3s ease; 
	transition: all .3s ease; 
}
.home-two-text a:hover:after { opacity: .6;
	-webkit-transition: all .3s ease; 
	-moz-transition: all .3s ease; 
	-ms-transition: all .3s ease; 
	-o-transition: all .3s ease; 
	transition: all .3s ease;  
}

.home-two ul li:nth-child(1) > div { background-color: #F3A862; }
.home-two ul li:nth-child(2) > div { background-color: #4C99CC; }
.home-two ul li:nth-child(3) > div { background-color: #CDCDCD; }
.home-two ul li:nth-child(2) .home-two-img:before { background: url(../images/home-two-bg2.png) no-repeat; }
.home-two ul li:nth-child(3) .home-two-img:before { background: url(../images/home-two-bg3.png) no-repeat; }


/* 333333 */
.theme-list ul { display: flex; flex-wrap: wrap; margin: 0 -25px; }  
.theme-list ul li { width: 16.66%; text-align: center; }
.theme-list ul li > div { position: relative; margin: 0 25px 36px; }  

.theme-list-text a { display: block; font-size: 16px; font-weight: 700; line-height: 1.1em; margin-bottom: 8px; } 
.theme-list-text a:hover { color: #DE1F26; }
.theme-list-text p { font-size: 14px; font-weight: 700; line-height: 1em; color: #666; }

.theme-list-img a { height: 0; padding: 50% 0; display: block; border-radius: 15px; box-shadow: 0 3px 0 rgba(0,0,0,.1); position: relative; overflow: hidden; margin-bottom: 20px; }
.theme-list-img a img { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; object-fit: cover; object-position: center center; }
.theme-list-img a:before { 
	content: ""; width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; z-index: 2;
	-webkit-transition: all .3s ease; 
	-moz-transition: all .3s ease; 
	-ms-transition: all .3s ease; 
	-o-transition: all .3s ease; 
	transition: all .3s ease;  
}
.theme-list-img a:hover { box-shadow: 0 3px 0 rgba(0,0,0,.2); }
.theme-list-img a:hover img {
	-webkit-transform: scale(1.1); 
	-moz-transform: scale(1.1); 
	-ms-transform: scale(1.1); 
	-o-transform: scale(1.1); 
	transform: scale(1.1);
}

.theme-list ul li:hover .theme-list-img a:before { background-color: rgba(0,0,0,.1);
	-webkit-transition: all .3s ease; 
	-moz-transition: all .3s ease; 
	-ms-transition: all .3s ease; 
	-o-transition: all .3s ease; 
	transition: all .3s ease;  
} 


/* 4 */
.home-main .product-list ul li > div { margin-bottom: 0; }


/* 5 */
.home-five .blog-list ul li > div { margin-bottom: 0; }






/*  */
.blog-list ul { display: flex; flex-wrap: wrap; margin: 0 -15px; }
.blog-list ul li { width: 25%; }
.blog-list ul li > div { position: relative; margin: 0 15px 30px; } 

.blog-list-text h3 a { 
	font-size: 18px; line-height: 1.3em; font-weight: 700; overflow: hidden; text-overflow: ellipsis;  
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.blog-list-text h3 a:hover { color: #DE1F26; }
.blog-list-text p { 
	font-size: 12px; line-height: 1.6em; font-weight: 700; color: #999; overflow: hidden; margin: 12px 0 14px; text-overflow: ellipsis;  
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical; 
}
.blog-list-date { font-size: 12px; line-height: 1em; font-weight: 700; } 
.blog-list-text .btn-empty { text-transform: uppercase; font-size: 12px; line-height: 1em; color: #000; }
.blog-list-text .btn-empty i { font-size: 12px; color: #000; }
.blog-list-text .btn-empty:hover,
.blog-list-text .btn-empty:hover i { color: #DE1F26; opacity: 1; }

.btn-empty { display: none; }


.blog-list-img a { height: 0; padding: 34% 0; display: block; border-radius: 15px; box-shadow: 0 3px 0 rgba(0,0,0,.1); position: relative; overflow: hidden; margin-bottom: 20px; }
.blog-list-img a img { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; object-fit: cover; object-position: center center; }
.blog-list-img a:hover { box-shadow: 0 3px 0 rgba(0,0,0,.2); }
.blog-list-img a:hover img {
	-webkit-transform: scale(1.1); 
	-moz-transform: scale(1.1); 
	-ms-transform: scale(1.1); 
	-o-transform: scale(1.1); 
	transform: scale(1.1);
}


/*  */

.blog-details-l { float: left; width: 70%; }
.blog-details-title { margin-bottom: 50px; border-bottom: 1px solid #CBCBCB; }
.blog-details-title h2 { 
	font-size: 40px; line-height: 1.2em; font-weight: 700;
	background-image:-webkit-linear-gradient(left, #4E4B8C, #C92273);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; 
}
.blog-details-title-b { margin: 36px 0 16px; height: 14px; }
.blog-details-title-b a { display: inline-block; vertical-align: top; font-size: 14px; margin-right: 24px; font-weight: 700; line-height: 1em; }
.blog-details-title-b a i { font-size: 14px; margin-right: 6px; }
.blog-details-main img { display: block; width: 100%; border-radius: 15px; margin-bottom: 36px; }
.blog-details-main h3 { font-size: 24px; font-weight: 700; line-height: 1.2em; margin-bottom: 16px; }
.blog-details-main p { font-size: 15px; font-weight: 700; line-height: 1.8em; margin-bottom: 22px; }
.blog-details-return { border-top: 1px solid #CBCBCB; padding-top: 36px; margin-top: 80px; }

.blog-details-r { float: right; width: 30%; }
.blog-details-r-box { margin-left: 80px; }
.blog-details-r h2 { color: #131313; margin-bottom: 36px; }
.blog-details-r ul li { border-bottom: 1px dashed #999; }
.blog-details-r ul li:first-child a { padding-top: 0; }
.blog-details-r ul li a { display: block; padding: 14px 0; font-size: 14px; line-height: 1.45em; font-weight: 700; }
.blog-details-r ul li a:hover { color: #DE1F26; }

















/* product-list */
.product-list ul { margin: 0 -15px; }
.product-list ul li { float: left; width: 20%; }
.product-list ul li > div { margin: 0 15px 30px; }

.product-list-img a { height: 0; padding: 50% 0; display: block; border-radius: 15px; box-shadow: 0 3px 0 rgba(0,0,0,.1); position: relative; overflow: hidden; margin-bottom: 20px; }
.product-list-img a img { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; object-fit: cover; object-position: center center; transition: opacity .3s , transform 2s cubic-bezier(0,0,.44,1.18); }
.product-list-img a img:last-child { opacity: 0; }
.product-list-img a img:first-child { opacity: 1; }
.product-list-img a:before { 
	content: ""; width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; z-index: 2;
	-webkit-transition: all .3s ease; 
	-moz-transition: all .3s ease; 
	-ms-transition: all .3s ease; 
	-o-transition: all .3s ease; 
	transition: all .3s ease;  
}
.product-list-img a:hover { box-shadow: 0 3px 0 rgba(0,0,0,.2); }
.product-list-img a:hover img {
	-webkit-transform: scale(1.12); 
	-moz-transform: scale(1.12); 
	-ms-transform: scale(1.12); 
	-o-transform: scale(1.12); 
	transform: scale(1.12);
}
.product-list-img a:hover img:first-child { opacity: 0; }
.product-list-img a:hover img:last-child { opacity: 1; }

.product-list ul li:hover .product-list-img a:before { background-color: rgba(0,0,0,.1);
	-webkit-transition: all .3s ease; 
	-moz-transition: all .3s ease; 
	-ms-transition: all .3s ease; 
	-o-transition: all .3s ease; 
	transition: all .3s ease;  
} 

.product-list-text h3 a { display: block; font-size: 16px; line-height: 1.4em; margin-bottom: 20px; }

.product-list-text .df { justify-content: space-between; }
.product-list-price { font-size: 20px; font-weight: 700; line-height: 36px; }
.product-list-btn { display: flex; }
.product-list-btn a { display: block; width: 34px; height: 34px; line-height: 34px; border-radius: 100px; border: 1px solid #131313; text-align: center; }
.product-list-btn a i { font-size: 14px; }
.product-list-btn a.plb-cart { margin-left: 8px; background-color: #131313; }
.product-list-btn a.plb-cart i { color: #fff; }

.product-list ul li > div:hover .product-list-btn a { border-color: #DE1F26; color: #DE1F26; }    
.product-list ul li > div:hover .product-list-btn a.plb-cart { background-color: #DE1F26; color: #fff; } 
.product-list ul li > div:hover .product-list-btn a.plb-like i { border-color: #DE1F26; color: #DE1F26; }



/* l */
.product-list-l { float: left; width: 310px; }
.product-list-l form { padding-right: 50px; }
.product-list-l .form-choice { padding-bottom: 0; }
.product-list-l .form-choice label { display: block; line-height: 1em; margin: 0 0 12px; font-size: 14px; }
.product-list-l .form-choice label:last-child { margin-bottom: 0; }
.product-list-l .form-choice.grid2 { grid-gap: 0; }
.product-list-l .form-choice.grid2 label { font-size: 12px; }

.product-list-l ul li { padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #D0D0D0; }
.product-list-l ul li .show-btn { font-size: 20px; font-weight: 700; line-height: 1em; position: relative; cursor: pointer; text-transform: uppercase; }
.product-list-l ul li .show-btn:after { content: ""; display: block; width: 11px; height: 1px; border-radius: 100px; background-color: #131313; position: absolute; top: 50%; right: 0; }
.product-list-l ul li .show-btn:before { content: ""; display: none; width: 1px; height: 11px; border-radius: 100px; background-color: #131313; position: absolute; top: 50%; right: 5px; margin-top: -5px; }
.product-list-l ul li .show-btn.active:before { display: block; } 
.product-list-l ul li .show-con { margin-top: 20px; }

.product-list-l ul li:first-child .df { align-items: flex-end; margin-bottom: 20px; }
.product-list-l ul li:first-child .df > span { min-width: 12px; height: 2px; display: block; background-color: #131313; margin: 0 14px 24px; }
.product-list-l ul li:first-child .form-choice label:nth-child(n+5):nth-child(-n+6) { margin-bottom: 0; }
.product-list-l ul li:first-child .form-row { margin-bottom: 0; }
.product-list-l ul li:first-child .form-row label { text-transform: uppercase; font-size: 12px; }
.product-list-l ul li:first-child .form-input:before { content: "$"; display: block; line-height: 1em; font-size: 14px; color: #999; position: absolute; top: 50%; left: 12px; margin-top: -6px; }
.product-list-l ul li:first-child .form-input input { padding: 0 10px 0 22px; border-color: #D0D0D0; }



/* r */
.product-list-r { float: right; width: 1130px; }
.product-list-r-t { display: flex; justify-content: space-between; margin-bottom: 20px; }
.product-list .page { margin-top: 36px; }

.product-list-tag { display: none; }
.product-list-sort { margin-left: auto; }







/* product-details */

/* 左 */
.product-details-l { float: left; width: 600px; }
.product-details .commbanner .slide { cursor: pointer; }
.product-details .commbanner .slide img { display: block; border-radius: 10px; border: 1px solid #E9E9E9; }
.product-details .commbanner .bx-pager { display: none; }
.product-details .commbanner .bx-wrapper .bx-controls-direction a { width: 20px; height: 34px; border-radius: 5px; line-height: 36px; margin-top: -17px; background-color: rgba(0,0,0,.4); }
.product-details .commbanner .bx-wrapper .bx-controls-direction a:before { font-size: 12px; color: #fff; font-weight: normal; } 

.product-details .commbanner .bx-wrapper .bx-prev { left: 8px; }
.product-details .commbanner .bx-wrapper .bx-next { right: 8px; }

.product-details #tFocus_box { margin-bottom: 10px; }
.product-details #tFocus_box img { display: block; border-radius: 10px; width: 100%; }

.product-details #tFocus_pic a { position: relative; }
.product-details #tFocus_pic a img { border: 1px solid #E9E9E9; }
.product-details #tFocus_pic a:before { content: ""; width: 30px; height: 30px; display: block; background: url(../images/zoomio-icon.png) no-repeat; position: absolute; right: 16px; bottom: 16px; }

/* 右 */
.product-details-r { float: right; width: 840px; padding-left: 50px; box-sizing: border-box; }
.product-details-r-t { padding-right: 100px; position: relative; }
.product-details-r-t h1 { font-size: 32px; line-height: 1.4em; margin-bottom: 30px; }
.product-details-r-t .like-btn { position: absolute; top: 6px; right: 0; }
.product-details-tag li { float: left; }
.product-details-tag li a { display: block; line-height: 1em; font-size: 12px; margin: 0 14px 4px 0; }
.product-details-tag li a:before { content: "#"; color: #999; margin-right: 3px; }

.product-details-r-t + hr { margin: 8px 0 50px; }

.product-details-price { margin-bottom: 36px; }
.product-details-price span { display: inline-block; vertical-align: top; font-size: 36px; line-height: 36px; color: #DE1F26; font-weight: 700; }
.product-details-price span.text-lt { font-size: 24px; color: #999; margin-right: 14px; }

.product-details-category { margin-bottom: 36px; }
.product-details-category h2 { font-size: 16px; line-height: 1em; margin-bottom: 16px; font-weight: 700; } 
.product-details-category ul { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; grid-gap: 12px 12px; }
.product-details-category ul li a { display: block; border: 1px solid #C4C4C4; padding: 14px; border-radius: 10px; }
.product-details-category ul li a h3 { font-size: 12px; line-height: 1.2em; }
.product-details-category ul li a img { display: block; width: 56px; height: 56px; margin: 0 auto 10px; object-fit: cover; object-position: center center; }
.product-details-category ul li a:hover,
.product-details-category ul li.active a { border-color: #131313; box-shadow: 0 2px 8px rgba(0,0,0,.2); } 

.product-details-buy .indexnumber { margin-right: 12px; }
.product-details-limit { display: block; font-size: 14px; color: #DE1F26; line-height: 1.1em; margin-top: 10px; }

.product-details-service { margin-top: 50px; }
.product-details-service ul li { 
	float: left; line-height: 16px; font-size: 13px; margin-right: 20px;
	-webkit-filter: grayscale(100%);   
	-moz-filter: grayscale(100%);   
	-ms-filter: grayscale(100%);   
	-o-filter: grayscale(100%);   
	filter: grayscale(100%);   
}
.product-details-service ul li img { display: inline-block; vertical-align: top; width: 16px; height: 16px; margin-right: 6px; opacity: .7; }
.product-details-service ul li:last-child { margin-right: 0; }
.product-details-service hr { margin: 50px 0; }

.product-details-info .change-menu { display: flex; margin-bottom: 20px; }
.product-details-info .change-menu span { display: block; line-height: 1em; font-size: 16px; padding-bottom: 10px; border-bottom: 1px solid transparent; margin-right: 36px; cursor: pointer; font-weight: 700; opacity: .5; }
.product-details-info .change-menu span:hover { opacity: 1; }
.product-details-info .change-menu span.active { border-bottom-color: #131313; opacity: 1; }
.product-details-info .change-menu span:last-child { margin-right: 0; }

.product-details-info .change-con-b { display: none; }
.product-details-info .change-con-b:nth-child(1) p { line-height: 1.6em; font-size: 14px; color: #999; }
.product-details-parameter li { border-bottom: 1px #D0D0D0 dashed; display: flex; padding: 12px 0; }
.product-details-parameter li span { width: 50%; font-size: 14px; line-height: 1.1em; font-weight: 700; } 
.product-details-parameter li span:first-child { position: relative; padding-left: 16px; }
.product-details-parameter li span:first-child:before { content: ""; width: 4px; height: 4px; border-radius: 1px; display: block; position: absolute; top: 6px; left: 0; background-color: #131313; }


/* kit */
.product-details-kit { margin-bottom: 120px; }
.product-details-kit hr { margin: 50px 0; }
.product-details-kit h2 { font-size: 16px; line-height: 1em; margin-bottom: 16px; font-weight: 700; }

.product-details-kit .bx-wrapper { position: relative; }
.product-details-kit .bx-pager { display: none; }
.product-details-kit .bx-controls-direction { position: absolute; bottom: 100%; right: 0; z-index: 9; padding-bottom: 16px; }
.product-details-kit .bx-controls-direction a { width: auto; line-height: 20px; display: inline-block; vertical-align: top; border-radius: 4px; background-color: #131313; padding: 0 6px; font-size: 12px; color: #fff; }
.product-details-kit .bx-controls-direction a.disabled { opacity: .4; }
.product-details-kit .bx-wrapper .bx-prev { margin-right: 6px; }
.product-details-kit .bx-wrapper .bx-prev:before { content: "\e632"; font-family: "iconfont" !important; font-size: 12px; color: #fff; font-weight: normal; margin-right: 3px; } 
.product-details-kit .bx-wrapper .bx-next:after { content: "\e631"; font-family: "iconfont" !important; font-size: 12px; color: #fff; font-weight: normal; margin-left: 3px; } 

.product-kit-slider > li { overflow: hidden; background-color: #F7F7F7; border-radius: 10px; /* box-shadow: 0 4px 4px rgba(0,0,0,.1); */ }
.product-kit-slider > li li { display: flex; position: relative; padding: 24px 150px 24px 56px; }
.product-kit-slider > li li:first-child .pd-kit-checkbox { pointer-events: none; opacity: .2; }
.product-kit-slider > li li:last-child .pd-kit-breaker { display: none; }

.product-details-kit .pd-kit-breaker { position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background-color: #D8D8D8; }
.product-details-kit .pd-kit-breaker i { display: block; width: 50px; height: 29px; position: absolute; top: 50%; left: 50%; background-color: #F7F7F7; margin: -15px 0 0 -25px; }
.product-details-kit .pd-kit-breaker i:before { content: ""; display: block; background-color: #131313; width: 29px; height: 1px; position: absolute; top: 50%; left: 50%; margin-left: -14px; }
.product-details-kit .pd-kit-breaker i:after { content: ""; display: block; background-color: #131313; width: 1px; height: 29px; position: absolute; top: 50%; left: 50%; margin-top: -14px; }

.product-details-kit .pd-kit-checkbox { position: absolute; top: 50%; left: 20px; margin-top: -8px; }
.product-details-kit .pd-kit-checkbox input { margin: 0; display: block; }
.product-details-kit .pd-kit-img a { display: block; width: 80px; height: 80px; border-radius: 15px; overflow: hidden; } 
.product-details-kit .pd-kit-img a img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center center; }
.product-details-kit .pd-kit-img a:hover img { 
	-webkit-transform: scale(1.1); 
	-moz-transform: scale(1.1); 
	-ms-transform: scale(1.1); 
	-o-transform: scale(1.1); 
	transform: scale(1.1); 
}  
.product-details-kit .pd-kit-text { padding-left: 20px; }
.product-details-kit .pd-kit-text h3 a { font-size: 14px; color: #333; display: block; line-height: 20px; margin-bottom: 12px; font-weight: 700; }

.product-details-kit .pd-kit-text > div { display: inline-block; vertical-align: top; }
.product-details-kit .pd-kit-status span { font-size: 12px; line-height: 1em; display: inline-block; vertical-align: top; padding: 5px 6px; border-radius: 4px; color: #fff; margin-right: 16px; }

.product-details-kit .pd-kit-price span { display: inline-block; vertical-align: top; font-size: 16px; line-height: 22px; color: #DE1F26; font-weight: 700; }
.product-details-kit .pd-kit-price span.text-lt { font-size: 12px; color: #999; margin-right: 8px; }

.product-details-kit .pd-kit-discount { 
	position: absolute; top: 24px; right: 0; font-size: 14px; font-weight: 700; line-height: 30px; padding: 0 10px; text-align: right; width: 150px; color: #fff;
	background: -webkit-linear-gradient(left, transparent, #DE1F26);
    background: -moz-linear-gradient(left, transparent, #DE1F26);
    background: -o-linear-gradient(left, transparent, #DE1F26);
    background: linear-gradient(to right, transparent, #DE1F26); 
}

.product-details-kit .pd-kit-bottom { background-color: #131313; display: flex; align-items: center; justify-content: space-between; }
.product-details-kit .pd-kit-bottom-l p { color: #fff; font-size: 18px; padding-left: 20px; }
.product-details-kit .pd-kit-bottom-r { display: flex; align-items: center; }
.product-details-kit .pd-kit-bottom-r .btn-base { background-color: #DE1F26; padding: 0 16px; font-size: 14px; margin-left: 20px; }
.product-details-kit .pd-kit-bottom-price span { font-size: 16px; line-height: 1em; color: #fff; display: block; font-weight: 700; text-align: center; }
.product-details-kit .pd-kit-bottom-price span.text-lt { font-size: 14px; opacity: .6; margin-bottom: 3px; }


/*  */
.product-list-like-t h2 { 
	display: inline-block; vertical-align: top; font-size: 36px; font-weight: bolder; line-height: 1em; text-transform: uppercase; margin-bottom: 36px;
	background-image: -webkit-linear-gradient(right, #4E4B8C, #C92273);  
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent; 
}
.product-list-like-t h2:after { content: ""; width: 36px; height: 3px; display: block; background-color: #131313; margin-top: 10px; }
.product-list-like-t a { float: right; font-weight: 700; }













/* cart */
.cart:after,
.cart-box:after { content: ""; clear: both; clear: both; display: block; }

.cart-left { float: left; width: 64%; }
.cart-right { float: right; width: 36%; }
.cart-right-box { margin-left: 80px; }

.cart-coupon { background-color: #F0F1F2; padding: 30px 20px; margin-bottom: 30px; position: relative; border-radius: 20px; }
.cart-coupon:after { content: ""; clear: both; display: block; height: 0; }
.cart-coupon h2 { font-size: 18px; font-weight: 700; line-height: 1em; margin-bottom: 20px; }
.cart-coupon-input { position: relative; margin-right: 90px; }   
.cart-coupon-input input[type="text"] { height: 42px; background-color: #fff; border-color: #C4C4C4; padding-right: 60px; }   
.cart-coupon-input .cart-coupon-y { position: absolute; width: 60px; line-height: 42px; text-align: center; display: block; color: #44B675; font-size: 14px; font-weight: 700; position: absolute; top: 0; right: 0; z-index: 1; background-color: transparent; cursor: pointer; }
.cart-coupon-n { display: block; position: absolute; right: 20px; bottom: 30px; width: 78px; height: 42px; line-height: 44px; text-align: center; background-color: #D8D8D8; font-size: 14px; font-weight: 700; border-radius: 6px; cursor: pointer; }
.cart-coupon-n:hover { background-color: #131313; color: #fff; }

.cart-checkout { background-color: #fff; padding: 44px 30px 30px; border-radius: 30px; box-shadow: 0 2px 7px rgba(0,0,0,.15); }
.cart-checkout ul li { display: flex; justify-content: space-between; padding-bottom: 16px; } 
.cart-checkout ul li span { font-size: 14px; line-height: 18px; font-weight: 700; color: #828282; } 
.cart-checkout ul li span:nth-child(2) { font-size: 18px; line-height: 18px; } 
.cart-checkout ul li:last-child { border-top: 1px solid #C4C4C4; padding: 24px 0 30px; margin-top: 8px; }
.cart-checkout ul li:last-child span { font-size: 24px; color: #131313; }
.cart-checkout-btn { 
	display: block; width: 100%; text-align: center; line-height: 50px; font-size: 18px; color: #fff; font-weight: 700; border-radius: 100px; 
	background: -webkit-linear-gradient(left, #44B675, #A3DB31);
    background: -moz-linear-gradient(left, #44B675, #A3DB31);
    background: -o-linear-gradient(left, #44B675, #A3DB31);
    background: linear-gradient(to right, #44B675, #A3DB31);
} 
.cart-checkout-btn:hover { opacity: .7; }

.cart-list-cell:nth-child(1) { width: 47%; padding-right: 10px; }
.cart-list-cell:nth-child(2) { width: 15%; padding-right: 10px; text-align: center; }
.cart-list-cell:nth-child(3) { width: 15%; padding-right: 10px; text-align: center; }
.cart-list-cell:nth-child(4) { width: 15%; padding-right: 10px; text-align: center; }
.cart-list-cell:nth-child(5) { width: 8%; }


.cart-list-header { display: flex; border-bottom: 1px solid #131313; padding-bottom: 10px; margin-bottom: 36px; }
.cart-list-header span { font-size: 14px; font-weight: 700; line-height: 18px; display: inline-block; vertical-align: top; }
.cart-list-header a { display: inline-block; vertical-align: top; margin-left: 24px; line-height: 18px; color: #131313; font-size: 14px; font-weight: 700; display: none; } 
.cart-list-header a i { color: #131313; margin-right: 3px; font-weight: normal; }  
.cart-list-header .cart-list-cell:nth-child(1) span { display: none; }

.cart-list-row { display: flex; align-items: center; margin-bottom: 20px; position: relative; }
.cart-list-row:last-child { margin-bottom: 0; }
.cart-list-row .indexnumber { margin: 0 auto; }
.cart-list-row .indexnumber > div { background-color: #fff; border-radius: 100px; border-color: #C4C4C4; }

.cart-list-img img { display: block; min-width: 80px; height: 80px; border-radius: 10px; object-fit: cover; object-position: center center; }
.cart-list-cell-text { padding-left: 16px; display: flex; align-items: center; }
.cart-list-cell-text p { font-size: 14px; font-weight: 700; line-height: 1.2em; }

.cart-list-row .cart-list-cell:nth-child(1) .df { position: relative; /* padding-left: 36px; */ }
.cart-list-row .cart-list-cell:nth-child(1) .df input[type="checkbox"] { position: absolute; top: 50%; left: 0; margin-top: -8px; display: none; }
.cart-list-row .cart-list-cell:nth-child(1) > p { position: absolute; left: 36px; bottom: 0; font-size: 12px; line-height: 1em; font-weight: 700; }
.cart-list-row .cart-list-cell:nth-child(1) > p span { font-size: 12px; line-height: 1em; font-weight: 700; color: #84260C; }

.cart-list-row .cart-list-cell:nth-child(2) p,
.cart-list-row .cart-list-cell:nth-child(4) p { font-size: 14px; font-weight: 700; line-height: 1em; }
.cart-list-row .cart-list-cell:nth-child(5) a { display: block; width: 24px; margin-left: auto; }
.cart-list-row .cart-list-cell:nth-child(5) a i { text-align: center; font-size: 10px; font-weight: 700; color: #131313; width: 24px; height: 24px; line-height: 24px; display: block; background-color: #fff; border-radius: 4px; }

.cart-list-bottom { padding-top: 36px; margin-top: 36px; border-top: 1px solid #131313; }
.cart-list-bottom a { font-size: 14px; font-weight: 700; text-align: center; line-height: 48px; width: 180px; text-align: center; display: block; border: 1px solid #909090; border-radius: 100px; }
.cart-list-bottom a i { margin-right: 5px; font-weight: normal; }
.cart-list-bottom a:last-child i { font-size: 16px; }



/*  */
.cart-right h2 { font-size: 24px; font-weight: 700; line-height: 1em; margin-bottom: 20px; }

.cart-discount { padding-bottom: 30px; margin-bottom: 30px; border-bottom: 5px solid #EBEBEB; position: relative; }
.cart-discount .df { width: 100%; }
.cart-discount .form-input { position: relative; width: 100%; }
.cart-discount .form-input input[type="text"] { background-color: #fff; border-color: #C4C4C4; padding-right: 72px; }   
.cart-discount .form-input button { 
	position: absolute; top: 0; right: 0; padding: 0; background-color: transparent; font-weight: 700; color: #131313; font-size: 14px; width: 72px; text-align: center;
	background-image: -webkit-linear-gradient(right, #4E4B8C, #C92273);  
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;  
}
.cart-discount .df > button { background-color: #999; margin-left: auto; padding: 0 14px; border-radius: 6px; margin-left: 10px; font-size: 14px; }

.cart-right-list { margin-top: 50px; }
.cart-right-list ul li { display: flex; align-items: center; margin-bottom: 10px; }
.cart-right-list ul li:last-child { margin-bottom: 0; }
.cart-right-list ul li .crl-img { width: 66px; height: 66px; border-radius: 10px; border: 1px solid #DFDFDF; overflow: hidden; }
.cart-right-list ul li .crl-img img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center center; }
.cart-right-list ul li .crl-text { padding-left: 12px; }
.cart-right-list ul li .crl-text h3 a { font-size: 14px; line-height: 1.5em; font-weight: 700; margin-bottom: 6px; }
.cart-right-list ul li .crl-text span { display: block; line-height: 1.5em; font-size: 14px; font-weight: 700; color: #DE1F26; }



/*  */
.checkout-item { margin-bottom: 80px; }
.checkout-item:last-child { margin-bottom: 0; }

.checkout-address label { 
	display: block; border-radius: 10px; padding: 16px 100px 16px 50px; margin-bottom: 12px; position: relative; cursor: pointer;
	background-clip: padding-box,border-box;  
    background-origin: padding-box,border-box;
    background-image: linear-gradient(135deg,#fff,#fff),linear-gradient(135deg,#4E4B8C,#C92273);
    border: 1px transparent solid; 
}
.checkout-address label:hover { box-shadow: 0 2px 6px rgba(0,0,0,.2); }
.checkout-address label input { position: absolute; top: 50%; left: 16px; margin-top: -8px; }
.checkout-address-info { line-height: 1em; }  
.checkout-address-info p { display: inline-block; font-size: 14px; font-weight: 700; line-height: 1.2em; vertical-align: top; }  
.checkout-address-info p:nth-child(1) { margin-right: 20px; }
.checkout-address-info p:nth-child(3) { display: block; margin-top: 8px; }
.checkout-address-info span { color: #666; font-size: 14px; font-weight: 700; line-height: 1.2em; }
.checkout-address-btn { position: absolute; top: 50%; right: 16px; margin-top: -18px; display: flex; }
.checkout-address-btn a { padding:0 12px; margin-right: 8px; height: 36px; line-height: 36px; text-align: center; background-color: #EBEBEB; border-radius: 6px; display: block; }
.checkout-address-btn a:last-child { margin-right: 0px; }
.checkout-address-btn a:hover { background-color: #44B675; }

.checkout-address .btn-base { margin: 10px 0 30px; }

.checkout-billing { margin-bottom: 36px; }


/*  */
.order-complete-box { text-align: center; }
.order-complete-box img { width: 200px; height: auto; display: block; margin: 0 auto; }

.order-complete-text { margin: 66px auto 50px; width: 650px; max-width: 95%; }
.order-complete-text p { font-size: 16px; font-weight: 700; color: #999; line-height: 1.4em; }
.order-complete-text h2 { font-size: 30px; font-weight: 700; line-height: 1em; margin-bottom: 30px; }

.order-complete-btn a { width: 220px; margin: 0 10px; }













/* login */
.login { background-color: #FAFAFA; padding: 80px 0 120px; }

.login-box { background-color: #fff; border-radius: 20px; box-shadow: 0 4px 6px rgba(0,0,0,.1); display: flex; flex-direction: row-reverse; justify-content: space-between; overflow: hidden; }
.login-sidebar { width: 320px; background: url(../images/login-bg.jpg) no-repeat; background-position: center; padding: 190px 36px 0; }
.login-sidebar p { color: #fff; font-size: 14px; line-height: 1.8em; }
.login-sidebar .btn-line { border-width: 2px; background-color: rgba(0,0,0,.1); color: #fff; display: block; margin-top: 24px; }
.login-sidebar .btn-line:hover { background-color: #131313; color: #fff; }

.login-main { width: 750px; padding: 80px 100px; }
.login-main h1 { font-size: 50px; line-height: 1em; margin-bottom: 50px; text-align: center; font-weight: 700; }

.login .form-btn { padding-top: 30px; display: flex; align-items: center; padding-bottom: 10px; }
.login .form-btn button { margin-left: auto; }
.login .user-note { padding: 10px 0; }

.login .form-input select, 
.login input[type="text"], 
.login input[type="password"] { border-radius: 100px; }

/*  */
.register .login-box { flex-direction: row; }
.register .login-sidebar { padding-top: 230px; }












/* account */
.account { background-color: #FAFAFA; padding: 80px 0 120px; } 
.account-box { background-color: #fff; border-radius: 20px; box-shadow: 0 4px 6px rgba(0,0,0,.1); } 
.account-top { 
	border-radius: 20px 20px 0 0; padding: 28px 36px; display: flex; justify-content: space-between;
    background: -moz-linear-gradient(left, #4E4B8C, #C92273);
    background: -o-linear-gradient(left, #4E4B8C, #C92273);
    background: linear-gradient(to right, #4E4B8C, #C92273);
} 
.account-top ul { position: relative; }
.account-top ul:before { content: "\e788"; font-family: "iconfont" !important; position: absolute; top: 50%; left: 0; margin-top: -22px; width: 44px; height: 44px; line-height: 44px; text-align: center; border-radius: 100px; background-color: rgba(0,0,0,.5); color: #fff; }
.account-top ul li { float: left; color: rgba(255,255,255,.5); font-weight: 700; line-height: 44px; padding-left: 30px; display: none; }
.account-top ul li:first-child { display: block; }
.account-top ul li span { color: #fff; font-weight: 700; display: inline-block; vertical-align: top; line-height: 44px; }
.account-top ul li:first-child { padding-left: 60px; }

.account-logout a { color: #fff; display: block; font-weight: 700; line-height: 44px; }
.account-logout a:before { content: "\e79d"; font-family: "iconfont" !important; font-weight: normal; margin-right: 6px; }
.account-logout a:hover { opacity: .7; }

.account-menu ul { padding: 0 36px; border-bottom: 1px solid #CBCBCB; }
.account-menu ul li { float: left; }
.account-menu ul li a { display: block; line-height: 66px; margin-right: 50px; font-weight: 700; border-bottom: 3px solid transparent; opacity: .7; }
.account-menu ul li a i { margin-right: 6px; font-weight: normal; }
.account-menu ul li.active a { border-bottom-color: #DE1F26; opacity: 1; }
.account-menu ul li a:hover { opacity: 1; }

.account-menu ul li:last-child a { margin-right: 0; }

/*  */
.account-main { padding: 66px 36px 80px; }

/*  */
.account-order-history-menu { margin-bottom: 36px; }
.account-order-history-menu a { float: left; display: block; line-height: 28px; border: 1px solid #131313; margin-right: 16px; border-radius: 100px; padding: 0 16px; font-size: 14px; font-weight: 700; }
.account-order-history-menu a:hover,
.account-order-history-menu a.active { background-color: #DE1F26; border-color: #DE1F26; color: #fff; } 

.account-order-history-list ul li { box-shadow: 0 2px 10px rgba(0,0,0,.1); border-radius: 10px; overflow: hidden; margin-bottom: 36px; }
.account-order-history-list ul li:last-child { margin-bottom: 0; }

.account-order-history-header { background-color: #E8E8E8; padding: 10px 20px; }
.account-order-history-header > div { float: left; }
.account-order-history-header > div p { float: left; font-size: 14px; line-height: 36px; margin-right: 28px; }
.account-order-history-header > div p span { font-size: 14px; font-weight: 700; display: inline-block; margin-left: 4px; }
.account-order-history-header > div p:last-child { margin-right: 0; }
.account-order-history-header .btn-line { float: right; }

.account-order-history-product { padding: 20px; }
.account-order-history-product > div { align-items: center; padding-bottom: 12px; margin-bottom: 12px; border-bottom: 1px solid #e5e5e5; } 
.account-order-history-product > div:last-child { margin-bottom: 0; padding-bottom: 0; border: 0; }
.account-order-history-product .account-oh-img { width: 66px; height: 66px; overflow: hidden; border-radius: 10px; border: 1px solid #DFDFDF; }
.account-order-history-product .account-oh-img img { width: 100%; height: 100%; display: block; object-fit: cover; object-position: center center; }
.account-order-history-product .account-oh-img:hover img { 
	-webkit-transform: scale(1.1); 
	-moz-transform: scale(1.1); 
	-ms-transform: scale(1.1); 
	-o-transform: scale(1.1); 
	transform: scale(1.1);
}
.account-order-history-product .account-oh-name { padding: 0 20px; }
.account-order-history-product .account-oh-name a { font-weight: 700; display: inline-block; }
.account-order-history-product .account-oh-name a:hover { text-decoration: underline; }
.account-order-history-product .account-oh-price { text-align: right; padding-left: 20px; margin-left: auto; }
.account-order-history-product .account-oh-price p { display: inline-block; font-size: 14px; color: #9ca0a6; margin-left: 28px; }
.account-order-history-product .account-oh-price p span { font-size: 14px; margin-left: 4px; }
.account-order-history-product .account-oh-price p:first-child { margin-left: 0; }

/*  */
.account-order-history-details .account-order-history-header { background-color: #131313; border-radius: 10px 10px 0 0; margin-top: 30px; }
.account-order-history-details .account-order-history-header p,
.account-order-history-details .account-order-history-header span { color: #fff; }

.account-order-history-bg { background-color: #F3F3F3; border-radius: 0 0 10px 10px; }

.account-order-history-address { padding: 20px; }
.account-order-history-address h2 { color: #131313; font-weight: normal; }

.account-order-history-address-box { 
	display: block; border-radius: 10px; padding: 16px 16px 16px 80px; margin-bottom: 12px; position: relative; cursor: pointer;
	background-clip: padding-box,border-box;  
    background-origin: padding-box,border-box;
    background-image: linear-gradient(135deg,#fff,#fff),linear-gradient(135deg,#4E4B8C,#C92273);
    border: 1px transparent solid;  
}
.account-order-history-address-box:before { content: "\e7a5"; font-family: "iconfont" !important; position: absolute; top: 50%; left: 20px; background-color: #DE1F26; width: 44px; height: 44px; text-align: center; line-height: 44px; border-radius: 100px; margin-top: -22px; color: #fff; }

.account-order-history-pay { width: 350px; margin: 30px 0 0 auto; } 
.account-order-history-pay ul li { display: flex; justify-content: space-between; padding-bottom: 16px; }
.account-order-history-pay ul li:last-child { border-top: 1px solid #C4C4C4; padding: 24px 0 30px; margin-top: 8px; }
.account-order-history-pay ul li:last-child span { font-size: 24px; color: #131313; }
.account-order-history-pay ul li span { font-size: 14px; line-height: 18px; font-weight: 700; color: #828282; }


/*  */
.account-wishlist-top .form-input { display: inline-block; vertical-align: top; margin-bottom: 30px; }
.account-wishlist-top .form-input select { height: 36px; font-size: 14px; border-radius: 100px; background-position: top 13px right 18px; }

.header .header-login{
	position:relative;
}
.header .header-login .header_popover{
		position: absolute;
    top: 56px;
    left: 0;
    right: 0;
    background-color: #fff;
    box-shadow: 0 4px 10px rgba(0,0,0,.25);
    border-radius: 10px;
    padding: 10px 10px 14px;
    opacity: 0;
    visibility: hidden;
    display: block !important;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
	min-width:220px;
	z-index: 99999;
	}
.header .header-login:hover .header_popover { opacity: 1; 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 .header_btn_account:hover .header_btn_account {  }

.header_popover a{width:auto;}
.header_popover a span{width:auto;position:relative;}

.margin-t36{margin-top:36px;}
.checkout-item .checkout-address label{display:none;}
.checkout-item .checkout-address .active> label{display:block;padding-left: 18px;}
.checkout-item .checkout-address .active> label > span{padding-left:15px;}
.checkout-item .checkout-address .active> label > span:first-child{padding-left:0;}
.checkout-item .checkout-address label .edit-address{position: absolute; right: 0; top: 8px; text-align: center; background-color: #131313; color: #fff;padding: 0 12px;
    margin-right: 8px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    border-radius: 6px;
    display: block;}
.header-search .search-result{position: absolute;
    width: 100%;display: grid;
	grid-template-columns: repeat(2, 1fr);background: #fff;
    top: 64px;}
.header-search .search-result > .item{}
.header-search .search-result > .item > .product-list-img{width:30%; display:inline-block;}
.header-search .search-result > .item > .product-list-text{width:67.9%; display:inline-block;vertical-align: top;}

.account_order .comm_tabm a { margin-right: 4px; font-size: 15px; padding: 8px 13px; font-weight: 700; display: inline-block; background-color: #b5b5b5; }  
.account_order .comm_tabm a.active { background-color: #DE1F26; }

.account_order .commonorder ul li { box-shadow: 0 2px 10px rgba(0,0,0,.1); background-color: #fff; margin-bottom: 24px; }
.account_order .commonorder ul li .commonorder_top { background-color: #e9e9e9; position: relative; padding: 12px 78px 12px 16px; }
.account_order .commonorder ul li .commonorder_top .commonorder_details_btn { position: absolute; top: 50%; right: 20px; margin-top: -15px; display: block; padding: 0 10px; line-height: 30px; font-size: 14px; }
.account_order .commonorder ul li .commonorder_txt:after { content: ""; clear: both; display: block; height: 0; }
.account_order .commonorder ul li .commonorder_txt p { float: left; margin: 3px 12px 3px 0; }

.account_order .commonorder ul li .commonorder_other { padding: 16px 78px 0 16px; position: relative; } 
.account_order .commonorder ul li .commonorder_other .btn-pay { position: absolute; top: 16px; right: 20px; display: block; padding: 0 10px; line-height: 30px; font-size: 14px; }

.account_order .commonorder ul li .commonorder_con { padding: 16px; }
.account_order .commonorder ul li .commonorder_con > div { position: relative; padding-left: 156px; min-height: 140px; }
.account_order .commonorder ul li .commonorder_img { position: absolute; top: 0; left: 0; z-index: 1; }
.account_order .commonorder ul li .commonorder_img img { width: 140px; height: 140px; }

.account_order .commonorder ul li .commonorder_name { margin-bottom: 10px; }
.account_order .commonorder ul li .commonorder_name a { font-size: 18px; font-weight: 700; margin-bottom: 10px; }


.account-box .cart_order > div { margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px solid #ddd; }
.account-box .cart_order h2 { font-weight: 700; font-size: 18px; }

.cart-success {
    text-align: center;
    width: 640px;
    max-width: 95%;
    margin: 0 auto;
    padding-top: 100px;margin-bottom: 86px;
}
.cart-success h2 {
    font-size: 50px;
    line-height: 1em;
    padding: 30px 0;
}
.cart-success a {
    display: inline-block;
    vertical-align: top;
    line-height: 50px;
    background-color: #C92280;
    padding: 0 72px;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    margin-top: 40px;
}