@charset "utf-8"; 
@charset "utf-8"; 
body { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #333; background: #fff; -webkit-text-size-adjust: none;}
img, dl, dt, dd, ul, ol, li, p, i, em, h1, h2, h3, h4, h5, a, div { margin: 0; padding: 0; outline: none;}
dl ,dt, dd, ul, ol, li { list-style: none;}
em, i { font-style: normal;}
a:link { text-decoration: none; color: #333333;}
a:visited { text-decoration: none; color: #333333;}
.clearfix::after { content: ""; display: block; height: 0; clear: both; visibility: hidden;}
form, input, button, select, textarea, a, img { margin: 0; padding: 0; outline: none; font-style: normal;}
textarea { resize: none;}
input, button { vertical-align: middle; -webkit-appearance: none; border-radius: 0;}
input[type='radio']{ -webkit-appearance: radio;}
img { vertical-align: middle; border: 0;}
textarea::placeholder, input[type='text']::placeholder { color: #aaa;}
textarea:focus::placeholder, input[type='text']:focus::placeholder { color: transparent;}
.wrap, .main { margin: 0 auto; max-width: 120rem;}
.main { padding-top: 6rem;}
.contain { position: relative; margin: 0 auto; max-width: 87.5rem;}
header { position: fixed; top: 0; width: 100%; left: 50%; transform: translateX(-50%); z-index: 99999; color: #000; height: 6rem; box-sizing: border-box; background-color: rgba(255,255,255,0.95); box-shadow: 0 10px 10px -10px #0003;}
.scroll-container { margin: 0 auto; max-width: 120rem; overflow: hidden; white-space: nowrap; background: #36393f; color: #fff; height: 2rem; position: relative;}
.scroll-wrap { display: flex; line-height: 2rem; min-width: 200%;}
.scroll-text { width: 100%; display: flex; justify-content: center; gap: 0 3rem;}
.scroll-text span { vertical-align: middle;}
.scroll-text span::before { content: ''; display: inline-block; background: url(../images/head-ico.png) no-repeat; background-size: 100% auto; width: 1.6rem; height: 1.5rem; vertical-align: middle; margin-right: 0.2rem;}
.scroll-text .scroll-off::before { width: 1.3rem; height: 1.3rem; background-position: 0 -1.4rem;}
.scroll-text .scroll-ship::before { background-position: 0 -0.15rem;}
.scroll-text .scroll-trial::before { height: 1.6rem; background-position: 0 -3.3rem;}
header nav { position: relative; z-index: 9999; height: 2rem; margin: 1rem 2rem 0 2rem;}
.logo { height: 1.7rem; position: absolute; left: 0; top: 0; width: 11.25rem;}
.logo img { height: 100%; aspect-ratio: 178 / 39; display: block;}
.icon { background: url(../images/icon.png) no-repeat; background-size: 100% auto;}
.collection { display: flex; height: 2rem; padding-left: 11.25rem; overflow: hidden;}
.collection li { margin: 0 1rem; padding-top: 0.8rem;}
.collection li a { display: block; color: #333; font-weight: 500;}
.collection li a:hover { text-decoration: underline;}
.collection_mobile { display: none;}
.cart_nav { position: absolute; right: 0.5rem; top: 0; width: 2rem; height: 2rem; background-position: 0 -22rem;}
.cart_nav a, .sign a { display: block; text-align: center; color: #f6f6f6; width: 1.5rem; height: 1.5rem;}
.cart_nav i { display: none; position: absolute; width: 0.9rem; height: 0.9rem; border-radius: 0.5rem; background-color: #000; bottom: 0; right: 0; font-size: 0.75rem;}
.cart_on i { display: inline-block;}
.sign { position: absolute; right: 5rem; top: 0; width: 2rem; height: 2rem; background-position: 0 -24rem;}
.sign a { width: 2rem; height: 2rem;}
.ico-acc-on { background-position: 0 -2rem;}
.menu-list { display: none; position: absolute; top: 0.4rem; left: 0.5rem; width: 1.3rem; height: 1.3rem; background-position: 0 -5.2rem;}
.list-open { background-position: 0 -18.2rem;}
.no_scroll { position: fixed; height: 100vh; overflow: hidden; width: 100%; left: 50%; transform: translateX(-50%);}
.banner { position: relative;}
.banner-img { width: 100%; overflow: hidden; text-align: center; z-index: 10;}
.full_screen { display: block; display: flex; overflow: hidden; justify-content: center; align-items: center;}
.full_screen img { width: 100%; aspect-ratio: 64 / 25; display: block;}
.last-img img { aspect-ratio: 16 / 5;}
.small_screen { display: none;}
.banner-img a, .view-btn { display: block; position: absolute; top: 76%; background-color: #fff; width: 14rem; height: 3rem; line-height: 3rem; color: #333; font-weight: 700; font-size: 1.3rem; border-radius: 0.5rem; box-shadow: 0 0 4px rgba(0,0,0,0.5); text-align: center;}
.story-btn { top: 40%; left: 7.5%;}
.grab-btn { top: 31%; left: 60%;}
.banner-img .banner-section-1 a { left: 2%;}
.banner-img .banner-section-2 a { left: 2%;}
.banner-img .banner-section-3 a { top: 80%; right: 2.5%;}
.banner-img .banner-section-4 a { left: 2%;}
.ban-cap { padding: 2.5rem 1rem 1.5rem 1rem; height: 3rem; font-size: 2rem; text-align: center;}
.ban-wrap { position: relative;}
.img-wrap { margin-bottom: 2rem;}
/**products**/
.breadcrumbs { display: flex; align-items: center; height: 3rem; grid-column-gap: 1rem;}
.crumb-ico { width: 1rem; height: 1rem; background-position: 0 -10rem;}
.products-wrap { position: relative; display: flex; justify-content: center; padding-top: 1rem; gap: 4rem; align-items: flex-start;}
.products-img-wrap { order: 1; width: 60%; max-width: 44rem; height: auto; max-height: 50rem; position: sticky; top: 6rem;}
.products-images { display: flex; z-index: 5; width: 100%;}
.products-bigimg { width: 100%; overflow: hidden; cursor: pointer; padding-left: 120px; box-sizing: border-box; display: none;}
.products-bigimg img { width: 100%;}
.loadimg { display: none; position: absolute; left: 0; top: 0; z-index: 99; width: 100%; height: 100%; background: rgba(0,0,0,.1) url(../images/loading.gif) center center no-repeat;}
.products-info { order: 2; z-index: 10;}
.products-info h1 { font-size: 1.8rem; line-height: 1.2; font-weight: 400;}
.products-sub-title { padding: 0.5rem 0 0 0; color: #666; line-height: 1.2; font-weight: normal; font-size: 1rem; font-style: italic;}
.products-nav { padding: 1rem 0 1rem; overflow: hidden; display: flex; align-items: center; }
.products-nav del { margin: 0.4375rem 0.75rem; width: 1px; height: 0.875rem; background: #999;}
.star-feed { display: inline-block; vertical-align: middle;}
.star-wrap, .star-con i { display: inline-block; height: 1.2rem; width: 6rem; background: url(../images/star.svg) repeat-x 0 -2.4rem; background-size: 100% auto;}
.star-con { display: block; height: 1.2rem; position: relative; overflow: hidden;}
.star-con i { display: block; position: absolute; left: 0; top: 0; background-position: 0 0;}
.feed-num { margin: 0 0 0 0.8rem;}

.products-price { display: flex; align-items: center; padding: 0.9375rem 0 0.9375rem 1rem; background-color: #f9f9f9; position: relative;}
.products-price-nav { color: #666; width: 3.5rem;}
.currency { font-size: 1.6rem; color: #656d78; position: relative; border: 1px solid #f9f9f9; border-bottom: none; border-radius: 3px 3px 0 0; cursor: pointer; padding: 0 0.3rem; box-sizing: border-box; font-weight: 600;}
.currency ul { position: absolute; width: 100%; padding-bottom: 5px; border: 1px solid #999; border-top: none; font-size: 12px; overflow: hidden; display: none; top: 27px; left: -1px; background: #fff; z-index: 30; border-radius: 0 0 3px 3px;}
.currency:hover { border-color: #999; background-color: #fff;}
.currency:hover:after { background: #fff;}
.currency:hover ul { display: block;}
.currency ul li { float: left; padding: 0 5px; line-height: 24px; width: 65px;}
.currency ul li:hover { background: #f5f5f5;}
.currency ul li a { float: left; display: block;}
.currency ul li:hover a { color: #fa423e;}
.currency ul li span { float: left; width: 30px;}
.currency ul li i { float: left; color: #aaa;}
.price { font-size: 1.6rem; font-weight: 600; color: #eb3e32;}
.products-del { margin: 0.5rem 0 0 1rem;}
.products-del del { display: inline-block; font-size: 1.2rem; color: #888;}
.products-off { display: inline-block; font-size: 0.9375rem; background-color: #ff544c; border-radius: 2px; color: #fff; padding: 0.2rem 0.5rem; margin-left: 1rem;}
.products-color { display: flex; padding: 1.2rem 0 1rem 1rem; align-items: center;}
.all-show { display: flex; gap: 1rem; padding-left: 1.4rem;}
.products-scimg { width: 2rem; height: 2rem; border-radius: 2rem; overflow: hidden; cursor: pointer; position: relative;}
.products-sc::after{ display: block; content: ""; width: 24px; height: 24px; background-color: #ffffff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); mask-image: url(../images/tick-icon.svg);  -webkit-mask-image: url(../images/tick-icon.svg);}
.ba { background-color: #000000;}
.bu { background-color: #7d8fa5;}
.sl { background-color: #c3c3c3;}
.rd { background-color: #eebeca;}

.products-qty { display: flex; align-items: center; margin-top: 0.5rem; padding-left: 1rem; height: 2rem; line-height: 2rem;}
.qty-wrap { display: flex; align-items: center;}
.products-qty strong { padding-left: 1rem; color: #666;}
.products-pe { color: #888; padding-left: 0.3125rem;}
.products-qty input { border: 1px solid #c9c9c9; color: #000; width: 5rem; height: 1.875rem; line-height: 1.875rem; text-align: center;}
.products-qty input:focus { border: 1px solid #f90;}
.qty_down, .qty_up { height: 1.875rem; width: 1.875rem; cursor: pointer; background: url(../images/bsj-ico-2.png) no-repeat; border: 1px solid #c9c9c9;}
.qty_down { background-position: -27px -35px; border-right: none; border-radius: 3px 0 0 3px;}
.qty_on { background-position: 7px -35px;}
.qty_up { background-position: 8px -70px; border-left: none; border-radius: 0 3px 3px 0;}

.products-cart { display: flex; margin: 1.25rem 0 0 1rem; padding: 0 0 1.6rem 0; position: relative; flex-wrap: wrap;}
.fix-cart { position: fixed; width: 100%; left: 50%; bottom: 0; transform: translate(-50%, 8.5rem); padding: 0.2rem 1rem 1rem 1rem; display: flex; justify-content: space-between; z-index: 99999; box-sizing: border-box; background: #fff; transition: transform 0.3s;} /*transform: translate(-50%, 4.5rem)*/
.products-cart .addcart, .products-cart .buynow, .fix-cart .addcart, .fix-cart .buynow, .products-cart .amz-btn, .fix-cart .amz-btn { display: inline-block; cursor: pointer; border: 1px solid #333; box-sizing: border-box; font-size: 1.2rem; padding: 0.6rem 0; width: 16rem; color: #fff; text-align: center; border-radius: 3px; vertical-align: middle; -webkit-transition: all .2s ease; transition: all .2s ease; font-weight: 700;}
.out-stock { display: inline-block; cursor: pointer; border: 1px solid #ccc; box-sizing: border-box; font-size: 1.2rem; padding: 0.6rem 0; width: 16rem; color: #666; text-align: center; border-radius: 3px; vertical-align: middle; font-weight: 700; color: #ccc; background: #eee; cursor: not-allowed; margin-right: 1rem;}
.products-cart .addcart, .fix-cart .addcart { background-color: #f5f5f5; color: #333; margin-right: 1rem;}
.products-cart .buynow, .fix-cart .buynow { background-color: #333;}
.products-cart .amz-btn, .fix-cart .amz-btn { display: block; background-color: #ffd814; color: #333; border-color: #ffd814; margin-top: 2rem; width: 33rem;}



.nav-title { color: #666; width: 4.5rem;}
.short_desc { font-size: 0.9325rem; padding-bottom: 1rem;}
.short_desc span { width: 1.5rem; display: inline-block; text-align: center;}
.short_desc p { margin-bottom: 0.5rem;}
.products-prm { display: flex; padding: 1rem 0 1rem 1rem;  background-color: #f9f9f9; position: relative; border-radius: 0.2rem; gap: 1rem;}
.products-prm span { line-height: 1.5;}
.products-prm .nav-title { width: 7rem; color: #f00;}
.prm-info:before { content: ''; display: inline-block; vertical-align: middle; width: 17px; height: 20px; background: url(../images/bsj-ico-2.png) no-repeat -47px -151px; margin-right: 5px;}
.prm-info em { color: #f60;}
.products-prm .prm-info { flex: 1; color: #f00;}
.products-tools { display: flex; align-items: center; margin: 0.3125rem 0 0 0; height: 3.25rem; overflow: hidden;}
.products-tools .payment { background: url(../images/payment.png) no-repeat 0 center; width: 16rem; height: 3.25rem; margin-left: 0.625rem;}
.products-sto { display: flex; line-height: 1.5;}
.products-ship { display: flex; position: relative; z-index: 8; padding: 0.625rem 0 0 0; line-height: 1.5;}
.ship-nav, .sto-nav { margin-right: 0.5rem;}
.ship-wrap { float: left;}
.ship-wrap em { font-weight: 700; text-decoration: underline; cursor: pointer;}
.products-box { margin: 0.3rem 0 1rem;}
.products-box div { line-height: 1.5;}
.box-nav { line-height: 2rem; font-weight: 700;}

.recomand { padding: 3rem 0;}
.recomand ul { display: flex; gap: 1px; justify-content: space-between; flex-wrap: nowrap; background-color: #f5f5f5; margin-top: 2rem;}
.recomand ul li { max-width: 25%;}
.recomand .list-nav { flex-wrap: wrap;}
.recomand .list-nav .item-title { width: 100%; padding: 0; font-size: 0.875rem; margin-bottom: 0.5rem; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;  text-overflow: ellipsis; word-break: break-word;}
.recomand .list-price em { display: inline-block; margin-right: 1rem;}
.recomand .list-info .cart { width: 80%; cursor: pointer;}
.recomand .list-info img { width: 100%; aspect-ratio: 1 / 1; display: block;}
.list-info .cart span { vertical-align: middle; display: inline-block; line-height: 1.5rem;}

.products-description { width: 100%; box-sizing: border-box; display: flex; justify-content: center; flex-wrap: wrap;}
.products-description img { width: 100%;}
.desc-nav { font-size: 1.4rem; text-align: center; padding: 1rem 0; width: 100%; box-sizing: border-box;}
.desc-section { max-width: 1000px; padding-top: 2rem;}
.desc-section strong, .desc-section span, .desc-wrap strong, .desc-wrap span { display: block; line-height: 1.2;}
.desc-section span { margin-top: 0.5rem;}
.desc-wrap { display: flex; gap: 2rem; flex-wrap: wrap; justify-content: space-between; max-width: 1000px; margin: 2rem 0;}
.desc-wrap div { width: 30%;}
.desc-wrap strong { margin: 1rem 0 0.5rem;}
.desc-wrap img { border-radius: 0.5rem; overflow: hidden;}

.desc-text { line-height: 1.5; padding-bottom: 3rem; width: 100%; max-width: 1000px;}
.desc-title { padding: 1rem 0; font-size: 1.2rem; width: 100%; max-width: 1000px;}

.products-tab { margin-top: 2rem; background-color: #fff; border-radius: 0.3rem;}
.info-nav, .review-nav, .qst-nav { padding: 1.25rem 0 1.25rem 1.6rem;}
.info-nav span, .review-nav span, .qst-nav span { display: inline-block; color: #000; font-size: 1rem; font-weight: 700;}
.info-nav span::after, .review-nav span::after, .qst-nav span::after { content: ''; display: inline-block; width: 7px; height: 13px; background: url(../images/bsj-ico-2.png) no-repeat -85px -309px; vertical-align: middle; margin-left: 1rem;}

.review-main { margin: 0 1.25rem; padding-bottom: 1.875rem; background-color: #fff;} 
.review-wrap { display: flex; justify-content: space-around; align-items: center; margin: 0 1.875rem; padding: 1.25rem 0; background-color: #f5f6f8;}
.review-nscore { width: 23.5%;}
.ns-score { text-align: center; height: 1.875rem;}
.ns-score em { color: #ef4343; font-size: 1.875rem;}
.review-nscore .review-cursc { text-align: center; height: 2.25rem; line-height: 2.25rem; position: relative;} 
.score { display: inline-block; width: 8.125rem; height: 2.25rem; background: url(../images/star.png) repeat-x 0 -41px;}
.score i { display: block; height: 2.25rem; background: url(../images/star.png) repeat-x 0 5px;}
.review-eptl { width: 31%; border-right: 1px solid #ddd; margin-left: 1rem;}
.review-eptl li { float: left; color: #656D78; margin: 0.3125rem 0; width: 100%; font-size: 0.8rem}
.review-eptl li:hover { background: #f4f4f4;}
.review-eptl li span, .review-eptl li strong { float: left;}
.review-eptl li strong { margin: 0 0.3125rem;}
.review-bg { height: 12px; margin: 2px 10px; width: 55%; background: #d9d9d9; border-radius: 6px; overflow: hidden;}
.review-bg i { display: block; height: 12px; background: #f60; box-shadow: 2px 0 3px rgba(114,5,5,0.5);}
.ns-rvw { width: 50%; margin-left: 4%; font-size: 0.875rem; font-weight: 700;}
.ns-rvw span { display: inline-block; height: 2.5rem; line-height: 2.5rem; width: 13.75rem; text-align: center; color: #fff; background-color: #F60; text-transform: uppercase; transition: all 0.3s;} 
.ns-rvw span:before { content: ''; display: inline-block; width: 0.9375rem; height: 1rem; vertical-align: middle; margin-right: 0.5rem; background: url(../images/bsj-ico-2.png) no-repeat -77px -256px;}
.ns-rvw span:hover { background-color: #F60;}
.ns-rvw em { display: block; font-weight: normal; padding-top: 1rem;}
.review-tit { margin: 1.875rem 1.5625rem; height: 2.5rem; line-height: 2.5rem; font-size: 1rem; font-weight: bold; border-bottom: 1px solid #e5e5e5;}
.review-tit span { display: inline-block; color: #000; position: relative;}
.review-tit span:after { content: ''; display: block; position: absolute; width: 8rem; height: 2px; background-color: #F60; bottom: 0; left: 0;}
.review-list { margin: 0 1.5625rem;}
.review-list > li { display: flex; border-top: 1px solid #eee; overflow: hidden;}
.review-list > li:first-child { border: none;}
.review-nd { width: 28%; padding: 1.25rem 0 1.25rem 4.2rem; color: #888; position: relative;}
.review-nd:before { content: ''; display: block; position: absolute; width: 3.625rem; height: 3.625rem; background: url(../images/bsj-ico-2.png) no-repeat 0 -254px; left: 0; top: 0.9375rem;}
.review-nd strong { display: block; color: #000; font-size: 0.875rem; padding: 0.3rem 0 0.2rem;}
.review-nd .score { display: block; width: 6rem; height: 1.2rem; background: url(../images/star.png) repeat-x 0 -33px; background-size: 20%;}
.review-nd .score i { display: block; height: 1.2rem; background: url(../images/star.png) repeat-x 0 0;}
.review-nd .score .star5 { width: 6rem; background-size: 20%;}
.review-nd .score .star4 { width: 4.8rem; background-size: 25%;}
.review-nd .score .star3 { width: 3.6rem; background-size: 33.333%;}
.review-nd .score .star2 { width: 2.4rem; background-size: 50%;}
.review-nd .score .star1 { width: 1.2rem; background-size: 100%;}
.review-note { width: 70%; line-height: 1rem; padding: 1.25rem 0 1.25rem 0; max-width: 46rem; min-height: 8rem;}
.review-note-tit { margin: 0.625rem 0; color: #555; line-height: 1.5; font-size: 0.9375rem;}
.review-date { color: #999;}
.qst-eptl { width: 35%; padding: 3rem 0 3rem 3.75rem; border-right: 1px solid #ddd; position: relative; margin: 0 0 0 3.5rem;}
.qst-eptl:before { content: ''; display: block; position: absolute; width: 3.125rem; height: 3.125rem; background: url(../images/bsj-ico-2.png) no-repeat 0 -702px; left: 0; top: 50%; margin-top: -1.5625rem;}
.ns-rvw a { display: inline-block; height: 2.375rem; line-height: 2.375rem; width: 13.75rem; text-align: center; border: 1px solid #333; color: #333; margin-right: 1.5625rem; transition: 0.2s;}
.ns-rvw a:hover { border-color: #f60; color: #f60;} 
.qst-wrap { margin: 0 1.5625rem 3.125rem 1.5625rem; padding-top: 1.25rem; overflow: hidden; background-color: #fff;}
.qst-btn, .faq-btn { cursor: pointer;}
.qst-list { margin: 1.5rem 1.875rem 0.3rem 1.875rem; border-bottom: 1px dashed #ddd;}
.qst-qst { padding-bottom: 1rem; line-height: 1.25; display: flex; flex-wrap: wrap;}
.qst-qst strong { display: block; width: 2rem; font-size: 0.875rem; vertical-align: top; flex-shrink: 1;}
.qst-qst span { display: block; font-size: 1rem; vertical-align: top; width: 90%;}
.qst-qst em { display: block; padding-left: 2rem; color: #999; font-size: 0.875rem; width: 100%;}
.qst-qst i { margin-left: 0.625rem;}
.ept-rt { color: #999; font-size: 0.875rem;}
.ept-rt em { display: block; color: #333; font-size: 1rem;}
.view-nav { margin: 1.875rem 1.25rem 0 1.25rem; height: 2.5rem; line-height: 2.5rem; color: #444; font-size: 0.9375rem; font-weight: bold;}
.view-list { margin: 0 1.25rem; background-color: #fff; overflow: hidden;}
.view-list ul { display: flex; padding: 1.5625rem 0 0 0; overflow: hidden; flex-wrap: wrap;}
.view-list li { margin: 0 1.5rem 1.5rem 0; width: 8rem;}
.view-list a { display: block; color: #808080; border-top: 1px solid #f5f5f5; box-shadow: 0 1px 2px 0 rgba(0,0,0,0.22); border-radius: 3px; overflow: hidden;}
.view-list a:hover { color: #f60;}
.view-list .vwl-tit { display: block; font-size: 11px; margin: 3px 5px 3px 5px; height: 32px; line-height: 16px; overflow: hidden;}
.view-list .vwl-img { display: block; width: 100%;}
.vwl-img img { width: 100%;}

.ship-dialog .sd-tit { color: #333; font-size: 14px; font-weight: 700;}
.sd-tit { height: 50px; line-height: 50px; }
.sd-wrap { margin-top: 10px;}
.sd-wrap .sd-ship { border-bottom: 1px solid #eee; cursor: pointer;}
.sd-wrap .sd-lst { border: none;}
.sd-wrap li { float: left; width: 20%; height: 36px; line-height: 36px;}
.sd-wrap li:first-child, .sd-wrap .sd-mdl { width: 30%;}
.sd-wrap .sd-ulf { border-top: 2px solid #ddd; background-color: #f5f5f5; height: 50px; margin-bottom: 10px;}
.sd-wrap .sd-ulf li { height: 50px; line-height: 50px;}
.sd-wrap .sd-ulf li:first-child { text-indent: 32px;}
.sd-wrap li lable { display: inline-block; width: 16px; height: 16px; border: 1px solid #9c9c9c; border-radius: 50%; vertical-align: text-bottom; margin: 0 10px 0 5px;}
.sd-wrap li:hover lable { border-color: #f60;}
.sd-wrap .sd-ship:hover { color: #f60; background-color: #f9f9f9;}
.sd-wrap .now { color: #f60;}
.sd-wrap .now lable { width: 8px; height: 8px; border: 5px solid #f60;}

/**cart****/
.fix-wrap { position: fixed; top: 6rem; right: 0; width: 30rem; background-color: #fff; border: 1px solid #aaa; height: calc(100vh - 6rem); z-index: 88888; box-sizing: border-box; overflow-y: scroll; transform: translate3d(101%, 0, 0); transition: transform 0.3s;}
.cart_show { display: block; transform: translate3d(0, 0, 0);}
.cart-nav { padding: 1.875rem 0 0 0; color: #666;} 
.cart-nav h1 { font-size: 1.3rem;}
.cart-tap { padding-bottom: 3.125rem;}
.cart-wrap { margin: 0.625rem 0 0; background-color: #fff;}
.cart-wrap h3 { padding: 0 1.25rem; font-size: 0.875rem; height: 2.125rem; line-height: 2.125rem; margin-bottom: 0.625rem; background: url(../images/cart-ico.png) repeat-x 0 -201px;}
.cart-ban { display: flex; line-height: 1rem; padding: 1.25rem 0 0.625rem 0; margin: 0 1.25rem; font-family: Verdana, Geneva, sans-serif; border-bottom: 1px solid #eee;}
.cart-ban-last { border: none;}
.ban-tit { font-weight: 700; color: #666; padding: 0 0 0.625rem 0; font-size: 0.875rem;}
.addr-pnr .ban-tit { padding: 1.25rem 0 0.625rem 0;}
.cart-desc { width: 52%; padding-top: 0.625rem; display: flex;}
.cart-cap { width: 48%; padding-top: 0.625rem; display: flex;}
.cart-pri { width: 30.3%;}
.cart-qty { width: 22.9%; text-align: center; display: flex; align-content: center;}
.cart-sub { width: 25%; text-align: center;}
.cart-action { width: 21.8%; text-align: right; font-size: 0.75rem;}
.mobile-action { display: none; position: absolute; right: 0.5rem; bottom: 0; width: 1.5rem; height: 1.5rem; background: url(../images/bsj-icon-m.png) no-repeat 0 -93rem; background-size: 100%; cursor: pointer;}
.cart-action a { color: #999;}
.cart-img { width: 6.25rem; height: 6.25rem;}
.cart-img img { width: 100%;}
.cart-tit { padding: 0.625rem 0 0 1rem; font-size: 0.875rem; width: 80%;}
.cart-tit a { display: block;}
.cart-tit strong { display: inline;}
.cart-tit a:hover, .cart-action a:hover { color: #f60; text-decoration: underline;}
.cart-tit span { display: block; margin: 0.3125rem 0 0 0; color: #888;}
.cart-pri .cart-price { display: block; color: #C00; font-size: 0.8125rem; font-weight: 700; line-height: 1.25rem;}
.cart-pri del { display: block; color: #999; font-size: 0.8125rem;}
.cart-pri .cart-off { display: block; font-size: 0.8125rem; width: 4.375rem; height: 1.25rem; line-height: 1.25rem; border: 1px dashed #ff4747; text-align: center; background: #fffafb; color: #f60; margin-top: 3px;}
.cart-sub span { font-weight: 700; font-size: 0.8125rem;}
.cart-qty a { display: block; width: 1.375rem; height: 0.8125rem; padding: 0.25rem 0; border: 1px solid #ccc; color: #666; line-height: 0.8125rem; font-weight: bold; cursor: pointer;}
.pnr_down { font-size: 1rem;}
.cart-qty .qty-off { background: #f2f2f2; color: #aaa; cursor: default;}
.cart-num-ipt { width: 2.75rem; height: 0.8125rem; margin: 0 -1px; padding: 0.25rem 0; border: 1px solid #ccc; text-align: center;}
.cart-qty span { padding-left: 2rem;}
.sub-wrap { background-color: #fff; padding: 0 1.25rem;}
.price-info { display: flex; justify-content: space-between; padding-top: 2.5rem; border-top: 1px solid #eee; background-color: #fff;} 
.ship-now { width: 60%; height: 3rem; font-size: 0.875rem; color: #333; border-radius: 0.5rem; position: relative;}
.ship-now em { display: inline-block; color: #666; margin-right: 0.5rem;}
.ship-now span { display: inline-block; vertical-align: middle; font-weight: 700; border: 1px solid #ddd; padding: 0.4rem 2rem 0.4rem 1rem; position: relative;}
.ship-now span::after { content: ''; display: block; position: absolute; right: 0.5rem; top: 0.5rem; width: 1rem; height: 1rem; background: url(../images/bsj-icon-m.png) no-repeat 0 -69rem; background-size: 100%;}
.ship-now::after { display: none; content: ''; position: absolute; width: 2rem; height: 2rem; top: 50%; margin-top: -1rem; right: 1rem; background: url(../images/bsj-icon-m.png) no-repeat 0 -62rem; background-size: 100%;}
.ship-way { display: none; width: 100%; max-width: 87.5rem; left: 50%; height: 62vh; transform: translateX(-50%); bottom: 0; border: 1px solid #e0e0e0; border-bottom: none; position: fixed; background-color: #fff; z-index: 9999; border-radius: 0.5rem 0.5rem 0 0; box-sizing: border-box; padding: 0 1rem;}
.ship-option { width: 100%; max-width: 38rem;}
.ship-tit { padding: 1.2rem 0.5rem; font-size: 1.2rem; font-weight: 700;}
.ship-opt { padding: 1rem; font-size: 1rem; line-height: 2rem; position: relative; border-bottom: 1px dashed #ddd;}
.ship-opt::after { content: ''; display: block; position: absolute; top: 50%; margin-top: -1rem; right: 1.5rem; width: 1.5rem; height: 1.5rem; border: 1px solid #656566; background: #fff; border-radius: 50%;}
.opt-on::after { border-color: #ff6e26; background: #ff6e26 url(../images/bsj-icon-m.png) no-repeat 0 -48rem; background-size: 100%;}
.ship-opt strong { display: block;}
.ship-opt span { display: block; color: #666;}
.pri-total { width: 38%; text-align: right; font-size: 1rem; line-height: 1.5rem; padding-bottom: 1.25rem; margin: 2.2rem 0 0 0; border-bottom: 1px dotted #ddd;}
.pri-total .pri-tit { display: block;}
.pri-total .pri-tit em { margin-left: 0.3125rem;}
.pri-total .pri-tot, .pri-off .pri-tot { display: block; font-size: 1rem;}
.pri-tot strong  { margin-left: 0.3125rem;}
.pri-off { width: 100%; text-align: right; line-height: 1.875rem;}
.pri-off em { font-size: 1.25rem; font-weight: normal;}
.off-nav { display: block; height: 1.5rem; line-height: 1.5rem; font-size: 1rem;}
.off-nav strong { color: #C00;}
.off-nav .dsp-q { display: inline-block; box-sizing: border-box; width: 0.875rem; height: 1rem; vertical-align: middle; margin-right: 0.5rem; cursor: pointer; background: url(../images/bsj-ico-2.png) no-repeat -78px -771px; position: relative;}
.dsp-qtext { right: -0.6875rem; top: 1.375rem; font-size: 0.8125rem; text-align: left; line-height: 1.125rem; color: #666; position: absolute; width: 12.5rem; padding: 1rem; border: 1px solid #ccc; background: #fff; box-shadow: 3px 3px 4px rgba(0,0,0,.13); z-index: 10; display: none; }
.off-nav .dsp-q:hover .dsp-qtext { display: block;}
.dsp-qtext i { display: block; position: absolute; top: -0.4375rem; right: 0.625rem; height: 0.625rem; width: 0.875rem; background: url(../images/bsj-ico.png) no-repeat -57px 0;}
.cart-total { display: flex; justify-content: space-between; padding: 0 0 1.25rem; border-bottom: 1px solid #eee; background-color: #fff; position: relative;}
.pri-grd { text-align: right; line-height: 1.875rem; padding-top: 1.25rem;}
.pri-grd span { display: block; font-size: 1.125rem; font-weight: 700; color: #666;}
.pri-grd em { color: #C00;}
.pay-finished { width: 100%;}
.off-code { align-items: center; margin-top: 0.625rem; height: 1.875rem;}
.off-code form { display: flex; align-items: center;}
.off-code input { border: 1px solid #ddd; height: 1.75rem; line-height: 1.75rem; color: #333; text-indent: 0.625rem; width: 12.5rem;}
.off-code span { font-size: 0.8125rem; font-weight: 600; width: 4.375rem; padding: 0 0.3125rem; height: 1.75rem; line-height: 1.75rem; text-align: center; color: #666; cursor: pointer; border-radius: 2px; margin-left: 0.625rem; border: 1px solid #ddd;}
.off-code span:hover, .off-code input:focus { box-shadow: 1px 2px 3px rgba(0,0,0,0.1);}
.cart-pay { display: flex; justify-content: flex-end; padding: 1.875rem 0 3rem; background-color: #fff;}
.checkout { padding: 0 1rem; height: 2.75rem; line-height: 2.75rem; text-align: center; background-color: #f60; font-size: 1rem; color: #fff; border-radius: 0.3125rem; transition: all .2s ease;}
.checkout a { display: block; color: #fff;}
.checkout:hover { background-color: #e16411;}
.paypal { margin-left: 1rem; text-align: right;}
.shopcart { margin: 0.625rem auto 0; width: 700px; text-align: center;}
.hd-note { display: block; padding: 1rem; font-size: 1rem; line-height: 1.5rem; color: #024480;}
.hd-note em { font-weight: 700; color: #f00;}
.cart-btn { height: 2.75rem; padding: 0 1rem; margin: 0; cursor: pointer; text-align: center; background-color: #ffc439; border: none; border-radius: 0.3125rem; box-shadow: 0px 0px 1px 3px #eec439 inset;}
.cart-btn i { display: inline-block; vertical-align: middle; color: #111; font-style: italic; font-size: 1.1rem;}
.cart-btn img { display: inline-block; width: 3.5rem; vertical-align: middle; margin-left: 0.5rem;}
.sc-empty { padding-top: 7.5rem; text-align: center;}
.sc-empty span { display: inline-block; width: 4.8125rem; height: 4.375rem; background: url(../images/cart-ico.png) no-repeat 0 0;}
.sc-empty strong { display: block; font-size: 1rem; color: #333; margin: 1.875rem 0 1rem;}
.sc-link { display: flex; justify-content: center; text-align: center; padding: 1rem 0 13.5rem 0;}
.sc-link a { width: 12.5rem; height: 2.375rem; line-height: 2.375rem; font-size: 1rem; border: 1px solid #333; color: #333; font-weight: 700;}
.sc-link .sc-now { margin-left: 1.875rem;}
.sc-link .sc-now, .sc-link a:hover { background-color: #f60; color: #fff; border: 1px solid #f60;}

.fix-wrap .cart-nav { font-size: 1.3rem; font-weight: 700; text-align: center; line-height: 3rem;}
.fix-wrap .cart-wrap h3 { margin: 0;}
.fix-wrap .cart-ban { flex-wrap: wrap; position: relative; padding: 1.25rem 0 2.5rem;}
.fix-wrap .cart-desc { width: 100%;}
.fix-wrap .cart-tit { width: auto; padding: 0;}
.fix-wrap .cart-img { min-width: 7rem; min-height: 7rem; margin-right: 1rem;}
.fix-wrap .cart-tit a { height: 2rem; overflow: hidden;}
.fix-wrap .cart-cap { width: 100%; position: absolute; left: 0; bottom: 1.3rem; flex-wrap: wrap; box-sizing: border-box; padding: 0 0 0 8rem;}
.fix-wrap .cart-sub, .fix-wrap .full-action { display: none;}
.fix-wrap .cart-pri { width: 100%; position: relative;}
.fix-wrap .cart-pri .cart-off { position: absolute; right: 0.5rem; top: 0;}
.fix-wrap .cart-qty { width: 100%; margin-top: 0.3rem;}
.fix-wrap .cart-qty a, .fix-wrap .cart-num-ipt { padding: 0.5rem 0.25rem;}
.fix-wrap .mobile-action { display: block;}

.fix-wrap .price-info { justify-content: flex-end; flex-wrap: wrap; padding-top: 1.25rem;}
.fix-wrap .ship-now { width: 100%; background-color: #f5f5f5;}
.fix-wrap .ship-now { margin: 1rem 0; width: 100%; background-color: #f5f5f5; padding: 1.5rem; font-size: 1rem; height: auto; color: #333; border-radius: 0.5rem; position: relative;}
.fix-wrap .ship-now em { display: block; color: #666;}
.fix-wrap .ship-now span { border: none; padding: 0;}
.fix-wrap .ship-now::after { content: ''; display: block; position: absolute; width: 2rem; height: 2rem; top: 50%; margin-top: -1rem; right: 1rem; background: url(../images/bsj-icon-m.png) no-repeat 0 -62rem; background-size: 100%;}
.fix-wrap .ship-now span::after { display: none;}
.fix-wrap .pri-total { width: 80%; margin: 0;}
.fix-wrap .off-code { margin-top: 1.25rem;}
.fix-wrap .off-code input { width: 8rem;}
.fix-wrap .off-code span { width: 3.5rem;}
.fix-wrap .cart-pay { justify-content: space-between;}
.fix-wrap .paypal { margin: 0; text-align: center;}
.fix-wrap .checkout { padding: 0; width: 46.5%;}
.fix-wrap .cart-pay .paypal { padding: 0; width: 51.5%;}
.fix-wrap .cart-btn { padding: 0; width: 100%;}
.fix-wrap .hd-note { padding: 1rem;}
.fix-wrap .dsp-qtext i { right: 3rem;}
.fix-wrap .dsp-qtext { right: -3rem;}
.fix-wrap .ship-way { left: auto; transform: translateX(0); right: 0.5rem; width: 28rem;}


.addr-nav { line-height: 2.125rem; color: #000; font-size: 1.125rem; margin-top: 2.5rem;}
.addr-con { margin-top: 0.625rem; padding: 1.875rem 1.25rem; border: 1px solid #ddd; background-color: #fff;}
.addr-line { display: flex;align-items: center; margin-bottom: 1.25rem;}
.addr-lb { width: 9.375rem; padding-right: 1.25rem; font-size: 0.875rem; text-align: right;}
.addr-data { width: 22rem; height: 2.5rem; position: relative;}
.addr-data .addr-ipt { border: 1px solid #ddd; box-sizing: border-box; width: 100%; padding: 0 1.25rem; line-height: 2.375rem; font-size: 0.875rem; height: 2.5rem; color: #000;}
.addr-data .addr-slt { border: 1px solid #ddd; width: 100%; height: 2.5rem; padding: 0 0.625rem; box-sizing: border-box;}
.addr-data .addr-ipt:focus, .addr-code:focus, .addr-num:focus { border-color: #f60; box-shadow: inset 0 0 3px rgba(252,157,33,.2);}
.addr-note { margin-left: 1.25rem; max-width: 37.5rem; font-size: 0.8125rem; color: #888;}
.addr-note span { line-height: 1.2;}
.addr-phone { display: flex; align-items: center; position: absolute; left: 0; border-radius: 4px 0 0 4px; width: 17%; height: 2.5rem; line-height: 2.5rem; font-size: 0.875rem; color: #000; background: #eee;}
.addr-ico { font-size: 1.125rem; margin-left: 1rem;}
.addr-code { height: 2.375rem; width: 1.875rem; background: none; border: none;}
.addr-num { position: absolute; right: 0 ;border: 1px solid #eee;}
.addr-num { box-sizing: border-box; border-radius: 0 4px 4px 0; width: 83%; padding-left: 0.625rem; padding-right: 1.25rem; height: 2.5rem; line-height: 2.375rem; font-size: 0.875rem;}
.addr-btn { padding: 0 2.5rem; font-size: 1.25rem; height: 2.5rem; line-height: 2.5rem; text-align: center; cursor: pointer; background: #f60; color: #fff; border: none; border-radius: 3px; transition: all 0.3s;}
.addr-btn:hover { background-color: #e16411;}
.addr-pbtn { font-size: 1rem; padding: 0 3.125rem; text-transform: uppercase;}
.addr-line .error .addr-data .addr-ipt, .addr-line .error { border-color: #f60;}
.addr-wrap { background: #f2f2f2; min-height: 32rem; overflow: hidden;}
.addr-wrap .cart-nav em { display: none;}
.addr-status { display: flex; width: 88%; margin: 5rem auto 4rem; background: #e0e0e0; height: 0.25rem;}
.addr-stl { position: relative; width: 25%; height: 0.25rem; border-radius: 2px;}
.addr-stl span { display: block; position: absolute; top: -2.9375rem; right: -50%; width: 100%; height: 3.5rem; line-height: 2.5rem; text-align: center; color: #999; font-size: 1rem;}
.addr-stl span:after { content: ""; display: block; overflow: hidden; width: 1rem; height: 1rem; border-radius: 50%; background: #e0e0e0; margin: 0 auto;}
.addr-act, .addr-act span:after { background-color: #f60;}
.addr-act span { color: #333;}
.addr-info { display: flex; align-items: center; justify-content: space-between; position: relative; border: 1px solid #e0e0e0; padding: 1.125rem 1.25rem; background: #fff;}
.addr-list { box-sizing: border-box;}
.addr-split { background-color: #e0e0e0; height: 7.5rem; width: 1px;}
.addr-list li { line-height: 1.5rem; font-size: 0.875rem; display: flex;}
.addr-list span { width: 7.5rem; color: #000; padding-right: 0.625rem; text-align: right; flex-shrink: 0;}
.addr-list em { display: inline-block;}
.addr-edt { width: 30%;}
.addr-edt a { display: inline-block; text-align: center; padding: 0 3rem; font-weight: 700; background-color: #f60; color: #fff; line-height: 40px; font-size: 14px; transition: all .2s ease;}
.addr-edt a:hover { background: #e16411;}
.addr-pnr { margin: 2.5rem 0 0;}
.addr-tre { flex-wrap: wrap; margin: 0 0 5rem; border: 1px solid #eee; padding: 2.5rem 1.25rem 1.5625rem; border-top: 0;}
.addr-finished { margin: 2.5rem 0 0; border: 1px solid #eee; width: 100%;}
.addr-pnr:hover { box-shadow: none;}
.addr-price { padding: 2.5rem 1.25rem 1.5625rem;}
.addr-pay { padding: 1.875rem 1.25rem; margin-bottom: 6.25rem; justify-content: space-between; flex-wrap: wrap; align-items: flex-end;}
.addr-pay .pri-grd { width: 100%;}
.addr-pay .pri-grd .addr-btn { display: inline-block; color: #fff; font-size: 1rem; text-transform: uppercase; margin-top: 0.625rem;}
.addr-check { display: none; width: 100%;}
.addr-done { border: 1px solid #e0e0e0; padding: 1.125rem 20% 1.5625rem; background: #fff; text-align: center;}
.addr-done em { font-weight: 700; font-size: 1.25rem; display: block; line-height: 2.5rem;}
.addr-done span { font-size: 0.8125rem; line-height: 1.25rem; font-family: Verdana, Geneva, sans-serif; color: #999;}
.addr-rq .addr-lb span:before { content: "*"; color: #ec0e0e; display: inline-block; font-weight: 700; font-size: 1rem; height: 0.9375rem; vertical-align: middle; margin-right: 0.3125rem;}
.rgt-msg { padding-left: 10.625rem; line-height: 2.5rem; font-size: 0.875rem; color: #f60; display: none;}
.cpn-show { display: block;}
.addr-data .rgt-erro { border-color: #f60; box-shadow: inset 0 0 3px rgba(243,2,64,.2);}
.addr-tre .ship-now::after, .ship-now span::after { display: none;}
.pay-choose { width: 20rem;}
.pay-choose dt { font-size: 1rem; font-weight: 700; padding-bottom: 0.625rem;}
.pay-choose dd { padding: 0.9375rem 0; border-bottom: 1px solid #e0e0e0;}
.pay-choose span { display: inline-block; vertical-align: middle;}
.check-ico { width: 1rem; height: 1rem; border: 1px solid #e0e0e0; border-radius: 50%; margin-right: 1.25rem; cursor: pointer;}
.check-ico i { display: none;}
.check-on { border: 1px solid #f60;}
.check-on i { display: block; width: 0.75rem; height: 0.75rem; border-radius: 50%; margin: 2px; background-color: #f60;}

/*******/
.bg-linear { background: #f5f5f5; background: -webkit-gradient(linear,0 0,0 bottom,from(#fff),to(#f0f0f0)); background: -moz-linear-gradient(top, #fff, #f0f0f0); background: -o-linear-gradient(top, #fff, #f0f0f0); background: linear-gradient(to bottom,#fff,#f0f0f0);}
.bg-linear:hover { background: #ededed; background: -moz-linear-gradient(top,#f6f6f6,#e5e5e5); background: -webkit-gradient(linear,0 0,0 bottom,from(#f6f6f6),to(#e5e5e5)); background: -o-linear-gradient(top,#f6f6f6,#e5e5e5); background: linear-gradient(to bottom,#f6f6f6,#e5e5e5);}
.bg-linorg { background: #ff9917; background: -webkit-gradient(linear,0 0,0 bottom,from(#ffab02),to(#ff8a28)); background: -moz-linear-gradient(top, #ffab02, #ff8a28); background: -o-linear-gradient(top, #ffab02, #ff8a28); background: linear-gradient(to bottom,#ffab02,#ff8a28);}
.bg-linorg:hover { background: #f8af23; background: -webkit-gradient(linear,0 0,0 bottom,from(#ffbc35),to(#f2a210)); background: -moz-linear-gradient(top, #ffbc35, #f2a210); background: -o-linear-gradient(top, #ffbc35, #f2a210); background: linear-gradient(to bottom,#ffbc35,#f2a210);}
@-webkit-keyframes addfavor {
0% { -webkit-transform: scale(0); transform: scale(0);} 
to { -webkit-transform: scale(1); transform: scale(1);} }
@keyframes addfavor {
0% { -webkit-transform: scale(0); transform: scale(0);}
to { -webkit-transform: scale(1); transform: scale(1);}}
@-webkit-keyframes dance { 
0% { -webkit-transform: translateY(0);}
33.33% { -webkit-transform: translateY(-5px);}
66.66% { -webkit-transform: translateY(0);}
100% { -webkit-transform: translateY(-5px);}} 
@keyframes dance { 
0% { transform: translateY(0);}
33.33% { transform: translateY(-5px);}
33.33% { transform: translateY(0);}
100% { transform: translateY(-5px);}}
.bsj-margin { height: 30px;}
.pro-dialog { position: fixed; z-index: 1500; padding: 0.9375rem; color: #636669; border: 1px solid #666; border-radius: 7px; background: #fff; box-shadow: 1px 1px 3px #aaa; display: none; -webkit-transform: translateZ(0); -webkit-animation: zoomIn 0.2s; animation: zoomIn 0.2s;}
.short-dialog { width: 460px; height: 150px;}
.ship-dialog { width: 850px; height: 380px; padding: 30px 1.5625rem;}
@-webkit-keyframes zoomIn {	
0% { opacity: 0; -webkit-transform: scale3d(.3,.3,.3); transform: scale3d(.3,.3,.3);}
50% { opacity: 1;}
}
@keyframes zoomIn {
0% { opacity: 0; -webkit-transform: scale3d(.3,.3,.3); transform: scale3d(.3,.3,.3);}
50% { opacity: 1;}
}
.pro-dialog h3 { height: 30px; font-size: 1.25rem; line-height: 30px; font-weight: bold;}
.pro-dialog h3 span { float: left; margin: 6px 10px 6px 0; width: 17px; height: 18px; display: block;}
.pro-dialog em { position: absolute; right: 8px; top: 8px; cursor: pointer; display: block; width: 1rem; height: 1rem; background: url(../images/bsj-ico-2.png) no-repeat; background-position: -38px -183px; z-index: 1510;}
.short-dialog .dia-desc { padding: 10px 0.9375rem 0.9375rem 28px; font-size: 13px; line-height: 18px;}
.short-dialog .dia-off { position: absolute; width: 11.25rem; left: 165px; bottom: 1.25rem; height: 30px; line-height: 30px; cursor: pointer; border-radius: 4px; background: #F60; color: #fff; text-align: center; padding: 0 1.25rem; overflow: hidden; border-bottom:0.1875rem solid #c8050a;}
.pro-dialog-bg { position: absolute; left: 0; top: 0; background: #000; width: 100%; height: 100%; opacity: 0.3; display: none; z-index: 999;}
.short-dialog .font12 { font-size: 12px; text-align: left;}
.long-dialog { width: 690px; height: 540px;}
.pro-dialog .cbox { border: 1px solid #ddd; margin: 0.9375rem 0.9375rem; padding: 0.9375rem 0; overflow: hidden;}
.pro-dialog .cbox .cbox-img { float: left; padding: 0 10px;}
.pro-dialog .cbox p { float: left; padding-left: 10px; width: 500px;}
.cbox-pri span, .long-dialog h4 { font-size: 1rem; font-weight: 700; padding: 5px 0;}
.cbox-tit { line-height: 1.25rem;}
.cbox-num { font-size: 11px; line-height: 14px; color: #999;}
.faq-tit { font-size: 14px; font-weight: 700; padding: 5px 0;}
.long-dialog h4 { height: 30px; line-height: 30px; padding: 10px 0.9375rem 0 0.9375rem;}
.long-dialog .dia-tx { line-height: 18px; padding: 30px 0.9375rem; border-top: 1px solid #ddd; margin-top: 10px;}
.dia-tx span { display: block; padding-top: 10px;}
.dia-tx a { color: #333; text-decoration: underline;}
.pro-dialog .dia-form, .review-note .dia-form { padding: 0.9375rem;}
.dia-form .dia-op { min-height: 40px; padding-bottom: 10px;}
.dia-form .dia-ops { min-height: 30px; padding-bottom: 5px;}
.dia-form .dia-star { float: left; margin: 5px 0 0 10px;}
.dia-form .dia-star span { display: block;}
.dia-form .dia-label { float: left; width: 150px; height: 30px; line-height: 30px; padding-right: 10px; text-align: right;}
.dia-form i { float: left; height: 30px; line-height: 30px; color: #333; font-weight: bold;}
.review-note .dia-form { display: none;}
.review-note .dia-form .dia-label { width: 70px;}
.dia-form strong { color: #F00; display: inline-block; vertical-align: middle; margin-right: 2px;}
.dia-form select { padding: 4px;}
.dia-form input { width: 400px; padding: 4px; line-height: 1.25rem; font-size: 13px;}
.dia-form textarea { padding: 4px; width: 400px; height: 100px; font-size: 13px;}
.dia-form .dia-btn { border: none; height: 40px; line-height: 40px; width: 110px; font-size: 1rem; color: #fff; background-color: #F60; border-radius:0.1875rem; transition: background-color .2s ease-in-out; cursor: pointer;}
.dia-form .dia-btn:hover { background-color: #e76916;}
.dia-form input, .dia-form textarea, .dia-form select { border: 1px solid #ccc; box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); transition: border linear .2s, box-shadow linear .2s; border-radius: 4px;}
.dsp-wrap .dia-form { padding-bottom: 50px;}
.dsp-wrap .dia-form input, .dsp-wrap .dia-form textarea { width: 800px;}
.dsp-wrap .dia-form .dia-op span { color: #aaa; font-size: 11px;}
.dia-form input:focus, .dia-form textarea:focus, .dia-form select:focus { outline: none; border-color: #85c0ff; box-shadow: 0 0 6px #85c0ff;}
.feed-dialog { width: 690px; height: 480px;}
.faq-dialog { width: 690px; height: 430px;}
.dia-close { position: absolute; right: 0.5rem; top: 0.5rem; display: block; width: 2.5rem; height: 2.5rem; background: url(../images/bsj-icon-m.png) no-repeat; background-position: 0 -165rem; background-size: 100%; z-index: 1510;}
.promotion-wrap { background-color: #fff; height: 3.2rem;}
.promotion-off { background: url(../images/bg.jpg); background-size: cover; color: #fff; height: 3.2rem; position: relative;}
.promotion-off::before { position: absolute; content: 'Super Deals'; display: block; font-size: 1rem; top: 1rem; left: 1.8rem; font-weight: 700;}
.promotion-nav { display: block; position: absolute; height: 100%; top: 0; right: 0;}
.promotion-off .promotion-sold { display: block; padding: 0.4rem 1rem 0.2rem 0.2rem;}
.promotion-off .promotion-time { display: block; color: #fff; padding-right: 1rem;}
.promotion-time span { display: inline-block;}
.promotion-off .time .cd-time { margin: 0 0.3rem;}
.promotion-off .time i { display: inline-block; font-size: 1.4rem; font-weight: 700;}
footer { background-color: #252525; padding: 2.5rem 0 1.875rem;}
.btm-wrap { margin: 0 auto; max-width: 87.5rem; position: relative;}
.btm-menu { display: flex; justify-content: space-between; flex-wrap: wrap;}
.btm-menu dl { height: 7.41rem; width: 17.285%; border-right: 1px solid #404040; box-sizing: border-box;}
.btm-menu dt, .nsl-tit { font-weight: bold; color: #d9d9d9; font-size: 0.875rem; line-height: 1.5rem;}
.btm-menu dd { font-size: 0.8125rem; font-family: Verdana, Geneva, sans-serif; line-height: 1.5rem; color: #8c8a89;}
.btm-menu dd a { display: inline-block; color: #8c8a89; transition: all 0.05s ease-in-out 0s;}
.btm-menu dd a:hover { color: #F60; padding-left: 2px; text-decoration: underline;}
.btm-nsl { width: 18%;}
.nsl-des { margin-top: 0.3125rem; font-size: 0.8125rem; line-height: 1rem; color: #8c8a89;}
.nsl-ipt { margin-top: 0.625rem; line-height: 1.625rem;}
.nsl-ipt input { height: 2rem; line-height: 2rem; border: 1px solid #606060; width: 96%; padding-left: 0.3125rem; color: #8c8a89; font-style: italic; background-color: #3b3b3b; box-sizing: border-box;}
.nsl-ipt .nsl-btn { height: 2rem; line-height: 2rem; background-color: #F60; color: #fff; border: 1px solid #F60; text-align: center; width: 96%; margin-top: 0.9375rem; text-transform: uppercase; cursor: pointer;}
.btm-copyright { color: #8c8a89; font-size: 0.8125rem; padding: 0.9375rem 0 0; font-family: Verdana, Geneva, sans-serif;}
.toolbar { z-index: 1300; position: fixed; left: 100%; margin-left: -4.6875rem; bottom: 3.125rem;}
.gotop, .tbc-cart { width: 2.5rem; height: 2.5rem; background: #000 url(../images/bsj-ico.png) no-repeat; opacity: 0.7; border-radius: 0.2rem; position: relative;}
.gotop { margin-top: 12px; background-position: 7px -570px; cursor: pointer;}
.tbc-cart { margin-bottom: 12px; background-position: -40px -574px;}
.tbc-cart a { display: block; width: 100%; height: 100%;}
.gotop:hover, .tbc-cart:hover { background-color: #F60; opacity: 1;}
.align-left { text-align: left;}
.video-wrapper { position: relative; width: 100%; margin: 6rem 0 2rem; aspect-ratio: 16 / 9;}
.video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; aspect-ratio: 16 / 9;}
.desc-video { margin: 1rem 0 3rem;}
.slick-slider { position: relative; display: block; box-sizing: border-box;}
.slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; width: 100%;}
.banner-img .slick-list { height: 100%; background-color: #fff;}
.slick-list:focus { outline: 0;}
.slick-list, .dragging { cursor: pointer;}
.slick-slider .slick-list, .slick-slider .slick-track { -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0);}
.slick-track { position: relative; top: 0; left: 0; margin-left: auto; margin-right: auto;}
.slick-track:after, .slick-track:before { display: table; content: '';}
.slick-track:after { clear: both;}
.slick-loading .slick-track { visibility: hidden;}
.slick-slide { position: relative; display: none; float: left; width: 100%; height: 100%; min-height: 1px; text-align: center;}
[dir=rtl] .slick-slide { float: right;}
.slick-slide .slick-loading img { display: none;}
.slick-slide .dragging img { pointer-events: none;}
.slick-initialized .slick-slide { display: block;}
.slick-loading .slick-slide { visibility: hidden;}
.slick-vertical .slick-slide { display: block; height:auto; border: 1px solid transparent;}
.slick-arrow .slick-hidden { display: none;}
.slick-loading .slick-list { background: #fff url(../images/ajax-loader.gif) center center no-repeat;}
.slider .slick-list, .item-list .slick-list { width: 100%; box-sizing: border-box;}
.slider .slick-slide img { width: 100%; aspect-ratio: 1 / 1; display: block;}
.list-info { position: relative; background-color: #fff; padding: 0.5rem 1rem 1.5rem 1rem; box-sizing: border-box;}
.list-nav { margin: 2rem 1rem; display: flex; justify-content: space-between; align-items: center;}
.list-price em { display: block; font-weight: 700; font-size: 1.3rem;}
.list-price del { color: #888; font-size: 1.1rem;}
.list-info .item-off { display: block; position: absolute; right: 2rem; top: 0; width: 4rem; height: 4rem; color: #fff; border-radius: 3rem; text-align: left; box-sizing: border-box; padding: 0.9rem 0 0 0.4rem; background: url(../images/new/off.png); background-size: 100%; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3); font-size: 1.6rem; font-weight: 700;}
.list-info .cart { display: flex; margin: 1rem auto; width: 12rem; background: #000; color: #fff; padding: 0.5rem 0; border-radius: 0.3rem; justify-content: center; align-content: center; box-shadow: rgba(0,0,0,0.3) 2px 3px;}
.section-item .list-info .cart { margin: 1rem 0 1rem 1rem; }
.section-item .list-info .item-off { right: 1rem;}
.list-info a { display: block; color: #fff; line-height: 1.5rem;}
.list-info .cart i { display: block; margin-right: 0.8rem; vertical-align: middle; width: 1.5rem; height: 1.5rem; background: url(../images/icon.png) no-repeat 0 -19.5rem; background-size: 100% auto;}
.list-info .item-title { display: block; text-align: left; padding: 0 1.5rem 0 0;}
.list-info .item-text { display: block; position: absolute; right: 1.5rem; top: 74%; color: #fff;}
.slick-next, .slick-prev { font-size: 0; line-height: 0; position: absolute; top: 50%; right: 0; display: block; width: 2rem; height: 5rem; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0,-50%); transform: translate(0,-50%); cursor: pointer; color: transparent; border: none; outline: 0; background: rgba(0,0,0,0.08); z-index: 15;}
.slick-next:focus, .slick-next:hover, .slick-prev:focus, .slick-prev:hover{ color: transparent; outline: 0; background: rgba(0,0,0,0.5);}
.slick-next:focus:before, .slick-next:hover:before, .slick-prev:focus:before, .slick-prev:hover:before { opacity: 1;}
.slick-next .slick-disabled:before, .slick-prev .slick-disabled:before { opacity: 0.25;}
.slick-next:before, .slick-prev:before { font-size: 20px; line-height: 1; opacity: 0.75; color: #fff;}
.slick-prev { left: 0; right: auto;}
[dir=rtl] .slick-prev { right: auto; left: 0;}
.slick-prev:before { content: '←';}
[dir=rtl] .slick-prev:before { content: '←';}
[dir=rtl] .slick-next { right: 0; left: auto;}
.slick-next:before { content: '→';}
[dir=rtl] .slick-next:before { content: '→';}
.slick-dots { display: block; position: absolute; bottom: 0.3rem; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; z-index: 12;}
.slick-dots li { position: relative; display: inline-block; width: 0.7rem; height: 0.7rem; margin: 0 0.5rem; padding: 0; cursor: pointer; border-radius: 0.5rem; overflow: hidden;}
.slick-dots li button { font-size: 0; line-height: 0; display: block; width: 0.7rem; height: 0.7rem; cursor: pointer; border: 0; outline: 0; background: rgba(255,255,255,0.3);}
.slick-dots li.slick-active button { background: rgba(0,0,0,0.5);}
.products-images .slick-dots { position: absolute; width: 62px; height: 550px; left: 0; top: 0; display: flex; flex-direction: column; overflow: hidden;}
.products-images .slick-dots li { flex: 1; display: block; padding: 1px; width: 50px; height: auto; max-height: 55px; border-radius: 0; margin: 0; border: 1px solid #ddd; overflow: visible; margin-bottom: 3px;}
.products-images .slick-dots li img { width: 50px; max-height: 55px;}
.products-images .slick-dots li.slick-active { padding: 0; border: 2px solid #f60;}
.products-images .slick-active::before { content: ''; display: block; width: 0; height: 0; line-height: 0; border-width: 0.3125rem; border-style: dashed; border-color: transparent; vertical-align: middle; border-left-style: solid; border-left-color: #f60; position: absolute; top: 50%; right: -1rem; transform: translateX(-50%); z-index: 100;}
.products-images .slider-counter { display: none;}

.slider { margin: 0 1rem 3rem 1rem; overflow: hidden;}
.section-wrap { display: flex; padding-bottom: 5rem; justify-content: center; align-items: center;}
.section-img { width: 40rem; text-align: center;}
.section-img img { width: 100%; aspect-ratio: 320 / 427; display: block;}
.section-item .item-img img { width: 100%; aspect-ratio: 2 / 3; display: block;}
.section-item { width: 28rem; border-radius: 0.6rem; z-index: 10; padding: 0 1rem; margin-left: -3.5rem;}
.section-item .list-info { border-radius: 0.6rem; padding: 0.5rem; background: transparent;}
.section-item .item-img { display: block; border-radius: 0.6rem; overflow: hidden; box-shadow: 0 0 10px #0000004d;}
.section-item .item-wrap { display: block; padding-left: 2.5rem;}
.section-item .list-nav { margin: 1rem 0; }
.section-item .slick-next, .section-item .slick-prev { top: 40%; right: 0.5rem; height: 2rem; background: rgba(255,255,255,0.9); border-radius: 50%; box-shadow: 1px 1px 1px rgba(0, 0, 0, .04);}
.section-item .slick-prev { left: 0.5rem;}
.section-item .slick-next:before, .section-item .slick-prev:before { color: #000;}
.ban-margin { padding: 3.5rem 0 2rem; overflow: hidden;}
.banner-img-middle { margin: 0 auto;}
.bottom-wrap { margin: 0 0 3rem; position: relative;}


.load { position: fixed; left: 50%; top: 50%; margin-left: -10rem; margin-top: -6rem; z-index: 9999; width: 20rem; height: 12rem; border-radius: 0.5rem; background: rgba(0,0,0,.7); display: none; z-index: 999999;}
.add_note { height: 4rem; line-height: 4rem; padding-top: 4rem; text-align: center; font-size: 1.5rem; color: #fff;}
.bottom_load { width: 100%; height: 5rem; position: relative; overflow: hidden; display: none;}
.loading { display: inline-block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 3rem; height: 3rem; margin: auto; font-size: 0; -webkit-animation: container_rotate 1568ms linear infinite; animation: container_rotate 1568ms linear infinite; overflow: hidden;}
.spinner_layer { position: absolute; width: 100%; height: 100%; border-color: #f60; opacity: 1; -webkit-animation: fill_unfill_rotate 5332ms cubic-bezier(.4,0,.2,1) infinite both; animation: fill_unfill_rotate 5332ms cubic-bezier(.4,0,.2,1) infinite both; box-sizing: border-box;}
.load .loading { width: 4rem; height: 4rem;}
.load .spinner_layer { border-color: #fff;}
.gap_patch { position: absolute; top: 0; height: 100%; left: 45%; width: 10%; border-color: inherit; overflow: hidden;}
.circle_clipper { position: relative; display: inline-block; height: 100%; width: 50%; border-color: inherit; overflow: hidden;}
.circle { width: 200%; height: 100%; border-width: 0.5rem; border-style: solid; border-color: inherit; border-bottom-color: transparent; border-radius: 50%; position: absolute; top: 0; right: 0; bottom: 0; box-sizing: border-box;}
.load .circle { border-width: 0.6rem;}
.left .circle { left: 0; border-right-color: transparent; -webkit-transform: rotate(129deg); transform: rotate(129deg); -webkit-animation: left_spin 1333ms cubic-bezier(.4,0,.2,1) infinite both; animation: left_spin 1333ms cubic-bezier(.4,0,.2,1) infinite both;}
.gap_patch .circle { width: 1000%; left: -450%;}
.right .circle { -webkit-animation: right_spin 1333ms cubic-bezier(.4,0,.2,1) infinite both; animation: right_spin 1333ms cubic-bezier(.4,0,.2,1) infinite both; left: -100%; border-left-color: transparent; -webkit-transform: rotate(-129deg);transform: rotate(-129deg);}
@-webkit-keyframes container_rotate { 
to { -webkit-transform: rotate(360deg)}}
@keyframes container_rotate {
to { -webkit-transform: rotate(360deg); transform: rotate(360deg)}}
@-webkit-keyframes fill_unfill_rotate { 
12.5% { -webkit-transform: rotate(135deg);}
25% { -webkit-transform: rotate(270deg);}
37.5% { -webkit-transform: rotate(405deg);}
50% { -webkit-transform: rotate(540deg);}
62.5% { -webkit-transform: rotate(675deg);}
75% { -webkit-transform: rotate(810deg);}
87.5% { -webkit-transform: rotate(945deg);}
to { -webkit-transform: rotate(1080deg)}}
@keyframes fill_unfill_rotate {
12.5% { -webkit-transform: rotate(135deg); transform: rotate(135deg);}
25% { -webkit-transform: rotate(270deg); transform: rotate(270deg);}
37.5% { -webkit-transform: rotate(405deg); transform: rotate(405deg);}
50% { -webkit-transform: rotate(540deg); transform: rotate(540deg);}
62.5% { -webkit-transform: rotate(675deg); transform: rotate(675deg);}
75% { -webkit-transform: rotate(810deg); transform: rotate(810deg);}
87.5% { -webkit-transform: rotate(945deg); transform: rotate(945deg);}
to { -webkit-transform: rotate(1080deg); transform: rotate(1080deg)}}
@-webkit-keyframes left_spin {
from,to { -webkit-transform: rotate(130deg);}
50% { -webkit-transform: rotate(-5deg)}}
@keyframes left_spin {
from,to { -webkit-transform: rotate(130deg); transform: rotate(130deg);}
50% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg)}}
@-webkit-keyframes right_spin {
from,to { -webkit-transform: rotate(-130deg);}
50% { -webkit-transform: rotate(5deg)}}
@keyframes right_spin {
from,to { -webkit-transform: rotate(-130deg); transform: rotate(-130deg);}
50% { -webkit-transform: rotate(5deg); transform: rotate(5deg)}}