@import url(css2.css);
.payment *,.payment-complete *{margin:0;padding:0;box-sizing:border-box;font-family:Lato;line-height:1}
.payment,.payment p,.payment-complete,.payment-complete p{font-size:12px;color:#333}
.payment button{cursor:pointer}
.payment input{-webkit-appearance:none}
.payment ul li{list-style:none}
.payment i{font-style:normal}
.payment a,.payment-complete a{text-decoration:none}
.payment{width:100%;max-width:1640px;margin:0 auto;padding:60px 20px;box-sizing:border-box;background:#fff}
.paymenttit{font-size:28px;color:#252525;text-align:center;margin-bottom:30px;font-weight:400}
.payment-list{overflow-x:auto}
.payment-list table{width:100%;border-collapse:collapse;border-spacing:0}
.payment-list table th{background:#f6f6f6;color:#000;padding:16px 0;border:1px solid transparent;font-size:15px;font-weight:700;text-align:center}
.payment-list table th:first-child{text-align:left;padding-left:140px}
.payment-list table tbody td{padding:14px 0;text-align:center;border:none;border-bottom:1px solid #eee;vertical-align:middle}
.payment-list table tbody td i{vertical-align:baseline}
.payment-list table tbody tr td:first-child{padding-left:14px;border-left:1px solid #eee;width:38%}
.payment-list table tbody tr td:last-child{padding-right:14px;border-right:1px solid #eee}
.payment-item-pro{display:flex;align-items:center;flex-wrap:wrap}
.payment-item-img{width:100px;height:100px;border:1px solid #eee;display:flex;align-items:center;justify-content:center}
.payment-item-img img{display:block;max-width:100%;max-height:100%;border:none}
.payment-item-name{width:calc(100% - 100px);padding-left:4%;color:#333;text-align:left;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;max-height:44px;line-height:1.3}
.payment-item-quantity{display:flex;height:32px;justify-content:center}
.payment-item-quantity button{width:32px;height:100%;background:#f5f5f5;border:1px solid #dedede;color:#9a9a9a;font-size:20px;vertical-align:middle;border-radius:0}
.payment-item-quantity input{width:38px;height:100%;text-align:center;border:1px solid #dedede;border-left:none;border-right:none;outline:0;font-family:Airal;color:#333;border-radius:0;font-size:12px}
.payment-item-quantity-cost,.payment-list table tbody td strong{color:#222}
.payment-item-price *,.payment-item-quantity-total *{font-size:14px}
.payment-item-close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid #b4b4b4;border-radius:50%;font-size:20px;cursor:pointer;user-select:none;transition:background .2s linear,border .2s linear}
.payment-item-close:hover{background:#fb8a35;color:#fff;border-color:#fb8a35}
.payment-info{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:flex-start;margin:30px 0 70px}
.payment-method-address{max-width:calc(100% - 300px)}
.payment-add-address p{margin-top:6px;display:flex}
.payment-add-address p span:nth-child(1){font-size:13px;white-space:nowrap;line-height:1.3;font-weight:700}
.payment-add-address p span:nth-child(2){word-break:break-all;line-height:1.4;padding-left:4px;text-transform:capitalize;font-size:14px}
.payment-addressbtn{margin-top:22px}
.payment-addressbtn button{display:inline-block;padding:15px 30px;background:#60a7ca;border-radius:5px;text-align:center;color:#fff;border:none;text-transform:capitalize;font-size:14px}
.payment-addressbtn button:nth-child(2){display:none}
.payment-method{display:flex;align-items:center;font-size:14px;padding-bottom:10px}
.payment-method img{border:1px solid #ddd;margin-left:20px}
.payment-info-cont{text-align:right;color:#222}
.payment-info-cont p{margin-bottom:18px}
.payment-info-cont p span{font-size:14px}
.payment-info-cont p span:nth-child(2){display:inline-block;min-width:80px;flex:1;word-break:break-all;line-height:1.3}
.payment-info-total-text{font-weight:700;font-size:20px}
.payment-cheackout-box{display:flex;justify-content:flex-end;flex-wrap:wrap;padding-top:10px}
.payment-verification{width:100%;padding-bottom:10px}
.paymentvc-input{display:flex;flex-wrap:wrap;position:relative;justify-content:flex-end}
.paymentvc-input span{position:absolute;top:100%;left:0;padding:4px 10px 0;color:#f89406}
.paymentvc-input input{width:200px;height:40px;padding:0 10px;border:1px solid #dcdcdc;border-radius:4px;outline:1px solid #f89406}
.paymentvc-img,.rfqvc-img{display:flex;align-items:center;margin-left:10px}
.paymentvc-img img{width:110px;display:inline-block}
.payment-checkout{display:flex;align-items:center;justify-content:center;padding:10px 20px;background:#cbcbcb;border-radius:5px;text-align:center;color:#fff;border:none;text-transform:capitalize;font-size:14px;font-weight:700}
.payment-checkout i{display:inline-block;width:26px;height:26px;background:url(../image/checkout.png) no-repeat;vertical-align:middle;margin-right:8px;background-size:cover}
.payment-address{border:1px solid #dcdcdc;padding:0 4%;display:none}
.payment .payment-address-tit{font-size:28px;color:#252525;text-align:center;margin-top:-20px}
.payment-address-tit strong{display:inline-block;background:#fff;padding:0 30px}
.payment-form{color:#000;margin-top:34px}
.payment-form-number{display:flex;justify-content:space-between;flex-wrap:wrap}
.payment-form-number>div{width:48%}
.payment-form input{display:block;width:100%;border:1px solid #eee;border-radius:5px;height:50px;padding:0 20px;font-size:14px}
.payment-form input::placeholder{color:#ddd;font-size:12px}
.payment-form>div{margin-bottom:18px}
.payment-form>div p{padding:0 0 8px 8px;font-size:13px}
#payment-send{color:#fff;display:block;text-align:center;width:180px;padding:13px 0;background:#fb8a35;border-radius:3px;border:none;margin:40px auto;font-size:16px}
.payment-country-select{position:relative}
.payment-country-select::before{content:'';display:block;width:6px;height:6px;border:2px solid transparent;border-left-color:#a7a7a7;border-bottom-color:#a7a7a7;position:absolute;right:30px;top:50%;transform:translateY(-50%) rotate(-45deg);border-radius:2px}
.payment-country-select-list{position:absolute;top:100%;left:0;background:#fff;width:100%;border:1px solid #dbdbdb;border-top:none;border-radius:5px;height:300px;overflow-y:auto;display:none}
.payment-country-select-list li{padding:10px 20px;cursor:pointer;user-select:none;font-size:14px}
.payment-country-select-list li:hover{background:#eee}
.payment-country-select .payment-country-select-tit{padding:0 20px;border:1px solid #eee;border-radius:5px;color:#333;line-height:50px;cursor:pointer;user-select:none;display:block;outline:0}
.payment-country-select .payment-country-select-tit::placeholder{color:878787}
.payment-complete{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);z-index:9999;display:none}
.payment-complete-box{text-align:center;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);max-width:80%;background:#fff;border-radius:8px;padding:30px 20px}
.payment-complete-icon{width:80px}
.payment-complete .payment-complete-tit{font-size:30px;font-weight:700;color:#151515;max-width:80%;margin:20px auto;line-height:1.4}
.payment-complete .payment-complete-tit *{line-height:1.4}
.payment-backhome{font-size:16px;color:#f7f8f9;display:inline-block;background:#52c41a;border-radius:5px;padding:11px 36px;margin-top:4.5%;text-transform:capitalize}
.payment-complete-num{color:#52c41a;background:#fff;border-radius:50%;font-size:12px;margin-left:10px;width:20px;height:20px;display:inline-block;vertical-align:middle;line-height:20px}
.payment-form .input-error{border-color:#f89406}
.payment-checkout-success{background:#fb8a35}
.payment-item-quantity-total{display:inline-block;min-width:100px}
.ired{color:red;margin-right:4px}
.paylayer{position:fixed;top:0;left:0;bottom:0;right:0;z-index:999;display:flex;align-items:flex-start;padding-top:20%;justify-content:center;background:rgba(0,0,0,.8)}
.paylayer img{max-width:80px;animation:swiper-preloader-spin 4s linear infinite}
.payment-layer{display:none}
.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 .next,.list-wrapper .pre{position:absolute;top:0;display:block;width:32px;height:60px;color:#999;font-size:32px;line-height:60px;cursor:pointer}
.list-wrapper .next{right:0;color:#fff;text-align:right}
.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(../image/lodding.png) 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:#60a7ca;color:#fff}
.rfq-inquiry{position:fixed;top:0;left:0;bottom:0;right:0;background:rgba(0,0,0,.5);z-index:99;display:none}
.rfq-inquiry-box{position:absolute;width:560px;left:50%;top:45%;transform:translate(-50%,-50%);background-color:#fff;box-shadow:0 0 10px #666;border-radius:4px}
.rfq-inquiry-t{display:flex;justify-content:space-between;border-bottom:2px solid #f0f0f0;padding:10px 14px;align-items:center}
.rfq-inquiry-t p{font-size:20px;background:url(../image/rfq-inquiry.png) no-repeat 20px center;padding-left:60px;margin:0}
.rfq-close{color:#a7a7a7;background:0 0;border:none;padding:10px;font-size:20px;line-height:1;cursor:pointer}
.rfq-form{display:block;padding:0 30px 20px}
.rfq-form>div{display:flex;margin-top:20px}
.rfq-form>div>span{font-size:16px;text-transform:capitalize;display:inline-block;text-align:right;width:100px;padding:4px 10px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box}
.rfq-form>div>input,.rfq-form>div>textarea{flex:1;height:32px;border:1px solid #e3e2e8;border-radius:2px;padding:0 10px;font-family:inherit;outline-color:#378dfc;outline-width:1px}
.rfq-form>div>textarea{height:77px;resize:none;padding:10px}
.rfq-form>div>input.input-error,.rfq-form>div>textarea.input-error{border-color:#fb8a35}
.rfq-send{background-color:#378dfc;color:#fff;border-radius:20px;border:none;display:block;margin-left:auto;height:40px;width:110px;font-size:16px;text-transform:capitalize;cursor:pointer}
.rfq-verification{flex:1;padding-right:10px}
.rfq-input{display:flex;width:100%;height:100%;align-items:center;justify-content:flex-end}
#rfqvc{width:144px;height:24px;border:1px solid #e3e2e8;border-radius:2px;outline-color:#378dfc;padding:0 10px}
.rfq-layer{position:absolute;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,.3);display:none}
.rfq-layer::before{content:'';display:block;position:absolute;width:60px;height:60px;top:46%;left:50%;margin:-30px 0 0 -30px;z-index:1;background:url(../image/lodding.png) no-repeat center;background-size:100%;animation:swiper-preloader-spin 4s linear infinite}
.rfqvc-img img{width:auto;height:24px;max-width:100px;display:inline-block}
@media(max-width:1367px){
.payment-complete .payment-complete-tit{max-width:100%}
}
@media(max-width:1025px){
.payment-complete-box{width:70%}
.payment-complete .payment-complete-tit{font-size:24px}
}
@media(max-width:768px){
.payment{padding:40px 20px}
html{-webkit-tap-highlight-color:transparent}
.payment-complete-box{width:80%}
.payment-info{flex-direction:column-reverse;border:1px solid #eee;padding:4.6vw 4.26vw;position:relative}
.payment-method-address{max-width:100%;width:100%;display:flex;flex-direction:column-reverse}
.payment-add-address p{flex-wrap:wrap;padding-bottom:3vw}
.payment-add-address p span:nth-child(1){font-size:4vw;display:block;width:100%;margin-bottom:2vw}
.payment-add-address p span:nth-child(2){color:#9c9c9c;line-height:1.5;font-size:4vw;padding-left:0}
.payment-addressbtn{margin:3vw 0 10px}
.payment-info-cont{text-align:left;padding:0;width:100%}
.payment-info-cont p{margin:0;padding-bottom:4.32vw;display:flex;flex-wrap:wrap;justify-content:space-between}
.payment-info-cont p span{font-size:4.3vw}
.payment-info-cont p span:nth-child(2){color:#fb8a35;text-align:right;flex:1;padding-left:10px}
.payment-info-cont .payment-info-total{border-bottom:1px solid #c5c5c5;margin-bottom:4.32vw}
.payment-info-cont p:nth-child(-n+2) span:nth-child(1){color:#9c9c9c}
.payment-method{width:100%;font-size:4vw;font-weight:700;color:#000;justify-content:space-between;padding:4.5vw 0}
.payment-addressbtn button,.payment-checkout,.rfq-btn{width:100%;font-size:4.32vw;color:#fff;padding:4.26vw 0}
.rfq-btn{margin:0 0 20px}
.payment-addressbtn button{font-size:4vw}
.payment-address{border:none;padding:0 4.26vw}
.payment-address-tit{font-size:4.4vw;text-align:left;font-weight:900;color:#252525}
.payment-address-tit strong{padding:0}
.payment-form>div p{font-size:18px;padding:0 0 20px 10px}
.payment-form-number>div{width:100%;margin-bottom:4.5vw}
.payment-form-number>div:last-child{margin-bottom:0}
.payment-form input{height:12vw}
.payment-form input::placeholder{font-size:3vw}
.payment-form>div{margin-bottom:4.5vw}
.payment-country-select .payment-country-select-tit,.payment-country-select-list li{font-size:16px}
#payment-send{width:100%;font-size:4.32vw;padding:4.26vw 0;margin:4.6vw 0}
.payment-list table th{display:none}
.payment-list table thead tr{border:1px solid transparent}
.paymenttit{font-size:4.4vw;font-weight:700;padding:4.3vw;text-align:left;border:1px solid #eee;background:#f6f6f6;color:#000;margin:0}
.payment-item-pro,.payment-list table tbody tr td:first-child{width:100%;align-items:stretch}
.payment-item-img{width:14.86vw;height:14.86vw}
.payment-item-r{width:calc(100% - 14.86vw);padding:0 0 0 20px;display:flex;flex-direction:column;justify-content:space-between}
.payment-item-r>div:nth-child(1){display:flex;justify-content:space-between;border-bottom:1px solid #eee;padding-bottom:6px}
.payment-item-name{font-size:18px;font-weight:700;color:#333;width:calc(100% - 38px);padding:0;max-height:70px;line-height:1.3}
.payment-item-r-b{display:flex;align-items:center;text-align:left;margin-top:6px}
.payment-item-r-b>div{flex:1}
.payment .payment-item-price{font-size:18px;color:#fb8a35;word-break:break-all}
.payment-list table tbody tr td{border:1px solid #eee!important;border-top:none!important;padding:0 4.3vw 4.3vw 4.3vw!important}
.payment-list table tbody tr:not(:last-child) td{border-bottom:none!important}
.payment-list table tbody tr:first-child td{padding-top:4.5vw!important}
.payment-list table tbody tr:last-child td{padding-bottom:4.5vw!important}
.payment-item-quantity{height:34px}
.payment-item-quantity button{width:35px;font-size:20px}
.payment-item-quantity input{width:38px;font-size:14px}
.payment-layer{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);align-items:center;justify-content:center;z-index:99;display:none}
.payment-layer-box{background:#fff;border-radius:10px;width:80%;padding:4.4vw 4.36vw;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.payment-layer-box p{font-size:4.4vw;font-weight:700;color:#222;text-align:center;padding:0 4.4vw}
.payment-layer-contral{display:flex;justify-content:space-between;margin-top:4.5vw}
.payment-layer-contral button{font-size:4.32vw;color:#222;background:#f8f8f8;border-radius:3px;border:none;display:block;width:48%;padding:4.3vw 0}
.paylayer{padding-top:35vh}
.payment-cheackout-box{width:100%}
.payment-verification{width:100%;margin-bottom:20px;padding-right:0}
.paymentvc-input input{width:calc(100% - 120px);height:8vw}
.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 .cart-list{padding:0}
.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}
}
@media(max-width:540px){
.payment-complete .payment-complete-tit{font-size:18px}
.payment-item-name{-webkit-line-clamp:1;max-height:28px}
.payment-item-r>div:nth-child(1){align-items:center}
.clear-all .ic-close,.close .ic-close{top:38%;left:24%}
.rfq-inquiry-box{width:92%}
}
@media(max-width:481px){
.payment-item-img{width:80px;height:80px}
.payment-item-r{width:calc(100% - 80px);padding-left:10px}
.rfq-form>div>span{font-size:14px;width:90px}
.rfq-form{padding:0 20px 20px}
.rfq-inquiry-t p{font-size:18px}
#rfqvc{width:120px}
.rfq-inquiry-t{padding:4px 14px}
}
@media(max-width:415px){
.payment-complete-box{width:100%;max-width:90%}
.payment-backhome{padding:11px 16px}
.payment-item-name{font-size:16px}
.payment-item-r-b .payment-item-quantity{height:28px;flex:none}
.payment-item-quantity button{width:32px}
.payment-item-quantity input{width:34px;font-size:12px}
.payment-info{padding:20px 10px}
.payment-address{padding:0}
.payment-country-select .payment-country-select-tit,.payment-country-select-list li,.payment-form>div p{font-size:14px}
.payment-form input{margin-bottom:10px}
.payment-form>div p{padding-bottom:10px}
.payment-form-number>div{margin-bottom:10px}
.payment-form>div{margin-bottom:0;padding-bottom:10px}
.paymentvc-input input{height:40px;width:calc(100% - 100px)}
.paymentvc-img img{width:90px}
.compare-panel .button-area .contact-button{margin:0;padding:0 6px}
.orderNow{margin:0 0 0 4px;padding:0 6px}
.button-area .clear-all{margin-right:0;font-size:13px}
.clear-all .ic-close,.close .ic-close{top:34%;left:22%}
.rfq-form>div>span{font-size:12px;width:80px}
.rfq-form>div>input,.rfq-form>div>textarea{height:26px}
.rfq-form>div>textarea{height:50px}
.rfq-form>div{margin-top:10px}
.rfq-inquiry-t p{font-size:16px;background-position:0;padding-left:35px}
.rfq-form>div{flex-wrap:wrap}
.rfq-verification{padding:0 0 10px}
}
@media(max-width:376px){
.payment .payment-item-price{font-size:16px}
.payment-address-tit{font-size:20px}
.payment-country-select .payment-country-select-tit,.payment-country-select-list li,.payment-form input{padding-left:10px;padding-right:10px}
.payment-country-select::before{right:20px}
.payment-item-close{width:24px;height:24px}
.payment-checkout i{font-size:24px;height:24px}
.compare-panel .button-area{padding:0}
.button-area .clear-all,.button-area .close{width:50px}
.clear-all .ic-close,.close .ic-close{left:8px}
}
@media(max-width:321px){
.compare-panel .button-area .contact-button{padding:0 4px;font-size:13px}
.orderNow{padding:0 4px}
}
@keyframes swiper-preloader-spin{
to{transform:rotate(1turn)}
}