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: rgba(51,51,51);}
a:hover { color: rgba(231,10,10);}
a:visited { text-decoration: none; color: #333;}
.clearfix:after { content: ""; display: block; *zoom: 1; 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; font-family: Arial, Helvetica, sans-serif;}
input, button { vertical-align: middle; -webkit-appearance: none; border-radius: 0;}
input[type='radio']{ -webkit-appearance: radio;}
textarea::-webkit-input-placeholder, input[type='text']::-webkit-input-placeholder { color: #aaa;}
textarea:-moz-placeholder, input[type='text']:-moz-placeholder { color: #aaa;}
textarea:-ms-input-placeholder, input[type='text']:-ms-input-placeholder { color: #aaa;}
textarea:focus::-webkit-input-placeholder, input[type='text']:focus::-webkit-input-placeholder { color: transparent;}
textarea:focus::-moz-placeholder, input[type='text']:focus::-moz-placeholder { color: transparent;}
textarea:focus::-ms-input-placeholder, input[type='text']:focus::-ms-input-placeholder { color: transparent;}
.wrap, .main, header, footer { margin: 0 auto; max-width: 153.75rem;}
header { background-color: #fff; box-shadow: 0 1px 5px rgba(65,65,65,0.2); position: relative; z-index: 1000;}
.contain { max-width: 93.75rem; width: 100%; margin: 0 auto; position: relative;}
.section-wrap { background-color: #fff; margin: 1.5rem 0 1.5rem; min-height: 20rem; border-radius: 5px; box-shadow: 0 1px 5px rgba(65,65,65,0.2); padding: 1px 0;}
.section-nav { background-color: #fff; text-align: center; font-weight: 700; font-size: 1.5rem;}
.bsj-icon { background: url(../images/bsj-icon.png) no-repeat; background-size: 100%;}
.bsj-nav { display: flex; height: 5rem; background-color: #fff; width: 100%; position: relative; align-items: center; flex-wrap: nowrap; z-index: 999; box-sizing: border-box;}
.logo { width: 17.5rem;}
.logo a { display: inline-block;}
.bsj-search { flex: 1;}
.bsj-search-m, .search-blank { display: none;}
.bsj-search form, .bsj-search-m form { height: 2.25rem; position: relative; width: 100%;}
.bsj-search input, .bsj-search-m input { padding-left: 10px; width: 100%; height: 2.25rem; line-height: 2.25rem; border: 1px solid #cbcbcb; color: #707070; box-sizing: border-box;}
.bsj-search .search-btn, .bsj-search-m .search-btn { position: absolute; top: 0; right: 0; width: 3.125rem; height: 2.25rem; line-height: 2.25rem; margin: 0; text-align: center; cursor: pointer; border: none; z-index: 2; background: #e72e04; border-radius: 0 3px 3px 0;}
.bsj-search .search-btn::after, .bsj-search-m .search-btn::after { content: ''; display: block; height: 1.8rem; width: 1.8rem; margin: 0 auto; background: url(../images/bsj-icon.png) no-repeat; background-size: 100%; background-position: 0 0;}
.bsj-top-right { display: flex; align-items: center; margin-left: 2.5rem; position: relative;}
.bsj-act { padding: 0.5rem 0 0.5rem; width: 8.125rem; height: 2.5rem; line-height: 1rem; position: relative; cursor: pointer; z-index: 1999;}
.bsj-act .act-ico { display: block; position: absolute; width: 2rem; height: 2rem; background-position: 0 -2rem; left: 0.8125rem; top: 0.3125rem;}
.bsj-act-nav { position: relative; width: 6.5rem; padding: 0.3125rem 0 0.3125rem 3.125rem; color: #333; font-size: 0.8125rem; z-index: 1999;}
.bsj-act-nav a { display: block; color: #333;}
.bsj-act-nav em { display: block; width: 100%; height: 1rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.bsj-act-nav span { display: block; font-weight: bold; color: #333;}
.bsj-act-info { position: absolute; width: 15rem; padding: 0.625rem 0; background: #fff; border: 1px solid #e7e7e7; box-shadow: -1px 2px 10px rgba(0,0,0,0.2); left: 50%; margin-left: -7.9rem; top: 3.8rem; display: none; border-radius: 0.3125rem; font-size: 0.8125rem; z-index: 2999;}
.bsj-act-info::before, .cart-info::before { content: ''; position: absolute; width: 2rem; height: 1rem; top: -1rem; left: 50%; margin-left: -2rem; background: url(../images/bsj-icon.png) no-repeat 0 -1010px;}
.bsj-act:hover .bsj-act-info { display: block;}
.my-acc { width: 9rem; padding: 0.625rem 1rem;}
.my-acc a { display: block; padding-left: 0.3125rem; height: 1.5rem; line-height: 1.5rem;}
.my-acc a:hover { color: #e72e04; text-decoration: underline;}
.act-btn { margin: 0.375rem 1.25rem; height: 2.5rem; line-height: 2.5rem; text-align: center; font-size: 0.875rem; background-color: #ff4747; border-radius: 0.3125rem; overflow: hidden;}
.act-btn:hover { background-color: #e72e04;}
.act-btn a { display: block; color: #fff;}
.act-top { padding: 0.5rem 1rem 0.1875rem 1.375rem; height: 1.5rem; line-height: 1.5rem; color: #666;}
.act-bottom { padding: 0.5rem 1rem 1rem 1.5rem; height: 1.5rem; line-height: 1.5rem; font-size: 0.8125rem;}
.act-bottom a { color: #0654ba;}
.act-bottom a:hover { text-decoration: underline;}
.bsj-cart { position: relative; height: 2.2rem; padding: 0.5rem 0.2rem 0.5rem 1.5rem; z-index: 99999;}
.bsj-cart > a { display: block; width: 2.2rem; height: 2.2rem; position: relative; z-index: 19999; color: #333; background-position: 0 -19.8rem;}
.bsj-cart .cart-num { position: absolute; display: block; right: -0.2rem; top: -0.2rem; padding: 0.1rem 0.4rem 0.15rem; background-color: rgba(220,220,220, 0.95); font-size: 0.75rem; font-weight: 700; color: #f00; border-radius: 100%;}
.cart-info { position: absolute; width: 17.5rem; padding-top: 0.625rem; background: #fff; z-index: 99999; border: 1px solid #e7e7e7; box-shadow: -1px 2px 10px rgba(0,0,0,0.2); right: -1px; top: 3.5rem; display: none; border-radius: 5px 0 5px 5px;}
.cart-info::before { left: auto; right: 0.2rem;}
.cart-load { line-height: 30px; text-align: center; color: #666;}
.bsj-cart:hover .cart-info { display: block;}
.mini-cart { width: 17.5rem; height: auto; max-height: 27rem; overflow-x: hidden; overflow-y: auto; font-size: 0.875rem;}
.mini-cart::-webkit-scrollbar { width: 0.5625rem;}
.mini-cart::-webkit-scrollbar-corner { background: #4c3939;}
.mini-cart::-webkit-scrollbar-thumb { background: #aaa; border-radius: 5px;}
.mini-cart::-webkit-scrollbar-track { display: none;}
.mini-cart:-webkit-scrollbar-track-piece { background: #e7e7e7;}
.mini-cart li { border-bottom: 1px solid #ddd; display: flex; align-items: center; flex-wrap: wrap;}
.mini-cart li:hover { background: #f0f0f0;}
.mini-img { width: 48px; height: 48px; padding: 11px 11px 1px 11px;}
.mini-desc { flex: 1; width: 180px; padding-right: 10px; color: #666; height: 48px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; line-height: 1.2; max-height: calc(1.5em * 3);}
.mini-cart li:hover .mc-desc a { color: #c00;}
.mini-price { width: 100%; text-align: right; padding: 0 20px 10px 0; width: 260px; font-size: 14px; color: #c00;}
.mini-viewcart { height: 40px; padding: 12px 30px;}
.mini-viewcart a { display: inline-block; width: 220px; height: 30px; margin: 5px 0; line-height: 30px; background: #f24330; color: #fff; font-size: 14px; text-align: center; overflow: hidden; border-radius: 3px; font-weight: 700;}
.mini-viewcart a:hover { background: #e72e04;}
.mini-empty { height: 60px; background-size: auto; background-position: 115px -1100px;}
.mini-note { line-height: 30px; text-align: center; font-size: 13px; color: #666;}
.mini-shop { height: 30px; line-height: 16px; text-align: center;}
.mini-shop a { color: #e72e04; text-decoration: underline;}
.nav-wrap { height: 2.5rem; background-color: #fff; width: 100%; border-bottom: 1px solid #ededed; position: relative; display: flex; align-items: center; flex-wrap: nowrap; z-index: 10;}
.bsj-categories { position: relative; width: 15.5rem; padding-left: 1rem; z-index: 1400; cursor: pointer; background: -webkit-gradient(linear,left top,left bottom,from(#f5f5f7),to(#e9e9e9)); background: -webkit-linear-gradient(top,#f5f5f7,#e9e9e9); background: linear-gradient(180deg,#f5f5f7,#e9e9e9); background-color: #f5f5f5; border-radius: 3px 3px 0 0; color: #333; box-sizing: border-box;}
.categories-mobile { display: none; width: 1.5rem; height: 1.5rem; background-position: 0 -18rem;}
.categories-nav { height: 2.5rem; line-height: 2.5rem; text-transform: uppercase; font-size: 0.875rem; font-weight: bold; overflow: hidden; display: flex; align-items: center; gap: 0.875rem;}
.categories-nav:before, .bsj-fold .categories-nav:after { content: ''; display: inline-block; width: 1.4rem; height: 1.4rem; background: url(../images/bsj-icon.png) no-repeat 0 -16.8rem; background-size: 100%;}
.bsj-fold .categories-nav:after { width: 0.7rem; height: 0.7rem; background-position: 0 -4.2rem; transition: all 0.3s;}
.bsj-fold:hover .categories-nav:after { transform: rotate(180deg);}
.categories-nav span { display: inline-block; vertical-align: middle; font-family: Verdana, Geneva, sans-serif; color: #000;}
.bsj-list { height: 2.5rem;}
.bsj-list ul { padding-left: 1.875em; display: flex; gap: 2rem; align-items: center;} 
.bsj-list li { position: relative;}
.bsj-list li a { line-height: 2.5rem; display: block; color: #666; font-size: 0.875rem; text-transform: capitalize;}
.bsj-list li a:hover { color: #e72e04;}
.categories-list { display: block; width: 15.5rem; border: 1px solid #d9d9d9; border-top: none; background: #fff; box-shadow: 2px 2px 5px 0 rgba(0,0,0,0.1); font-size: 0.875rem; box-sizing: border-box; flex-wrap: wrap; z-index: 9999; position: absolute; padding: 0.7rem 0 1.4rem; left: 0; bottom: -420px; }
.category { width: 100%; box-sizing: border-box;}
.category h3 { font-size: 0.875rem; font-weight: normal; padding: 0.57rem 0 0.57em 1rem; }
.sub-category { display: none; position: absolute; width: 780px; height: 420px; padding: 1rem 0 0 0.5rem; left: 15.3rem; top: 0; background-color: #fff; overflow-y: auto; box-shadow: 2px 2px 5px -1px rgba(0,0,0,0.1); border: 1px solid #d9d9d9; border-left: none; border-top: none; box-sizing: border-box; column-count: 3; column-gap: 16px;}
.sub-category > li { width: 230px; break-inside: avoid; margin-bottom: 16px;}
.category:hover .sub-category { display: block;}
.category:hover h3 { background-color: #f5f5f5;}
.min-category > a { font-weight: 700; color: #333;}
.low-category { padding-top: 0.5rem;}
.low-category a { display: inline-block; line-height: 1.5; width: 95%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 0.8125rem;}
.category a:hover, .low-category a:hover, .low-category .current a, .category:hover h3 a { color: rgba(231,10,10); font-weight: 700;}
.bsj-fold .categories-list { display: none;}
.bsj-fold:hover .categories-list { display: block; bottom: -420px;}
.bsj-index-nav { display: flex; align-items: center; flex-wrap: nowrap; justify-content: space-between; gap: 0.5rem; padding: 0.5rem 0 0 16rem;}
.index-banner { width: 62.5rem; height: 25.625rem; overflow: hidden; text-align: center; z-index: 10; box-sizing: border-box;}
.index-banner .section { width: 100%; height: 25.625rem; border-radius: 5px; color: #fff;}
.index-nav-left { flex-shrink: 0; width: 14.75rem; height: 25.625rem; background-color: #fff; box-sizing: border-box; border-radius: 5px;}
.index-ad { height: 8.2rem; background: url(../images/home/nav-left.jpg) center center no-repeat; background-size: contain; padding: 0.5rem 0 0 0.8rem; border-radius: 5px 5px 0 0; box-sizing: border-box; font-size: 0.875rem;}
.index-ad-title { font-weight: 700; font-size: 1rem;}
.index-ad-discount { font-weight: 700; font-size: 1.4rem; margin-bottom: 0.3rem;}
.index-ad a { display: inline-block; padding: 0.2rem 0.5rem; background-color: #f00; color: #fff; border-radius: 1rem;}
.index-whatsapp { text-align: center;}
.index-whatsapp strong { display: block; padding-top: 0.5rem;}
.index-whatsapp span { display: inline-block; width: 80%;}
.slick-slider { position: relative; display: block; box-sizing: border-box; }
.slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; width: 100%;}
.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;}
.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; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.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: 1rem; 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.375rem; height: 0.625rem; margin: 0 1rem; padding: 0; cursor: pointer; border-radius: 0.2rem; overflow: hidden; background: rgba(255,255,255,0.95); transition: all 0.3s;}
.slick-dots li button { font-size: 0;line-height: 0; display: block; cursor: pointer; border: 0; outline: 0;}
.slick-dots li.slick-active  { background-color: #fbbf09; height: 1rem;}
.slider { margin: 3rem 0; overflow: hidden;}

.item-wrap { border: 1px solid #e5e5e5; margin: 3rem 0.8rem 2rem 0.8rem; border-radius: 5px; min-height: 15rem; position: relative;}
.hot-wrap { border: 1px solid #e6001b;}
.item-wrap .section-nav {  width: 30rem; margin: -1.6rem auto 0; height: 3rem; line-height: 3rem;}
.item-list { display: flex; align-items: flex-start; gap: 1rem; justify-content: flex-start; padding: 1.5rem 0 1.5rem 1rem; flex-wrap: wrap;}
.item-list li { width: calc(16.667% - 1rem);}
.item-img { border-radius: 5px 5px 0 0; aspect-ratio: 1 / 1; overflow: hidden;}
.item-img a { display: block;}
.item-title { height: 3rem; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-height: 1.5; max-height: calc(1.5rem * 2); margin: 0.5rem 0;}

.item_price { margin: 0.5rem 0 0 0; display: flex; justify-content: space-between; align-items: center; color: #f30240; font-weight: 700; position: relative;}
.item_price span { display: block;}
.item_or_price del { display: inline-block; font-size: 0.875rem; height: 1.25rem; line-height: 1.25rem; color: #999; vertical-align: middle;}
.item_feed { position: relative; display: flex; align-items: center; height: 1rem;}
.feed-score, .feed-avg { background: url(../images/star-min.png) repeat-x 0 -29px;}
.feed-score { display: block; width: 65px; height: 12px; margin-right: 10px; overflow: hidden;}
.feed-avg { display: block; height: 12px; background-position: 0 0;}
.feed-num { display: block; font-size: 0.8125rem;}
.item-form { margin: 1rem 0;}
.item-cart, .item-out { display: block; text-align: center; cursor: pointer; border: 1px solid #666; box-sizing: border-box; font-size: 0.875rem; height: 2.2rem; line-height: 2rem; width: 100%; transition: all 0.2s; text-transform: uppercase; border-radius: 5px;}
.item-cart:hover { background-color: #f00; color: #fff; border-color: #f00;}
.item-out { color: #ccc; background: #eee; cursor: not-allowed;}
.item-off { display: block; font-weight: normal; font-size: 0.75rem; color: #fff; background: #f00; padding: 0 5px; vertical-align: middle; border-radius: 2px; margin-right: 0.5rem;}
.view-more { padding: 0 2rem 2rem; text-align: right;}
.view-more a:hover { text-decoration: underline; color: rgba(231,10,10);}

.btm-section {display: flex; gap: 1.5rem; padding: 2rem 1.5rem 3rem 1.5rem; font-size: 0.875rem;}
.btm-section li { width: calc(20% - 1.5rem); position: relative; text-align: center;}
.btm-section .btm-ic5 { margin: 0;}
.btm-section  i { display: block; margin: 0 auto; height: 40px; background: url(../images/pro-ico.png) no-repeat;}
.btm-section .btm-ico1 i { width: 39px; background-position: 0 -1148px;}
.btm-section .btm-ico2 i { width: 48px; background-position: 0 -1092px;}
.btm-section .btm-ico3 i { width: 40px; background-position: 0 -1322px;}
.btm-section .btm-ico4 i { width: 34px; background-position: 0 -1268px;}
.btm-section .btm-ico5 i { width: 45px; background-position: 0 -1208px;}
.btm-section strong { display: block; font-size: 14px; color: #333; margin: 20px 0 8px;}
.btm-section span { display: block; color: #999; line-height: 1.4;}

footer { background-color: #222; padding: 2.5rem 0 2rem;}
.btm-wrap { display: flex; justify-content: space-between; color: #8c8a89;}
.btm-wrap dl { width: 20%; font-size: 0.875rem;}
.btm-wrap dt, .nsl-tit { font-weight: bold; color: #d9d9d9; font-size: 14px; line-height: 24px;}
.btm-wrap dd { line-height: 24px;}
.btm-wrap dd a, .btm-nwa li a { display: block; color: #8c8a89; transition: all 0.05s ease-in-out 0s;}
.btm-wrap dd a:hover, .btm-nwa li a:hover { color: #ff4747; padding-left: 2px; text-decoration: underline;}
.btm-nsl { width: 16rem;}
.nsl-des { margin-top: 5px; line-height: 16px; color: #8c8a89; font-size: 0.8125rem;}
.nsl-ipt { margin-top: 10px; line-height: 26px;}
.nsl-ipt input { height: 30px; line-height: 30px; border: 1px solid #404040; width: 245px; padding-left: 5px; color: #8c8a89; background-color: #2b2b2b;}
.nsl-ipt .nsl-btn { height: 30px; line-height: 30px; background-color: #ff4747; color: #fff; border: 1px solid #ff4747; text-align: center; width: 250px; margin-top: 15px; text-transform: uppercase; cursor: pointer;}
.btm-feed { color: #8c8a89; padding: 15px 0; font-family: Verdana, Geneva, sans-serif;}
.btm-feed a { color: #7d7d7d;}
.btm-feed a:hover { color: #ff4747; text-decoration: underline;}
.btm-copyright { color: #8c8a89; text-align: center; font-size: 0.8125rem; padding: 1rem 0 0;}
.breadcrumb { padding: 0.625rem 0 0.625rem 1rem; height: 2.5rem; line-height: 2.5rem; color: #666; font-size: 0.875rem; display: flex; align-items: center;}
.breadcrumb a, .breadcrumb span { display: block; max-width: 45%; white-space: nowrap;}
.breadcrumb a { flex-shrink: 0;}
.breadcrumb span { overflow: hidden; text-overflow: ellipsis;}
.breadcrumb .bsj-icon { margin: 0 0.875rem; height: 0.5rem; width: 0.5rem; background-position: 0 -2.5rem; flex-shrink: 0;}
.breadcrumb a:hover { color: #f00;}
.bsj-content { position: relative; display: flex; flex-wrap: nowrap; align-items: flex-start; gap: 1.5rem;}
.bsj-left-wrap { width: 15.5rem; min-height: 39rem; height: auto; position: sticky; background-color: #fff; padding: 1rem 0.5rem 1rem 1rem; top: 0;}
.bsj-left-wrap > ul > li { padding-bottom: 1.5rem;}
.bsj-right-wrap { flex: 1; padding-bottom: 3rem;}
.bsj-left-wrap .search-category li { font-size: 0.875rem; padding-bottom: 0.8rem;}
.bsj-right-wrap h1 { font-size: 1.2rem; }
.content { min-height: 60vh;}
.content .item-list { padding: 1.5rem 0; gap: 1.5rem;}
.content .item-list li { background-color: #fff; width: calc(25% - 1.125rem); padding-bottom: 0.5rem; box-shadow: 0 1px 5px rgba(65,65,65,0.2); border-radius: 5px;}
.content .item-title, .content .item_feed, .content .item_or_price, .content .item_price, .content .item-form { padding: 0 1rem;}
.content .item-off { margin: 0;}
.bsj-filter { padding: 1rem; border-radius: 5px; background-color: #fff;}
.bsj-sort { margin: 1rem 0; padding: 0.5rem 1rem; display: flex; align-items: center; gap: 1rem 2.5rem; border: 1px solid #ccc; font-size: 0.875rem;}
.sort-by { display: flex; align-items: center; gap: 1rem 2.5rem;}
.bsj-sort a:hover, .bsj-sort .sort_on { color: #f00;}
.bsj-sort em { width: 1px; background-color: #ccc; height: 1rem;}
.form-input { width: 4.5rem;  height: 1.75rem; padding: 0.3125rem 0.75rem; border: 1px solid rgba(0, 0, 0, 0.08); line-height: 1.125rem; box-sizing: border-box; font-size: 0.75rem;}
.bsj-sort button { height: 1.75rem; border: 1px solid rgba(0, 0, 0, 0.08); padding: 0 0.75rem; margin-left: 0.5rem; box-sizing: border-box; font-size: 0.75rem; border-radius: 3px; color: #666;}

.page-wrap { display: flex; align-items: center; justify-content: space-between; font-size: 0.875rem; width: 100%;}
.page { display: flex; align-items: center; flex-wrap: nowrap; gap: 0.5rem;}
.page span, .page a { height: 1.75rem; line-height: 1.75rem; min-width: 1.75rem; display: block; color: #666; text-align: center;  border: 1px solid #d3d3d4; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .08); border-radius: 3px; background: #fafafa; background: -webkit-gradient(linear,0 0,0 bottom,from(#fff),to(#f6f6f6)); background: -moz-linear-gradient(top, #fff, #f6f6f6); background: -o-linear-gradient(top, #fff, #f6f6f6); background: linear-gradient(to bottom,#fff,#f6f6f6);}
.page a:hover { color: #f30213;}
.page .current { color: #fff; background: #f30213; font-weight: bold; border-color: #f30213;}
.page .prev, .page .next { width: 3.75rem;}
.page .disabled { color: #aaa;}

.sch-wrap { margin: 0 auto; padding: 0 30px 20px 30px; min-height: 570px; overflow: hidden; background-color: #fff; border-radius: 5px;}
.sch-tit { position: relative; padding: 0 0 0 50px; min-height: 40px; margin: 30px 0; font-family: Verdana, Geneva, sans-serif;}
.sch-tit:before { content: ''; display: block; position: absolute; left: 0; top: 0; width: 2.5rem; height: 2.5rem; background: url(../images/bsj-icon.png) no-repeat 0 -65rem; background-size: 100%;}
.sch-tit strong { display: block; font-size: 15px; line-height: 22px;}
.sch-tit span { display: block; margin-top: 3px; font-size: 14px;}
.sch-nav { border: 1px solid #dedede; padding: 30px 50px; margin: 5px 0 20px;}
.sch-nav dl { padding: 0 10px;}
.sch-nav dt { height: 24px; line-height: 24px; font-size: 14px; font-weight: bold; margin-bottom: 5px;}
.sch-nav dt span { display: inline-block; height: 24px;}
.sch-nav dd { font-size: 13px; height: 24px; line-height: 24px; padding-left: 15px; position: relative; color: #666;}
.sch-nav dd:before { content: ""; position: absolute; left: 5px; top: 50%; transform: translateY(-50%); width: 4px; height: 4px; border-radius: 50%; background: #999;}

/*product*/
.main-wrap { margin-top: 0.3rem;}
.pro-crumb { background-color: #fff; border-radius: 0.3125rem 0.3125rem 0 0;}
.products-wrap { display: flex; background-color: #fff; border-radius: 0 0 0.3125rem 0.3125rem; padding-bottom: 1rem; font-size: 0.875rem; gap: 1.5rem; padding-right: 0.8rem;}
.products-images { order: 1; position: relative; z-index: 2; width: 45.25rem; padding: 0 0 0 0.8rem;}
.img-wrap { display: flex; gap: 1.5rem; width: 100%; height: 37.5rem; overflow: hidden;}
.list-img { width: 6.25rem; } 
.list-img .slick-slide { width: 6rem; height: 6rem; border: 2px solid transparent; overflow: hidden;}
.list-img img { width: 6rem; height: 6rem; cursor: pointer; aspect-ratio: 1 / 1;}
.products-img { width: 37.5rem; height: 37.5rem; overflow: hidden;}
.products-img img { width: 100%;}
.list-img .slick-current { border: 2px solid #ff6600;}
.slider-counter { display: none;}
.products-info { flex: 1; order: 2; position: relative; z-index: 5;}
.products-info h1 { font-size: 1.8rem; line-height: 1.3; font-weight: 300;}
.products-nav { display: flex; align-items: center; justify-content: space-between;}
.products-stars { display: flex; align-items: center; height: 2.5rem;}
.star-feed { display: block;}
.star-wrap, .star-con i { display: 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.5rem;}
.products-stock { width: 40%; height: 1rem; background-color: #e5e5e5; border-radius: 0.5rem; display: flex; align-items: center; font-size: 0.8125rem; gap: 0.5rem;}
.stock-icon { height: 1rem;  border-radius: 0.5rem; background: -webkit-gradient(linear, left top, right top, from(#ff0000), to(#ff644d)); background: linear-gradient(135deg, #ff0000, #ff644d);}
.stock-full { background: -webkit-gradient(linear, left top, right top, from(#044f02), to(#648c63)); background: linear-gradient(135deg, #044f02, #648c63); position: relative; text-align: center;}
.stock-full::before { content: 'In Stock'; display: block; color: #fff; vertical-align: middle; line-height: 1rem; height: 1rem;}
.stock-num { color: #f00;}
.products-price { display: flex; align-items: center; padding: 1rem 0; gap: 3rem;}
.products-price span { display: inline-block; vertical-align: middle; font-size: 1.5rem; color: #ff4733; font-weight: 700;}
.products-price del { display: block; color: #aaa; font-size: 1.1rem;}
.products-price .products-save { background-color: #ff544c; border-radius: 2px; color: #fff; padding: 0.2rem 0.5rem; font-size: 0.875rem;}
.products-color { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1rem 0;}
.color-wrap { flex: 1; display: flex; align-items: center; gap: 1rem;}
.color-opt { width: 3rem; height: 3rem; box-sizing: border-box; border-radius: 5px; overflow: hidden; border: 1px solid #ddd; cursor: pointer;}
.color-wrap .current { border: 2px solid #f00; }
.color-opt img { width: 100%;}
.products-qty { display: flex; align-items: center; margin-top: 1rem; height: 2rem; line-height: 2rem; gap: 1rem;}
.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; border-right: none; border-left: none; color: #000; width: 3rem; height: 1.875rem; line-height: 1.875rem; text-align: center; -moz-appearance: none;}
.products-qty input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0;}
.qty_down, .qty_up { height: 1.875rem; width: 1.875rem; cursor: pointer; background: url(../images/bsj-icon.png) no-repeat; border: 1px solid #c9c9c9; background-size: 100% auto;}
.qty_down { background-position: 0 -26.25rem; border-right: none; border-radius: 3px 0 0 3px;}
.qty_on { background-position: 0 -28.125rem;}
.qty_up { background-position: 0 -24.375rem; border-left: none; border-radius: 0 3px 3px 0;}
.products-cart { display: flex; margin: 1.25rem 0 0 0; padding: 0 0 1.6rem 0; position: relative;}
.fix-cart { position: fixed; width: 100%; left: 50%; bottom: 0; transform: translate(-50%, 4.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;}
.products-cart .addcart, .products-cart .buynow, .fix-cart .addcart, .fix-cart .buynow { display: inline-block; cursor: pointer; box-sizing: border-box; font-size: 1.2rem; padding: 0.6rem 0; width: 16rem; height: 2.75rem; color: #fff; text-align: center; border-radius: 3px; vertical-align: middle; -webkit-transition: all .2s ease; transition: all .2s ease; font-weight: 700; border: none;}
.out-stock { display: inline-block; border: 1px solid #ccc; box-sizing: border-box; font-size: 1.2rem; padding: 0.6rem 0; width: 16rem; text-align: center; border-radius: 3px; vertical-align: middle; font-weight: 700; color: #ccc; background: #eee; cursor: not-allowed; margin-right: 1rem;}
.products-cart .buynow, .fix-cart .buynow { background-color: #ff7e33;}
.products-cart .addcart, .fix-cart .addcart { background: #f24330; margin-right: 1rem;}
.fix-btn:hover { box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);}
.products-ship { display: flex; align-items: center; gap: 0.5rem; margin-bottom: 1rem;}
.products-prm { position: relative; margin-bottom: 1rem; max-width: 33rem;}
.prm-nav { font-weight: 700;}
.prm-wrap { border: 1px solid #ddd; margin: 0.5rem 0 0; border-bottom: 0; box-sizing: border-box;}
.prm-wrap span { display: block; border-bottom: 1px solid #ddd; padding: 0.5rem 1rem; box-sizing: border-box;}
.products-protection { padding: 1.5rem 0; line-height: 1.5;}
.products-protection span { display: block;}

.section-cap { font-weight: 700; padding: 1rem 1.5rem; line-height: 2rem;}
.section-cap span { display: inline-block; position: relative;}
.section-cap span::after { content: ''; display: block; position: absolute; left: 0; bottom: -1px; height: 1px; width: 100%; background-color: #333;}
.section-list { display: flex; align-items: flex-start; gap: 1.5rem; justify-content: flex-start; padding: 0.5rem 0 2rem 1.5rem; flex-wrap: wrap;}
.section-list li { width: calc(16.67% - 1.5rem); border: 1px solid #e5e5e5; box-sizing: border-box; padding-bottom: 1rem; border-radius: 5px; overflow: hidden; box-shadow: 0 1px 1px rgba(65, 65, 65, 0.1);}
.section-list .item-title, .section-list .item_feed, .section-list .item_price, .section-list .item_or_price { padding-left: 0.5rem;}
.section-list .item-title { font-size: 0.8125rem; height: 2rem; line-height: 1.2; max-height: calc(1.2rem * 2); padding-right: 0.5rem;}
.video-wrapper { position: relative; width: calc(100% - 3rem); margin: 1rem 1.5rem 2rem; aspect-ratio: 16 / 9;}
.video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; aspect-ratio: 16 / 9;}
.section-description { padding: 0.5rem 1.5rem 2rem 2.5rem; font-size: 0.875rem;}
.section-description ul { margin: 0.5rem 0 2rem;}
.section-description li { list-style: disc; list-style-position: inside; line-height: 2;}
.section-tit { font-weight: 700;}
.section-specification { display: flex; max-width: 70rem; margin: 1rem 0 2rem; justify-content: space-between; flex-wrap: wrap; border: 1px solid #ddd; border-bottom: none; border-left: none;}
.section-specification div { width: 30%; flex-shrink: 1; line-height: 2.5rem; box-sizing: border-box; border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; padding: 0 0.8rem;}
.section-specification .section-main { width: 20%; background-color: #f5f5f5; font-weight: 700;}
.section-img { max-width: 900px;}
.section-img div { margin-bottom: 1rem;}
.section-img img { max-width: 900px; width: auto; height: auto;}

.review-main { margin: 0 1.25rem; padding: 1.5rem 0; background-color: #fff;} 
.review-wrap { display: flex; justify-content: space-between; align-items: center; margin: 0 1.875rem; padding: 1.25rem 0; background-color: #f5f6f8;}
.review-score { width: 23.5%;}
.score-text { text-align: center; height: 1.875rem;}
.score-text em { color: #ff4747; font-size: 1.25rem; text-align: center; height: 1.875rem; font-weight: bold; padding-right: 0.3125rem;}
.review-score .score-stars { 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-contain { width: 31%; border-right: 1px solid #ddd;}
.review-contain li { color: #656D78; margin: 0.3125rem 0; width: 100%; font-size: 0.8rem; display: flex; align-items: center;}
.review-contain .review-star { display: flex; align-items: center; gap: 0.3rem;}
.review-contain .review-star::after { content: ''; display: inline-block; width: 0.9375rem; height: 1rem; vertical-align: middle; background: url(../images/bsj-icon.png) no-repeat 0 -2034px;}
.review-contain li strong { margin: 0 0.3125rem;}
.review-bg { height: 0.8125rem; margin: 0 0.625rem; width: 55%; background: #d9d9d9; border-radius: 0.5rem; overflow: hidden;}
.review-bg i { display: block; height: 0.8125rem; background: #ff4747; box-shadow: 2px 0 3px rgba(114,5,5,0.5);}
.review-write { width: 45%; margin-left: 5%; font-size: 0.875rem; font-weight: 700;}
.review-write span { display: inline-block; height: 2.5rem; line-height: 2.5rem; width: 13.75rem; text-align: center; color: #fff; background-color: #f24330; text-transform: uppercase; transition: all 0.3s; cursor: pointer;} 
.review-write span:before { content: ''; display: inline-block; width: 1.2rem; height: 1.2rem; vertical-align: middle; margin-right: 0.5rem; background: url(../images/bsj-icon.png) no-repeat 0 -25.2rem; background-size: 100%;}
.review-write span:hover { background-color: #e00;}
.review-write em { display: block; font-weight: normal; padding-top: 1rem;}

.review-cap { margin: 1.875rem; height: 2.5rem; line-height: 2.5rem; font-size: 1rem; font-weight: bold; border-bottom: 1px solid #e5e5e5;}
.review-cap span { display: inline-block; color: #333; position: relative;}
.review-cap span:after { content: ''; display: block; position: absolute; width: 100%; height: 2px; background-color: #ff4747; 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-info { width: 28%; padding: 1.25rem 0 1.25rem 4.2rem; color: #888; position: relative;}
.review-info:before { content: ''; display: block; position: absolute; width: 3.625rem; height: 3.625rem; background: url(../images/bsj-icon.png) no-repeat 0 -79.75rem; left: 0.2rem; top: 1.1rem; background-size: 100%;}
.review-info strong { display: block; color: #333; font-size: 0.875rem; padding: 0.3rem 0 0.2rem;}
.review-info span { display: block; color: #656D78; font-size: 0.8125rem; height: 1.25rem; line-height: 1.25rem;}
.review-info span::before { content: ''; display: inline-block; width: 1.2rem; height: 1.2rem; background: url(../images/bsj-icon.png) no-repeat 0 -27.6rem; background-size: 100%; vertical-align: middle; margin-right: 0.3rem;}
.review-note { width: 70%; line-height: 1rem; padding: 1.25rem 0 1.25rem 0; max-width: 46rem; min-height: 8rem;}
.review-nav { margin: 0.625rem 0; color: #555; line-height: 1.5; font-size: 0.9375rem;}
.review-date { color: #999;}

.qst-con { width: 50%; padding: 3rem 0 3rem 7rem; border-right: 1px solid #ddd; position: relative; margin: 0 0 0 3.5rem; font-size: 0.875rem; box-sizing: border-box;}
.qst-con::before { content: ''; display: block; position: absolute; width: 3.5rem; height: 3.5rem; background: url(../images/bsj-icon.png) no-repeat 0 -84rem; left: 2.5rem; top: 50%; margin-top: -1.5rem; background-size: 100%;}
.qst-con em { display: block; color: #333; font-size: 1rem;}
.qst-con span { display: block; color: #999;}

.qst-wrap { margin: 0 1.5625rem 3.125rem 1.5625rem; padding-top: 1.25rem; overflow: hidden; background-color: #fff;}
.qst-list { margin: 1.5rem 1.875rem 1.5rem 1.875rem; border-bottom: 1px dashed #ddd; font-size: 0.875rem;}
.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;}


/*购物车相关*/
.fix-wrap { position: fixed; top: 0; right: 0; width: 30rem; background-color: #fff; border: 1px solid #aaa; height: calc(100vh); z-index: 88888; overflow-y: scroll; transform: translate3d(101%, 0, 0); transition: transform 0.3s ease; will-change: transform; box-sizing: border-box; border-right: 0; visibility: hidden;}
.cart_show { transform: translate3d(0, 0, 0); visibility: visible;}
.cart-nav { padding: 0.5rem 0 0 0; color: #666;} 
.cart-nav h1 { font-size: 1.3rem; line-height: 3rem; padding-left: 0.5rem; box-sizing: border-box;}
.ico-back { display: none;}
.cart-tap { padding-bottom: 3.125rem;}
.cart-wrap { background-color: #fff; margin-top: 1rem;}
.cart-wrap h2, .cart-wrap h3 { padding: 0 1.25rem; font-size: 0.875rem; height: 2.5rem; line-height: 2.5rem; background: -webkit-gradient(linear, left top, right top, from(#ededed), to(#fefefd)); background: linear-gradient(180deg, #ededed, #fefefd); border-bottom: 1px solid #bf0000;}
.cart-ban { display: flex; align-items: flex-start; margin: 0 1.25rem 0.8rem; padding-bottom: 0.8rem; border-bottom: 1px solid #eee; justify-content: space-between;}
.cart-ban-last { border: none;}
.ban-tit { font-weight: 700; color: #666; font-size: 0.875rem; height: 2.2rem; align-items: center; padding-bottom: 0.3rem;}
.cart-desc { display: flex; width: 58%;}
.cart-cap { width: 42%; 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;}
.remove-action, .mobile-action { display: none; position: absolute; right: 0.5rem; bottom: 0; width: 1.5rem; height: 1.5rem; background: url(../images/bsj-icon.png) no-repeat 0 -28.5rem; 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 { font-size: 0.875rem; padding: 0 0.5rem;}
.cart-tit a, .cart-img a { display: block; max-width: 85%;}
.cart-tit strong { display: inline;}
.cart-tit a:hover, .cart-action a:hover { color: #c00; 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.8725rem; 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-num-ipt::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0;}
.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 { flex: 1; max-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; cursor: pointer;}
.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: 60rem; 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 { 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;}
.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: space-between; padding: 1.875rem 0 3rem; background-color: #fff;}
.checkout, .addr-view { padding: 0 1rem; height: 2.75rem; line-height: 2.75rem; text-align: center; background-color: #f24330; font-size: 1rem; color: #fff; border-radius: 0.3125rem; transition: all .2s ease; box-sizing: border-box;}
.addr-view { background-color: #ff7e33; min-width: 45%;}
.checkout a, .addr-view a { display: block; color: #fff;}
.checkout:hover { background-color: #e72d04;}
.addr-view:hover { background-color: #e16411;}

.sc-empty { padding-top: 7.5rem; text-align: center;}
.sc-empty span { display: inline-block; width: 5rem; height: 5rem; background: url(../images/bsj-icon.png) no-repeat; background-size: 100%; background-position: 0 -85rem; }
.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: rgb(242, 67, 48); color: #fff; border: 1px solid rgb(242, 67, 48);}

.fix-wrap .cart-wrap { margin: 0; padding-top: 2.6rem;}
.fix-wrap .cart-ban { flex-wrap: wrap; position: relative; padding: 1.25rem 0 2.8rem;}
.fix-wrap .cart-desc { width: 100%;}
.fix-wrap .cart-tit { flex: 1; padding: 0;}
.fix-wrap .cart-img { width: 7rem; min-height: 7rem; margin-right: 1rem;}
.fix-wrap .cart-tit a { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-height: 1.2; max-height: calc(1.2rem * 2);}
.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 .remove-action { display: block;}

.fix-wrap .price-info { justify-content: flex-end; flex-wrap: wrap; padding-top: 1.25rem;}
.fix-wrap .ship-now { max-width: 100%; width: 100%; box-sizing: border-box; margin: 1rem 0; 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, .addr-paid .ship-now span::after { display: none;}
.fix-wrap .pri-total { width: 100%; 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 .checkout { padding: 0; width: 46.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-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; gap: 0.5rem; font-size: 0.875rem; flex-wrap: wrap;}
.addr-nav { width: 9rem; text-align: right;}
.addr-data { width: 30rem; height: 2.5rem; position: relative;}
.addr-data strong { display: block; border: 1px solid #ddd; box-sizing: border-box; width: 100%; padding: 0 1.25rem; line-height: 2.375rem;}
.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-line input:focus { border-color: #f30; box-shadow: inset 0 0 3px rgba(252,157,33,.2);}
.addr-data .erro { border-color: #f30;}
.addr-btn { padding: 0 3rem; font-size: 1.25rem; height: 2.5rem; line-height: 2.5rem; text-align: center; cursor: pointer; background: #f24330; color: #fff; border: none; border-radius: 3px; transition: all 0.3s;}
.addr-btn:hover { background-color: #e72d04;}
.addr-note { width: 100%; font-size: 0.8125rem; color: #888; box-sizing: border-box; padding-left: 9.6rem;}
.addr-msg { width: 100%; font-size: 0.875rem; color: #c00; display: none; padding-left: 9.6rem;}
.addr-lable { color: #f00; font-weight: 700;}
.addr-cap { line-height: 2.125rem; color: #000; font-size: 1.125rem; margin: 2.5rem 0 0.3rem; padding-left: 0.2rem;}
.addr-status { display: flex; width: 98%; 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: #f30;}
.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; gap: 1rem;}
.addr-list { flex: 1; box-sizing: border-box;}
.addr-list li { line-height: 1.6rem; font-size: 0.875rem; display: flex; gap: 1rem;}
.addr-list span { width: 6rem; color: #000; text-align: right; flex-shrink: 0; font-weight: 700;}
.addr-list em { display: inline-block;}
.addr-edt { min-width: 35%;}
.addr-edt a { display: inline-block; text-align: center; padding: 0 2.5rem; font-weight: 700; background-color: #f24330; color: #fff; line-height: 2.5rem; font-size: 0.875rem; transition: all .2s ease;}
.addr-edt a:hover { background: #e72d04;}
.addr-pnr { margin: 2.5rem 0 0;}
.addr-content { display: flex; justify-content: space-between; gap: 1rem; padding-bottom: 2.5rem; margin-bottom: 2rem; align-items: flex-end;}
.addr-option { width: 50%; padding-left: 2rem; box-sizing: border-box;}
.addr-option .price-info { flex-wrap: wrap; width: 100%;}
.addr-option .ship-now { max-width: 100%;}
.pay-choose { width: 20rem; margin-top: 2rem;}
.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 #f24330;}
.check-on i { display: block; width: 0.75rem; height: 0.75rem; border-radius: 50%; margin: 2px; background-color: #f24330;}
.addr-pay { padding-right: 2rem;}
.addr-pay .pri-total { margin: 0;}
.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;}
.addr-paid { padding-top: 2.5rem;}
.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;}
@-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;}
}
.toolbar, .whatsapp { z-index: 1300; position: fixed; left: 100%; margin-left: -3.5rem; bottom: 4rem; -webkit-transform: translateZ(0); transform: translateZ(0); font-size: 0.8125rem;}
.whatsapp { width: 3rem; height: 3rem; border-radius: 3px; bottom: 50%; margin-left: -3.7rem;}
.whatsapp a { display: block; width: 3rem; height: 3rem; background-position: 0 -84rem;}
.gotop { width: 2.5rem; height: 2.5rem; background: #000 url(../images/page-ico.png) no-repeat 7px -570px; cursor: pointer; filter: alpha(opacity=28); opacity: 0.7; border-radius: 3px; position: relative; margin: 0 auto;}
.bsj-trig { display: inline-block; *display: inline; *zoom:1; width: 0; height: 0; margin-left: 5px; vertical-align: middle; border-top: 4px solid; border-right: 4px solid transparent; border-left: 4px solid transparent;}
.bsj-jt { display: inline-block; *display: inline; *zoom:1; width: 0.7rem; height: 0.3125rem; vertical-align: middle; transition: all 0.3s; margin-left: 0.3125rem; background-position: 0 -4.42rem;}
.bsj-act:hover .bsj-jt, .bsj-help:hover .bsj-jt, .bsj-cart:hover .bsj-jt { transform: rotate(180deg);}
.box-shadow { box-shadow: 0 1px 5px rgba(65,65,65,0.2);}
.bsj-new { display: block; width: 48px; height: 17px; position: absolute;  background: url(../images/pro-ico.png) no-repeat -44px -1154px; right: -20px; top: 3px; -webkit-animation: dance 1s linear infinite; animation: dance 1s linear infinite; z-index: 30;}
.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: #f24330; background: -webkit-gradient(linear,0 0,0 bottom,from(#f8503e),to(#e92b16)); background: -moz-linear-gradient(top, #f8503e, #e92b16); background: -o-linear-gradient(top, #f8503e, #e92b16); background: linear-gradient(to bottom,#f8503e,#e92b16);}
.bg-linorg:hover { background: #f8af23; background: -webkit-gradient(linear,0 0,0 bottom,from(#ee3d2a),to(#ef1b04)); background: -moz-linear-gradient(top, #ee3d2a, #ef1b04); background: -o-linear-gradient(top, #ee3d2a, #ef1b04); background: linear-gradient(to bottom,#ee3d2a,#ef1b04);}
@-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); transform: translateY(0);}
33.33% { -webkit-transform: translateY(-5px); transform: translateY(-5px);}
66.66% { -webkit-transform: translateY(0); transform: translateY(0);}
100% { -webkit-transform: translateY(-5px); transform: translateY(-5px);}} 
@keyframes dance { 
0% { transform: translateY(0);}
33.33% { transform: translateY(-5px);}
33.33% { transform: translateY(0);}
100% { transform: translateY(-5px);}}

.bsj-fixed, .bsj-fixed { -webkit-animation: sldTop .5s ease-in-out; -moz-animation: sldTop .5s ease-in-out; animation: sldTop .5s ease-in-out;}
@-webkit-keyframes sldTop {
0% { top:-70px; }
100% {top: 0;} }
@-moz-keyframes sldTop {
0% { top: -70px;}
100% { top: 0;} }
@keyframes sldTop {
0% { top: -70px;}
100% {top:0;} }
.dia-close { position: absolute; right: 0.5rem; top: 0.5rem; display: block; width: 2.5rem; height: 2.5rem; background: url(../images/bsj-icon.png) no-repeat; background-position: 0 -40rem; background-size: 100%; z-index: 99999; cursor: pointer;}
.fix-wrap .dia-close { width: 2rem; height: 2rem; background-position: 0 -36rem;}
.load { display: none; position: fixed; left: 50%; top: 50%; margin-left: -10rem; margin-top: -6rem; width: 20rem; height: 12rem; border-radius: 0.5rem; z-index: 999999;}
.pro-dialog-bg { position: absolute; left: 0; top: 0; background: #000; width: 100%; height: 100%; opacity: 0.3; display: none; z-index: 999;}
.add_note { height: 4rem; line-height: 4rem; padding-top: 4rem; text-align: center; color: #fff;}
.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: #f30; 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;}
.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); 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); 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);}}
@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); transform: rotate(130deg);}
50% { -webkit-transform: rotate(-5deg); 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); transform: rotate(-130deg);}
50% { -webkit-transform: rotate(5deg); transform: rotate(5deg)}}
@keyframes right_spin {
from,to { -webkit-transform: rotate(-130deg); transform: rotate(-130deg);}
50% { -webkit-transform: rotate(5deg); transform: rotate(5deg);}}

.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; left: 50%; top: 45%;}
.short-dialog { width: 460px; height: 150px; text-align: center; justify-content: center; align-content: center; margin-left: -230px; margin-top: -75px; flex-wrap: wrap;}
.feed-dialog { width: 690px; height: 480px; margin-left: -345px; margin-top: -240px;}
.faq-dialog { width: 690px; height: 430px; margin-left: -345px; margin-top: -215px;}
.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 .cbox { border: 1px solid #ddd; margin: 2.5rem 0.5rem 1rem 0.5rem; padding: 0.5rem 0; display: flex; align-items: center; max-width: 674px;}
.pro-dialog .cbox .cbox-img { width: 3rem; height: 3rem; flex-shrink: 0; padding: 0.5rem;}
.cbox-nav { font-size: 0.875rem; font-weight: 700;}
.cbox-tit { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 600px; font-size: 0.875rem;}
.cbox-num { font-size: 11px; line-height: 14px; color: #999;}

.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;}
.review-bst { width: 90px; height: 30px; background: url(../images/star-min0.png) repeat-x 0 -40px; position: relative;}
.review-bst i { height: 17px; display: block; text-indent: -999em; position: absolute; left: 0; top: 0; cursor: pointer;}
.str1 { z-index: 5; width: 18px;}
.str2 { z-index: 4; width: 36px;}
.str3 { z-index: 3; width: 54px;}
.str4 { z-index: 2; width: 72px;}
.str5 { z-index: 1; width: 90px;}
.review-bst i:hover, .review-bst .review-on { background: url(../images/star-min0.png) repeat-x;}
.dia-form .dia-op { display: flex; align-items: center; flex-wrap: nowrap; min-height: 40px; padding-bottom: 10px;}
.dia-form .dia-star { height: 18px;}
.dia-form .dia-star span { display: flex; align-items: center;}
.dia-form .dia-label { width: 150px; height: 30px; line-height: 30px; padding-right: 10px; text-align: right;}
.dia-form i { height: 18px; 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: #E00; border-radius: 0.1875rem; cursor: pointer;}
.dia-form .dia-btn:hover { background-color: #ED1A1D;}
.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;}