@font-face {
	font-family:'iconfont';src:url('../fonts/icon.woff2') format('woff2'),url('../fonts/icon.woff') format('woff'),url('../fonts/icon.ttf') format('truetype');font-display:swap
}
@font-face{font-family:"Helvetica Bold";src:url('../fonts/en/Helvetica-Bold.woff2');font-display:swap;}
@font-face{font-family:"Proxima Nova Regular";src:url('../fonts/Proxima-Nova-Regular.woff2');font-display:swap;}
@font-face{font-family:"Proxima Nova SemiBold";src:url('../fonts/Proxima-Nova-SemiBold.woff2');font-display:swap;}
@font-face{font-family:"Proxima Nova Light";src:url('../fonts/Proxima-Nova-Light.woff2');font-display:swap;}
@font-face{font-family:"Pangram Regular";src:url('../fonts/Pangram-Regular.woff2');font-display:swap;}
*{padding: 0; margin: 0; border: 0}
body{font-size: 16px;
    
    font-family: "Proxima Nova SemiBold"; }

.iconfont {
	font-family: "iconfont" !important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-media-vimeo:before {
	content: "\e88a"
}

.icon-media-okru:before {
	content: "\f201"
}

.icon-question:before {
	content: "\e677"
}

.icon-inquiry:before {
	content: "\e678"
}

.icon-eye:before {
	content: "\e612"
}

.icon-more-product:before {
	content: "\e676"
}

.icon-download:before {
	content: "\e712"
}

.icon-shoucang:before {
	content: "\e675"
}

.icon-xiaoyuAI:before {
	content: "\e672"
}

.icon-shoucang-empty:before {
	content: "\e673"
}

.icon-fuzhi:before {
	content: "\e674"
}

.icon-clear:before {
	content: "\e671"
}

.icon-ec-tagert:before {
	content: "\e670"
}

.icon-ec-walmart:before {
	content: "\e66e"
}

.icon-double-arrow:before {
	content: "\e611"
}

.icon-action-replicate:before {
	content: "\e66d"
}

.icon-phone:before {
	content: "\e66c"
}

.icon-faq:before {
	content: "\e60a"
}

.icon-support:before {
	content: "\e60b"
}

.icon-refresh:before {
	content: "\e66b"
}

.icon-jiantou-left:before {
	content: "\e66a"
}

.icon-send-inquiry:before {
	content: "\e632"
}

.icon-media-linkedin:before {
	content: "\e622"
}

.icon-media-facebook:before {
	content: "\e624"
}

.icon-telegram:before {
	content: "\e625"
}

.icon-media-youtube:before {
	content: "\e629"
}

.icon-media-reddit:before {
	content: "\e62a"
}

.icon-whatsapp:before {
	content: "\e637"
}

.icon-media-twitter:before {
	content: "\e662"
}

.icon-media-tumblr:before {
	content: "\e663"
}

.icon-skype:before {
	content: "\e664"
}

.icon-media-pinterest:before {
	content: "\e665"
}

.icon-viber:before {
	content: "\e666"
}

.icon-media-tiktok:before {
	content: "\e667"
}

.icon-vk:before {
	content: "\e668"
}

.icon-media-instagram:before {
	content: "\e669"
}

.icon-ai-generate:before {
	content: "\e661"
}

.icon-base-collection-empty:before {
	content: "\eb74"
}

.icon-yinliang:before {
	content: "\e660"
}

.icon-fenxiang1:before {
	content: "\e65b"
}

.icon-pinglun1:before {
	content: "\e65d"
}

.icon-jingyin:before {
	content: "\e65e"
}

.icon-gouwuche:before {
	content: "\e65f"
}

.icon-fenxiang:before {
	content: "\e65a"
}

.icon-xiazai:before {
	content: "\e659"
}

.icon-wenhao:before {
	content: "\e67f"
}

.icon-a-3D:before {
	content: "\e658"
}

.icon-youhui:before {
	content: "\e655"
}

.icon-a-youhuiquan1:before {
	content: "\e654"
}

.icon-manjian:before {
	content: "\e657"
}

.icon-pinglun:before {
	content: "\e6ad"
}

.icon-kefu-line:before {
	content: "\e653"
}

.icon-wenjian:before {
	content: "\e83c"
}

.icon-action-top:before {
	content: "\e652"
}

.icon-action-plus:before {
	content: "\e650"
}

.icon-action-minus:before {
	content: "\e651"
}

.icon-action-move-to-favorite:before {
	content: "\e64f"
}

.icon-base-eye-ban:before {
	content: "\e6d2"
}

.icon-action-close-2:before {
	content: "\e64e"
}

.icon-client-phone:before {
	content: "\e64b"
}

.icon-client-desktop:before {
	content: "\e64c"
}

.icon-client-pad:before {
	content: "\e64d"
}

.icon-2c-coupon:before {
	content: "\e64a"
}

.icon-base-hot-2:before {
	content: "\e648"
}

.icon-base-like-2:before {
	content: "\e649"
}

.icon-base-info-fill:before {
	content: "\eb73"
}

.icon-base-close-fill:before {
	content: "\e656"
}

.icon-action-upload:before {
	content: "\e645"
}

.icon-base-email:before {
	content: "\e644"
}

.icon-base-email-read:before {
	content: "\e823"
}

.icon-base-collect:before {
	content: "\e647"
}

.icon-base-collect-fill:before {
	content: "\e646"
}

.icon-base-user-2:before {
	content: "\e640"
}

.icon-base-code:before {
	content: "\e641"
}

.icon-base-look:before {
	content: "\e642"
}

.icon-base-key:before {
	content: "\e643"
}

.icon-ec-mercadolibre:before {
	content: "\e63f"
}

.icon-ec-11street:before {
	content: "\e631"
}

.icon-ec-ebay:before {
	content: "\e633"
}

.icon-ec-alibaba:before {
	content: "\e636"
}

.icon-ec-aliexpress:before {
	content: "\e638"
}

.icon-ec-lazada:before {
	content: "\e63a"
}

.icon-ec-shopee:before {
	content: "\e63b"
}

.icon-ec-gmarket:before {
	content: "\e63c"
}

.icon-ec-amazon:before {
	content: "\e63d"
}

.icon-ec-wish:before {
	content: "\e63e"
}

.icon-activity:before {
	content: "\e6de"
}

.icon-activity-fill:before {
	content: "\e6df"
}

.icon-service:before {
	content: "\e630"
}

.icon-fbmessenger:before {
	content: "\e621"
}

.icon-trademanager:before {
	content: "\e626"
}

.icon-wechat:before {
	content: "\e627"
}

.icon-search-shaixuan:before {
	content: "\e603"
}

.icon-form-validated:before {
	content: "\e6b3"
}

.icon-form-invalid:before {
	content: "\e61c"
}

.icon-yuzhong:before {
	content: "\e6d5"
}

.icon-base-collection:before {
	content: "\e61a"
}

.icon-base-like:before {
	content: "\e61f"
}

.icon-base-like-fill:before {
	content: "\e602"
}

.icon-base-order:before {
	content: "\e620"
}

.icon-base-customized:before {
	content: "\e61e"
}

.icon-base-dot:before {
	content: "\e61d"
}

.icon-base-cascades:before {
	content: "\e67c"
}

.icon-base-list:before {
	content: "\e682"
}

.icon-base-menu:before {
	content: "\e858"
}

.icon-base-flash-sale:before {
	content: "\e614"
}

.icon-base-hot:before {
	content: "\e615"
}

.icon-base-letter:before {
	content: "\e616"
}

.icon-base-gift:before {
	content: "\e617"
}

.icon-base-rebate:before {
	content: "\e618"
}

.icon-media-google:before {
	content: "\e635"
}

.icon-base-success-fill:before {
	content: "\e62c"
}

.icon-base-error-fill:before {
	content: "\e62e"
}

.icon-action-edit:before {
	content: "\e62b"
}

.icon-base-tel-2:before {
	content: "\e62d"
}

.icon-base-phone-lighter:before {
	content: "\e634"
}

.icon-action-delete-lighter:before {
	content: "\e639"
}

.icon-base-email-1:before {
	content: "\e628"
}

.icon-base-cart-lighter:before {
	content: "\e623"
}

.icon-page-inquire-success:before {
	content: "\e7c4"
}

.icon-page-updating:before {
	content: "\e856"
}

.icon-page-due:before {
	content: "\e70f"
}

.icon-action-bottom-arrow-bold:before {
	content: "\e6ac"
}

.icon-action-top-arrow-bold:before {
	content: "\e791"
}

.icon-base-user:before {
	content: "\e66f"
}

.icon-action-bottom-triangle-bold:before {
	content: "\e65c"
}

.icon-action-search-lighter:before {
	content: "\e61b"
}

.icon-base-eye:before {
	content: "\e62f"
}

.icon-base-phone-bold:before {
	content: "\e619"
}

.icon-base-email-fill:before {
	content: "\e608"
}

.icon-base-gps:before {
	content: "\e609"
}

.icon-media-facebook-fill:before {
	content: "\e60c"
}

.icon-media-google-fill:before {
	content: "\e60d"
}

.icon-action-play:before {
	content: "\e60e"
}

.icon-base-tel:before {
	content: "\e60f"
}

.icon-media-twitter-fill:before {
	content: "\e610"
}

.icon-submit:before {
	content: "\e613"
}

.icon-action-add:before {
	content: "\e607"
}

.icon-action-close:before {
	content: "\e857"
}

.icon-action-bottom-lighter:before {
	content: "\e859"
}

.icon-action-left-lighter:before {
	content: "\e600"
}

.icon-action-left-arrow-lighter:before {
	content: "\e601"
}

.icon-action-delete:before {
	content: "\e604"
}

.icon-action-setting:before {
	content: "\e605"
}

.icon-action-copy:before {
	content: "\e606"
}


form {
    --x: 15px;
    --y: 12px;
    flex-grow: 1
}

form select {
    -webkit-appearance: none
}

form label {
    display: flex;
    font-weight: bold;
    position: relative
}

form label.full {
    align-items: flex-start !important
}

form label.submit .unit-form__label {
    padding: 0
}

form .item {
    padding: 8px;
    margin: 0
}

form .form-control {
    padding: var(--y) var(--x);
    height: auto;
    font-weight: normal;
    font-size: inherit
}

form .unit-form__label {
    padding-bottom: 5px;
    flex-shrink: 0;
    flex-grow: 0;
    font-weight: normal;
    opacity: .8;
    color: inherit
}

form [required] ~ .unit-form__label:before,form [required] ~ .unit-form__control--txt::before {
    content: '*';
    padding-right: 5px;
    color: red;
    display: inline-block
}

form .form-control.is-invalid+.unit-form__control--file,form.was-validated .form-control:invalid+.unit-form__control--file {
    border-color: #dc3545
}

form.was-validated .form-control:invalid+.unit-form__control--file[validated] {
    border-color: #28a745
}

form.was-validated .form-control:invalid+.unit-form__control--file:before {
    font-family: "iconfont" !important;
    position: absolute;
    right: .75rem;
    top: var(--y);
    color: inherit;
    font-size: 15px;
    color: #dc3545
}

form.was-validated .file .form-control:invalid[required]+.unit-form__control--file:before {
    content: "\e61c"
}

form.was-validated .file .form-control:invalid+.unit-form__control--file[validated]:before {
    color: #28a745 !important;
    content: "\e6b3" !important
}

form .checkbox-group {
    width: 100%;
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

form .checkbox-inline {
    padding: var(--y) 20px var(--y);
    margin-left: 0
}

form.title-top label {
    flex-direction: column-reverse
}

form.title-left label {
    flex-direction: row-reverse;
    align-items: center
}

form.title-left .unit-form__label {
    text-align: right;
    padding: var(--y) 15px var(--y) 0
}

form label {
    flex-flow: column
}

form .form-control::-webkit-input-placeholder {
    color: transparent !important
}

form .form-control:-ms-input-placeholder {
    color: transparent !important
}

form .form-control::-ms-input-placeholder {
    color: transparent !important
}

form .form-control::-moz-placeholder {
    color: transparent !important
}

form .form-control::placeholder {
    color: transparent !important
}

form .has-placeholder .placeholder {
    color: #999;
    margin-left: 1em;
    cursor: text
}

form .form-control:not(.unit-form__checkbox-list):not(:placeholder-shown) ~ .unit-form__label .placeholder {
    display: none
}

form .unit-form__label {
    position: absolute;
    top: 0;
    left: 0;
    padding: var(--y) var(--x);
    transition: .1s ease-in-out
}

form .checkbox-group {
    padding-top: calc(var(--y) + var(--y) * (2 / 3) - 1px) !important;
    padding-bottom: calc(var(--y) / 3 - 2px) !important
}

form .form-control:not(.unit-form__checkbox-list):not(:placeholder-shown) {
    padding-top: calc(var(--y) + var(--y) * (2 / 3));
    padding-bottom: calc(var(--y) / 3)
}

form .checkbox-group ~ .unit-form__label,form .form-control:not(.unit-form__checkbox-list):not(:placeholder-shown) ~ .unit-form__label {
    padding-top: calc(var(--y) / 3);
    padding-bottom: calc(var(--y) / 3);
    opacity: .77
}

[label-style="1"] form .form-control:not(.unit-form__checkbox-list):not(:placeholder-shown) {
    padding: var(--y) var(--x)
}

[label-style="1"] form .form-control:not(.unit-form__checkbox-list):not(:placeholder-shown) ~ .unit-form__label {
    display: none !important
}

form .checkbox-inline {
    padding: 0 10px 0 20px
}

form.border-bottom .form-control {
    border-top-width: 0 !important;
    border-right-width: 0 !important;
    border-left-width: 0 !important;
    box-shadow: none
}

form label.submit {
    justify-content: flex-end;
    flex-direction: row-reverse !important
}

form.submit-center label.submit {
    justify-content: center
}

form.submit-center label.submit .unit-form__label {
    display: none
}

form.submit-right label.submit {
    justify-content: flex-start
}

form .help-block {
    position: relative;
    padding: 0 var(--x)
}

form .checkbox-inline .form-control-feedback {
    right: -30px;
    top: 3px
}

form .jy_verificationcode label,form .upload_attachments label {
    align-items: initial !important
}

form .jy_verificationcode .unit-form__label {
    display: none
}

form .jy_verificationcode label .jy_yzm,form .upload_attachments .upload_attach_con {
    flex-grow: 1;
    width: 100%
}

form .upload_attachments .unit-form__label {
    position: relative;
    padding: 0 0 8px;
    font-size: 14px !important;
    opacity: 1 !important
}

form .upload_attachments label {
    flex-direction: column-reverse
}

form .upload_attachments .form-control {
    border-bottom: 0;
    padding: 0 !important
}

form .upload_attach_gray {
    font-size: 12px;
    opacity: .5;
    padding-top: 8px
}

form .upload_box {
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 24px;
    color: #000
}

form .add_file_a {
    border: 1px dashed;
    border-color: inherit
}

form .form-control.is-invalid,form.was-validated .form-control:invalid {
    border-color: #dc3545 !important
}

form .form-control.is-valid,form.was-validated .form-control:valid {
    border-color: #28a745 !important
}

form .form-control:focus:-moz-placeholder {
    color: transparent !important;
    opacity: 0
}

form .form-control:focus::-moz-placeholder {
    color: transparent !important;
    opacity: 0
}

form .form-control:focus:-ms-input-placeholder {
    color: transparent !important;
    opacity: 0
}

.unit-form__item:last-child {
    margin-bottom: 0
}

.file [type="file"] {
    padding: 0;
    opacity: 0;
    position: absolute;
    height: 100%;
    cursor: pointer;
    top: 0;
    left: 0
}

.unit-form__item.file .unit-form__label {
    display: none
}

.unit-form__control--file {
    position: relative;
    text-align: left;
    font-size: 14px;
    cursor: pointer;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    color: inherit
}

.unit-form__control--file .unit-form__control--font {
    border: 1px dashed;
    border-color: inherit;
    font-size: 14px;
    padding: 4px;
    border-radius: 2px
}

.unit-form__control--file .unit-form__control--txt {
    padding-left: 10px;
    font-style: normal
}

.unit-form__file-item {
    font-weight: 400;
    transition: all .5s cubic-bezier(.55,0,.1,1);
    font-size: 14px;
    color: #606266;
    line-height: 1.8;
    margin-top: 5px;
    position: relative;
    box-sizing: border-box;
    border-radius: 4px;
    width: 100%
}

.unit-form__file-item .icon {
    position: absolute;
    right: 5px;
    top: 0;
    line-height: inherit;
    color: #67c23a
}

.unit-form__file-item .icon::after {
    content: '\e62c'
}

.unit-form__file-item:hover .icon::after {
    content: '\e64e';
    color: #606266
}

.unit-form__file-item i {
    font-style: normal;
    font-size: 14px;
    padding-left: 10px;
    opacity: .5
}

.unit-form__file-prompt {
    text-transform: capitalize;
    text-align: left;
    font-weight: normal;
    font-size: 12px;
    padding: 5px 5px 0;
    color: #606266
}

.file-feedback {
    font-weight: bold
}

.unit-form__control--file.show_error {
    border-color: #dc3545 !important
}

.unit-form__control--file.show_error+.file-feedback {
    display: block
}

@media screen and (min-width: 0\0) {
    form .unit-form__label {
        display:none
    }

    form .form-control:-ms-input-placeholder {
        color: #999 !important
    }

    form .form-control::-ms-input-placeholder {
        color: #999 !important
    }
}