#prolay .pro-list{overflow:hidden}
#prolay .pro-list >div{float:left;width: calc(100% / 4);}
#prolay .p-box{margin: 18px;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: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% 0%;background-size: 150%;background-color:#CCC;}
#prolay .p-box .p-border .photo img{width:100%}
#prolay .p-box .p-border .p-info{padding: 28px;position:absolute;top:15%;left:15%;z-index:3;max-width:calc(70% - 70px);color: #ffffff;transition:all linear .4s;opacity:0;}
#prolay .p-box .p-border .p-info:after{height: 80%;content:'';/* background-image:url(/images/22/index_recommend_text_bg.jpg); */background-position: 40%;background-size:auto;opacity:.9;position:absolute;left: -100%;top:0;width: 100%;display:block;z-index:-1;transition:all linear .4s;background-color: #eb6102;}
#prolay .p-box .p-border .p-info h3{font-size:22px;line-height:130%;font-weight:400;}
#prolay .p-box .p-border .p-info .describe{margin:20px 0;font-size:15px;line-height:150%;color:#d4a66b;overflow:hidden;height:44px;display: none;}
#prolay .p-box .p-border .p-info .price{color:#d4a66b;display: none;}
#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}
#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:50%}
#products-detail .sub-pro-img img{width:100%}
#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:50%}
#products-detail .txt-set .product-txt{padding:40px}
#products-detail .txt-set .product-txt h2{line-height:100%;margin-bottom:30px;padding-bottom:30px;font-size:20px;position:relative;margin-top:10px;color: #b7b7b7;}
#products-detail .txt-set .product-txt h2:after{content:'';display:block;width:30px;height:2px;background: #eb6102;position:absolute;bottom:0;left:0;}
#products-detail .txt-set .product-txt h3{font-size:15px;line-height:150%;overflow:hidden}
#products-detail .txt-set .product-txt .price{margin-top:30px}
#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:30px 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;color:#fff;height:60px;line-height:60px;font-size:17px;position:relative;background: #eb6102;width:200px;border-radius:5px;padding-right:20px;}
.orderstyleSet .ask a b{position:absolute;width:30px;height:30px;background:#f9f9f9;border-radius:50%;line-height:30px;top:15px;text-align:center;font-size:12px;right:20px;transition:all linear .3s;color: #eb6102;}
.orderstyleSet .ask a:hover b{transform:scaleX(-1);background:#fff;color:#bd3738}
.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-bottom:30px;font-size:16px}
#pro-article .tabs{border-top: 1px solid #ffffff;border-bottom: 1px solid #ffffff;}
#pro-article .tabs li{display:inline-block}
#pro-article .tabs li a{color:#c3c3c3;display:block;padding:15px 25px;position:relative;font-size: 20px;}
#pro-article .tabs li a:hover,#pro-article .tabs li.active a{color: #d2d2d3;background-color: #616165;}
#pro-article .tabs li a:after{position:absolute;top:15px;right:0;content:'|';color:#5d5d5d}
#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: cover;background-color:#2b2b2b;}
#product .entitle{margin:80px 0 30px}
#product .entitle h2{text-align:center;font-size:30px;line-height:120%;color: #8a8a8a;font-family:'Oswald',sans-serif;font-weight:400;}
@media screen and (max-width: 1440px) {
#prolay .p-box{margin:10px}
#prolay .pro-list >div{width:calc(100% / 2)}
}
@media screen and (max-width: 1280px) {
.orderstyleSet .ask a{height:50px;line-height:50px}
.orderstyleSet .ask a b{top:10px}
#prolay .p-box .p-border .p-info .price{height:42px}
}
@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:hover .p-border .p-info{left:0;opacity:1}
}
@media screen and (max-width: 1024px) {
#prolay{margin-top:10px}
#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 .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}
}
@media screen and (max-width: 980px) {
#products-detail .txt-set,#products-detail .sub-pro-img{width:100%;margin-bottom:30px}
}
@media screen and (max-width: 768px) {
#prolay .p-box .p-border .p-info h3{font-size:18px}
#prolay .p-box .p-border .p-info{max-width:calc(75% - 60px);padding:30px}
#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}
#community{margin:0 0 50px}
#prolay .p-box .p-border .p-info{max-width:calc(75% - 40px);padding:20px;position: inherit;max-width:calc(100% - 40px);width:calc(100% - 40px);}
#prolay .p-box .p-border:after{display:none}
#prolay .p-box{margin:10px}
}
@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:15px}
#prolay .p-box .p-border .p-info h3{font-size:17px}
#prolay .p-box .p-border .p-info .describe{margin:10px 0}
#prolay .pro-list >div{width:100%}
}