.webframe {
    margin: 0 auto;
    width: 1370px;
}
#product{position:relative;z-index:2;padding:40px 0}
#product .pro-list{position:relative;z-index:3}
#product .pro-list .listproduct{
    display: inline-block;
    vertical-align: top;
    width: calc((100%/3) - 25px);
    margin: 0 10px;
}
#product .pro-list .p-box{overflow:hidden;margin-bottom:70px;}
#product .pro-list .photo{/* float:left; *//* width:50%; */}
#product .pro-list .photo a{display:block;background-repeat:no-repeat;background-position:50% 50%;background-color: #ffffff;background-size: contain;}
#product .pro-list .photo a img{width:100%;}
.photo {
  position: relative;
  line-height: 0;
  overflow: hidden;
}
.photo:hover::before {
  background-color: rgba(145, 146, 148, 0.09);
}
.photo {
    animation-name: fadeInDown;
    -webkit-animation-name: fadeInDown;
    animation-duration: 1.5s;
    -webkit-animation-duration: 1.5s;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    overflow: hidden;
}
.photo{
	transition:all ease-in-out 0.5s;
}
.photo:hover {
  -webkit-transform: scale(1.02);
  -ms-transform: scale(1.02);
  transform: scale(1.02);
  transition: all 1s ease-out;
}

#product .pro-list .p-border{
    /* float: right; */
    background: #fff;
    /* width: calc(30% - 100px); */
    margin: 0 0 0;
    position: relative;
    padding: 55px;
    background-color: rgba(255, 255, 255, 0.82);
    box-shadow: 1px 2px 20px rgba(34, 23, 20, 0.2);
    /* -webkit-transform: translateY(-50%); */
    -ms-transform: translateY(-50%);
    /* transform: translateY(-50%); */
    }
#product .pro-list .p-border h4{display:inline-block;color:#fff;background: #da3934;padding:10px 30px;border-radius:25px;font-size:16px;border: 3px solid #fcfcfc;line-height:100%;position:absolute;top:-20px;right: 25px;}
#product .pro-list .p-border .p-info h3{margin-bottom:15px}
#product .pro-list .p-border .p-info h3 a{display:block;line-height:130%;font-size:24px;color:#191717}
#product .pro-list .p-border .p-info h3 a:hover{color:#37414f}
#product .pro-list .p-border .p-info .describe{font-size:15px;color:#505050}
#product .pro-list .p-border .price{background:#eaeaea;padding:15px 30px;margin-top:20px;display: none;}
#product .pro-list .p-border .price p{color:#676767;font-size:15px}
#product .pro-list .p-border .price p.old{text-decoration:line-through}
#products-detail{overflow:hidden}
#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: 35px;
    position: relative;
    margin-top: 10px;
    color: #000;
    font-weight: normal;}
#products-detail .txt-set .product-txt h2:after{content:'';display:block;width:30px;height:2px;background: #da3934;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:#74889a}
.orderstyleSet .ask{background: #da3934;text-align:center;}
.orderstyleSet .ask a{display:block;text-align:center;color:#fff;height:60px;line-height:60px;font-size:17px;position:relative}
.orderstyleSet .ask a b{position:absolute;width:30px;height:30px;background:#fff;border-radius:50%;line-height:30px;top:15px;text-align:center;font-size:12px;right:20px;transition:all linear .3s;color: #da3934;}
.orderstyleSet .ask a:hover b{transform:scaleX(-1);background:#fff;color: #da3834;}
.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:#74889a;color:#fff;font-size:16px;margin-left:10px;vertical-align:unset;cursor:pointer;-webkit-appearance:none}
#pro-article{margin-bottom:30px;}
#pro-article .tabs{border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0}
#pro-article .tabs li{display:inline-block;background-color: #999;padding: 0px 70px;}
#pro-article .tabs li a{color:#d7d7d7;display:block;padding:15px 25px;position:relative}
#pro-article .tabs li a:hover,#pro-article .tabs li.active a{color:#ffffff}
#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: #ffffff;}
#product .entitle{margin:80px 0 30px;position:relative;z-index:2}
#product .entitle h2{text-align:center;font-size:30px;line-height:120%;color:#37414f}
#describe{position:relative;z-index:2}
#describe .slick-prev{left:25px;z-index:3}
#describe .slick-next{right:25px;z-index:3}
@media screen and (min-width: 981px) {
#product .pro-list .p-border{/* transform:translateX(-80px); */}
#product:after{content:'';background:#eaeaea;display:block;width:2px;height:100%;position:absolute;z-index:1;left:calc(50% - 1px);top:0}
#product .pro-list .photo{/* width:calc(70% - 110px); *//* margin-left:80px */}
}
@media screen and (max-width: 1280px) {
.orderstyleSet .ask a{height:50px;line-height:50px}
.orderstyleSet .ask a b{top:10px}
.webframe {
    width: 90%;
}
#product .pro-list .photo a{background-size: cover;}
}
@media screen and (max-width: 1024px) {
#product .pro-list .listproduct{width: calc((100%/2) - 25px);}
}
@media screen and (max-width: 980px) {
#product .pro-list .photo{width:100%}
#product .pro-list .p-border{width:calc(100% - 100px);/* margin:108px auto 0; */padding:50px;}
#products-detail .txt-set,#products-detail .sub-pro-img{width:100%;margin-bottom:30px}
#product .pro-list .p-border .p-info h3 a {    font-size: 20px;}
}
@media screen and (max-width: 640px) {
#products-detail .txt-set .product-txt{padding:20px 0}
#product .pro-list .p-box {
    overflow: hidden;
    margin-bottom: 15px;
}
#product .pro-list .listproduct {width: 100%;margin: 0;}
}
@media screen and (max-width: 480px) {
#product .pro-list .p-border{width:calc(100% - 60px);padding:30px}
#product .pro-list .p-border .p-info h3 a{font-size:20px}
#product .pro-list .p-border h4{font-size:14px;left:20px;padding:8px 20px}
#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}
.aday p,.orderstyleSet .orderfunction .aday{line-height:40px;height:40px;font-size:14px}
}
@media screen and (max-width: 370px) {
#product .pro-list .p-border{width:calc(100% - 40px);padding:30px 20px}
}