.product_iteam_box:hover .masklayer{top:100%;-moz-opacity:0;-webkit-opacity:0;-ms-opacity:0;-o-opacity:0;-khtml-opacity:0;opacity:0}
.left_pro_pic .t1{width:90px;float:left}
.left_pro_pic .t2{text-indent:0;float:left;margin-left:10px}
.left_pro_pic .t2 img{text-indent:0;-ms-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}
.showArea img{margin-bottom:5px;width:88px;padding:1px;border:1px solid #ccc;height:88px;float:left;-ms-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}
.main_img,.showArea img{cursor:pointer;display:block}
.main_img{width:490px;height:490px}

.description{margin-bottom: 120px;}
.gotop{margin:0 auto 5px}
.gobottom,.gotop{cursor:pointer;display:none}
.gobottom{margin:5px auto 0}
.showArea{height:460px;margin:0;overflow:hidden}
.MagicZoomBigImageCont{border:1px solid #eee;overflow:hidden;z-index:50;-ms-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}
.MagicZoomBigImageCont img{width:1600px;z-index:50}
.MagicZoomBigImageCont iframe{width:300px;height:300px;z-index:50}
.MagicZoomHeader{font:10px Tahoma,Verdana,Arial,sans-serif;color:#fff;background:#0f968c;text-align:center!important}
.MagicZoomPup{border:1px solid #aaa;background:#fff;cursor:hand;left:0}
.MagicZoomLoading{text-align:center;background:#fff;color:#444;padding:3px!important;display:none;-moz-opacity:.8;-webkit-opacity:.8;-ms-opacity:.8;-o-opacity:.8;-khtml-opacity:.8;opacity:.8}
.MagicZoomLoading img{padding-top:3px!important}
.MagicThumb{cursor:pointer;outline:0}
.MagicThumb-zoomed{cursor:default}
.MagicThumb span{display:none}
.MagicThumb-image{border:1px solid #ccc;outline:0}
.MagicThumb-image-zoomed{cursor:pointer}
.MagicThumb-caption{color:#060606;background-color:#fff;border:1px solid #eee;border-top:none;font-size:12px;padding:8px 16px}
.MagicThumb-controlbar{display:block;height:18px}
.MagicThumb-controlbar a{display:block;width:180px;height:180px;margin:0 1px;outline:0;float:left;overflow:hidden}
.MagicThumb-controlbar a span{display:block;width:1000px;height:1000px;outline:0;position:absolute;left:0;top:0}
.MagicThumb-loading{border:1px solid #000;background:#fff;padding:2px 2px 2px 22px;margin:0;text-decoration:none;text-align:left;font-size:8pt;font-family:sans-serif}
.pro_description{margin-bottom:80px}
.main_right_none{margin-bottom:60px}
.title{font-size:24px;color:var(--333)}
.price_box,.title{margin-bottom:20px}
.price_box .price{font-size:32px;color:#060606;margin-bottom:10px}
.price_box .in_stock{font-size:16px;color:#18a2a2}
.right_pro_details .pro_info{margin-bottom:60px;border-top:1px solid #eee;border-bottom:1px solid #eee;padding:40px 0}
.min_details{display:inline}
.min_details p{display:inline;line-height:32px}
.btn_buy{width:50%;height:46px;line-height:46px;background:#f5aa00;color:#060606;text-align:center;cursor:pointer;text-transform:uppercase;text-decoration:none;display:flex;justify-content:center;-ms-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}
.btn_buy:hover{background:#ffb200;color:#060606}
.btn_buy .center{text-align:center;margin:0 auto;display:block;overflow:hidden}
.btn_buy span{margin-right:5px;font-size:24px;line-height:46px}
.btn_buy b{line-height:46px;font-style:normal}
.product_banner{margin-bottom:60px}
.product_banner .main{text-align:center}
.detailsA .price_view,.detailsB .price_view{color:#060606;font-size:18px}
.detailsA .info,.detailsB .info{height:auto;font-size:16px}
.detailsA .product_iteam li,.detailsB .product_iteam li{margin-bottom:20px}
.main_right_none .info{display:block;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.scroll{width:345px;height:345px;position:relative;overflow:hidden;margin:0 auto;display:none}
.mod_01{float:left;width:345px}
.mod_01 img{display:block;width:100%;height:100%}
.dotModule_new{padding:0 5px;height:11px;line-height:6px;position:relative;bottom:30px;z-index:4;display:flex;justify-content:center;align-items:center;-ms-border-radius:11px;-moz-border-radius:11px;-o-border-radius:11px;-webkit-border-radius:11px;border-radius:1px}
#slide_01_dot{text-align:center;margin:3px 0 0}
#slide_01_dot span{display:inline-block;margin:0 3px;width:5px;height:5px;vertical-align:middle;background:#f7f7f7;-ms-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}
#slide_01_dot .selected{background:#0f968c}

.left_pro_pic{text-align:left;float:left;margin:0;width:620px;}
/*.proPicbox{position: fixed;z-index: 89;background: #fff;}*/
.flo_left_pro_pic{position: static;}

.small-img{display:flex;align-items:center;justify-content:center}
.clearfix:after,.clearfix:before{display:table;line-height:0;content:""}
.magnifier{width:500px; position: relative;margin-top:0;margin-left:100px; }
.magnifier-container{width:500px;height:500px;overflow:hidden;position:relative; z-index: 9;  }
.move-view{width:100px;height:100px;position:absolute;background-image:url(../images/move-box.png)}
.images-cover{height:100%;width:100%;position:relative;overflow: hidden;display: flex;align-items: center;}
.images-cover img{position:absolute}
.magnifier-assembly{height:500px;overflow:hidden;position:absolute;padding:0; width: 88px;top: 0;left:5px;margin-left: -105px}

.magnifier-line{position:absolute;overflow:hidden; overflow-y:auto;height:500px;width: 100px;}
.magnifier-line ul{display:block;font-size:0;width:100px;position:absolute;left:0;z-index:9;height: 500px;}
.magnifier-line li{
    margin-bottom: 5px;
    width: 80px;
    min-height: 80px;
    padding: 6px;
    border: 1px solid #ccc;
    float: left;
    -ms-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
}
.magnifier-line ul>.active{border: 1px solid var(--blue);}
.small-img{
    height:auto;
    margin:0px;
    overflow:hidden;
    /*border:3px solid #fff;*/
    text-align:center;
    -ms-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}
.small-img img{max-width:100%;max-height:100%}
.magnifier-view{width:100%;height:100%;position:absolute;right:-105%;top:0;z-index:9;background-color:#fff;display:none;overflow:hidden}
.magnifier-view img{display:block}
.animation03{transition:all .3s ease-in .1s;-ms-transition:all .3s ease-in .1s;-moz-transition:all .3s ease-in .1s;-webkit-transition:all .3s ease-in .1s;-o-transition:all .3s ease-in .1s}

/*--porduct--*/
.product_bg{overflow: initial;}
.product_bg .main{overflow: inherit;margin-bottom: 120px;}

.left_pro_pic{position:sticky; top:20px; float: left;z-index: 99}

.right_pro_details{width:calc(100% - 620px);margin-left: 620px; margin-top:40px;padding-left:120px;}
.right_pro_details>.title{color: var(--333);font-size: 24px;margin-bottom: 20px; }

.pro-price-box{}
.pro-price-box .unit{font-size: 18px; color: var(--blue); font-style: normal;}
.pro-price-box .num{font-size: 28px; color: var(--blue);}

.count-bg{margin-top: 30px;padding: 0 30px 0 0;max-width: 580px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.count-box .txt{font-size: 12px; color: var(--999);margin-bottom: 5px;}
.count-btn-box{border: 1px solid var(--ddd); display: inline-flex;align-items: center; overflow: hidden;padding: 0;line-height: 36px;
    -ms-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    -webkit-border-radius:2px;
    border-radius: 2px;
}
.count-btn-box .count-reduce,.count-btn-box .count-add{height: 36px;width: 70px;text-align: center;font-size: 16px;color: var(--333);border: 1px solid var(--ccc);display: inline-block;cursor: pointer;background: var(--fff);
    -ms-border-radius: 0 30px 30px 0;
    -moz-border-radius: 0 30px 30px 0;
    -o-border-radius: 0 30px 30px 0;
    -webkit-border-radius: 0 30px 30px 0;
    border-radius: 0 30px 30px 0;
}
.count-btn-box .count-reduce{
    -ms-border-radius: 30px 0 0 30px;
    -moz-border-radius: 30px 0 0 30px;
    -o-border-radius: 30px 0 0 30px;
    -webkit-border-radius: 30px 0 0 30px;
    border-radius: 30px 0 0 30px;
}
.count-btn-box .count-reduce:hover,.count-btn-box .count-add:hover{background: var(--eee);}

.count-btn-box .count-input{height: 36px;width: 90px;text-align: center;font-size: 16px;color: var(--333);border: 1px solid var(--ccc);border-left:0;border-right:0;background: var(--fff);}

.capacity-box {margin: 10px 0 0 0;}
.capacity-box .txt{font-size: 12px; color: var(--999);margin-bottom: 5px;}
.capacity-box .type{font-size: 14px; color:var(--333);}
.capacity-box .stock{font-size: 12px; color:var(--blue);}

.right_pro_details .btn-group{max-width:552px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.pro-btn-block{display: inline-block; color: var(--fff);margin: 20px 0 0 0; font-size: 16px; height: 54px; line-height: 54px;width: 100%;text-align: center;background: var(--blue); text-decoration: none; cursor: pointer;border: 1px solid var(--blue);
    -ms-border-radius: 50px;
    -moz-border-radius: 50px;
    -o-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
}
.btn_buyn,.btn_cart{width:calc((100% - 10px)/ 2)}
.btn_buyn .icomm{font-size:13px;margin-right:10px}
.btn_cart{background:var(--fff);border:1px solid var(--blue);color:var(--blue)}
.btn_cart:hover{background:var(--blue);color:var(--fff)}
.nullpor{color:var(--333);background:var(--eee);cursor:auto;border:1px solid var(--eee)}
.nullpor .icomm{margin-right:5px}
.nullpor .icomm{font-size:18px}
.pro-btn-block:hover{background:var(--blueH)}
.nullpor{background:var(--eee)}
.nullpor:hover{background:var(--eee)}


.pay-box{position:relative;margin-left:5px;padding:20px 0 0 0;width:100%;}
.pay-box-center{display:flex;align-items:center;}
.pay-box .text{margin-right:10px;color:var(--333);text-transform:capitalize;white-space:nowrap;font-size:12px;}
.payment-pay-ul{display:flex;flex-wrap: wrap;}
.payment-pay-ul li{margin-right:10px;font-size:0;}
.payment-pay-ul li img{height:100%;}

.pro-five-ul{padding-left: 20px;margin-top: 30px;color: var(--666);font-size: 12px;max-width: 580px;}
.pro-five-ul .pro-five-li{font-size: 14px; line-height: 20px; color: var(--333);list-style: disc;margin-top:15px ;}
.seemore-btn{text-align:center;margin-top:10px;padding:10px 0;color:var(--blue);display:none}
.starcontainer{margin-top:10px;text-align:left;height:26px;overflow:hidden}
.starcontainer .starul{position:relative;overflow:hidden;width:90px;height:18px;line-height:18px;padding:0;cursor:pointer;margin-right:5px;float:left}
.starcontainer .starul li{float:left;height:18px;padding:0;line-height:18px;position:absolute;overflow:hidden}
.gradeinfo{display:block;float:left;font-size:12px;color:var(--999);text-decoration:none;line-height:18px;height:16px;padding:0}
.gradeinfo b{font-size:12px;color:var(--ccc);margin:0 3px}
.gradeinfo i{font-size:12px;font-style:normal;margin:0 0 0 5px}

.product_bg .starcontainer .starul li{height:18px;line-height:18px}
.product_bg .starcontainer .starul li span{font-size:18px}
.starcontainer .starnull span{color: var(--eee)}
.starcontainer .starfull span{color:var(--orange);font-size: 18px;}
.product_bg .starcontainer .starnull{width:90px}
.product_bg .starcontainer .starfull{width:90px}
.product_bg .gradeinfo,.product_bg .gradeinfo b,.product_bg .gradeinfo i{font-size:12px}
.stockInfo .soldout{color:var(--redb);font-size:14px}
.stockInfo .soldout span{font-size:14px;margin-right:10px;color:var(--red)}
.product_bg .pro_info{margin-bottom:20px}
.min_details{display:inline}
.min_details p{display:inline;line-height:32px}
.product_bg .starcontainer{position:relative;overflow:inherit;margin-bottom:10px;}
.popstarbox{position:absolute;top:18px;display:none;padding-top:10px}
.popstarbox .mask{position:absolute;height:16px;width:16px;-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);background:var(--fff);margin-top:-7px;left:37px;-ms-border-radius:2px;-moz-border-radius:2px;-o-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;border:1px solid var(--ddd);border-right:none;border-bottom:none;-webkit-box-shadow:0 -5px 10px -5px rgba(0,0,0,.3);-moz-box-shadow:0 -5px 10px -5px rgba(0,0,0,.3);-ms-box-shadow:0 -5px 10px -5px rgba(0,0,0,.3);-o-box-shadow:0 -5px 10px -5px rgba(0,0,0,.3);box-shadow:0 -5px 10px -5px rgba(0,0,0,.3)}
.popstarmain{background:var(--fff);padding:20px;border:0 solid var(--333);-ms-border-radius:2px;-moz-border-radius:2px;-o-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;-webkit-box-shadow:0 0 10px rgba(0,0,0,.3);-moz-box-shadow:0 0 10px rgba(0,0,0,.3);-ms-box-shadow:0 0 10px rgba(0,0,0,.36);-o-box-shadow:0 0 10px rgba(0,0,0,.3);box-shadow:0 0 10px rgba(0,0,0,.3)}
.popstarmain .barul{margin-left:0;margin-top:10px}
.product_bg .popstarmain .starcontainer{margin-left: 0;}
/*.product_bg .starcontainer .starp:hover .popstarbox{display:block;cursor:pointer}*/
.barul{overflow:hidden;margin-left:40px}
.barul li{line-height:20px;overflow:hidden;margin-top:10px}
.barul li:first-child{margin-top:0}
.barul li .txt{color:var(--333);font-size:14px;line-height:20px;width:60px;text-align:left;float:left}
.barul li .bar{float:left;position:relative;display:block;height:10px;width:200px;overflow: hidden; background:var(--eee);margin-top:5px;-ms-border-radius:50px;-moz-border-radius:50px;-o-border-radius:50px;-webkit-border-radius:50px;border-radius:50px}
.barul li .bar .proportion{position:absolute;left:0;width:0;background:var(--orange);display:block;height:100%;-ms-border-radius:50px;-moz-border-radius:50px;-o-border-radius:50px;-webkit-border-radius:50px;border-radius:50px}
.barul li .num{font-size:14px;color:var(--333);font-style:normal;text-align:left;display:block;float:left;margin-left:5px}
.barul li:hover .num,.barul li:hover .txt{text-decoration:underline;color:var(--orange);cursor:pointer}
.product_bg .pro-title{padding: 0 0 0 5px; font-size: 24px}

/*** goods end****/
/*--porduct end--*/

/*--Mobile banner--*/
.bannerswiper{position:relative;width:100%;overflow:hidden;zoom:1;line-height:0;margin:0 auto;display:none}
.bannerswiper .swiper-slide{background:var(--graf3)}
.bannerswiper .swiper-slide .slides-img{width:100%;aspect-ratio:1/1}
.bannerswiper .swiper-slide .slides-img a{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--fff);overflow:hidden}
.bannerswiper .swiper-pagination-bullet,.pop-list .swiper-pagination-bullet{background:var(--999);width:18px;height:4px;margin:0 2px!important}
.bannerswiper .swiper-pagination-bullet-active{background:var(--orange)}
.bannerswiper .swiper-slide img{max-width:100%;max-height:100%}
.bannerswiper .swiper-slide .slides-video a{position:relative;width:100%;height:100%}

.bannerswiper .swiper-slide .slides-video a:before {content: "\e9a7";font-family: 'icomoon' !important;font-size: 40px;position: absolute;width: 100%;height: 100%;left: 0;top: 0;background: rgba(0,0,0,.1);color: var(--fff);z-index: 9;
    display: flex;
    align-items: center;
    justify-content: center;
}
.bannerswiper .swiper-slide .slides-iframe a:before {content: "";font-size: 40px;position: absolute;width: 100%;height: 100%;left: 0;top: 0;background: rgba(0,0,0,.1);color: var(--fff);z-index: 9;
    display: flex;
    align-items: center;
    justify-content: center;
}

.bannerswiper .swiper-slide video{display: block;width: 100%;height: 100%;
    /*object-fit: cover;*/
}
.bannerswiper .iconvideo, .pop-list .iconvideo{position: relative;background: 0;height: 0;width: 0;
    border-bottom: 5px solid transparent;
    border-left: 9px solid var(--999);
    border-right: 0;
    border-top: 5px solid transparent;
    -webkit-border-radius: 0;
    border-radius: 0;
}
.bannerswiper .iconvideo.swiper-pagination-bullet-active , .pop-list .iconvideo.swiper-pagination-bullet-active{
    background: 0;height: 0;width: 0;
    border-bottom: 5px solid transparent;
    border-left: 9px solid var(--orange);
    border-right: 0;
    border-top: 5px solid transparent;
    -webkit-border-radius: 0;
    border-radius: 0;
}
.bannerswiper .iconvideo:after{content: "";height: 0;left: -8px;position: absolute;top: -3px;width: 0;
    border-bottom: 3px solid transparent;
    border-left: 6px solid var(--fff);
    border-right: 0;
    border-top: 3px solid transparent;
    -webkit-border-radius: 0;
    border-radius: 0;
    
}
.bannerswiper .swiper-pagination-bullet-active:after{display: none;}
.bannerswiper .swiper-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
}

/*pop*/
.pop-list{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.9);z-index:999;opacity: 0;}
.pop-list .swiper-zoom-container{max-width:100%;max-height:100%;z-index:9}
.pop-list .swiper-zoom-container .videobg{max-width:90%;max-height:60%;display:flex;align-items:center;position: relative;}
.pop-list .swiper-slide{width:100%!important}
.pop-list .swiper-slide img{width:100%;vertical-align:middle}
.pop-list .swiper-pagination{bottom:40px;color:#fff}
.pop-list .swiper-pagination-bullet{background: var(--fff)}
.pop-list .swiper-pagination-bullet-active{background: var(--orange)}
.pop-list .iconvideo{background: 0 0;border-bottom: 4px solid transparent;border-left: 7px solid var(--fff);border-right: 0;border-top: 4px solid transparent;-webkit-border-radius: 0;border-radius: 0;height: 0;width: 0;position: relative;}
.pop-list .videobg .vdobnt{position: absolute;top:50%;left:50%;color: #fff;z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
}
.pop-list .videobg .playout {
    transform: scale(2);
    -ms-transform: scale(2);
    -moz-transform: scale(2);
    -webkit-transform: scale(2);
    -o-transform: scale(2);
    opacity: 0;
}
.pop-list .iconvideo.swiper-pagination-bullet-active{
    background: 0 0;
    border-bottom: 4px solid transparent;
    border-left: 7px solid var(--orange);
    border-right: 0;
    border-top: 4px solid transparent;
    -webkit-border-radius: 0;
    border-radius: 0;
    height: 0;
    width: 0;
}

.pop-list .swiper-zoom-container video{z-index:9999;max-width:100%;max-height:60%}
.pop-list .swiper-zoom-container iframe{z-index:9999;width:100%;height: 50%;
    /*pointer-events: none;*/
}
.pop-list .close{position:absolute;width:50px;height:50px;text-align:right;right:0;top:0;z-index:99;display: flex;align-items: center;justify-content: center;}
.pop-list .close .icomm{font-size:20px;color:#fff;}
/*pop end*/

/*--Mobile banner end--*/

/* .description{margin-bottom: 100px;} */
/*----*/
.toolbar-fixed{width:100%;position:fixed;top:-200px;left:0;z-index:999999;background:var(--fff);box-shadow:0 1px 6px rgb(0,0,0,.25)}
.toolbar-fixedtop{top:0}
.toolbar-fixed .prod-toolbar-inner{display:flex;align-items:center;justify-content:space-between}
.prod-toolbar-left .prod-toolbar-data{display:flex;align-items:center;padding-top:8px}

.prod-toolbar-left .prod-toolbar-data .pic{width: 30px;height: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.prod-toolbar-left .prod-toolbar-data .pic img{max-width: 100%;max-height: 100%;}
.prod-toolbar-left .prod-toolbar-data .text{font-size:14px;color:var(--333);max-width:360px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-left:10px}
.prod-toolbar-left .prod-toolbar-data .num{margin-left:15px}
.toolbar-fixed .btn-group{width:420px}
.toolbar-fixed .btn-group .button-box{margin-top:0;height:40px;line-height:40px}
.toolbar-fixed .btn-group .button-box.nullpor{width:calc(50% - 5px);float:right}
.prod-toolbar-left .prod-toolbar-nav .item{height:24px;display:inline-block;position:relative;margin-right:30px}
.prod-toolbar-nav .item .js-scroll-to{font-size:12px;color:var(--333);display:block;height:100%;cursor:pointer}
.prod-toolbar-nav .item .line{background:var(--blue);display:block;height:2px;position:absolute;bottom:0;width:0}
.prod-toolbar-nav .item.active .js-scroll-to{font-weight:600}
.prod-toolbar-nav .item.active .line{width:100%}
.prod-toolbar-nav .item:hover .js-scroll-to{font-weight:600}
.prod-toolbar-nav .item:hover .line{width:100%}

/*----*/
.description .floatmask{position:static;margin-bottom:60px}
.description .floatmask .maskul{display:flex;align-items:center;justify-content:center;margin:0 auto}
.floatmask .maskul li{position:relative;display:inline-block;margin:0 20px;padding:20px 0 10px 0;text-align:center}
.floatmask .maskul li a{display:block;height:100%;color:var(--333);text-decoration:none;font-size:14px;cursor:pointer}
.floatmask .maskul li a span{text-transform:capitalize}
.floatmaskfix{position:fixed!important;top:82px;z-index:99;background:hsla(0,0%,95.7%,.95)}
.floatmask .maskul li .bottom-line{background:var(--blue);display:block;height:2px;position:absolute;bottom:0;width:0}
.floatmask .maskul .active a{color:var(--333)}
.floatmask .maskul .active a span{font-weight:600}
.floatmask .maskul .active .bottom-line{width:100%}
.floatmask .maskul li:hover .bottom-line{width:100%}
.description .tab-panel{margin-bottom:30px}
.description .tab-panel .block-title,.usermanual .block-title{margin-bottom:20px;font-size:24px;color:var(--333)}
.description .goods-box{position:relative;width:100%;overflow:hidden;margin-top:40px}
.description .goods-box:first-child{margin-top:0}
.description .goods-box .pic{width:100%;height:100%}
.description .goods-box .goods-text{position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--fff)}
.goods-text-box{width:100%;margin-top:-30px}
.goods-text-box .title{color:var(--fff);text-transform:uppercase;font-size:76px}
.goods-text-box .text{font-size:34px;color:var(--fff)}
.goods-text-box .line{display:inline-block;margin-top:40px;width:100px;height:8px;background:var(--blue)}
.des-graphic .pic-box{float:left;width:50%}
.description .goods-box .product-cover-pc{padding:0;width:100%;aspect-ratio:1920/787}
.goods-box .des-graphic .product-cover-pc{aspect-ratio:auto;display:flex;align-items:center;justify-content:center}
.description .product-cover-pc .goods-box .pic{width:100%;height:100%;position:initial}
.description .des-graphic .product-cover-pc .pic{max-width:100%;width:auto;max-height:100%;height:auto}
.des-graphic .graphic-text-box{float:left;width:calc(100% - 54%)}
.des-graphic-left .graphic-text-box,.des-graphic-right .pic-box{float:right}
.graphic-text-box .text-block{margin-bottom:20px;margin-top:0!important}
.des-graphic .graphic-text-box .title{font-size:14px;color:var(--333);margin-bottom:10px}
.text-block p{margin-bottom:10px}
.text-block .text-box p{color:var(--333);font-size:14px;line-height:22px}
.text-block .icomm{display:block;color:var(--blue);font-size:30px;text-align:center;margin-bottom:30px}
.text-block ol{padding-left:18px}
.text-block ol li{list-style:disc;color:var(--333);font-size:14px;line-height:22px}


/*--specifications--*/
.specifications{margin-top: 40px;}
.specifications .des-table{width:70%;border-collapse:collapse;}
.specifications .des-table tr td{padding:10px 20px;border:1px solid var(--ccc);color:var(--333);font-size:14px;}
.specifications .des-table tr td b{font-weight:600;}
.specifications .des-table tr .td1{background:var(--eee);}
.specifications .des-table tr .td2{background:var(--fff);}
/*--specifications end--*/



/*--FAQ--*/
.description-faq{margin-top: 30px;}
.faq-body p{font-size:14px;color:var(--333);margin-top:5px}
.faq-body p b{display:inline-block;color:var(--blue);margin-top:10px}
.faq-body ol{padding-left:18px}
.faq-body ol li{list-style:disc;font-size:14px;color:var(--333);margin-top:5px}

/*--FAQ end--*/

/*--usermanual--*/
.usermanual{margin-top:40px}
.usermanual .file-link{font-size:16px;color:var(--blue);line-height:24px;text-decoration:none}
.usermanual .file-link:hover{color:var(--blueH);text-decoration:underline}

/*--usermanual end--*/

/*product-list-ice-maker.html*/
.product-banner{position:relative}
.product-banner .pic-img{width:100%;aspect-ratio:192/49;overflow:hidden;background:var(--eee);font-size:0}
.product-banner .pic-img img{width:100%;height:100%;object-fit:cover}
.product-banner .pic-img .mb-pic-img{display:none}
.product-banner .product-banner-info{position:absolute;top:100px;left:50%;transform:translate(-50%,0);-ms-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-webkit-transform:translate(-50%,0);-o-transform:translate(-50%,0);padding-left:3px}
.product-banner-info .title{color:var(--f5);margin-bottom:0;font-size:36px}
.product-banner-info .text{color:var(--f5);font-size:18px;margin-top:5px}


/*Dropdown selection box*/
.overall-top{margin-top:40px;display:flex;justify-content:space-between}
.overall-top .max-title{font-size:24px;color:var(--333)}
.overall-top .wrapper{display:flex;align-items:center;justify-content:space-between;padding-right:5px}
.overall-top .wrapper-center{display:flex;align-items:center}
.title{font-size:16px;color:var(--333);margin:0 10px 0 0}
.overall-top .search_box{width:165px;border:1px solid var(--ccc);border-radius:3px;height:30px;line-height:30px;padding:0 10px;display:flex}
.overall-top .search_box:hover{border:1px solid var(--blue)}
.overall-top .search_box .dropdown{width:150px;color:var(--333);position:relative;cursor:pointer}
.overall-top .default_option{font-size:14px}
.overall-top .search_box .dropdown ul{position:absolute;top:40px;left:-10px;background:#fff;width:165px;border-radius:5px;padding:10px;display:none;box-shadow:0 0 5px var(--eee);border:1px solid var(--eee);z-index:999}
.overall-top .search_box .dropdown .selecte-list.active{display:block}
.overall-top .selecte-list .selecte-option{font-size:14px;color:var(--333)}
.overall-top .selecte-list .selecte-option:last-child{padding-bottom:0}
.overall-top .selecte-list .selecte-option:hover{color:var(--blue)}
.overall-top .search_box .dropdown:before{content:"\ea4a";font-family:icomoon;position:absolute;top:0;right:5px;font-size:12px;pointer-events:none}

/*Dropdown selection box end*/
.mb-filter-btn{display:none}
.mb-filter-btn .btn-text,.mb-filter-btn .icomm{font-size:14px;color:var(--333)}
.product-overall{background:var(--buleq);padding-bottom:100px}
.product-overall .overall-box{display:flex;align-items:flex-start;margin-top:40px}
.left-menu{width:250px;margin-right:50px;background:var(--fff);padding:20px 20px 0 20px;border-top:4px solid var(--blue); position:relative;-ms-border-radius: 15px;-moz-border-radius: 15px;-o-border-radius: 15px;-webkit-border-radius:15px;border-radius: 15px;}
.left-menu .mb-header-inner{width:100%;display:flex;align-items:center;justify-content:space-between;height:60px;line-height:60px;display:none;border-bottom:1px solid var(--eee);margin-bottom:20px}
.mb-header-inner .mb-header-title{font-size:18px;color:var(--333)}
.mb-header-inner .icomm{display:inline-block;width:30px;height:30px;line-height:30px;font-size:14px;color:var(--333);text-align:center}

.left-menu .btn-group{display: none;position: absolute;bottom: 0;left: 0;width: 100%;background: var(--fff);
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.3);
    -moz-box-shadow: 0 0 5px rgba(0,0,0,.3);
    -ms-box-shadow: 0 0 5px rgba(0,0,0,.3);
    -o-box-shadow: 0 0 5px rgba(0,0,0,.3);
    box-shadow: 0 0 5px rgba(0,0,0,.3);
    
}
.left-menu .btn-group .button-box{height:48px;line-height:48px;margin:10px 20px;display:block}
.category .category-wrap{margin-bottom:40px}

.category-wrap .category-head {cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.category-head .category-title{font-size:16px;color:var(--333)}
.category-head .icomm{font-size:12px;color:var(--333)}
.category-head .icomm.icon-top-line:before{content:"\ea4a"!important}
.category-body .filter-list{margin-top:10px;padding-bottom:5px}
.filter-list .filter-item{font-size:14px;line-height:16px;color:var(--666);margin-top:20px;position:relative;padding-left:25px;cursor:pointer}
.filter-list .filter-item:before{content:"";position:absolute;left:0;top:50%;margin-top:-9px;border:1px solid var(--999);width:16px;height:16px;border-radius:50%;transition:.2s}
.filter-list .filter-item:after{content:"";position:absolute;left:4px;top:50%;margin-top:-5px;width:10px;height:10px;border-radius:50%;background-color:var(--blue);transition:.2s;transform:scale(0)}

.filter-list .checkbox-item:before{content: "";position: absolute;left: 0;top: 50%;margin-top: -9px;border: 1px solid var(--999);width: 16px;height: 16px;transition: .2s;
    -ms-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -webkit-border-radius:3px;
    border-radius: 3px;
}
.filter-list .checkbox-item:after{content: '\ea42';font-family: icomoon;position: absolute;left: 2px;top:0;margin-top:0;width: auto;height: auto;background: none;transition: .2s;color: var(--fff);
    -ms-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);
}
.filter-list .regular-checkbox+label{padding: 8px;border: 1px solid var(--999);}
.filter-list .regular-checkbox:checked+label{border: 1px solid var(--blue);}
.filter-list .regular-checkbox:checked+label:after{left: 0;top:0;width: auto;height: auto;
    
    -ms-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -webkit-transform:scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);

    -ms-transition: .2s;
    -moz-transition: .2s;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
}
.filter-list .checkbox-label .txt{font-size:14px;line-height:16px;color:var(--666)}
.filter-list .active:before{border:1px solid var(--blue)}
.filter-list .checkbox-item.active:before{background:var(--blue)}
.filter-list .active:after{transform:none}
.right-product{width:calc(100% - 300px)}
.product-overall .commodity{display:flex}
.product-overall .commodity.commoditynull{background:var(--fff);padding:80px 0;text-align:center}
.commodity .popprolist-null,.product-overall .commodity.commoditynull .commodity-list{display:none}
.commodity .popprolist-null{margin:0 auto}
.commoditynull .popprolist-null{display:block}
.commodity .popprolist-null .icmmon{font-size:70px}
.commodity .popprolist-null .text{font-size:14px;margin-top:10px}

.commodity .popprolist-null .text-link{background: var(--fff);border: 1px solid var(--blue);color: var(--blue);width: auto;padding: 0 60px;height: 48px;line-height: 48px;display: block;margin-top: 20px;text-decoration: none;font-size: 16px;border-radius: 3px;}
.commodity .popprolist-null .text-link:hover{background:var(--blueH);color:var(--fff)}
.commodity .commodity-list{display:flex;flex-wrap:wrap;width:100%}
.commodity-list .commodity-item{background:var(--fff);margin-left:20px;width:calc((100% - 60px)/ 3);margin-bottom:20px;-ms-border-radius: 15px;-moz-border-radius: 15px;-o-border-radius: 15px;-webkit-border-radius:15px;border-radius: 15px;}
.commodity-list .commodity-item a{text-decoration:none}
.commodity-item .pic-img{max-width:440px;width:100%;padding:20px;aspect-ratio:1;overflow:hidden;display:flex;align-items:center;justify-content:center}
.commodity-item .pic-img img{max-width:100%;max-height:100%;object-fit:cover}
.commodity-item .info-box{padding:20px 40px 50px 40px}
.commodity-item .info-box .mark{font-size:14px;margin-bottom:10px;color:var(--blue);height:19px}

.commodity-item .info-box .title{font-size: 18px;margin-bottom:5px;color: var(--333);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.commodity-item .info-box .text{font-size: 14px;line-height: 20px;min-height: 40px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.commodity-item .starcontainer{margin-top:20px}
.commodity-item .info-box .num{margin-top:30px;font-size:24px;color:var(--blue)}
.price-original{font-size:14px;color:var(--ccc);margin-left:5px;text-decoration:line-through}
.commodity-item .info-box .button-box{margin-top:30px;padding:0 30px;height:50px;line-height:50px;width:auto;background:var(--blue);color:var(--fff)}
.commodity-item .info-box .nullpor{background:var(--eee);color:var(--333)}
.commodity-list .commodity-item:hover .button-box{background:var(--blueH)}
.commodity-list .commodity-item:hover .nullpor{background:var(--eee)}
.product-overall .introduce{margin:40px 0;padding:50px 100px;background:var(--fff);-ms-border-radius: 15px;-moz-border-radius: 15px;-o-border-radius: 15px;-webkit-border-radius:15px;border-radius: 15px;}
.product-overall .introduce .title{font-size:24px;color:var(--333);margin-bottom:20px}


/*--filter--*/
.product-overall-filter .left-menu,.product-overall-filter .wrapper{display:none}
.product-overall-filter .right-product{width:100%}
.product-overall-filter .commodity-list .commodity-item{width:calc((100% - 60px)/ 4)}

/*--filter end--*/

/*product-list-ice-maker.html end*/


.description .floatmask,.floatmaskfix,.floatmask .maskul li b,.description-video .icomm,.left-menu,.usermanual .file-link,.toolbar-fixed,.prod-toolbar-nav .item,
.prod-toolbar-nav .item .line{
    transition:all ease-out .3s;
    -moz-transition:all ease-out .3s;
    -webkit-transition:all ease-out .3s;
    -o-transition:all ease-out .3s
}
@media (max-width:1450px){
    .left_pro_pic{width: 520px;}
    .magnifier{width: calc(100% - 100px)!important;}
    .magnifier-container{width: 100%!important;height: 420px!important;}
    .images-cover img{max-width: 100%;width: auto;max-height: 100%;height: auto;margin-left: 0!important;left: 50%;
        
        -ms-transform:translate(-50%,0);
        -moz-transform:translate(-50%,0);
        -webkit-transform:translate(-50%,0);
        -o-transform:translate(-50%,0);
        transform: translate(-50%, 0);
    }
    .magnifier-line{height:420px}
    .magnifier-view{width:420px!important;height:420px!important}
    .right_pro_details{width:calc(100% - 520px);margin-left:520px}
    .goods-text-box .title{font-size:54px}
    .goods-text-box .text{font-size:24px}
    .goods-text-box .line{margin-top:40px;width:100px;height:8px}

}
@media (max-width:1360px){.count-bg{display: block;}}

@media (max-width:1200px){
    .commodity-list .commodity-item{width: calc((100% - 40px)/2);}
    .product-overall-filter .commodity-list .commodity-item{width: calc((100% - 40px)/3);}
}
@media (max-width:1050px){
    .bannerswiper{display:block}
    .scroll{display:block}
    .left_pro_pic{display:none}
    .right_pro_details{margin:20px 0 0 0;padding:0;width:100%}
    .pro-five-ul{max-width:100%}
    .pay-box-center{display:block}
    .payment-pay-ul{margin-top:10px}
    .product_bg .main{margin-bottom:60px}


    /*--product-banner--*/
    .product-banner .product-banner-info{top:50px;padding-left:90px}
    .product-banner-info .title{font-size:24px}
    .product-banner-info .text{font-size:16px}
    .product-overall{padding-bottom:20px}
    .product-overall .introduce{padding:40px}

    /*--product-banner end--*/
    .commodity-item .info-box{padding: 20px 20px 40px 20px;}
}
@media (max-width:900px){.commodity-list .commodity-item{width: 100%;margin-left: 0;}}

@media (max-width:750px){
    /*--right_pro_details--*/
    .right_pro_details>.title{padding-left: 0;font-size: 20px;}
    .product_bg .starcontainer,.pro-btn-block{margin-left: 0;}
    .pro-price-box,.capacity-box,.parameter-ul{padding-left: 0;}
    /*--right_pro_details end--*/

    .seemore-btn{display: block;}

    /*--floatmask--*/
    .description .floatmask .maskul li{margin: 0 10px;}
    .floatmask .maskul li a{font-size: 16px;}
    .description .floatmask {border-top: 4px solid var(--eee);padding-top: 10px;}
    /*--floatmask end--*/

    /*--Specifications--*/
    .specifications .des-table{width: 100%;}
    /*--Specifications end--*/

    .goods-text-box{margin-top:0;padding:0 20px}
    .goods-text-box .title{font-size:20px;margin-bottom:10px}
    .goods-text-box .text{font-size:14px;line-height:18px}
    .goods-text-box .line{margin-top:10px;width:60px;height:4px}
    .description .goods-box{margin-top:10px}
    .des-graphic .graphic-text-box,.des-graphic .pic-box{float:none;width:100%}
    .des-graphic .graphic-text-box{margin-top:10px}

    /*--FAQ--*/
    /*--FAQ end--*/

    .description .product-cover-pc{aspect-ratio: 4 / 3!important;}
    .description .tab-panel.product-cover-pc{display: block;}

    /*--product-banner--*/
    .product-banner .pic-img{aspect-ratio:120/61}
    .product-banner .pc-pic-img{display:none}
    .product-banner .pic-img .mb-pic-img{display:block}
    .product-banner .product-banner-info{padding-left:25px;top:30px}
    .product-banner-info .text{width:39%;font-size:12px;line-height:14px}
    .product-banner-info .title{font-size:18px}
    .product-overall .introduce{padding:20px}
    .product-overall .introduce .title{font-size:20px}

    /*--product-banner end--*/

    /*--commodity--*/
    .product-overall .commodity{display: block;}
    .product-overall .commodity .max-title{width:100%;margin-bottom:20px;font-size:18px}
    .commodity .commodity-list{width:100%;display:block;margin-top:20px}
    .commodity-list .commodity-item,.product-overall-filter .commodity-list .commodity-item{margin:0 0 20px 0!important;width:100%}
    .product-overall-filter .commodity-list{margin-top:20px}
    .commodity-item .info-box .num{margin-top:15px;font-size:18px}

    /*--commodity end--*/

    .description .product-cover-pc .text{margin:10px;font-size: 14px;line-height: 20px;}

    /*--product-overall--*/
    .overall-top .max-title{font-size:20px}
    .overall-top .wrapper{margin:20px 0;align-items:flex-end}
    .overall-top .wrapper-center{display:block}
    .overall-top .wrapper .title{font-size:14px}
    .mb-filter-btn{display:block}
    .overall-top{display:block;margin-top:20px}
    .product-overall .overall-box{margin-top:0}
    .left-menu{position:fixed;right:-150%;top:0;width:100%;height:100%;z-index:999;margin-right:0;border:0;padding:0 20px 20px 20px}
    .left-menu .mb-header-inner{display:flex}
    .left-menu.left-menu-pop{right:0}
    .right-product{width:100%}
    .overall-top .search_box{width:140px}
    .overall-top .default_option{font-size:12px}
    .left-menu .category{height:calc(100% - 100px);overflow-y:auto}
    .left-menu .btn-group{display:block}

    /*--product-overall end--*/
    .toolbar-fixed .prod-toolbar-inner{display:block}
    .prod-toolbar-left{display:none!important}
    .toolbar-fixed .btn-group{width:100%;padding:10px 0}
    .toolbar-fixedtop{bottom:0;top:initial}
    .description .tab-panel .block-title,.usermanual .block-title{font-size:18px;margin-bottom:10px}
    .description-faq,.specifications,.usermanual{margin-top:20px}
    .description .tab-panel{margin-bottom:20px}
    .description .floatmask{margin-bottom:30px}

}