.comprehensiveW.content-wrraper .inside{width:75%;margin:0 auto}
#pagenav p{margin:0 0 10px}
#pagenav a{color:#868686}
#pagenav a b{background:#1f849d;color:#fff;padding:2px 10px;margin-right:5px;border-radius:3px}
.comprehensiveW.content-wrraper .inside{padding:30px 0}
#pagenav{clear:both;padding-top:15px}
#product #prolay .pro-list {display:flex;flex-wrap: wrap;}
#product #prolay .pro-list >div{margin: 0 10px 20px;overflow: hidden;display: inline-block;vertical-align: top;width: calc((100%/4) - 20px);}
#product #prolay .p-box{position:relative;z-index:1;padding: 30px;}
#product #prolay .p-box a{position:absolute;top:0;left:0;width:100%;height:100%;z-index:3}
#product #prolay .p-box .p-border{position:relative;overflow:hidden;transition:.3s ease-in-out;-o-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;-webkit-transition:.3s ease-in-out}
#product #prolay .p-box .photo{background-repeat:no-repeat;background-position:50% 50%;background-size: contain;background-color: #ffffff;transition:.3s ease-in-out;-o-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;-webkit-transition:.3s ease-in-out;width: 85%;margin: 0 auto;}
#product #prolay .p-box .photo img{position:relative}
#product #prolay .p-box .p-info{margin-top: 20px;}
#product #prolay .p-box .p-info h4{ display: none;}
#product #prolay .p-box .p-info h3{font-size: 16px;line-height: 170%;color: #545454;overflow: hidden;height: auto;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;text-align: center;}
#product #prolay .p-box .p-info h3:after{content:'';position: relative;display: block;width: 20px;height: 2px;margin: 15px auto 15px;background-color: #28a7e1;}
#product #prolay .p-box .p-info .describe{line-height:130%;color:#777;overflow:hidden;text-align: center;font-size: 13px;}
#product #prolay .p-box .p-info .price{overflow:hidden;margin-top:70px}
#product #prolay .p-box .p-info .price span{font-size:1.1rem;color:#de7f2e;display:block}
#product #prolay .p-box .p-info .price span.old{font-size:.7rem;color:#9c9c9c}
#products-detail{overflow:hidden;position:relative;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;margin-bottom: 50px;}
#products-detail .sub-pro-img{width: 35%;}
#products-detail .sub-pro-img img{width:100%}
#products-detail .sub-pro-img img:first-child{display:none}
#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 #pMain-pic{float:left;width:600px}
#products-detail .txt-set{width: 60%;display: flex;flex-direction: column;}
#products-detail #pMain-pic p{background-repeat:no-repeat;background-position:50% 50%;background-size:contain;background-color: #ffffff;}
#products-detail .txt-set .product-txt{margin-bottom: 50px;}
#products-detail .txt-set .product-txt p.describe{font-size: 17px;font-weight: bold;padding: 10px 0;}
#products-detail .txt-set .product-txt >span{color: #797979;font-size: 16px;font-weight: 100;display: block;margin-bottom: 10px;}
#products-detail .txt-set .product-txt >span b{vertical-align:bottom;margin-right:10px;display: none;}
#products-detail .txt-set .product-txt >span img{width:10px}
#products-detail .txt-set .product-txt h2{line-height:100%;font-size: 28px;position:relative;color:#535758;}
#products-detail .txt-set .product-txt h3{font-size:16px;line-height:150%;overflow:hidden;color:gray;font-weight:400}
.openThedoor{width: 100%;}
.ask{}
.ask p{display:table-cell;vertical-align:middle;color: #686f71;font-size: 20px;cursor:pointer;}
.ask p b{display:inline-block;border: 1px solid rgba(212, 212, 212, 0.54);padding:15px 35px;border-radius:5px;color: #101010;}
#flexible .owner{position:relative;overflow:hidden;width:calc(100% - 120px);margin-left:40px;padding:40px}
#flexible .pro-inner{float:left;width:calc(40% - 30px);padding:0 0 0 30px}
#flexible .pro-inner .ProductNO{border-top:1px solid #478fa0;font-size:16px;line-height:120%;border-bottom:1px solid #478fa0;padding:5px;color:#fff}
#products-detail .price p{border-bottom:1px solid #478fa0;font-size:16px;padding:5px;line-height:120%;color:#fff}
#products-detail .price p span,#flexible .pro-inner .ProductNO p span{display:inline-block;border-right:1px solid #478fa0;padding-right:10px;margin-right:10px;width:50px;text-align:right;vertical-align:baseline}
#products-detail .price p span b{font-family:'Josefin Sans',sans-serif;font-size:16px;margin-left:15px}
.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:#1f849d}
.openThedoor .ask a{display:block;text-align:center;color: #ffffff;font-size: 15px;position:relative;padding: 13px 35px;background: #122a88;}
.openThedoor .ask a svg{width: 8px;margin-left: 10px;}
.openThedoor .ask a svg polyline{fill:none;stroke:#fff}
.openThedoor .ask a b{height: 10px;background:#fff;border-radius:50%;line-height: 0px;text-align:center;font-size:12px;right: -50px;color: #707171;padding: 15px 15px;margin-left: 10px;}
.openThedoor .ask a:hover b{transform:scaleX(-1);background:#fff;color: #9a9a9a;}
.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:#1f849d;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;text-align:center}
#pro-article .tabs li{display:inline-block}
#pro-article .tabs li a{color:#444343;display:block;padding:15px 25px;position:relative;font-size: 17px;font-weight: 500;}
#pro-article .tabs li a:hover,#pro-article .tabs li.active a{color: #131313;}
#pro-article .tabs li a:after{position:absolute;top:15px;right:0;content:'|';color:#e6e6e6}
#pro-article .tabs li:last-child a:after{display:none}
#tabs_container .tab_content{padding: 50px;}
#tabs_container .tab_content img{width:100%;}
table{width:100%;border-collapse:collapse}
td,th{padding:10px;border:1px solid #a2a9b1;text-align: center;}
#tabs_container .tab_content td img{width:auto;}
#tabs_container .tab_content span{font-size:18px;line-height:170%}
#products-detail .sub-pro-img p{display:block;width:calc(100% - 3px);background-repeat:no-repeat;background-position:50% 50%;background-size:contain;}
#product .entitle{margin:80px 0 30px}
#product .entitle h2{text-align:center;font-size:30px;line-height:120%;color:#3b849a}
#products-content{background: rgba(249, 249, 249, 0.73);}

@media screen and (max-width: 1440px) {
    #flexible{width:60%}
    #products-detail #pMain-pic{width: 400px;}
    .comprehensiveW.content-wrraper .inside{width:90%;margin:0 auto}
}
@media screen and (max-width: 1280px) {
    .openThedoor .ask a b{top:10px}
    #flexible{width:850px}
}
@media screen and (min-width: 1025px) {
    #flexible{position:absolute;right:0;top:0;height:100%;width:50%;background:#74b2c1;transition:all cubic-bezier(1,0.01,0,1.01) .5s;transform:translateX(100%);z-index:3;opacity:0}
    #flexible.is-active{transform:translateX(0);opacity:1}
    #flexible .ask{position:absolute;left:0;top:0;height:100%;width:40px;background:url(/images/17/close.png);z-index:3;background-size:cover;text-align-last:center;text-align:center;color:transparent;cursor:pointer;background-position:50%}
}
@media screen and (max-width: 1024px) {
    table{display:block;overflow-x: auto;white-space: nowrap;padding-bottom: 10px;}
    table::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);background-color:#f9f9f9;}
    table::-webkit-scrollbar{height:6px;background-color:black;}
    table::-webkit-scrollbar-thumb{background-color:#a2a1a1;border-radius:50px;}
    #products-content{background:none;}
    #tabs_container .tab_content{padding:0;margin-top: 15px;}
    #product #prolay .pro-list >div{width: calc((100%/3) - 20px);}
    #flexible{width: 92%;padding: 50px 0 30px;padding: 20px;}
    #products-detail .txt-set{width:100%}
    #products-detail .sub-pro-img{float:none;width:100%;margin-right:0%}
    #products-detail #pMain-pic{width:100%}
    #flexible .owner{margin:0;width:calc(100% - 80px)}
    #products-detail .txt-set .product-txt{padding:40px 0 0px;margin-bottom: 40px;}
    .ask2{border-radius:8px;}
    .ask2 a{display:block;text-align:center;color: #ffffff;height: 50px;line-height: 50px;font-size: 15px;position:relative;display: inline-block;border: 1px solid #d4d4d480;padding: 5px 22px;border-radius: 5px;background-color: #4a5158;}
    .ask2 a b{height: 10px;background:#fff;border-radius:50%;line-height: 0px;text-align:center;font-size:12px;right: -50px;color: #707171;padding: 15px 18px;margin-left: 10px;}
    .ask2 a:hover b{transform:scaleX(-1);background:#fff;color: #a90e3c;}
    .comprehensiveW.content-wrraper .inside{width:90%;margin:0 auto}
}
@media screen and (max-width:980px) {
    #products-detail .sub-pro-img{width:100%;margin-bottom: 10px;margin-right:0;}
    #flexible .pro-inner{padding:0;width:100%}
}
@media screen and (max-width: 768px) {
    #product #prolay .pro-list >div{width: calc(100%/2 - 4px);margin: 0 0px 20px;}
}
@media screen and (max-width: 640px) {
    #product #prolay .pro-list >div{width: 100%;margin: 0 0px 20px;}
    #side-nav .Cate >li{width:100%;margin-bottom: 5px;}
    #community{margin:20px 0 0}
    .ask2{border-radius:8px;}
    .ask2 a{position: inherit;display: block;padding: 3px 22px;}
    .ask2 a b{height: 10px;background:#fff;border-radius:50%;line-height: 0px;text-align:center;font-size:12px;right: -50px;color: #707171;padding: 10px 13px;margin-left: 10px;}
    .ask2 a:hover b{transform:scaleX(-1);background:#fff;color: #a90e3c;}
}
@media screen and (max-width: 480px) {
    #pro-article .tabs li a{padding:8px 15px}
    #pro-article .tabs li a:after{top:8px}
    .orderstyleSet .ask a{font-size:15px}
    .aday p,.orderstyleSet .orderfunction .aday{line-height:40px;height:40px;font-size:14px}
}