@import url("./hicozyfont.css");
body{background: #fff;}
.product_bg{overflow: hidden;margin-bottom: 0;}
.product_bg.main{overflow: hidden; }
.top-comm-box{background: #fbfaf9; padding: 40px 50px; margin-top: 60px;}
.top-comm-box .title{font-size: 18px; color: #333; line-height: 22px;}
.top-comm-box .star5{margin-top: 10px;}
.top-comm-box .text{font-size: 14px; color: #666; line-height: 20px; margin-top: 20px;}
.top-comm-box .uer-info{display: inline-flex;align-items: center; margin-top: 30px; }

.top-comm-box .uer-info .user-pic {width: 40px; height: 40px; text-align: center; line-height: 40px; border-radius: 40px; overflow: hidden; margin-right: 10px; background: #ccd2e1;}
.top-comm-box .uer-info .user-pic .f{color: #fff;}


.top-comm-box .uer-info .info{height: auto;}
.top-comm-box .uer-info .info .name{color: #000; font-size: 16px; line-height: 16px;}
.top-comm-box .uer-info .mark-box{display: inline-flex;align-items: center;margin-top: 3px;}
.top-comm-box .uer-info .mark-box .icomm{font-size: 14px; color: var(--blue); margin-right: 5px;}
.top-comm-box .uer-info .mark-box .txt{font-size: 14px; color: var(--blue); }

.top-comm-box-m{display: none;}


.right_pro_details .star-box{margin-bottom: 10px;display: inline-flex;align-items: center;}
.right_pro_details .star-box .gradeinfo{margin-left: 10px; color: #333;}


.pic-m{display: none;}


.right_pro_details .ver-box{margin-left: 15px;display: inline-flex;align-items: center;}
.right_pro_details .ver-box .icomm{ color: var(--blue); font-size: 16px;}
.right_pro_details .ver-box .txt{margin-left: 5px; color: #333; font-size: 14px;white-space: nowrap;}

.right_pro_details .maxtitle{font-size: 24px; color: #333; line-height: 34px;}
.right_pro_details .pro-price-box{margin-top: 25px;}
.right_pro_details .pro-price-box .price-original{margin-left: 10px; color: var(--999); font-size: 16px;}


/* coupon */
.goods-coupon{display: inline-flex;align-items: center;justify-content: center; margin-top: 10px;}
.goods-coupon .icomm{margin-right: 5px; font-size: 16px; color: var(--333);}
.goods-coupon .txtbox{font-size: 16px; color: var(--333);}
.goods-coupon .txtbox .link{color: var(--blue); border-bottom: 1px solid var(--blue); cursor: pointer; text-decoration: none;}
.goods-coupon .txtbox .num{color: var(--pink); cursor: pointer;}


/*pop coupon*/
.pop-coupon {position: fixed;top: 150px;max-width: 60%;min-width: 800px;height: calc(100vh - 300px);background: var(--fff);padding: 0;overflow: hidden;z-index: 102;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);

    -ms-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}
.pop_title{display:block;overflow:hidden;padding:0 40px;height:68px;border-bottom:1px solid var(--eee);color:var(--333);line-height:68px}
.pop_title .title{float:left;display:block;margin:0;width:calc(100% - 68px);height:68px;color:var(--333);text-transform:uppercase;font-size:24px;line-height:68px}
.pop_title .btn-close{float:right;margin-top:22px;color:var(--333);font-size:24px;cursor:pointer}
.pop_title .btn-close:hover{color:var(--blue)}
.pop-coupon .minscrollbar{overflow-y:scroll;padding:0 40px 40px 40px;height:calc(100% - 68px);color:var(--333)}
.pop-coupon .minscrollbar::-webkit-scrollbar{width:6px;height:14px}
.pop-coupon .minscrollbar::-webkit-scrollbar-track{border-radius:0;background:var(--f8)}


.pop-coupon .minscrollbar::-webkit-scrollbar-thumb {
    background: var(--blue);
    -ms-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}
.pop-coupon .minscrollbar::-webkit-scrollbar-thumb:hover{background:var(--blueH)}
.pop-coupon .minscrollbar::-webkit-scrollbar-corner{background:var(--blue)}
.pop-coupon .text p{color:#555}
.pop-coupon .text p span{font-size:18px;color:var(--333);margin-bottom:10px;display:block}
.pop-coupon .text ol{padding-left:20px}
.pop-coupon .text ol li{margin-top:10px;color:var(--333);list-style:disc;font-size:16px}
.pop-coupon .page-text li{list-style:none!important}
.pop-coupon .button-box{padding:0 30px}

.pop-coupon .CouponBox{margin: 0; padding: 20px 0;}
.pop-coupon .CouponBox .introduction > .title{margin: 0; }
.pop-coupon .CouponBox .title{}
.pop-coupon .CouponBox .CouponBoxItem .discount-right .introduction .text{font-weight: 500!important; margin-bottom: 0;}
.pop-coupon .CouponBox .details-btn{display: inline-flex;align-items: center;justify-content: center;}
.pop-coupon .CouponBox .details-btn .txt{font-size: 14px;margin-bottom: 0;}
.pop-coupon .CouponBox .details-btn .styleClass{font-size: 14px;margin-bottom: 0;}
.pop-coupon .CouponBox .coupon-details .coupon-info{width: 255px;}


@media (max-width:1000px) {
    .pop-coupon{min-width: calc(100% - 30px);top: auto!important; bottom:15px !important;
        transform: translate(-50%,0)!important;
        -ms-transform: translate(-50%, 0) !important;
        -moz-transform: translate(-50%, 0) !important;
        -webkit-transform: translate(-50%, 0) !important;
        -o-transform: translate(-50%, 0) !important;
    }
    .pop-coupon .CouponBox{grid-template-columns:repeat(1,1fr)}
    .pop-coupon .CouponBox .coupon-details .coupon-info{width: 100%; padding-bottom: 50px;}
    .pop-coupon .minscrollbar{padding: 0 20px 20px 20px;}
}

/*pop coupon*/
/* coupon end */



.right_pro_details .count-btn-box{line-height: 52px;}
.right_pro_details .count-btn-box .count-reduce, .right_pro_details .count-btn-box .count-add,.right_pro_details .count-btn-box .count-input{height: 52px;}

.right_pro_details .count-bg{display: block;}
.right_pro_details .capacity-box{width: 100%;margin-top: 25px;}
.right_pro_details .capacity-box .type-ul{margin-left: -10px;width: 100%; overflow: hidden; }
.right_pro_details .capacity-box .type-ul .cur-li{padding: 6px; border: 1px solid #ddd;float: left;margin-bottom: 10px; margin-left: 10px;display: inline-flex;align-items: center;justify-content: center;flex-direction: column;-ms-border-radius:30px;-moz-border-radius:30px;-o-border-radius:30px;-webkit-border-radius:30px;border-radius:30px;}
.right_pro_details .capacity-box .type-ul .cur-li.active{border: 1px solid var(--blue);}
.right_pro_details .capacity-box .type-ul .cur-li.active .box{color: var(--blue);}
.right_pro_details .capacity-box .type-ul .cur-li .box{height: 20px;min-width: 20px;display: inline-block; font-size: 14px; color: #333; text-decoration: none;-ms-border-radius:30px;-moz-border-radius:30px;-o-border-radius:30px;-webkit-border-radius:30px;border-radius:30px;}
.right_pro_details .capacity-box .type-ul .cur-li .box .txt{padding: 2px 5px; display: inline-flex; font-size: 12px; color: #fff;}

.right_pro_details .capacity-box .type-ul.type-ul-txt .cur-li .box{padding: 0 10px; }
.right_pro_details .capacity-box .type-ul.type-ul-txt .cur-li{background: #f3f3f3;border: 1px solid #f3f3f3;-ms-border-radius:30px;-moz-border-radius:30px;-o-border-radius:30px;-webkit-border-radius:30px;border-radius:30px;}
.right_pro_details .capacity-box .type-ul.type-ul-txt .cur-li.active{background: #fff;border: 1px solid var(--blue);}
.right_pro_details .capacity-box .type-ul.type-ul-txt .cur-li.active .box{padding: 0 10px; }
.right_pro_details .btn-group{margin-top: 20px;}



.right_pro_details .pro-btn-block {display: inline-flex;align-items: center;justify-content: center;}
.right_pro_details .pro-btn-block .icomm{font-size: 20px;}




.right_pro_details .pay-box{margin-top: 30px;}
.right_pro_details .pay-box .text{font-size: 14px;}

/* features-box */
.features-box{margin-top: 40px;}
.features-box .title{font-size: 14px; color: #333;}
.features-box .features-ul{font-size: 5px;}
.features-box .features-ul .features-li{font-size: 16px; color: #333; line-height: 20px;margin-top: 10px;}
.features-box .features-ul .features-li .icomm{font-size: 12px; color: var(--blue);margin-right: 15px;}

.avd-ul{display: grid;grid-row-gap: 20px;grid-column-gap: 20px; grid-template-columns: repeat(4,1fr); margin-top: 40px;}
.avd-ul .avd-li{ text-align: left; overflow: hidden;}
.avd-ul .avd-li .box{ text-align: center; overflow: hidden;width: 120px;}
.avd-ul .avd-li .icomm{font-size: 30px; color: #666;}
.avd-ul .avd-li .txt{font-size: 14px; color: #999; margin: 20px auto; font-weight: normal;}




/* floatmask */
.floatmask{}
.floatmask .maskul{text-align: center;}

/* .flex-box-bg{padding-bottom: 120px;} */




/* hicozy-me */

.hicozy-me{ background: #f2f9f9; padding: 100px 0;}
.hicozy-me .midd-title{margin-bottom: 40px;}
.hicozy-sw-ul{}
.hicozy-sw-ul .hicozy-sw-li{aspect-ratio: 334/435; overflow: hidden; position: relative;}

.video-pic-box{ width: 100%;max-width: 334px; aspect-ratio: 334/435; position: absolute;}
.video-pic-box .video-pic{width: 100%; height: 100%; object-fit:cover; }

.icon-play-box{position: absolute;cursor: pointer; height: 100%; width: 100%; top: 0; z-index: 1;font-size: 36px; color:var(--orange) ; }
.icon-play-box .play-bg{position: absolute;z-index: 1;display: block; width: 2vw; height: 2vw; left: 50%; top: 50%;
    -ms-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);

    -ms-border-radius: 20px;  
    -moz-border-radius: 20px;  
    -o-border-radius: 20px;  
    -webkit-border-radius:20px;  
    border-radius: 20px;
}
.icon-play-box .icon-play{position: absolute;z-index: 2;font-size:46px;color:var(--fff);left: 50%;top: 50%;
    -ms-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);

    -ms-opacity: 0.3;
    -moz-opacity: 0.3;
    -o-opacity: 0.3;
    -webkit-opacity: 0.3;
    opacity: 0.3;
}
.hicozy-sw-li:hover .icon-play-box .icon-play{
    -ms-opacity: .8;
    -moz-opacity: .8;
    -o-opacity: .8;
    -webkit-opacity: .8;
    opacity: .8;
}

.hicozy-swiper-btn{}
.hicozy-swiper-btn .sbutton{ color: #fff;}
.hicozy-swiper-btn .sbutton::after{ color: #fff;}

/* hicozy-video-pop */
.hicozy-video-pop{ position: fixed;  z-index: 99;width: 100%; height: 100%; top: 0; left: 0;display: none;}
.hicozy-video-pop .bg{position: absolute; width: 100%; height: 100%; z-index:1; background: rgba(0,0,0,.3); top: 0; left: 0;}

.hicozy-video-pop .video-box-bg{width: 100vw; height: 100vh; display: inline-flex; align-items: center;justify-content: center;flex-direction: column;}

.hicozy-video-pop .video-box{position: relative; z-index: 2;}
.hicozy-video-pop .video-box .video-main{background: #eef8f9;max-width: 1200px; overflow: hidden; display: grid;grid-row-gap: 0;grid-column-gap: 0; grid-template-columns: auto 140px;
    -ms-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}



.hicozy-video-pop .video-box .pop-video-box{background: #000;display: inline-flex;align-items: center;justify-content: center;flex-direction: column;}
.hicozy-video-pop .video-box .pop-video-box video{max-width: 1000px; max-height: 600px;}
.hicozy-video-pop .video-box .pop-video-box .video.iframe-youtube{width: 904px; aspect-ratio: 16/9;}

.hicozy-video-pop .video-box .video-ul{ overflow: hidden;padding: 20px;}
.hicozy-video-pop .video-box .video-ul .video-li{position: relative; width: 100px;border: 2px solid rgba(255,255,255,0); padding: 3px; margin-top: 5px; cursor: pointer; overflow: hidden; aspect-ratio:4.5/3;
    -ms-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}
.hicozy-video-pop .video-box .video-ul .video-li:first-child{margin-top: 0;}
.hicozy-video-pop .video-box .video-ul .video-li img{width: 100%; height: 100%; object-fit: cover;}
.hicozy-video-pop .video-box .video-ul .video-li.active{border: 2px solid var(--blue);}
.hicozy-video-pop .video-box .video-ul .video-li .icon-play{font-size: 24px; color: rgba(255,255,255,.3); position: absolute;z-index: 2; width: 100%; height: 100%; top: 0; left: 0;display: inline-flex;align-items: center;justify-content: center;flex-direction: column;}
.hicozy-video-pop .video-box .video-ul .video-li:hover .icon-play{color: #fff;}

.hicozy-video-pop .video-box .btn-close{position: absolute; cursor: pointer; right: 0; top: 0; width: 30px; height: 30px;font-size: 14px; color: var(--999); display: inline-flex;align-items: center;justify-content: center;flex-direction: column;}
.hicozy-video-pop .video-box .btn-close:hover{ color: red;}


/* hicozy-me End */


/* 0723 */
.boxmain.g-banner{width: 100%; margin-top: 60px; margin-bottom:120px;}
.boxmain.g-banner .pic{width: 100%;}

.boxmain .text-block{ margin-top: 30px;}
.boxmain .text-block .title,
.boxmain .block-title,
.g-manual .file-link{font-size: 30px; line-height: 50px;color: #333;}

.boxmain .text-block .text-ol{}
.boxmain .text-block .text-ol .text-li,
.boxmain .text-block .text-box-p,
.g-manual .filetitle,
.g-manual .filetitle b,
.g-manual .filetitle .icomm,
.des-table td{line-height: 28px; margin-top:20px; font-size: 18px; color: #333; text-decoration: none;}
.des-table {margin-top: 30px;}
.g-table{margin: 60px 0 120px 0;}

.g-manual{padding: 0 0 120px 0;}
.g-manual .filetitle{margin-top: 30px;}
.g-manual .filetitle:hover b{text-decoration: underline; color: var(--blue);}

.g-graphic{margin: 60px 0 120px 0;}

.g-graphic .pic-box{float:left;width:50%}
.description .goods-box .product-cover-pc{padding:0;width:100%;aspect-ratio:1920/787}
.g-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}
.g-graphic .product-cover-pc .pic{max-width:100%;width:auto;max-height:100%;height:auto}

.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}


.boxmain.g-graphic .text-block p.mtitle{font-size: 24px; color: #333; line-height: 28px;}
.g-graphic .text-block .text-box-p,
.g-graphic .text-block .text-li{font-size: 16px; color: #333; line-height: 24px;}

/* 0723 end */






/* Bullet Ice Maker */
.bullet-ice-maker{position: relative;aspect-ratio: 1920/787; margin-top: 50px; font-size: 0;}
.bullet-ice-maker .textbg{position: absolute;z-index: 2; top: 0; width: 100%; height: 100%;display: inline-flex;align-items: center;}
.bullet-ice-maker .textbg .midd-title{text-align: left; color: #fff;}
.bullet-ice-maker .textbg .txt{font-size: 24px; color: #fff;}
.bullet-ice-maker .textbg .inf-ul{overflow: hidden; margin-top: 10vw;}
.bullet-ice-maker .textbg .inf-ul .inf-li{width: 170px; float: left; margin-right: 10px; background: rgba(0,0,0,.5); padding: 30px 20px;
    -ms-border-radius: 15px;
    -moz-border-radius: 15px;
    -o-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
}
.bullet-ice-maker .textbg .inf-ul .inf-li .min{font-style: normal; color: var(--blue);font-size: 14px;}
.bullet-ice-maker .textbg .inf-ul .inf-li .mind{font-size: 16px; color: #fff; margin-top: 20px; line-height: 20px;}

.bullet-ice-maker .pic{width: 100%; height: 100%; object-fit: cover; position: relative; z-index: 1;}



/* Our Favorite Features */
.features{padding: 100px 0 0 0; background: #fafafa;}
.features .main .midd-title{margin-bottom: 40px;}

.flex-box-bg{overflow: hidden;}
.flex-box-bg .flex-box-ul{overflow: hidden; display: inline-flex;z-index: 1; position: relative;padding-bottom: 120px;}
.flex-box-main{position: relative; z-index: 3; overflow: visible;}
.flex-box-main .flex-box-ol{position: absolute; z-index: 3; right: 0; bottom: 40px; display: inline-flex;align-items: center;justify-content: flex-end; float: right;}
.flex-box-main .flex-box-ol .li-btn{cursor: pointer; margin-left: 30px; color: #fff; display: inline-flex;align-items: center;justify-content: center;flex-direction: column; width: 40px; height: 40px; overflow: hidden; background: rgba(204,204,204,.4);
    -ms-border-radius: 150px;
    -moz-border-radius: 150px;
    -o-border-radius: 150px;
    -webkit-border-radius: 150px;
    border-radius: 150px;
}

.flex-box-main .flex-box-ol .li-btn:hover{ background: rgba(204,204,204,1);}




.flex-box{width: 1366px; float: left;  }
.flex-box:first-child{margin-left: 0;}
.flex-box:last-child{margin-right: var(--margl);}
.flex-box .pic-box{aspect-ratio: 1366/560;}
.flex-box .pic-box .pic{ width: 100%; height: 100%; object-fit: cover;}

.flex-box .text-box{width: calc(100% - 400px); margin-top: 40px;}
.flex-box .text-box .title{font-size: 30px;color: #333; line-height: 50px;}
.flex-box .text-box .text{font-size: 18px; color: #333; line-height: 28px; }


.features .flex-box-bg .swiper-button-prev{bottom: 0!important;}


.swbutton-box{position: relative; height: 45px; margin: 40px 0; }
.swbutton-box .sbutton{height: 40px; width: 40px; background: #ccc; cursor: pointer;display: inline-flex;align-items: center;justify-content: center;flex-direction: column;
    -ms-border-radius: 200px;
    -moz-border-radius: 200px;
    -o-border-radius: 200px;
    -webkit-border-radius: 200px;
    border-radius: 200px;
}
.swbutton-box .sbutton::after{font-size: 16px; color: #fff;}
.swbutton-box .sbutton.swiper-button-next{}
.swbutton-box .sbutton.swiper-button-prev{right: 70px; left: auto;}



/* Specifications */
.specif{position: relative;padding: 100px 0 ;}
.specif .main{position: relative;}
.specif .main .midd-title{margin-bottom: 40px;}
.specif .specif-pic-box{width: 100%; aspect-ratio: 1366/560; overflow: hidden; position: relative; z-index: 1;}
.specif .specif-pic-box .pic{width: 100%; height: 100%; object-fit: cover;}
.specif .specif-text{position: absolute;z-index: 2; top: 0; width: 100%; height: 100%; }
.specif .specif-text .specif-table{margin: 120px 0 0 120px;}
.specif .specif-text .specif-table .specif-tr{}
.specif .specif-text .specif-table .specif-tr td{text-align: left;padding: 12px 20px; font-size: 18px; line-height: 18px;}
.specif .specif-text .specif-table .specif-tr .t-left{background: rgba(0,0,0,.3); color: #fff;}
.specif .specif-text .specif-table .specif-tr .t-right{background: rgba(0,0,0,.55); color: var(--blue);}




/* What Customers Say */
.say-bg{background: #f6f6f6; padding: 100px 0 50px 0;}
.say-bg .midd-title {margin-bottom: 70px;}
.say-bg .pagination{margin-top: 70px;}


.customers-say-ul{}
.customers-say-ul .customers-say-li{ display: inline-flex; width: 100%; padding: 30px 0; border-bottom: 1px solid var(--eee);}
.customers-say-ul .customers-say-li:last-child{border-bottom: none;}
.customers-say-ul .customers-say-li .user-name1{font-size: 20px; color: #fff; text-align: center; line-height: 40px; height: 40px; width: 40px; background: #ccd2e1; margin-right: 10px;
    -ms-border-radius: 50px;
    -moz-border-radius: 50px;
    -o-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
}

.say-right{width: calc(100% - 50px);margin-top: -3px;}
.say-right .user-info{width: 100%; display: inline-flex;align-items: center;justify-content: space-between;line-height: 16px; }
.say-right .user-info .left{white-space: nowrap;}
.say-right .user-info .left .name{ font-size: 16px; color: #333; }
.say-right .user-info .left .icomm{font-size: 14px; color: var(--blue); margin-left: 15px;}
.say-right .user-info .left .veri{ font-size: 14px; color: var(--blue); font-style: normal; white-space:nowrap; }
.say-right .user-info .time{font-size: 14px; color: #333; line-height: 20px;width: 150px; text-align: right;}

.say-right .star5{margin-top: 3px;}

.say-right .say-title{font-size: 16px; line-height: 16px; color: #333; margin-top: 22px;}

.say-right .text-box{}
.say-right .text-box .text{margin-top: 15px;overflow: hidden;}
.say-right .text-box .text .txt{font-size: 14px; line-height: 20px; color: #666; margin-top: 7px;display: -webkit-box;-webkit-box-orient: vertical;}
.say-right .text-box .text .txt.tless{-webkit-line-clamp: 3;}
.say-right .text-box .text .txt.tmore{-webkit-line-clamp: 9000;}
.say-right .text-box .text .txt:first-child{margin-top: 0;}
.say-right .text-box .more{color: #3d9ce3; font-size: 14px; margin-top: 7px; cursor: pointer;}
.say-right .text-box .more i{color: #3d9ce3; font-size: 14px; font-style: normal;}
.say-right .text-box .more .icomm{ display: inline-block; margin-left: 5px;}
.say-right .text-box .more.active .icomm{transform: rotate(180deg);}

.say-right .pic-ul{overflow: hidden; margin-top: 0px;}
.say-right .pic-ul .pic-li{width: 80px; height: 80px; overflow: hidden; float: left; margin-right: 10px; margin-top: 10px;}
.say-right .pic-ul .pic-li .pic{width: 100%; height: 100%; object-fit: cover;}




.say-right .say-bottom{width: 100%;display: inline-flex;align-items: center;justify-content: flex-end; margin-top: 20px;}
.say-right .say-bottom .tips{font-size: 14px; color: #999;}
.say-right .say-bottom .hum{ margin-left: 20px;display: inline-flex;align-items: center;}
.say-right .say-bottom .hum .icomm{font-size: 16px; color: #555;}
.say-right .say-bottom .hum .num{font-size: 14px; color: #555; margin-left: 5px;font-style: normal;}

.total-pages{display: none;}
.pagination button{min-width: 60px;border-radius: 0;margin: 0 5px;}
.pagination .pageWrap ul .sel-page a{border-radius: 0;}
.pagination .pageWrap ul li {margin: 0 5px; padding: 0;}
.pagination .pageWrap ul li a{border-radius: 0;}
.pagination .first-page{margin-right: 5px;}
.pagination .last-page{margin-left: 5px;}
.pagination .jump-text{margin: 0 10px;}



.qa-bg{background: #f6f6f6; padding: 50px 0 100px 0;}
.say-bg .main ,.qa-bg .main{background: #fff; padding: 100px; margin-top: 0;}

.midd-title{font-size: 40px; color: #333; text-align: center;}

.qa-bg .midd-title {margin-bottom: 70px;}
.product-faq .product-faq-li h3.icommopen{color: var(--blue);}




.pagination *{font-weight: normal;}



.icomm,.pic,.li-btn, .icon-play {
    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:758px) {
    .product_bg{margin-bottom: 20px;}
    .product_bg .main{margin-bottom: 0;}

    .top-comm-box-m{display: block;}

    .right_pro_details .star-box .gradeinfo{font-size: 12px;}
    .right_pro_details .ver-box .txt{font-size: 12px;}
    .right_pro_details .maxtitle{font-size: 20px; line-height: 26px;}

    .right_pro_details .capacity-box{margin-top: 40px;}
    .right_pro_details .btn-group{display: block;}
    .right_pro_details .pro-btn-block{width: 100%;}
    .avd-ul{grid-template-columns: 40% auto;}
    .avd-ul .avd-li .box{display: inline-flex;align-items: center;width: auto; max-width: 145px; text-align: left;}
    .avd-ul .avd-li .txt{margin: 0; margin-left: 10px; font-size: 12px;}

    .top-comm-box{margin: 20px 0 40px 0; padding: 25px 20px}
    .top-comm-box .uer-info{margin-top: 20px;}


    .midd-title{font-size: 24px;}
    .hicozy-me .midd-title{margin-bottom: 25px;}


    /* .hicozy-me */
    .hicozy-me{padding: 40px 0;}
    .hicozy-me .main{padding-right: 0;}
    .hicozy-swiper-btn{display: none;}
    .hicozy-sw-ul .hicozy-sw-li{width: calc(100% - 20px * 3);}
    /* .hicozy-sw-ul .hicozy-sw-li:last-child{margin-right: 20px;} */

    /* pop */
    .hicozy-video-pop .video-box{padding: 0 20px;}
    .hicozy-video-pop .video-box .video-main{grid-template-columns: auto;}
    .hicozy-video-pop .video-box .video-ul{display: none;}
    .hicozy-video-pop .video-box .btn-close{top: -40px; left: 50%; transform: translateX(-50%); color: #fff; font-size: 18px;}

    /* .description */
    .description{margin: 0;}
    .floatmask{padding: 60px 0 20px 0;}

    .boxmain.g-banner{ margin: 20px 0;}
    .boxmain .text-block .title, .boxmain .block-title, .g-manual .file-link{font-size: 18px; line-height: 26px;}
    .boxmain .text-block .text-ol .text-li, .boxmain .text-block .text-box-p, .g-manual .filetitle, .g-manual .filetitle b, .g-manual .filetitle .icomm, .des-table td{font-size: 14px; line-height: 22px;}


    .g-table{margin: 30px 0;}
    .g-graphic{margin: 30px 0;}
    .g-graphic .pic-box{width:100%}
    .des-graphic-left .graphic-text-box, .des-graphic-right .pic-box{margin-top: 0px;}
    .boxmain.g-graphic .text-block p.mtitle{margin-top: 20px; float: left;}

    /* .bullet-ice-maker */
    
    .bullet-ice-maker{aspect-ratio: 375/390; margin: 0; margin-bottom: 104px;}
    .pic{display: none;}
    .pic-m{ display: block;}
    .bullet-ice-maker .textbg{display: block;}


    .bullet-ice-maker .textbg .midd-title{color: #333; text-align: center; margin-top: 15px;}
    .bullet-ice-maker .textbg .txt{color: #333; font-size: 16px; text-align: center;}

    .bullet-ice-maker .textbg .inf-ul{position: absolute;width: 100%; padding: 20px; background: #ececec; left: 50%; transform: translate(-50%, 100%); bottom: 0;   display: grid;grid-row-gap: 8px;grid-column-gap:8px; grid-template-columns: repeat(3,1fr);}

    .bullet-ice-maker .textbg .inf-ul .inf-li{width: 100%; margin: 0; padding:10px 5px 5px 5px;border-radius:10px}
    .bullet-ice-maker .textbg .inf-ul .inf-li .min{font-size: 10px;}
    .bullet-ice-maker .textbg .inf-ul .inf-li .mind{font-size: 12px; margin: 0; line-height: 18px;}

    /* .features */
    .features{padding: 60px 0;}
    .features .main .midd-title{margin-bottom: 20px;}
    .flex-box-bg{padding-left: 20px;}

    .flex-box{width: calc(100% - 60px);}
    .flex-box .pic-box{aspect-ratio: 295/250;}

    .flex-box .pic-box .pic{display: none;}
    .flex-box .pic-box .pic-m{display: block;}

    .flex-box .text-box{width: 100%; margin-top: 20px; padding: 0 20px;}
    .flex-box .text-box .title{font-size: 18px; line-height: 24px;}
    .flex-box .text-box .text{font-size: 14px; line-height: 22px; margin-top: 5px;}

    .swbutton-box{padding: 0; margin: 60px 0 0 0 ;display: inline-flex;align-items: center;justify-content: center;}
    .swbutton-box .sbutton{position: static; margin-top: 0; margin: 0 15px;margin-left: -124px; transform: translateX(62px);}


    /* .specif */
    .specif{padding: 60px 0 0 0 ;}
    .specif .main{padding: 0;}
    .specif .main .midd-title{margin-bottom: 20px;}

    .specif .specif-pic-box{ aspect-ratio: 375/283;}
    .specif .specif-pic-box .pic{display: none;}
    .specif .specif-pic-box .pic.pic-m{display: block;}

    .specif .specif-text{position: static; background: #ececec; padding: 20px;}
    .specif .specif-text .specif-table{margin: 0;}
    .specif .specif-text .specif-table .specif-tr td{padding: 7px 15px;}
    .specif .specif-text .specif-table .specif-tr .t-left{font-size: 13px; line-height: 20px;}
    .specif .specif-text .specif-table .specif-tr .t-right{font-size: 13px; line-height: 20px;}


    /* .say-bg */
    
    .say-bg .main, .qa-bg .main{padding: 0 20px;}
    .say-bg{padding:  0 0 0 0;}
    .say-bg .main{padding:  60px 20px ;}
    .say-bg .midd-title{margin-bottom: 20px;}
    .say-right .user-info .time{font-size: 12px;}
    .say-right .user-info .left .icomm{margin-left: 5px;}

    .say-right .text-box .text .txt{color: var(--999);}

    .pagination .pageWrap ul li{width: 40px; padding: 0; border-radius: 0; margin: 0 5px;}
    .pagination .pageWrap ul li a{width: 40px; padding: 0; border-radius: 0;}
    .pagination .pageWrap{display: block;}


    /* .qa-bg */

    .qa-bg{padding: 30px 20px; background: #f5f7f8;}
    .qa-bg .midd-title{margin-bottom: 20px;}
    .qa-bg .introduce{padding: 30px 0;}

    .say-bg .pagination{margin-top: 20px;}
    .pageWrap{width: 205px !important;}
    .pagination .jump-text, .pagination .turnPage{margin: 0 5px 0 0;}
    
    .product-faq .product-faq-li h3, .product-faq-li p{font-size: 14px; }
    .product-faq .product-faq-li h3{font-weight: 600;}


    .product-faq-li h3:hover{color: var(--333);}
    

    .prod-toolbar-right .btn-group{ overflow: hidden;}
    .toolbar-fixed .btn-group .button-box.nullpor{width: 100%;}





}