.product_list ul li{margin:0 5px 30px;width:calc((100% / 3) - 10px);background:#f8f8f8;display:inline-block;vertical-align:top}
.product_list ul li .relat_box{margin:20px}
.product_list ul li .img_box_cover img{aspect-ratio:1/1}
.product_list ul li .info_box{margin-top:15px}
.product_list ul li .info_box>*{width:90%;text-align:center}
.product_list ul li .info_box h4{margin:0 auto 10px;height:60px;font-weight:600;font-size:16px;color:#a37462;-webkit-line-clamp:2}
.product_list ul li .info_box .price{margin:0 auto;min-height:28px}
.product_list ul li .info_box .price font{display:flex;color:#fff;background:linear-gradient(to bottom,#c6a300 ,#eac725);padding:5px 20px;align-items:center;justify-content:center;border-radius:66px}
.product_list ul li .info_box .price font.old{margin-left:10px;padding:0 1px;text-decoration:line-through;font-family:'Noto Sans TC','Noto Sans SC',sans-serif;font-weight:300;font-size:13px;color:#676767}
#productdetail{padding-bottom:60px;text-align:center}
#productdetail .row{width:40%;display:inline-block}
#productdetail #imglist{position:relative;margin-right:50px;padding:0 50px;width:calc(60% - 150px)}
#imglist a{display:block}
#imglist a img{width:100%;height:500px;object-fit:contain}
#imglist .btn a{position:absolute;width:26px;height:26px;border:solid #444;display:block;top:calc((100% - 26px)/ 2)}
#imglist .btn a#product_prev{border-width:1px 0 0 1px;transform:rotate(-45deg);left:0}
#imglist .btn a#product_next{border-width:1px 1px 0 0;transform:rotate(45deg);right:0}
#imglist .slick-dots li button:before{width:12px;height:12px;background:0 0;border:1px #000 solid;border-radius:50%;text-align:center;opacity:1;content:""}
#imglist .slick-dots li.slick-active button:before{background:#000}
#productinfo h2{margin-bottom:15px;font-size:28px}
#productinfo .txt,.buyBtns{margin-bottom:15px}
.shopbox .buyBtns{display:flex;justify-content:flex-end;margin-top:30px}
#productinfo .txt>*{display:inline-block;vertical-align:unset}
#productinfo .txt label{margin-right:15px;width:70px}
#productinfo .txt font a{display:inline-block;color:#00a0ca}
#productinfo .price.txt font span{display:inline-block;font-size:18px;vertical-align:unset}
#productinfo .price.txt font span:first-child{margin-right:10px;font-size:13px}
#productinfo .sell_box.txt font span{font-weight:600;font-size:25px;color:#2e2b2b}
#productinfo article{margin-bottom:15px;padding-bottom:15px;border-bottom:1px #ddd solid;font-weight:300;font-size:14px;color:#7e7e7e}
#productinfo #orderfunction{margin-bottom:25px}
#orderfunction a{position:relative;width:25px;height:25px;border:1px #c2c2c2 solid;display:inline-block}
#orderfunction a:before{position:absolute;width:15px;height:1px;background:#4b4b4b;display:block;top:calc((100% - 1px)/ 2);left:5px;content:""}
#orderfunction a[data-type="2"]:after{position:absolute;width:1px;height:15px;background:#4b4b4b;display:block;top:5px;left:calc((100% - 1px)/ 2);content:""}
#orderfunction input{width:50px;display:inline-block;text-align:center}
.buyBtns a{padding:15px 50px;border:1px #3353a4 solid;color:#444}
.buyBtns a.lofding:hover{color:#fff;background:#313131;border:1px #313131 solid}
.buyBtns a.ask{background:#3353a4;color:#fff}
.buyBtns a.ask:hover{background:#313131;border:1px #313131 solid}
#productTabs{padding-top:0}
#productTabs .tabs{margin:0 0 40px;border-bottom:#ccc 1px solid}
#productTabs .tabs li{width:calc((100% - 5px)/ 4);border-width:1px 0 1px 1px;display:inline-block}
#productTabs .tabs li:last-child{border-width:1px}
#productTabs .tabs li a{padding:20px 10px;display:block;text-align:center;font-size:18px;color:#000}
#productTabs .tabs li.active a{background:#a8a8a8;color:#fff}
#community ul{margin:5px 0 0}


@media screen and (min-width: 1281px) {
	#side_box ul.cate>li:hover>.subUL {display: block;z-index: 9;}
}

@media screen and (max-width: 1024px) {
	.product_list ul li{margin:0 0 30px;width:calc(100% / 3);background:0 0}
	.product_list ul li .relat_box{margin:10px}
	.product_list ul li .img_box_cover img{height:35vw}
	#productdetail .row{width:45%}
	#productdetail #imglist{margin-right:40px;padding:0;width:calc(55% - 40px)}
	#imglist .btn{display:none}
	.buyBtns a{padding:15px 10px;width:calc(50% - 22px);text-align:center}
}

@media screen and (max-width: 980px) {
	#productdetail .row{width:100%}
	#productdetail #imglist{margin:0 0 60px;width:100%}
	#imglist a img{height:350px}
}

@media screen and (max-width: 768px) {
	.product_list ul li{width:50%}
	.product_list ul li .img_box_cover img{height:50vw}
	#productTabs .tabs{text-align:center}
	#productTabs .tabs li,#productTabs .tabs li:last-child{margin:3px 5px;width:auto;border-width:0}
	#productTabs .tabs li a{padding:15px}
}

@media screen and (max-width: 550px) {
	.product_list ul li {width: 50%;}
	.product_list ul li .img_box_cover img {height: 250px;}
}