@charset "utf-8";
.payment { width: 100%; max-width: 1600px; margin: 0 auto; padding: 40px 0; box-sizing: border-box; background: #fff }
.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 }
.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: var(--color, #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(../images/checkout.webp) 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 textarea { display: block; width: 100%!important; height: 100px!important; border: 1px solid #eee; border-radius: 5px; padding: 10px 20px; font-size: 14px }
.payment-form input::placeholder, .payment-form textarea::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: var(--color, 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(../images/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: 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(../images/rfq-inquiry.webp) 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(../images/lodding.webp) 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: 20px 0 }
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)
}
}