﻿/*Text Format*/
#MasViewBagString { display:none; }
.thru { text-decoration: line-through; }
.smgy { font-size: small !important; color: gray; font-weight: normal !important; }
.smgy:empty { display: none; }
.smgy a { color: gray;}
.sgcl { font-size: small; color: gray; font-weight: normal; line-height: 1.75rem; text-align: center; }
.bold { font-weight: bold; }
.block { display: block;}
.small { font-size: small; }
.large { font-size: large; }
.textover { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.wordwrap { word-wrap: break-word; word-break: break-all; }
.keepall { word-break: keep-all; }
.whiteBG { background-color: white; }
.bgEEE { background-color:#eee; }
/*Layout Base*/
.center { text-align: center; }
.right { text-align: right; }
.hand { cursor: pointer; }
.hide { display: none; }
.hide2 { display:none !important; }
.over { overflow:hidden; }
.lineheight { line-height: 1.75; }
.mgBottom { margin-bottom: 10px; }
.mgBem { margin-bottom: 1em; }
.margin { margin: 10px; }
.mgRight { margin-right:15px; }
.padding { padding: 10px; }
.pp2em { padding: 2em; }
.pp08em { padding: 0.8em; }
.pp08R { padding-right: 0.8rem;}
.pplr { padding: 0 10px; }
.lh28 { line-height: 2.8em }
.border { border:1px solid #ccc; }
.border0 { border:0 !important;}
.height300 { line-height: 2em; font-size: x-large; color: #666; text-align: center; padding: 5em 0; }
.height100 { line-height: 1.5em; font-size: large; color: #666; text-align: center; padding: 2em 0; }
.rowtemplate { display:none !important; }
.edittemplate { display: none !important; }
.required::after { content:"**"; color:red; }
pre { margin:0; white-space: pre-wrap;word-break: break-all;}
.flex { display: -webkit-flex; display: flex; }
.f1 { flex: 1; width:0; }
.flexc { display: -webkit-flex; display: flex; align-items: center; }
.flexjc { display: -webkit-flex; display:flex; justify-content:center; }
.fxRto::after { font-family: ico; content: "\e747"; font-size: small; color: gray; display: block; align-self: center; padding-top: 4px; }
.fxLto::before { font-family: ico; content: "\e748"; font-size: small; color: gray; display: block; align-self: center; }
.fxDownto::after { font-family: ico; content: "\e82a"; font-size: small; color: gray; display: block; align-self: center; }
.fxUpto::after { font-family: ico; content: "\e749"; font-size: small; color: gray; display: block; align-self: center; }
.fitWidth { width: fit-content; width: -moz-fit-content; } /* WebKit & FF only*/
.tables { display: table; border-collapse: separate; width: 100%; }
.tables4 {display:table;border-collapse: separate; border-spacing: 4px; width:100%; }
.indent { text-align: left !important; text-indent: 4px;}
.tables4 > div, .tables4 > a, .tables > div, .tables > a { display: table-cell; vertical-align: middle; }
.ulList {list-style-type: none; margin: 0px; padding: 0px; }
.w35p { width:35%; }
.w80p { width:80%; }
.w100p { width:100%;}
.w100 { width:100px;}
.w140 { width: 140px; }
.w200 { width:200px;}
.w60 { width:60px; }
.w80 { width:80px; }
/*Color*/
.black { color: black !important; }
.red { color: red !important; }
.green { color: Green !important; }
.blue { color:blue !important; }
.cblue { color: #569ABE !important; }
.white { color: White !important; }
.orange { color: #f15a2b !important; }
.darkgray { color: #666666 !important; }
.gray { color: gray !important; }
.purple { color: #5f45ed !important; }

/*Block*/
.InfoIconB { width:64px; height:64px; line-height:64px; text-align:center; font-size:48px; }
.IconIcon { width:32px; height:32px; line-height:32px; text-align:center; font-size: 16px; }
.imgBlock { width: 100%; height: auto; display: block; }
.transfile { display:block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; z-index:2; cursor:pointer; color:gray; }
.upFileBtn { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index:2; color:gray;}
.img100 { display:block; width:100% ; height:100%; }
@keyframes rotating {
    0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
    100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); }
}
.aniWaitingil { animation: rotating 1s infinite steps(8); text-align: center; display: inline-block; color: gray; margin: auto; }
.aniWaiting { animation: rotating 1.5s infinite steps(8); text-align: center; font-size: 3em; }
.aniWaiting::before, .aniWaitingil::before { content: "\e627";}
.mask { background: rgba(0,0,0,0.3); width: 100%; height: 100%; position: fixed; z-index: 100000; top: 0; left: 0; }
.dmask { background: rgba(0,0,0,0.8); width: 100%; height: 100%; position: fixed; z-index: 100000; top: 0; left: 0; }
.wmask { background: rgba(255,255,255,0.5); width: 100%; height: 100%; position: fixed; z-index: 10000; top: 0; left: 0; }
.whmask { background: rgba(255,255,255,0.1); width: 100%; height: 100%; position: fixed; z-index: 100000; top: 0; left: 0; display:none; }
.FullBg { background-repeat: no-repeat; background-size: 100%; background-position: center center; }
#dvUpMask { background: rgba(0,0,0,0.2); width: 100%; height: 100%; position: fixed; z-index: 9999; top: 0; left: 0; display: none; }

/*Component*/
.h5Btn { padding: .75rem; border-radius: 6px; -webkit-appearance: none; font-size: 1rem; display: block; text-align: center; width: 100%; }
.pcBtn { text-indent: 0px; min-width: 100px; height: 40px; display: inline-block; margin: 0 5px; text-align: center; line-height: 40px; font-weight: bold; border-radius: 4px; padding:0 15px; font-size:16px;}
.pcsmBtn { text-indent: 0px; height: 30px; display: inline-block; margin: 0 5px; text-align: center; line-height: 30px; font-weight: bold; border-radius: 4px; padding:0 15px; font-size:14px;}
.cyBtn { margin: 15px auto; width: 4rem; height: 4rem; line-height: 3.8rem; text-align: center; border-radius: 100%; }
.redB { background-color: #e64240; color: #fff; border: 1px solid #e64240; }
.greenB { background-color: #11d41d; color: #fff; border: 1px solid #11d41d; }
.blueB { background-color: #35a1d8; color: #fff; border: 1px solid #35a1d8; }
.grayB { background-color: #fafafa; color: #666; border: 1px solid #c5c5c5; }
.goldB { background-color: #e7b682; color: #fff; border: 1px solid #e7b682; }
.orangeB { background-color: #fd8525; color: #fff; border: 1px solid #fd8525; }
.transB { background-color: transparent; color: gray; border: 1px solid #CCC; }
.redB:active { background-color: #b12927; }
.greenB:active { background-color: #078c0f; }
.blueB:active { background-color: #0e6896; }
.grayB:active { border: 1px solid #ccc; }
.goldB:active { background-color: #bc7f3f; }
.orangeB:active { background-color: #d1620a; }
.transB:active { border: 1px solid gray; }

/*iconfont*/
.icon-share1:before{content:"\e68c"}
.icon-rss:before{content:"\e6ec"}
.icon-fenlei:before{content:"\e71b"}
.icon-rss1:before{content:"\e6d0"}
.icon-new1:before{content:"\e847"}
.icon-new2:before{content:"\e848"}
.icon-vs:before{content:"\e849"}
.icon-vs2:before{content:"\e84a"}
.icon-shangsheng:before{content:"\e84b"}
.icon-xiajiang:before{content:"\e84c"}
.icon-yuandianxiao:before{content:"\e84d"}
.icon-yuandianzhong:before{content:"\e84e"}
.icon-yuandianda:before{content:"\e84f"}
.icon-danxuankuang:before{content:"\e850"}
.icon-danxuankuangxuanzhong:before{content:"\e851"}
.icon-zuirehotchunse:before{content:"\e852"}
.icon-zuirehotxiankuang:before{content:"\e853"}
.icon-adjust:before{content:"\e664"}
.icon-browse1:before{content:"\e666"}
.icon-top:before{content:"\e681"}
.icon-arrow-up-filling:before{content:"\e688"}
.icon-arrow-down-filling:before{content:"\e689"}
.icon-arrow-left-filling:before{content:"\e68a"}
.icon-arrow-right-filling:before{content:"\e68b"}
.icon-sorting:before{content:"\e68d"}
.icon-money:before{content:"\eb5e"}
.icon-i-money:before{content:"\e608"}
.icon-money1:before{content:"\e643"}
.icon-money2:before{content:"\e73f"}
.icon-fund:before{content:"\e846"}
.icon-money3:before{content:"\e70e"}
.icon-fund1:before{content:"\e64c"}
.icon-manager:before{content:"\e604"}
.icon--Manager:before{content:"\e602"}
.icon-filter-fill:before{content:"\e7e9"}
.icon-folder-fill:before{content:"\e7ea"}
.icon-feeds-fill:before{content:"\e7eb"}
.icon-form-fill:before{content:"\e7ec"}
.icon-camera-fill:before{content:"\e7ed"}
.icon-good-fill:before{content:"\e7ee"}
.icon-image-text-fill:before{content:"\e7ef"}
.icon-hot-fill:before{content:"\e7f0"}
.icon-company-fill:before{content:"\e7f1"}
.icon-discount-fill:before{content:"\e7f2"}
.icon-insurance-fill:before{content:"\e7f3"}
.icon-inquiry-template-fill:before{content:"\e7f4"}
.icon-help1:before{content:"\e7f5"}
.icon-listing-content-fill:before{content:"\e7f6"}
.icon-logistic-logo-fill:before{content:"\e7f7"}
.icon-Moneymanagement-fill:before{content:"\e7f8"}
.icon-manage-order-fill:before{content:"\e7f9"}
.icon-multi-language-fill:before{content:"\e7fa"}
.icon-logistics-icon-fill:before{content:"\e7fb"}
.icon-Newuserzone-fill:before{content:"\e7fc"}
.icon-nightmode-fill:before{content:"\e7fd"}
.icon-notice-fill:before{content:"\e7fe"}
.icon-password1:before{content:"\e7ff"}
.icon-map1:before{content:"\e800"}
.icon-pdf-fill:before{content:"\e801"}
.icon-phone1:before{content:"\e802"}
.icon-pin-fill:before{content:"\e803"}
.icon-product-fill:before{content:"\e804"}
.icon-rankinglist-fill:before{content:"\e805"}
.icon-rankinglist:before{content:"\e806"}
.icon-product1:before{content:"\e807"}
.icon-resonserate-fill:before{content:"\e808"}
.icon-salescenter-fill:before{content:"\e809"}
.icon-security-fill:before{content:"\e80a"}
.icon-Similarproducts-fill:before{content:"\e80b"}
.icon-signboard-fill:before{content:"\e80c"}
.icon-service-fill:before{content:"\e80d"}
.icon-shuffling-banner-fill:before{content:"\e80e"}
.icon-store-fill:before{content:"\e80f"}
.icon-smile-fill:before{content:"\e810"}
.icon-sound-filling-fill:before{content:"\e811"}
.icon-unlock-fill:before{content:"\e812"}
.icon-trust-fill:before{content:"\e813"}
.icon-vip-fill:before{content:"\e814"}
.icon-set1:before{content:"\e815"}
.icon-trade-assurance-fill:before{content:"\e816"}
.icon-collection:before{content:"\e817"}
.icon-collection-fill:before{content:"\e818"}
.icon-brand:before{content:"\e819"}
.icon-homepage-ads:before{content:"\e81a"}
.icon-scenes-fill:before{content:"\e81b"}
.icon-scenes:before{content:"\e81c"}
.icon-topraning-fill:before{content:"\e81d"}
.icon-quick:before{content:"\e81e"}
.icon-wechat:before{content:"\e64f"}
.icon-writing:before{content:"\e81f"}
.icon-loading:before{content:"\e627"}
.icon-docjpge-fill:before{content:"\e820"}
.icon-alipay:before{content:"\e67b"}
.icon-Hometextile:before{content:"\e821"}
.icon-wechat1:before{content:"\e619"}
.icon-home:before{content:"\e822"}
.icon-wechat2:before{content:"\e65c"}
.icon-sendinquiry-fill:before{content:"\e823"}
.icon-auto:before{content:"\e6eb"}
.icon-comments-fill:before{content:"\e824"}
.icon-all:before{content:"\e6ef"}
.icon-account-fill:before{content:"\e825"}
.icon-bussiness-man:before{content:"\e6f0"}
.icon-home-fill:before{content:"\e826"}
.icon-component:before{content:"\e6f2"}
.icon-add-select:before{content:"\e827"}
.icon-code:before{content:"\e6f3"}
.icon-sami-select:before{content:"\e828"}
.icon-copy:before{content:"\e6f4"}
.icon-camera:before{content:"\e829"}
.icon-dollar:before{content:"\e6f5"}
.icon-arrow-down:before{content:"\e82a"}
.icon-history:before{content:"\e6f8"}
.icon-account:before{content:"\e82b"}
.icon-editor:before{content:"\e6f6"}
.icon-comments:before{content:"\e82c"}
.icon-data:before{content:"\e6f9"}
.icon-favorites:before{content:"\e82d"}
.icon-gift:before{content:"\e6fa"}
.icon-search:before{content:"\e82e"}
.icon-integral:before{content:"\e6fb"}
.icon-tradingdata:before{content:"\e82f"}
.icon-nav-list:before{content:"\e6fd"}
.icon-microphone:before{content:"\e830"}
.icon-pic:before{content:"\e6ff"}
.icon-xlsx:before{content:"\e831"}
.icon-Notvisible:before{content:"\e6fe"}
.icon-cangku:before{content:"\e832"}
.icon-play:before{content:"\e701"}
.icon-jiaobiao:before{content:"\e833"}
.icon-rising:before{content:"\e703"}
.icon-dongtai:before{content:"\e834"}
.icon-QRcode:before{content:"\e704"}
.icon-daikuan:before{content:"\e835"}
.icon-rmb:before{content:"\e705"}
.icon-shengyijing:before{content:"\e836"}
.icon-similar-product:before{content:"\e707"}
.icon-fencengpeizhi:before{content:"\e837"}
.icon-Exportservices:before{content:"\e702"}
.icon-shenqingjilu:before{content:"\e838"}
.icon-sendinquiry:before{content:"\e70d"}
.icon-shangchuanbeiandanzheng:before{content:"\e839"}
.icon-all-fill:before{content:"\e718"}
.icon-tuishui:before{content:"\e83a"}
.icon-favorites-fill:before{content:"\e721"}
.icon-zijin:before{content:"\e83b"}
.icon-integral-fill:before{content:"\e726"}
.icon-eraser:before{content:"\e83c"}
.icon-namecard-fill:before{content:"\e72a"}
.icon-flag:before{content:"\e83d"}
.icon-pic-fill:before{content:"\e72e"}
.icon-falg-fill:before{content:"\e83e"}
.icon-play-fill:before{content:"\e72f"}
.icon-pcm:before{content:"\e83f"}
.icon-prompt-fill:before{content:"\e730"}
.icon-pointerleft:before{content:"\e840"}
.icon-stop-fill:before{content:"\e738"}
.icon-tag-subscript:before{content:"\e841"}
.icon-column:before{content:"\e741"}
.icon-new:before{content:"\e842"}
.icon-add-account:before{content:"\e742"}
.icon-free:before{content:"\e843"}
.icon-column1:before{content:"\e743"}
.icon-robot:before{content:"\e844"}
.icon-add:before{content:"\e744"}
.icon-shouhuoicon:before{content:"\e845"}
.icon-agriculture:before{content:"\e745"}
.icon-add-cart:before{content:"\e746"}
.icon-arrow-right:before{content:"\e747"}
.icon-arrow-left:before{content:"\e748"}
.icon-arrow-up:before{content:"\e749"}
.icon-ascending:before{content:"\e74a"}
.icon-ashbin:before{content:"\e74b"}
.icon-bad:before{content:"\e74c"}
.icon-attachent:before{content:"\e74d"}
.icon-browse:before{content:"\e74e"}
.icon-beauty:before{content:"\e74f"}
.icon-assessed-badge:before{content:"\e750"}
.icon-bags:before{content:"\e751"}
.icon-calendar:before{content:"\e752"}
.icon-cart-full:before{content:"\e753"}
.icon-calculator:before{content:"\e754"}
.icon-cecurity-protection:before{content:"\e755"}
.icon-category:before{content:"\e756"}
.icon-close:before{content:"\e757"}
.icon-certified-supplier:before{content:"\e758"}
.icon-cart-Empty:before{content:"\e759"}
.icon-color:before{content:"\e75a"}
.icon-conditions:before{content:"\e75b"}
.icon-confirm:before{content:"\e75c"}
.icon-company:before{content:"\e75d"}
.icon-ali-clould:before{content:"\e75e"}
.icon-credit-level:before{content:"\e75f"}
.icon-coupons:before{content:"\e760"}
.icon-connections:before{content:"\e761"}
.icon-cry:before{content:"\e762"}
.icon-costoms-alearance:before{content:"\e763"}
.icon-clock:before{content:"\e764"}
.icon-CurrencyConverter:before{content:"\e765"}
.icon-cut:before{content:"\e766"}
.icon-Customermanagement:before{content:"\e767"}
.icon-descending:before{content:"\e768"}
.icon-double-arro-right:before{content:"\e769"}
.icon-customization:before{content:"\e76a"}
.icon-double-arrow-left:before{content:"\e76b"}
.icon-discount:before{content:"\e76c"}
.icon-download:before{content:"\e76d"}
.icon-default-template:before{content:"\e76e"}
.icon-ellipsis:before{content:"\e76f"}
.icon-email:before{content:"\e770"}
.icon-falling:before{content:"\e771"}
.icon-earth:before{content:"\e772"}
.icon-filter:before{content:"\e774"}
.icon-furniture:before{content:"\e775"}
.icon-folder:before{content:"\e776"}
.icon-feeds:before{content:"\e777"}
.icon-history1:before{content:"\e778"}
.icon-help:before{content:"\e779"}
.icon-good:before{content:"\e77a"}
.icon-form:before{content:"\e77b"}
.icon-image-text:before{content:"\e77c"}
.icon-hot:before{content:"\e77d"}
.icon-jewelry:before{content:"\e77e"}
.icon-ipad:before{content:"\e77f"}
.icon-leftarrow:before{content:"\e780"}
.icon-inquiry-template:before{content:"\e781"}
.icon-link:before{content:"\e782"}
.icon-libra:before{content:"\e783"}
.icon-loading1:before{content:"\e784"}
.icon-listing-content:before{content:"\e785"}
.icon-lights:before{content:"\e786"}
.icon-logistics-icon:before{content:"\e787"}
.icon-messagecenter:before{content:"\e788"}
.icon-mobile-phone:before{content:"\e789"}
.icon-manage-order:before{content:"\e78a"}
.icon-Moneymanagement:before{content:"\e78b"}
.icon-namecard:before{content:"\e78c"}
.icon-map:before{content:"\e78d"}
.icon-Newuserzone:before{content:"\e78e"}
.icon-multi-language:before{content:"\e78f"}
.icon-office:before{content:"\e790"}
.icon-notice:before{content:"\e791"}
.icon-ontimeshipment:before{content:"\e792"}
.icon-office-supplies:before{content:"\e793"}
.icon-password:before{content:"\e794"}
.icon-operation:before{content:"\e795"}
.icon-packaging:before{content:"\e796"}
.icon-online-tracking:before{content:"\e797"}
.icon-phone:before{content:"\e798"}
.icon-pin:before{content:"\e799"}
.icon-logistic-logo:before{content:"\e79a"}
.icon-print:before{content:"\e79b"}
.icon-product:before{content:"\e79c"}
.icon-process:before{content:"\e79d"}
.icon-resonserate:before{content:"\e79e"}
.icon-remind:before{content:"\e79f"}
.icon-responsetime:before{content:"\e7a0"}
.icon-return:before{content:"\e7a1"}
.icon-paylater:before{content:"\e7a2"}
.icon-Rightarrow:before{content:"\e7a3"}
.icon-RFQ-logo:before{content:"\e7a4"}
.icon-save:before{content:"\e7a5"}
.icon-scanning:before{content:"\e7a6"}
.icon-security:before{content:"\e7a7"}
.icon-salescenter:before{content:"\e7a8"}
.icon-seleted:before{content:"\e7a9"}
.icon-raw:before{content:"\e7aa"}
.icon-service:before{content:"\e7ab"}
.icon-share:before{content:"\e7ac"}
.icon-signboard:before{content:"\e7ad"}
.icon-shuffling-banner:before{content:"\e7ae"}
.icon-sound-Mute:before{content:"\e7af"}
.icon-Similarproducts:before{content:"\e7b0"}
.icon-sound-filling:before{content:"\e7b1"}
.icon-suggest:before{content:"\e7b2"}
.icon-switch:before{content:"\e7b3"}
.icon-survey:before{content:"\e7b4"}
.icon-template:before{content:"\e7b5"}
.icon-text:before{content:"\e7b6"}
.icon-tool:before{content:"\e7b7"}
.icon-smile:before{content:"\e7b8"}
.icon-textile-products:before{content:"\e7b9"}
.icon-topsales:before{content:"\e7ba"}
.icon-tradingvolume:before{content:"\e7bb"}
.icon-training:before{content:"\e7bc"}
.icon-upload:before{content:"\e7bd"}
.icon-viewlarger:before{content:"\e7be"}
.icon-viewgallery:before{content:"\e7bf"}
.icon-trust:before{content:"\e7c0"}
.icon-warning:before{content:"\e7c1"}
.icon-warehouse:before{content:"\e7c2"}
.icon-video:before{content:"\e7c3"}
.icon-viewlist:before{content:"\e7c4"}
.icon-set:before{content:"\e7c5"}
.icon-store:before{content:"\e7c6"}
.icon-tool-hardware:before{content:"\e7c7"}
.icon-toy:before{content:"\e7c8"}
.icon-sport:before{content:"\e7c9"}
.icon-creditcard:before{content:"\e7ca"}
.icon-contacts:before{content:"\e7cb"}
.icon-checkstand:before{content:"\e7cc"}
.icon-aviation:before{content:"\e7cd"}
.icon-Daytimemode:before{content:"\e7ce"}
.icon-infantmom:before{content:"\e7cf"}
.icon-discounts:before{content:"\e7d0"}
.icon-invoice:before{content:"\e7d1"}
.icon-insurance:before{content:"\e7d2"}
.icon-nightmode:before{content:"\e7d3"}
.icon-unlock:before{content:"\e7d4"}
.icon-vip:before{content:"\e7d5"}
.icon-wallet:before{content:"\e7d6"}
.icon-landtransportation:before{content:"\e7d7"}
.icon-exchangerate:before{content:"\e7d8"}
.icon-contacts-fill:before{content:"\e7d9"}
.icon-add-account1:before{content:"\e7da"}
.icon-ashbin-fill:before{content:"\e7db"}
.icon-calendar-fill:before{content:"\e7dc"}
.icon-bad-fill:before{content:"\e7dd"}
.icon-bussiness-man-fill:before{content:"\e7de"}
.icon-calculator-fill:before{content:"\e7df"}
.icon-clock-fill:before{content:"\e7e0"}
.icon-coupons-fill:before{content:"\e7e1"}
.icon-cecurity-protection-fill:before{content:"\e7e2"}
.icon-credit-level-fill:before{content:"\e7e3"}
.icon-default-template-fill:before{content:"\e7e4"}
.icon-Customermanagement-fill:before{content:"\e7e5"}
.icon-discounts-fill:before{content:"\e7e6"}
.icon-Daytimemode-fill:before{content:"\e7e7"}
.icon-email-fill:before{content:"\e7e8"}
.icon-message:before{content:"\e865"}
.icon-message1:before{content:"\e773"}
.icon-xiaochengxu:before{content:"\e63c"}
.icon-xiaochengxu1:before{content:"\e63e"}
.icon-Clouduploadoutlinedicon:before{content:"\e661"}
.icon-Clouddownloadoutlinedicon:before{content:"\e660"}