.agree-box{display:none;height:150px;overflow:hidden;overflow-y:auto}
	.agree-box.on{display:block;}
	.app-header{max-width: 1200px;margin:0 auto}
	#main-wrapper[data-layout=vertical][data-header-position=fixed] .app-header{width:100%;left:50%;transform:translate(-50%,0);}
	#main-wrapper[data-layout=vertical][data-sidebartype=full] .body-wrapper{margin-left:0;}
	.body-wrapper>.container-fluid{padding-bottom:75px;}


	.input-btn{position:relative;}
	.input-btn input{width:calc(100% - 70px);}
	.input-btn button{position:absolute;right:0;bottom:0;}
	.input-addr div{position:relative;display:flex}
	.input-addr input{width:calc(100% - 200px);margin-right:10px;}
	.input-addr input#zipcode{width:120px;}
	.input-addr button{position:absolute;right:10px;bottom:0;}
.form-control:read-only {    background-color: var(--bs-form-control-disabled-bg);}
#btnCloseLayer{cursor:pointer;position:absolute;right:0;top:0;z-index:1;background-color:#fff;}
#layer{display:none;position:fixed;overflow:hidden;z-index:1;-webkit-overflow-scrolling:touch;border-radius:4px;}
.nav-tabs{margin-left:-1px;}
.nav-tabs .nav-link:hover {color: var(--bs-nav-tabs-link-active-color);background-color: var(--bs-nav-tabs-link-active-bg);border-color: var(--bs-nav-tabs-link-active-border-color);}
.pagination {width:max-content;margin:0 auto;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { margin-bottom: 0;}
.goods a span{color: var(--bs-heading-color, inherit);}
.goods .title {word-break:keep-all;height:45px;}
.goods .position-relative img{object-fit:cover; object-position: top;height: 226px;border:1px solid #e9e9e9;}

.cart table thead tr{background-color:var(--bs-table-striped-bg);}
.cart tr{border-bottom:1px solid var(--bs-table-striped-bg);}
.goods_img button{border:2px solid #fff;}
.goods_img button:hover,.goods_img button.on{border-color: var(--bs-nav-link-color)}
.goods-box .card{border-radius:0;}

.goods_price div{float:right}
.goods_count div{float:right}
.goods_price {clear:both;height:50px;}
.goods_count {clear:both;height:50px;}
.goods_count button{width:30px;height:30px;line-height:20px;font-size:20px;padding:0;}
.goods_count input{width:60px;text-align:center;padding:0;height:30px;-moz-appearance: textfield;  -webkit-appearance: none;margin: 0;}
.goods_count input::-webkit-outer-spin-button,
.goods_count input::-webkit-inner-spin-button {-webkit-appearance:none;margin: 0;}

.goods_total{clear:both}
.app-header{ max-width:100%;}
.app-header .navbar{ max-width:1200px;margin:0 auto;}
.app-header .logo{width:100px;}
.app-header .logo img{width:119px}

.body-wrapper>.container-fluid, .body-wrapper>.container-lg, .body-wrapper>.container-md, .body-wrapper>.container-sm, .body-wrapper>.container-xl, .body-wrapper>.container-xxl {max-width:1400px;}
@media(max-width:760px){
	.pc{display:none;}
	.navbar-nav .fw-semibold{font-size:12px;}
	.navbar-nav .me-5 {margin-right: 1rem !important;}
	.navbar-nav .btn{--bs-btn-padding-x: 7px; --bs-btn-padding-y: 3px;}
	.goods img{height: auto;}
	.se-image-container img{width:100%;height:auto;}
	.goods_img {padding-bottom:20px;display:flex}
	.goods_img div{width:25%;}

}



.pocket_head {padding-top:1px}
.pocket_head a{color:#333;font-size:12px;}
.pocket_head strong{color:#333;font-size:12px;font-weight:normal}
.pocket_head{background-color:#fcfcfc;text-align:right;background-color: #fcfcfc;height: 29px;border-bottom: 1px solid #e9e9e9;}
.pocket_head div{max-width:1200px;margin:0 auto}
.pocket_head span{font-size:0;margin:0 5px;vertical-align:middle;display:inline-block;height:10px;width:2px;border-right:1px solid #b0b0b0}
.app-header .navbar{display:block;padding:10px 0 15px 0}
.app-header .pocket_logo{display:block;text-align:center}
.app-header .pocket_logo .logo{display:inline-block;float:left;margin:2px 0 0 20px}
.app-header .pocket_logo .logo img{width:200px;}
.app-header .pocket_logo .logo img.mo{display:none;}
.app-header .pocket_logo .search{display:inline-flex;margin-top:15px;}
.search{margin-bottom:10px;}
.search form{display:flex;}
.search select{width:120px;background-color:#fff !important;margin-right:10px;background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'><path d='M6 9L1 3l-.7.7L6 10.4 11.7 3.7 11 3z'/></svg>");background-repeat: no-repeat;background-position: right 10px center;}
.search div{display:flex;}
.search input{width:300px;background-color:#fff;margin-right:10px;}
.app-header .pocket_logo .search button{background-color:#e72e2b;border:1px solid #e72e2b}

#main-wrapper[data-layout=vertical][data-header-position=fixed] .app-header{position:relative;}
.menu{border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;height:40px;z-index:999;display:flex;background-color:#fff;margin:0 auto;width:100%;text-align:center}
.menu menu{width:1200px;max-width: 1200px;margin:0 auto;display:flex;height:40px;}

menu a{width:100%;text-align:center;color:#000;padding-top:8px;}
menu br{display:none;}
menu img{margin:-2px 3px 0 0}
menu a.on,menu a:hover {color:#ED2923}
menu a.on img,menu a:hover img{filter: invert(17%) sepia(80%) saturate(5680%) hue-rotate(354deg) brightness(105%) contrast(87%);}
footer{width:100%;background-color:#464646;color:#bdbdbd;text-align:left;padding-bottom:50px;}
footer div{color:#bdbdbd;max-width:1000px;margin:0 auto;position:relative;padding-top:30px;}
footer a {display:block;color:#bdbdbd}
footer a:hover{color:#fff;}
footer a img{width:150px;}
footer img.esc{float:right;margin-top:-70px;}
footer p {position:absolute;left:200px;top:37px;display:flex}
footer p a {color:#bdbdbd;font-size:12px;padding:0 20px;}
.radial-gradient:before{background:#fff;}
.row .goods{width:20%;}
.goods-box .card{box-shadow:unset;}
.goods-box .card-title{padding-left:24px;}
.goods-box .p-3{padding:1rem 0 !important;}
.goods-box .card-body small {font-weight:bold}
.goods-box .card-body small img{margin:-1px 3px 0 0 }

.cart .card{border:0;background:transparent;box-shadow:unset}
.cart .card input[type=number]{border-radius:0;}
.cart .card .btn-minus{border-radius:5px 0 0 5px;line-height:14px;}
.cart .card .btn-plus{border-radius:0 5px 5px 0;line-height:14px;}
.cart .card-header.tabs{padding:0;background-color:#fff;}
.cart .tabs{display:flex}
.cart .tabs a{color:#333;display:block;width:100%;text-align:center;border-bottom:2px solid #c8c8c8;height:50px;line-height:50px;font-size:16px}
.cart .tabs a:hover,.cart .tabs a.on{color:#e72e2b;font-weight:bold;border-bottom:2px solid #e72e2b}
.cart .tabs table{width:100%;}
.cart .tabs thead{background-color:#f6f6f6}
.cart .tabs th{text-align:center;height:40px;padding:0 10px;}
.cart .tabs td{text-align:center;border-bottom:1px solid #f1f1f1;padding:10px;}
.cart .tabs th.left{text-align:left;}
.cart .tabs td.left{text-align:left;}
.cart .quest-box{width:100%;margin:10px 0 0 0;position:relative;}
.cart .quest-box strong{font-size:16px;display:block;margin-bottom:5px;}
.cart .quest-box textarea{border:1px solid #f1f1f1;border-radius:5px;width:100%;height:100px;padding:10px 90px 10px 10px;}
.cart .quest-box button{width:100px;height:30px;border-radius:5px;border:0;background:#e72e2b;color:#fff;position:absolute;bottom:15px;right:20px;}
.btn-review{float:right;width:80px;height:30px;border-radius:5px;border:0;background:#fff;color:#e72e2b;}
.review-box{position:relative;width:100%;margin:20px 0 0 0;display:none}
.review-box textarea{border:1px solid #f1f1f1;border-radius:5px;width:100%;height:100px;padding:10px 90px 10px 10px;}
.review-box button{width:80px;height:30px;border-radius:5px;border:0;background:#e72e2b;color:#fff;position:absolute;bottom:15px;right:20px;}
.review-box.on{display:block;}
.swiper-wrapper{text-align:center;}
.swiper-wrapper img.mo{display:none;}
.cart .etc p{padding: 0 0 0 20px}
.se-component img{max-width:1292px;}
.cash-box{display:none;}
.cash-box.on{display:block;}
.cash-box a{color:#333;border-bottom:1px solid #333}
.cart .bank{margin-left:15px;}
.btn-copy{border: 0;background-color: #e72e2b;color: #fff;border-radius: 5px;padding: 5px 10px;margin-left: 5px;}
.btn-pocket{font-weight:bold;position:fixed;bottom:20px;right:20px;background-color: #e72e2b;color: #fff;width:60px;height:60px;text-align:center;border-radius:60px;font-size:12px;padding-top:12px;z-index:3;}
.btn-pocket:hover{color: #fff;}
.goods.vip .title{color:#e72e2b;}

@media(max-width:900px){
.row .goods{width:33.33%;}
.row .goods:nth-child(10){display:none;}
.body-wrapper>.container-fluid{padding:0;}
	.app-header .pocket_logo .logo img{width:100px;display:none}
	.app-header .pocket_logo .logo img.mo{display:block;margin-top:12px;}
	.pocket_head div{margin-right:20px}
}
@media(max-width:760px){

	.search form{display:block;}
	.search select{}
	.search div{display:flex}
		.search input{width:calc(100% - 100px);}
	.goods .title{font-size:0.8rem !important;}
		.app-header .pocket_logo{display:flex}
	.app-header .pocket_logo .logo{margin:0;}
	.app-header .pocket_logo .search{margin:0;padding:0;}
	.container-fluid{padding-top:30px !important;}
	.cart {padding-top:10px !important;}
	.app-header .navbar{padding:10px 0 0 0;min-height:60px;}
  .app-header .navbar .navbar-nav {flex-direction: column;-ms-flex-direction:column}
	.app-header .pocket_logo .logo img{width:80px;}
	.app-header .pocket_logo .logo img.mo{margin-top:2px;}
.swiper-wrapper img{display:none;}
.swiper-wrapper img.mo{display:block;}
footer div{padding-left:20px;padding-right:20px;}
}
@media(max-width:450px){

	.nav-item{display:block}
	.nav-item .bg-secondary{background:transparent !important;padding:0;color:var(--bs-dropdown-link-color);}
	.nav-item .bg-success {background:transparent !important;padding:0;color:var(--bs-dropdown-link-color);}
	.pc{display:inline-block;font-size: 0.75rem !important;}
	.navbar-nav .fw-semibold{font-size:12px;margin-left:5px;}
	.navbar-nav .fs-3{font-size:12px !important;}
	.goods .title{height:auto;font-size:0.85rem !important;    word-break: auto-phrase;}
	.menu menu{height:50px;}
	menu br{display:unset;}
	.menu{height:50px}
	menu img{width:15px}
	menu a{font-size:12px;height:50px}

.cart .tabs colgroup col:nth-child(1){display:none}
.cart .tabs colgroup col:nth-child(3){width:80px}
.cart .tabs colgroup col:nth-child(4){width:100px}
.cart .tabs tr th{font-size:12px;}
.cart .tabs tr td{font-size:12px;}
.cart .tabs tr th:nth-child(1){display:none}
.cart .tabs tr td:nth-child(1){display:none}
.cart .tabs a{font-size:13px}
.tabs{font-size:12px}
.cart .etc p{padding: 0 0 0 10px}
footer {font-size:12px;}
footer p {left:180px}
footer p a {padding:0 10px;}
footer img.esc{width:100px}
.col-sm-6._02{display:block;width:100%;}
}


@media(max-width:440px){
	.card {--bs-card-spacer-y: 20px;--bs-card-spacer-x: 20px;}

	.app-header{padding:0 10px}
	.goods .position-relative img{height:130px}
	.goods .card-body.p-3{padding:10px 0 !important}
	.goods a span{font-size:12px}
	.goods-box .card-title{padding-left:12px;}
	.goods span.ms-2{margin-left:0 !important;display:block}
	.row>* {padding-right: calc(var(--bs-gutter-x) * 0.2);padding-left: calc(var(--bs-gutter-x) * 0.2);}
	.btn-cart{margin-top:10px;}
	.btn-buy{margin-top:10px;}
}

.popup{z-index:13;position:absolute;top:160px;left:0;;background-color:#fff;border:1px solid #E4E1E1;display:none;}
.popup.on{display:block}
.popup-box{overflow:hidden}
.popup-box img{max-width:1200px;max-height:580px;}
.popup-con{display:flex;}
.popup-con a{width:100%;}
.popup-close{background-color:#2F313A;width:100%;height:31px;position:relative;}
.popup-close button{color:#fff;background:transparent;font-size:12px;font-weight:400;height:31px;padding:0 15px;border:0;}
.popup-close button:last-child{position:absolute;right:0;top:0}
.popup-box .swiper-horizontal>.swiper-pagination-bullets{display:none;text-align:center;bottom:40px;padding:0;}


@media(max-width:640px){
	.popup{width:calc(100% - 76px);height:auto;left:50%;transform:translate(-50%,0);}
	.popup-box .swiper-horizontal>.swiper-pagination-bullets{display:block}
  .popup-box .swiper-wrapper img{display:block;width:100%;}
}