.main-article {
    float: left;
    width: 100%;
}
#product{background-repeat:no-repeat;background-position:50% 50%;background-size:cover;position:relative;/* padding-bottom:80px; */}
#product .speBox{position:relative}
#prolay .pro-list >div {
    margin-bottom: 34px;
    overflow: hidden;
    margin-right: 7px;
    display: inline-block;
    vertical-align: top;
    width: calc((100%/4) - 14px);
    margin: 0 5px;
}
/* imglist */
#imglist{float:left;width: 36%;margin: 0 0 15px;display: inline-block;}
#imglist .img_box {margin-bottom:20px;}
#imglist .img_box img{width:100%;display: block;max-width: 100%;height: auto;vertical-align: middle;border: 10px solid #fff;box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);}
#imglist .img_nav img {margin: 0 5px;width: 100px;aspect-ratio: 3 / 4;object-fit: cover;}
#prolay .p-box{margin: 10px;position:relative;}
#prolay .p-box a{position:absolute;top:0;left:0;width:100%;height:100%;z-index:4}
#prolay .p-box .p-border{position:relative;overflow:hidden}
#prolay .p-box .p-border p{margin: 0px 0;}
#prolay .p-box .p-border:after{content:'';display:block;width:80%;height:100%;position:absolute;left:50%;top:0;opacity:0;background:rgba(255,255,255,0.3);z-index:2;transition:all cubic-bezier(0.49,0.01,0,1) .7s}
#prolay .p-box .p-border .photo{position:relative;z-index:2;background-repeat:no-repeat;background-position:50% 50%;background-size: cover;background-color: #fff;}
#prolay .p-box .p-border .photo img{width:100%}
#prolay .p-box .p-border .p-info{position:absolute;top: 94%;left:15%;z-index:3;color: #ffffff;transition:all linear .4s;opacity:0;width: 100%;}
#prolay .p-box .p-border .p-info:after{height:100%;content:'';background-position:50%;background-size:auto;opacity:.9;position:absolute;left:-100%;top:0;width:100%;display:block;z-index:-1;transition:all linear .4s;background-color: rgba(0, 0, 0, 0.7);}
#prolay .p-box .p-border .p-info h3{font-size: 16px;line-height:130%;font-weight:400;background-color: rgba(0, 0, 0, 0.7);padding: 10px;text-align: center;max-height: initial;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 1;text-overflow: ellipsis;display: -webkit-box;line-height: 180%;-webkit-box-orient: vertical;}
#prolay .p-box .p-border .p-info .describe{font-size:15px;line-height:150%;color:#d4a66b;}
#prolay .p-box .p-border .p-info .price{color:#d4a66b}
#prolay .p-box .p-border .p-info .price span{font-size:13px;margin-right:15px}
#prolay .p-box .p-border .p-info .price span.now{font-size:17px;color:#fff}
.controller{position:relative;overflow:hidden}
#prolay .p-box h2{
    margin: 15px 0;
    font-size: 17px;
    letter-spacing: 1px;
    color: #6f6f6f;
    line-height: 1.5em;
}
#prolay .p-box p{
    margin: 15px 0;
    font-size: 13px;
    letter-spacing: 1px;
    color: #6f6f6f;
    line-height: 1.5em;
}
#prolay{margin: auto;}
#product .speBox .subBoxTitle b{color:#bd3738;font-weight:700;display:block}
#products-detail{overflow:hidden}
#products-detail .slick-prev{left:25px;z-index:5}
#products-detail .slick-next{right:25px}
#products-detail .sub-pro-img{float:left;width: 36%;border: 10px solid #fff;box-shadow: 0 5px 15px rgba(0,0,0,0.2);margin: 0 0 15px;display: inline-block;}
#products-detail .sub-pro-img img{width:100%;display: block;max-width: 100%;height: auto;vertical-align: middle;}
#products-detail .sub-pro-img .slick-slider{margin:0}
#products-detail .sub-pro-img .slick-slider div,#products-detail .sub-pro-img .slick-slider p,#products-detail .sub-pro-img .slick-slider li,#products-detail .sub-pro-img .slick-slider img{outline:none}
#products-detail .sub-pro-img .slick-dots{bottom:10px}
#products-detail .txt-set{float:right;width: 58%;}
#products-detail .txt-set .product-txt{padding: 40px 40px 0;}
#products-detail .txt-set .product-txt span {
    font-size: 16px;
    margin: 0 0 6px;
    color: #000;
    font-weight: bold;
    line-height: 2;
    letter-spacing: 1px;
}
#products-detail .txt-set .product-txt h2{margin-bottom:30px;padding-bottom: 30px;position:relative;margin-top:10px;color: #333;line-height: 28px;font-weight: 300;margin: 8px 0 15px;font-size: 26px;}
#products-detail .txt-set .product-txt h2:after{content:'';display:block;width: 100%;height: 1px;background: #cecece;position:absolute;bottom:0;left:0;}
#products-detail .txt-set .product-txt h3{font-size:15px;overflow:hidden;color: #333;letter-spacing: 2px;line-height: 2;}
#products-detail .txt-set .product-txt .price{margin-top: 5px;}
#products-detail .txt-set .product-txt .price p{margin-top:5px}
#products-detail .txt-set .product-txt .price p span{font-size:13px}
#products-detail .txt-set .product-txt .price p span b{font-family:'Josefin Sans',sans-serif;font-size:24px;margin-left:15px}
#products-detail .txt-set .product-txt .price p .money-sale{text-decoration:line-through;color:#a9a9a9}
.orderstyleSet{padding: 0px 0 0;overflow:hidden;}
.orderstyleSet .orderfunction{overflow:hidden}
.orderstyleSet .orderfunction .aday{float:left;width:50%;background:#818181;height:60px;text-align:center}
.orderstyleSet .orderfunction .aday.add{float:right;width:50%;background:#bd3738}
.orderstyleSet .ask{text-align:center}
.orderstyleSet .ask a{display:block;text-align:center;font-size:17px;position:relative;padding-right:20px;background: #222;width: 100%;max-width: 185px;color: #fff;text-decoration: none;height: 40px;line-height: 40px;padding: 0;margin: 40px 0 0;}
.orderstyleSet .ask a b{position:absolute;width: 30px;height:30px;border-radius:50%;line-height:30px;top: 6px;text-align:center;font-size: 10px;right:20px;transition:all linear .3s;color: #ffffff;}
.orderstyleSet .ask a:hover b{transform:scaleX(-1);}
.aday p{color:#fff;display:inline-block;line-height:60px;text-align:center;font-size:16px;vertical-align:text-bottom}
.aday p.bi{color:#706e69;font-size:12px;width:auto}
.aday p.bi b{color:#00aebb;font-size:16px;margin-left:5px}
.aday p.bi b input[type="number"]{border:1px solid #919191;width:80px;text-align:center;background:#666;color:#fff;border-radius:10px;padding:5px 0;outline:none}
.aday p input[type="button"]{background:#bd3738;color:#fff;font-size:16px;margin-left:10px;vertical-align:unset;cursor:pointer;-webkit-appearance:none}
#pro-article{margin-top: 30px;font-size:16px;}
#pro-article .tabs{border-bottom: 1px solid #c6d7e3;}
#pro-article .tabs li{display:inline-block}
#pro-article .tabs li a{color:#c3c3c3;display:block;padding: 15px 35px;position:relative;font-size:16px;border-bottom: 2px solid transparent;}
#pro-article .tabs li a:hover,#pro-article .tabs li.active a{color: var(--text);font-weight: 500;border-bottom: 2px solid var(--ink);}
#pro-article .tabs li a:after{position:absolute;top: 13px;right:0;content:'|';color: #d3d3d3;font-size: 12px;}
#pro-article .tabs li:last-child a:after{display:none}
#tabs_container .tab_content{padding:30px 0}
#products-detail .sub-pro-img p{display:block;width:100%;background-repeat:no-repeat;background-position:50% 50%;background-size:contain;background-color:#2b2b2b}
#product .entitle{margin:80px 0 30px}
#product .entitle h2{text-align:center;font-size:30px;line-height:120%;color: #4c4c4c;font-weight:400;font-size: 36px;text-transform: uppercase;}
#products-content{
}
#prolay .p-box .p-border .p-info{left:0;opacity:1;width: 100%;top: 89%;}
@media screen and (max-width: 1440px) {
#prolay .pro-list >div{width: calc((100%/3) - 14px);}
#prolay .p-box .p-border .p-info {
    top: 92%;
}
}
@media screen and (max-width: 1366px){
#prolay .p-box .p-border .p-info {
    top: 92%;
}
}
@media screen and (max-width: 1280px) {
.orderstyleSet .ask a{height:50px;line-height:50px}
.orderstyleSet .ask a b{top:10px}
}
@media screen and (min-width: 1025px) {
#prolay .p-box:hover .p-border:after{width:45%;left:0;opacity:1}
#prolay .p-box:hover .p-border .p-info:after{left:0}
#prolay .p-box .p-border .p-info{left:0;opacity:1;width: 100%;/* top: 89%; */}
}
@media screen and (max-width: 1024px) {
#product .titleSet .speBoxTitle{text-align:center}
#product .titleSet .subBoxTitle{text-align:center;margin-top:10px}
#product .titleSet .subBoxTitle a{color:#696969;font-weight:400;display:block;margin-bottom:20px}
#prolay{margin-top:10px}
#prolay .p-box .p-border:after{width:45%;left:0;opacity:1}
#prolay .p-box .p-border .p-info:after{left:0}
#prolay .p-box .p-border .p-info{left:0;opacity:1;top: 87%;}
}
@media screen and (max-width: 980px) {
#products-detail .txt-set, #products-detail .sub-pro-img, #imglist{width:100%;margin-bottom: 0px;}
}
@media screen and (max-width: 768px) {
    #prolay .pro-list >div {
    width: calc((100%/2) - 14px);
}
#prolay .p-box .p-border .p-info h3{font-size:18px}
#prolay .p-box .p-border .p-info{
    top: 89%;
}
#prolay .p-box .p-border:after{width:55%}
#prolay .p-box .p-border .p-info .describe{height:46px;overflow:hidden}
#prolay .p-box .p-border .p-info .price span{display:block}
}
@media screen and (max-width: 640px) {
#products-detail .txt-set .product-txt{padding: 20px 0 0;}
#community{margin: 20px 0 10px;}
#prolay .p-box .p-border .p-info{}
#prolay .p-box .p-border .p-info{width: 100%;top: 87%;}
#prolay .p-box .p-border:after{display:none}
#prolay .p-box{margin:10px}
#product {
    padding-bottom: 0px;
    padding-top: 0px;
}
#prolay .pro-list >div {
    width: calc((100%/2) - 14px);
}
}
@media screen and (max-width: 480px) {
#pro-article .tabs li a{padding:8px 15px}
#pro-article .tabs li a:after{top:8px}
#pro-article{margin-bottom:0}
.orderstyleSet .ask a{font-size:15px;padding:0;width:100%}
.aday p,.orderstyleSet .orderfunction .aday{line-height:40px;height:40px;font-size:14px}
#prolay .p-box{margin: 5px;}
#prolay .p-box .p-border .p-info h3{font-size:17px;max-height: initial;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;height: 26px;}
#prolay .p-box .p-border .p-info .describe{margin:10px 0;display: none;}
#prolay .p-box .p-border .p-info {
    width: 100%;
    top: 90%;
}
#prolay .pro-list >div {
    width: calc((100%/1) - 14px);
}
}