/*productsolgon*/
.productsolgon{
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 50px;
    width: 90%;
    margin: 0 auto;
}
.productsolgon .potitle{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.productsolgon .potitle h3{
    font-size: 37px;
    margin-bottom: 20px;
    color: #58b6aa;
}
.productsolgon .potitle p{
    text-align: center;
}
/* productlsit */
#productlsit .wall { padding: 5vw 0 0; }
#productlsit .wall-column { width: calc(100% / 3); display: inline-block; box-sizing: border-box; vertical-align: top; }
#productlsit .article { position: relative; margin: 15px 10px 40px; background: #fff; }
#productlsit .article:hover .info{
    opacity: 1;
}
#productlsit .article a { position: absolute; width: 100%; height: 100%; display: block; top: 0; left: 0; z-index: 10; }
#productlsit .article .imgBox { position: relative; overflow: hidden; }
#productlsit .article .imgBox article {position: absolute;padding: 20px 20px 30px;width: calc(100% - 40px);background: #fff;color: #777070;bottom: -99px;z-index: 2;display: none;}
#productlsit .article .imgBox article p { height: 58px;  -webkit-line-clamp: 2; }
#productlsit .article .imgBox:after {position: absolute;width: 60%;height: 20px;background: #fff;display: block;left: 0;bottom: 0;z-index: 1;content: "";opacity: 0;}
#productlsit .article .info {position: absolute;padding: 0 0;z-index: 9;opacity: 0;top: calc(50%);left: 0;width: 100%;background-color: rgb(255 255 255 / 60%);}
#productlsit .article .info p span { display: inline-block; color: #d80707; }
#productlsit .article .info p span.old { margin-right: 10px; color: #8f8f8f; }
#productlsit .article .info h3 {margin: 20px 0;height: 30px;font-weight: 400;font-size: 21px;-webkit-line-clamp: 1;text-align: center;}

/* productdetail */
#productdetail { margin-bottom: 30px; font-size: 0; }
#productdetail .row { margin-bottom: 0; width: 63%; display: inline-block; }
#productdetail #imglist >div a.photo { position: relative; }
#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: 3%; width: 34%; }
#productdetail #productinfo h2 { margin-bottom: 10px; font-size: 40px; }
#productdetail #productinfo .price { margin-bottom: 20px; }
#productdetail #productinfo .price font { display: inline-block; vertical-align: bottom; font-size: 28px; }
#productdetail #productinfo .price font.old { margin-left: 10px; font-size: 15px; opacity: .6; }
#productdetail #productinfo .price font:nth-child(2) { text-decoration: line-through; }
#productdetail #productinfo .txt { overflow: hidden; margin: 5px 0; text-align: right; font-size: 0; }
#productdetail #productinfo .txt label { float: left; display: inline-block; line-height: 33px; font-size: 16px; color: #898989; }
#productdetail #productinfo .txt a , #productdetail #productinfo .txt b { color: #212121; }
#productdetail #orderfunction a { padding: 5px 15px; border: 1px #222 solid; display: inline-block; color: #000; vertical-align: middle; }
#productdetail #orderfunction input { padding: 5px 15px; width: 40px; border: #262555 solid; border-width: 1px 0; text-align: center; vertical-align: middle; }
#productdetail #productinfo .btns { margin-top: 20px; text-align: right; }
#productdetail #productinfo .btns a { margin: 5px 0 5px 20px; padding: 5px 15px; display: inline-block; color: #000; }
#productdetail #productinfo .btns a.addcar { background: #161414; color: #fff; }
#productdetail #productinfo .btns a.ask { border: 1px #000 solid; }

/* productTabs */
#productTabs ul.tabs { margin: 50px 0 35px; padding: 0 15px; border-bottom: 1px #e5e5e5 solid; font-size: 0; }
#productTabs ul.tabs li { display: inline-block; vertical-align: top; }
#productTabs ul.tabs li a { padding: 10px 25px; background: #fff; border: #eee solid; border-width: 1px 1px 0 0; display: inline-block; color: #8a8d91; }
#productTabs ul.tabs li:first-child a { border-left-width: 1px; }
#productTabs ul.tabs li.active a { background: #000; border-width: 0 1px 1px; border-color: #000; color: #fff; }

@media screen and (min-width: 1281px) {
	#productlsit .wall-column .article:hover .imgBox article { bottom: 0; }
	#productTabs ul.tabs li:hover a { background: #000; border-color: #000; color: #fff; }
}
@media screen and (max-width: 1280px) {
	#productdetail .row { width: 55%; }
	#productdetail #productinfo { width: 42%; }
}
@media screen and (max-width: 980px) {
	#productlsit .bgTxt.stitle { padding: 6vw 0 0; top: 0; }
	#productlsit .wall-column { width: 50%; }
	#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 screen and (max-width: 680px) {
	#productlsit .wall { margin: auto; width: 80%; }
	#productlsit .wall-column { width: 100%; }
	.productsolgon{
    padding-top: 15px;
    width: 95%;
}
.productsolgon .potitle{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.productsolgon .potitle h3{
	    font-size: 31px;
	    margin-bottom: 20px;
	    color: #58b6aa;
	}
	.productsolgon .potitle p{
    text-align: left;
    font-size: 15px;
}
}
@media screen and (max-width: 450px) {
	#productlsit .wall { width: 100%; }
}