.webBox { overflow: visible; }

/* product_list */
#product_list{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}
#product_list li{background-color:#fff}
#product_list li .clip{margin:0 auto 10px;-webkit-clip-path:url(#clip_product);clip-path:url(#clip_product)}
#product_list li h3{height:auto;font-size:16px;color:var(--info)}
#product_list li:hover h3{color:var(--primary)}
#product_list li .price_box p{margin:0 10px;min-height:28px}
#product_list li .price_box p:first-letter{margin-right:3px;font-weight:300;font-size:12px}
#product_list li .price_box p.old{text-decoration:line-through}
/* imglist */
#imglist{margin-bottom:5vw}
#imglist .bgBox{width:626px;height:500px;margin:0 15px;object-fit:cover}

/* productdetail */
#productdetail {margin: 10px 0 50px;}

/* productinfo */
/* productinfo */
#productinfo .item {padding: 50px;background: #f8f8f8;border: 1px solid #ddd;}
#productinfo .item .infoo{margin-bottom:25px;}
#productinfo .item ul { margin: 15px 0 35px; }
#productinfo .item ul li {padding: 5px 0;border-bottom: 1px rgba(var(--gray-rgb), .1) solid;}
#productinfo .item ul li label { margin-right: 10px; width: 90px; }
#productinfo .item ul li font { width: calc(100% - 100px); }
#productinfo .item .sell_box { margin-bottom: 10px; }
#productinfo .item .sell_box >* { line-height: 100%; font-size: 17px; vertical-align: baseline; }
#productinfo .item .sell_box span { margin: 0 3px 0 15px; }
#productinfo .item .sell_box b { font-size: 36px; }
#productinfo .item .btns a {display: block;text-align: center;background: var(--primary);padding: 10px 0;color: var(--white);}

/* orderfunction */
#orderfunction a[data-action="plusBtn"] { margin: 0 2px; width: 35px; height: 35px; background: rgba(var(--black-rgb), .1); border-radius: 5px; line-height: 30px; font-weight: 600; font-size: 28px; }
#orderfunction a.limit[data-action="plusBtn"] { line-height: 27px; font-size: 33px; }
#orderfunction input { margin: 0 5px; width: 30px; border-width: 0 0 1px; }
#orderfunction .addcar { float: right; }

/* productTabs */
#productTabs .tabs {margin-bottom: 15px;background: #f8f8f8;}
#productTabs .tabs li a { padding: 15px 30px; }
#productTabs .tabs li a:before { position: absolute; width: 0; height: 3px; background: var(--primary); display: block; bottom: 0; left: 0; content: ""; }
#productTabs .tabs li.active a:before { width: 100%; }

@media screen and (min-width:1281px){
	#productdetail{gap:2%}
	#productdetail #productinfo{position:sticky;width:370px;height:100%;top:110px}
	#productdetail #productTabs{width:1%;flex:1 1 auto}
	#productinfo #community{margin-top:10px}
	#productTabs .tabs li:hover a:before{width:100%}
}
@media screen and (max-width:1280px){.list_page{width:85%}
	#productTabs{margin-top:30px}
}
@media screen and (max-width:1280px) and (min-width:761px){
	#productinfo .item .sell_box{text-align:left}
	#orderfunction{width:calc(100% - 300px)}
	#productinfo .item .btns{width:150px}
	}
@media screen and (max-width:1024px){
	#product_list{grid-template-columns:repeat(3,1fr)}
}
@media screen and (max-width:640px){
	#product_list{grid-template-columns:repeat(2,1fr)}
}
@media screen and (max-width:450px){
	#product_list{grid-template-columns:repeat(1,1fr)}
	#productinfo .item .sell_box{text-align:left}
	#orderfunction{width:100%;margin-bottom:15px}
	#productinfo .item .btns{width:50%}
	#productinfo .item .btns a{padding:10px 0;display:block;text-align:center}
}