a.photo {
    overflow: hidden;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: auto 100%;
    display: block;
}
#pagenav{
    padding: 0 0px 30px;
}
#pagenav a b{border: 1px solid #9e9e9e;padding: 2px 19px;border-radius: 5px;}
.blind:after{display:none}
#products .pro-list{overflow:hidden}
#products .pro-list >div{float:left;width:calc(100% / 4)}
#products .p-box{position:relative;background:rgba(0,0,0,0.18);margin: 15px;overflow:hidden;transition:all linear .3s;border: 5px #f0f0f0 solid;}
#products .p-box .p-info{position:absolute;z-index:1;width:100%;color: #fff;bottom:0;left:0;background: rgba(135, 135, 135, 0.12);}
#products .p-box .p-info h3{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;position:relative;margin: 13px;font-weight:400;font-size:18px;font-weight: 700;}
#products .p-box .p-info h3 a{color: #575757;}
#products .p-box .p-info h3 a b{position:absolute;right:0}
#products .p-box .p-info .describe{margin: 8px 12px 10px;overflow:hidden;height: 48px;color: #575757;}
#products .p-box .p-info .price{margin: 9px 20px;overflow:hidden;position:relative;font-size: 16px;}
#products .p-box .p-info .price span{float:left;font-size:14px}
#products .p-box .p-info .price span.old{float:right;font-size:12px;color: #7e7e7e;}
#products .p-box .p-info .price span b{font-size:16px;margin:0 3px}
#products .p-box .p-info .price span.old b{font-size:12px}
#products .p-box .bgimg{position:absolute;left:0;top:0;width:100%;height:100%;transition:all linear .3s;background:#fff}
#products .p-box .bgimg img{width:100%;height:100%;object-fit:cover;transition:all linear .3s}
#product #w-particles{overflow:hidden;position:absolute;bottom:0;left:0;right:0;top:0}
#product #w-particles canvas{width:100%;height:100%}
#product #w-particles #particles{height:100%;background:linear-gradient(to left,rgba(0,0,0,0.52) 20%,hsla(0,0%,0%,0) 100%)}
#products .p-box >img,.bookStyle >img,#news li .border .photo img,#ssbanner a img{width:100%}
#products .p-box .bgimg a{transition:all linear .3s}
#products-detail,#products-content{overflow:hidden;padding: 0px;}
#products-detail .sub-pro-img{float:left;width:450px;background: #ffffff;}
#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-slider p{background-repeat:no-repeat;background-position:50% 50%;background-size:contain}
#products-detail .sub-pro-img .slick-dots{bottom:-35px}
#products-detail .txt-set{float:right;width:calc(100% - 520px)}
#products-detail .txt-set .product-txt{padding:0}
#products-detail .txt-set .product-txt li{border-bottom:1px solid #dedede;font-size:17px;line-height:150%}
#products-detail .txt-set .product-txt li.pName{padding:20px}
#products-detail .txt-set .product-txt li:first-child{border-top:1px solid #dedede}
#products-detail .txt-set .product-txt li .ma{display:inline-block;vertical-align:top;width:150px;padding:10px 20px;margin:10px 0;color: #171717;font-weight:700;}
#products-detail .txt-set .product-txt li .bo{display:inline-block;padding:10px 20px;margin:10px 0;width:calc(100% - 238px);margin-left:-4px;border-left:1px solid #dedede}
#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:#333;height:60px;text-align:center}
.orderstyleSet .orderfunction .aday.add{float:right;width:50%;background:#ff992c}
.orderstyleSet .ask{background: #dde6f1;text-align:center;width: 40%;float: left;margin-right: 20px;padding: 1px 10px;border-radius: 5px;}
.orderstyleSet .ask a{display:block;text-align:center;color: #7d94b1;height:60px;line-height:60px;font-size:17px;position:relative;font-weight: bold;}
.orderstyleSet .ask a b,.orderstyleSet .ask2 a b{position:absolute;width:30px;height:30px;background: #0e2c52;border-radius:50%;line-height:30px;top:15px;text-align:center;font-size:12px;right:20px;transition:all linear .3s;color:#fff;}
.orderstyleSet .ask a:hover b,.orderstyleSet .ask2 a:hover b{transform:scaleX(-1);background: #0e2c52;}
.orderstyleSet .ask2{background: #e9e9e9;text-align:center;width: 40%;float: left;margin-right: 20px;padding: 1px 10px;border-radius: 5px;}
.orderstyleSet .ask2 a{display:block;text-align:center;color: #646464;height:60px;line-height:60px;font-size:17px;position:relative;font-weight: bold;}
.orderstyleSet .ask a b{position:absolute;width:30px;height:30px;background: #7f96b3;border-radius:50%;line-height:30px;top:15px;text-align:center;font-size:12px;right:20px;transition:all linear .3s;color:#fff;}
.orderstyleSet .ask2 a b {
    position: absolute;
    width: 30px;
    height: 30px;
    background: #acacac;
    border-radius: 50%;
    line-height: 30px;
    top: 15px;
    text-align: center;
    font-size: 12px;
    right: 20px;
    transition: all linear .3s;
    color: #fff;
}
.orderstyleSet .ask a:hover b{transform:scaleX(-1);background: #0e2c52;}
 .orderstyleSet .ask2 a:hover b {
    transform: scaleX(-1);
    background: #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:#ff992c;color:#fff;font-size:16px;margin-left:10px;vertical-align:unset;cursor:pointer;-webkit-appearance:none}
#pro-article{margin-bottom: 0px;}
#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:#444343;display:block;padding:15px 25px;position:relative}
#pro-article .tabs li a:hover,#pro-article .tabs li.active a{color:#ffa13e}
#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: 15px 0 0px;line-height: 200%;/* vertical-align: top; *//* width: 150px; */padding: 10px 20px;margin: 10px 0;color: #171717;/* font-weight: 700; */}
#products ul ,
.productInfo ,
.productInfo .pImage .bd ul{overflow:hidden;}
#products ul li{/* float:left; */margin: 10px 1% 15px;width: 30.93%;border-bottom: 1px solid #eaeaea1f;padding-bottom:10px;border: 2px solid #f1f1f1;/* margin-bottom: 50px; */overflow: hidden;/* margin-right: 7px; */display: inline-block;vertical-align: top;/* width: calc((100%/4) - 26px); */margin: 9px 10px;}
#products ul li .productPhoto a{overflow:hidden;position:relative;}
#products ul li .productPhoto a:after{position:absolute;width:100%;height:100%;top:-100%;background: hsla(214, 16%, 72%, 0.2) no-repeat 50%;display:block;content:"";transition:all 0.4s ease;}
#products ul li:hover .productPhoto a:after{top:0;}
#products ul li h3{margin:5px 0;}
#products ul li h3 a{/* height: 72px; */color: #343e4a;font-weight:bold;display:block;font-size: 20px;overflow:hidden;line-height:30px;width: 80%;text-align: center;margin: auto;}
#products ul li a.more{background: #0f2c52;padding: 1px 10px;text-align: center;display: block;width: 191px;height: 40px;border-radius: 4px;font-size: 20px;line-height: 40px;color: #fff;margin: 21px auto 20px auto;width: 80%;}
#products ul li p{overflow:hidden;font-size:14px;margin-bottom:5px;text-align: center;height: 30px;}
.price2{height: 74px;}

#products ul li p span.old{float: initial;font-size: 20px;line-height: 20px;height: 22px;color: #3b3b3b;margin-bottom: 12px;overflow: hidden;}
#products ul li p span b{font-size:18px;margin:0 5px;color:#db1414;vertical-align:bottom;}
#products ul li p span.old b{font-size:14px;margin:0;color:#9d9d9d;font-size: 20px;line-height: 20px;height: 20px;color: #3b3b3b;margin-bottom: 5px;overflow: hidden;}
.productInfo .pImage{float:left;width:360px;}
.productInfo .pInfo{float:right;width:calc(100% - 400px);}
.productInfo .pImage li{overflow:hidden;background-position:50% 50%;background-repeat:no-repeat;background-size:auto 100%;display:block;}
.productInfo .pImage li img{width:100%;max-width:inherit;}
.productInfo .pImage .hd ul{text-align:center;}
.productInfo .pImage .hd ul li{margin:10px 5px;width:15px;height:15px;border-radius:50%;background:#d1b084;display:inline-block;text-indent:-999px;}
.productInfo .pImage .hd ul li.on ,
.productInfo .pImage .hd ul li:hover{background:#a68b68;}
.productInfo .pInfo{color:#5d5d5d;font-size:12px;padding:20px 0 0;}
.productInfo .pInfo h3{line-height:140%;font-size:24px;color:#434343;}
.productInfo .pInfo article{font-size:15px;color:#707070;}
.productInfo .pInfo .payBox{margin:20px 0 0;color:#807f7f;border-left:1px solid #d1b084;padding:10px 30px;}
.productInfo .pInfo .payBox p{margin:0;}
.productInfo .pInfo .payBox div p:first-child{font-size:12px;text-decoration:line-through;color:#898989;font-style:italic;}
.productInfo .pInfo .payBox p.price{font-size:20px;margin-bottom:20px;}
.productInfo .pInfo .payBox article{text-decoration:underline;}
.productInfo .pInfo p{font-size:16px;font-weight:bold;color:#3a3939;margin-top:10px;}
.productInfo .pInfo p.ProductNO{font-size:14px;color:#999;margin-top:0;font-weight:normal;}
.productInfo .pInfo p.price{font-size:22px;color:#dc1d1d;}
.productInfo .pInfo p input{padding:0 10px;width:50px;display:inline-block;vertical-align:text-bottom;}
.productInfo .pInfo p.buy{padding-top:5px;display:inline-block;}
.productInfo .pInfo p.buy a{padding:10px;width:144px;background:#936e3d;display:block;color:#fff;font-size:14px;}
.productInfo .pInfo p.buy a i{margin-left:50px;}
.productInfo .pInfo p.buy a:hover i{animation:animatedIcon .5s;-webkit-animation:animatedIcon .5s;-moz-animation:animatedIcon .5s;-ms-animation:animatedIcon .5s;-o-animation:animatedIcon .5s;}
@keyframes animatedIcon{0%{margin-left:50px;}
25%{margin-left:45px;}
50%{margin-left:50px;}
75%{margin-left:45px;}
100%{margin-left:50px;}
}
@-o-keyframes animatedIcon{0%{margin-left:50px;}
25%{margin-left:45px;}
50%{margin-left:50px;}
75%{margin-left:45px;}
100%{margin-left:50px;}
}
@-webkit-keyframes animatedIcon{0%{margin-left:50px;}
25%{margin-left:45px;}
50%{margin-left:50px;}
75%{margin-left:45px;}
100%{margin-left:50px;}
}
@-moz-keyframes animatedIcon{0%{margin-left:50px;}
25%{margin-left:45px;}
50%{margin-left:50px;}
75%{margin-left:45px;}
100%{margin-left:50px;}
}
@-ms-keyframes animatedIcon{0%{margin-left:50px;}
25%{margin-left:45px;}
50%{margin-left:50px;}
75%{margin-left:45px;}
100%{margin-left:50px;}
}
.prod-art #products{margin-top:50px;}
.prod-art .pro-article{overflow:hidden;margin-bottom:10px;position:relative;}
.prod-art .pro-article ul.tabs{width:100%;height:30px;border-bottom:1px #d1b084 solid;overflow:visible;}
.prod-art .pro-article ul.tabs li{margin:0 3px -1px 0;height:29px;float:left;overflow:hidden;position:relative;}
.prod-art .pro-article ul.tabs li a{padding:0 25px;height:29px;display:block;text-align:center;line-height:35px;color:#757575;}
.prod-art .pro-article ul.tabs li.active{border:1px #d1b084 solid;border-bottom:1px #fff solid;color:#d1b084;}
.prod-art .pro-article ul.tabs li.active a{color:#231F1F;font-weight:bold;}
.prod-art .pro-article .tab_container{clear:left;margin:15px 0 0;width:100%;}
.prod-art .pro-article .tab_container .tab_content{margin:0 10px;line-height:170%;font-size:16px;}
#products .otherTit{background:url(/images/11/main/img-other.png) repeat-x 0 50%;text-align:center;}
#products .otherTit p{padding:0 15px;color:#d1b084;background:#fff;display:inline-block;font-size:27px;font-weight:normal;}
#products .otherTit span{font-size:40px;vertical-align:initial;}
@media screen and (min-width:1024px){#products ul li a.more:hover{background: #285796;}
}

@media screen and (min-width: 1025px) {
#products .p-box .p-info{transition:all linear .3s;height: -2px;bottom: -97px;}
#products .p-boxOver:hover .p-info{bottom:0}
#products .p-box:hover .bgimg{left:-3%;top:-3%;width:106%;height:106%}
#products .sthOver .p-box .bgimg img{opacity:.2}
#products .sthOver .p-boxOver .bgimg img{opacity:1}
}
@media screen and (max-width: 1280px) {
#products-detail .sub-pro-img{width:350px}
#products-detail .txt-set{width:calc(100% - 420px)}
#products ul li {
    width: 30.23%;
    margin: 9px 8px;
}
}
@media screen and (max-width: 1024px) {
#products .pro-list >div{width:50%}
#products-detail .sub-pro-img{width:100%;margin-bottom:50px}
#products-detail .txt-set{width:100%}
}
@media screen and (max-width: 768px) {
#products .p-box{margin:10px}
#products .p-box .p-info h3{margin:10px 20px;font-size:17px}
#products .p-box .p-info .describe{margin:10px 20px;height:47px}
	.productInfo .pImage{float:none;margin:0 auto;}
.productInfo .pInfo{float:none;margin:0 auto;width:90%;
#products ul li h3 a {
    font-size: 18px;
}
}
@media screen and (max-width: 640px) {
#products .p-box .p-info .describe{height:27px;margin:10px 20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
#products-detail,#products-content{padding:0}
#products-detail .txt-set .product-txt li .ma{width:100px;padding:5px 10px;margin:2px 0}
#products-detail .txt-set .product-txt li .bo{padding:5px 10px;margin:2px 0;width:calc(100% - 148px)}
#products-detail .txt-set .product-txt li.pName{padding:10px}
#pagenav{    padding: 0 0 50px;}
	#products ul li{width: 44%;}
#products .otherTit p{font-size:20px;}
#products .otherTit span{font-size:30px;}
	.prod-art .pro-article ul.tabs li a{padding:0 15px;}
.orderstyleSet .ask,.orderstyleSet .ask2 {
    background: #e9dfe6;
    text-align: center;
    width: 88%;
    float: left;
    margin-right: 20px;
    padding: 1px 10px;
    border-radius: 5px;
    margin: 6px 0;
}
}
@media screen and (max-width: 480px) {
#products .p-box .p-info h3{margin:10px;font-size:16px}
#products .p-box .p-info .price{margin:0 10px}
#products .p-box{margin:2px}
#products .p-box .p-info .describe,#products .p-box .p-info h3 a b{display:none}
#products .p-box .p-info .price span{font-size:8pt}
#products .p-box .p-info .price span.old,#products .p-box .p-info .price span.old b{font-size:6pt}
#products ul li {
    width: 45%;
    margin: 9px 6px;
}
	}
@media screen and (max-width:450px){#products ul li p span b{margin:0 2px;}
#products ul li p span.old{margin-top:3px;}
#products ul li p span.old,
#products ul li p span.old b{font-size: 12pt;font-weight: 900;}
.productInfo .pImage{width:300px;}
.productInfo .pInfo{width:90%;}
}