/* productdetail */
#productdetail {margin: 3vw auto 5vw;text-align: center;font-size: 0;}
#productdetail .row {margin-bottom: 0;width: 40%;display: inline-block;}
#productdetail #imglist>div a.photo {position: relative;background-size: contain;}
#productdetail #imglist>div a.photo img { width: 100%; }
#productdetail #imglist>div a.photo img:first-child {position: absolute;height: 100%;top: 0;left: 0;opacity: 0;z-index: -999;}
#productdetail #productinfo {margin-left: 8%;width: 50%;}
#productdetail #productinfo h2 {color: #6D6D6D;font-size: 36px;text-align: left;}
#productdetail #productinfo .category {position: relative;margin: 10px 0;}
#productdetail #productinfo .category:after {position: absolute;top: 14px;width: 80%;height: 1px;background: #797777;content: "";}
#productdetail #productinfo .category a {color: #797777;border: 1px solid #797777;padding: 3px 12px;font-size: 12px;font-weight: 400;line-height: .1em;}
#productdetail #productinfo .price { width: 90%; background: #fbfbfb; padding: 10px 0 10px 26px; margin: 30px 0 15px; }
#productdetail #productinfo .price font { display: inline-block; vertical-align: middle; font-size: 28px; color: #e8a293; }
#productdetail #productinfo .price font.old { font-size: 18px; color: #afafaf; text-decoration: line-through; margin-right: 10px; }
#productdetail #productinfo .proNo {margin: 30px 0 20px;}
#productdetail #productinfo .proNo b {color: #6D6D6D;}
#productdetail #productinfo article {display: inline-block;color: #6D6D6D;vertical-align: top;width: 100%;}
#productdetail #orderfunction { margin-top: 30px; font-size: 0; }
#productdetail #orderfunction label, #productdetail #productinfo .proNo label, #productdetail #productinfo label { margin-right: 40px; }
#productdetail #orderfunction a { padding: 5px 15px; border: 1px #dedede solid; background: #f9f9f9; display: inline-block; color: #656565; vertical-align: middle; }
#productdetail #orderfunction input { padding: 5px 15px; width: 40px; border: #ccc solid; border-width: 1px 0; text-align: center; vertical-align: middle; }
#productdetail #productinfo .btns {margin-top: 40px;text-align: left;}
#productdetail #productinfo .btns a {padding: 15px 50px;display: inline-block;color: #fff;font-weight: 300;background: linear-gradient(90deg, #6187ba, #154a7b);}
#productdetail .littleimg{
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
}
#productdetail .littleimg img{
    aspect-ratio: 1/1;
}
#productdetail .sub-pro-img{}

#productdetail .sub-pro-img .slick-prev{left: 0;}
#productdetail .sub-pro-img .slick-prev:before{content:url(/images/42/arrow-left.png)}
#productdetail .sub-pro-img .slick-next{right: 0;}
#productdetail .sub-pro-img .slick-next:before{content:url(/images/42/arrow-right.png)}


#productdetail .slick-slide p{
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
}
/* productTabs */
#productTabs {margin: 0 auto 7vw;}
#productTabs ul.tabs {margin: 50px 0 35px;font-size: 0;background: #eaeaea;text-align: center;}
#productTabs ul.tabs li { display: inline-block; vertical-align: top; }
#productTabs ul.tabs li a {padding: 15px 25px;display: inline-block;color: #9a9a9a;}
#productTabs ul.tabs li.active a {color: #434343;}

.productInfo table th,.productInfo table td{border-bottom:3px solid #fff}
.productInfo table th{width:96px;height:41px;color:#fff;font-size:16px;font-weight:700;text-align:center;background-color:#434343}
.productInfo table tr{float:left;width:calc((100% / 2) - 20px);margin:0 10px}
.productInfo table td{padding:12px 23px;color:#333;font-size:16px;font-weight:400;text-align: left;}

@media screen and (min-width: 1281px) {
	#productTabs ul.tabs li:hover a {background: #d7d7d7;}
}
@media screen and (max-width: 1280px) {
	#productdetail .row { width: 80%; }
	#productdetail #productinfo {width: 100%;margin-left: 0;}
}
@media (max-width:991px){
	.productInfo table{margin:0 70px}
}
@media screen and (max-width: 980px) {
	#productlsit .bgTxt.stitle { padding: 6vw 0 0; top: 0; }
	#productdetail { text-align: center; }
	#productdetail .row, #productdetail #productinfo { margin-left: 0; width: 100%; }
	#productTabs ul.tabs { padding: 0; border-bottom: 0; }
	#productTabs ul.tabs li a, productTabs ul.tabs li.active a { margin: 5px; border-width: 1px; }
}
@media (max-width:780px){
	.productInfo table{margin:0 0 0px 20px}
	.productInfo table tr{float:left;width:100%;margin:0 10px}
}
@media screen and (max-width: 640px) {
	#productdetail #productinfo h2{margin-bottom:20px;font-size: 30px;}
	#productdetail #productinfo h2 { margin-top: 25px; }
	#productdetail #productinfo .btns { text-align: center; }
}
@media (max-width:479px){
	.productInfo table{margin:0}
	.productInfo table{margin:0 20px}
}
@media screen and (min-width:380px){
	.productInfo table td{padding:12px 3px;color:#333;font-size:16px;font-weight:400}
}
@media screen and (min-width:320px){
	.productInfo table td{padding:5px 0 5px 10px}
	.productInfo table th{width:101px;height:41px;color:#fff;font-size:16px;font-weight:700;text-align:center;background-color:#434343}
}