.compare-panel{position:fixed;bottom:0;left:0;z-index:990;display:none;box-sizing:border-box;width:100%;height:100px;background:#f1f1f1;font-size:14px}
.compare-panel .button-area{float:right;display:flex;height:100%;color:#fff;align-items:center}
.compare-panel .button-area>div:first-child{display:flex;flex-direction:column;padding:0 20px}
.compare-panel .button-area .contact-button{margin:0;padding:0 12px;border:none;border-radius:3px;color:#fff;font-size:13px;line-height:28px;cursor:pointer;width:100%;background:linear-gradient(135deg,#214c96,#588be4)}
.clear-all,.close{position:relative;display:inline-block;color:#666;vertical-align:middle;opacity:.5}
.clear-all .ic-close,.close .ic-close{position:absolute;top:45px;left:12px;width:32px;height:32px}
.clear-all .ic-close:after,.clear-all .ic-close:before,.close .ic-close:after,.close .ic-close:before{position:absolute;left:15px;width:2px;height:16px;background-color:#fff;content:""}
.clear-all .ic-close:before,.close .ic-close:before{transform:rotate(45deg)}
.clear-all .ic-close:after,.close .ic-close:after{transform:rotate(-45deg)}
.button-area .clear-all{cursor:pointer;width:60px;height:100%;background:#aaa;text-align:center;display:inline-grid;align-items:center;justify-content:center;margin-left:10px}
.button-area .clear-all img{width:24px}
.button-area .close{position:relative;display:inline-grid;width:60px;height:100%;background:#999;text-align:center;font-size:16px;cursor:pointer;align-items:center}
.button-area .close i{color:#fff}
.list-wrapper{position:relative;display:flex;overflow-x:auto;overflow-y:hidden;margin-right:350px;height:100%;align-items:center;padding-left:0}
.list-wrapper::-webkit-scrollbar{height:8px}
.list-wrapper::-webkit-scrollbar-track{border-radius:10px;background-color:rgba(0,0,0,.1)}
.list-wrapper::-webkit-scrollbar-thumb{border-radius:10px;background-color:rgba(0,0,0,.3)}
.list-wrapper .item-clear{position:relative;float:right;display:flex;box-sizing:border-box;width:20px;height:100%;border-left:1px solid #ebecf0;cursor:pointer;justify-content:center;align-items:center}
.list-wrapper .item-clear .ic-close{position:absolute;top:0;left:0;width:100%;height:100%}
.list-wrapper .item-clear .ic-close:after,.list-wrapper .item-clear .ic-close:before{position:absolute;top:42%;left:8px;width:2px;height:10px;background-color:#2a2a2a;content:""}
.list-wrapper .item-clear .ic-close:before{transform:rotate(45deg)}
.list-wrapper .item-clear .ic-close:after{transform:rotate(-45deg)}
.list-wrapper .item-clear .fa{color:#c4c6cf}
.list-wrapper .item-content{display:flex;overflow:hidden;padding:4px;justify-content:center;align-items:center}
.list-wrapper .item-img{float:left;display:flex;overflow:hidden;width:80px;height:60px;align-items:center}
.list-wrapper .item-img img{width:100%}
.list-wrapper .item-title{display:block;display:-webkit-box;overflow:hidden;margin-left:10px;padding-right:4px;width:calc(100% - 80px);max-height:35px;color:#666;text-overflow:ellipsis;font-size:12px;line-height:18px;word-break:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.selected-item .item-box{width:220px;height:68px;background:#fff}
.cart-list{padding:0 32px}
.selected-all{display:flex;margin-left:0}
.selected-item{padding:10px 6px}
.orderNow{margin:8px 20px 0 auto;background:linear-gradient(135deg,#f66f08,#ffa35f);color:#fff;line-height:28px;padding:0 12px;border:none;border-radius:3px;font-size:13px;cursor:pointer;display:block;width:100%}
.orderlayer{position:fixed;top:0;left:0;bottom:0;right:0;z-index:999;display:flex;align-items:flex-start;padding-top:15%;justify-content:center;background:rgba(0,0,0,.5)}
.orderlayer::before{content:'';display:block;width:100px;height:100px;position:absolute;top:40%;left:50%;margin:-50px 0 0 -50px;background:url(//www.jhcgd.com/wp-content/themes/sinocom/assets/css/lodding.webp) no-repeat center;background-size:cover;animation:swiper-preloader-spin 4s linear infinite}
.comparenum{color:#999} .rfq-btn{border:none;margin-right:10px;font-size:14px;font-weight:700;padding:10px;border-radius:5px;background-color:var(--color,#60a7ca);color:#fff}
.rfq-inquiry{position:fixed;top:0;left:0;bottom:0;right:0;background:rgba(0,0,0,.5);z-index:9999;display:none}
.rfq-inquiry-box{position:absolute;width:560px;max-height:90vh;left:50%;top:45%;transform:translate(-50%,-50%);background-color:#fff;box-shadow:0 0 10px #666;border-radius:4px;display:flex;flex-direction:column;overflow:hidden}
.rfq-inquiry-t{flex-shrink:0;display:flex;justify-content:space-between;border-bottom:2px solid #f0f0f0;padding:10px 14px;align-items:center}
.rfq-inquiry-t p{font-size:20px;margin:0;line-height:1;color:#252525}
.rfq-close{color:#a7a7a7;background:0 0;border:none;padding:10px;font-size:20px;line-height:1;cursor:pointer}
.rfq-close:hover{color:#333} .rfq-product-list{flex-shrink:0;max-height:220px;overflow-y:auto;margin:12px 30px 0;border:1px solid #eee;border-radius:4px;padding:0 10px}
.rfq-product-list .list-row{display:flex;align-items:center;padding:6px 0;border-bottom:1px solid #f0f0f0}
.rfq-product-list .list-row:last-child{border-bottom:none}
.rfq-product-list .list-row .item-img{width:36px;height:36px;border:1px solid #eee;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}
.rfq-product-list .list-row .item-img img{max-width:100%;max-height:100%;object-fit:contain}
.rfq-product-list .list-row .item-title{flex:1;padding:0 10px;font-size:12px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.3}
.rfq-product-list .list-row .item-close{width:22px;height:22px;border:1px solid #ddd;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;font-size:11px;color:#999}
.rfq-product-list .list-row .item-close:hover{background:#f5f5f5;color:#333}
.rfq-product-list .list-row .item-close i{font-size:10px} .rfq-form{flex:1;min-height:0;overflow-y:auto;padding:0 30px 20px}
.rfq-form .wpforms-container{margin-top:0}
.rfq-form .wpforms-form{padding-top:15px}
.rfq-form .wpforms-field{margin-bottom:14px}
.rfq-form .wpforms-field-label{font-size:14px;font-weight:600;margin-bottom:6px;display:block}
.rfq-form .wpforms-field input,
.rfq-form .wpforms-field textarea{width:100%;border:1px solid #e3e2e8;border-radius:2px;padding:8px 10px;font-size:14px;box-sizing:border-box;outline-color:#378dfc;font-family:inherit}
.rfq-form .wpforms-field textarea{height:77px;resize:none}
.rfq-form .wpforms-submit{background-color:#378dfc;color:#fff;border-radius:20px;border:none;display:block;margin:10px auto 0;height:40px;width:110px;font-size:16px;text-transform:capitalize;cursor:pointer}
.rfq-form .wpforms-submit:hover{background-color:#2570d9} @media(max-width:768px){
.compare-panel{height:13vw}
.compare-panel .button-area{float:none;display:flex;padding:0 0 0 3vw;justify-content:space-between}
.compare-panel .list-wrapper{position:absolute;bottom:100%;margin-right:0;padding-left:0;width:100%;height:auto;background:#fff}
.compare-panel .list-wrapper .selected-item{position:relative;padding:0;width:20vw}
.compare-panel .list-wrapper .selected-item .item-box{width:auto;height:14vw}
.compare-panel .list-wrapper .selected-item .item-clear{position:absolute;top:50%;left:50%;width:30px;height:30px;border:none;border-radius:50%;background:#eee;opacity:.7;transform:translate(-50%,-50%)}
.compare-panel .list-wrapper .selected-item .item-content{box-sizing:border-box;padding:2px 3px}
.compare-panel .list-wrapper .selected-item .item-content .item-img{width:auto;height:13vw}
.list-wrapper .item-img img{width:100%}
.compare-panel .list-wrapper .selected-item .item-content .item-title{display:none}
.list-wrapper .item-clear .ic-close:after,.list-wrapper .item-clear .ic-close:before{top:39%;left:14px}
.orderNow{margin:0 0 0 10px;display:inline-block}
.compare-panel .button-area>div:first-child{display:block;padding:0}
.compare-panel .button-area .contact-button,.orderNow{width:auto}
.comparenum{display:none}
.button-area .clear-all{margin-left:auto}
.rfq-inquiry-box{width:92%}
.rfq-product-list{margin:0 15px;max-height:160px}
.rfq-form{padding:0 15px 15px}
.rfq-inquiry-t p{font-size:18px}
.rfq-product-list .list-row .item-img{width:32px;height:32px}
.rfq-product-list .list-row .item-title{font-size:11px}
}
@keyframes swiper-preloader-spin{to{transform:rotate(1turn)}}