:root {


  /* ------------------------ popup ------------------------ */



  --popup-local-shadow: var(--shadow-1-down, 0px 2px 5px 0px rgba(153, 153, 153, 0.1));



  --popup-global-corner: var(--corner-1, 2px);



  --popup-global-border-color: var(--color-border-light, #eeeeee);



  --popup-global-border-style: var(--line-solid, solid);



  --popup-global-border-width: var(--line-zero, 0px);



  --popup-local-border-style: var(--line-solid, solid);



  --popup-local-border-width: var(--line-1, 1px);



  --popup-spacing-tb: var(--s-zero, 0px);



  --popup-spacing-lr: var(--s-zero, 0px);



  --popup-global-shadow: var(--shadow-3-down, 0px 8px 20px 0px rgba(153, 153, 153, 0.1));



  --popup-local-corner: var(--corner-2, 4px);



  --popup-local-border-color: var(--color-border, #e8e8e8);


  /* ------------------------ icon ------------------------ */



  --icon-xxxl: var(--s-12, 48px);



  --icon-xxl: var(--s-9, 36px);



  --icon-xl: var(--s-6, 24px);



  --icon-l: var(--s-5, 20px);



  --icon-m: var(--s-4, 16px);



  --icon-s: var(--s-3, 12px);



  --icon-xs: var(--s-2, 8px);



  --icon-content-shentongwangdian: "\e6d2";



  --icon-content-shentongwuxian: "\e6d1";



  --icon-content-shentongshuju: "\e6d0";



  --icon-content-shentongyunying: "\e6cf";



  --icon-content-shentongkuaidi: "\e6ce";



  --icon-content-shentongkefu: "\e6cd";



  --icon-content-shentongcaiwu: "\e68f";



  --icon-font-path: "//at.alicdn.com/t/c/font_3441949_f7dbpf8axod";



  --icon-reset: "";



  --icon-xxs: var(--s-2, 8px);



  --icon-font-name: "icon";



  --icon-content-a-customerservice-fill: "\e686";



  --icon-content-page-down: "\ec24";



  --icon-content-stop: "\e9fd";



  --icon-content-a-customerservice: "\e681";



  --icon-content-page-up: "\ec23";



  --icon-content-sort: "\e9fc";



  --icon-content-customs_center-fill: "\e680";



  --icon-content-frame-selection-o: "\ebe1";



  --icon-content-slide: "\e9fb";



  --icon-content-check: "\e67d";



  --icon-content-frame-unselection-o: "\ebe0";



  --icon-content-similar-product: "\e9fa";



  --icon-content-check-fill: "\e67c";



  --icon-content-volume-o1: "\ebdf";



  --icon-content-shrink-r: "\e9f8";



  --icon-content-a-commoditymanagement: "\e678";



  --icon-content-palette-o: "\eb51";



  --icon-content-shrink: "\e9f7";



  --icon-content-a-commoditymanagement-fill: "\e676";



  --icon-content-message-pickup-o: "\eb50";



  --icon-content-shield: "\e9f4";



  --icon-content-copy-fill: "\e675";



  --icon-content-to-station-o: "\eb4f";



  --icon-content-setup: "\e9f1";



  --icon-content-channel: "\e672";



  --icon-content-truck-gps-o: "\eb4e";



  --icon-content-settlement: "\e9f0";



  --icon-content-channel-fill: "\e671";



  --icon-content-unusual-upload-o: "\eb4d";



  --icon-content-security: "\e9ef";



  --icon-content-a-castscreen_fill: "\e670";



  --icon-content-shock-o: "\eb4c";



  --icon-content-screwdriver: "\e9ec";



  --icon-content-case: "\e66b";



  --icon-content-ship-o: "\eb4b";



  --icon-content-schedule: "\e9eb";



  --icon-content-a-castscreen: "\e66a";



  --icon-content-send-package-o: "\eb4a";



  --icon-content-save: "\e9e9";



  --icon-content-cargo_management: "\e669";



  --icon-content-ship-cancel-o: "\eb49";



  --icon-content-rule: "\e9e8";



  --icon-content-cargo_management-fill: "\e668";



  --icon-content-shelf-o: "\eb48";



  --icon-content-safe: "\e9e7";



  --icon-content-case-fill: "\e667";



  --icon-content-scan-giving-o: "\eb47";



  --icon-content-satisfy: "\e9e6";



  --icon-content-basic_Information: "\e666";



  --icon-content-scan-enter-o: "\eb46";



  --icon-content-RMB: "\e9e5";



  --icon-content-a-billingmanagement: "\e664";



  --icon-content-receive-package-o: "\eb45";



  --icon-content-right-sorting: "\e9e4";



  --icon-content-billing_management-fill: "\e663";



  --icon-content-people-complement-o: "\eb44";



  --icon-content-right: "\e9e3";



  --icon-content-book-fill: "\e662";



  --icon-content-people-change-cp-o: "\eb42";



  --icon-content-rise: "\e9e2";



  --icon-content-basic_Information-fill: "\e661";



  --icon-content-people-change-o: "\eb41";



  --icon-content-right-exchange: "\e9e1";



  --icon-content-assure-fill: "\e660";



  --icon-content-out-station-return-o: "\eb40";



  --icon-content-relationship: "\e9e0";



  --icon-content-ans_manage: "\e65c";



  --icon-content-out-station-transfer: "\eb3f";



  --icon-content-reverse-sorting: "\e9df";



  --icon-content-ans_manage-fill: "\e65b";



  --icon-content-message-group-o: "\eb3d";



  --icon-content-Raidobox: "\e9dc";



  --icon-content-assure: "\e65a";



  --icon-content-intercept-registrati: "\eb3c";



  --icon-content-refund: "\e9da";



  --icon-content-acount_permissions: "\e658";



  --icon-content-loading-truck-o: "\eb3a";



  --icon-content-radar: "\e9d9";



  --icon-content-account_permissions-fill: "\e657";



  --icon-content-loading-truck-cancel: "\eb39";



  --icon-content-red-packet: "\e9d8";



  --icon-content-user-add-fill: "\e653";



  --icon-content-finishing-goods-o: "\eb38";



  --icon-content-Raidobox-selectedRai: "\e9d7";



  --icon-content-user-list: "\e652";



  --icon-content-goods-receipt-o: "\eb37";



  --icon-content-question-mark: "\e9d6";



  --icon-content-bill-send-fill: "\e651";



  --icon-content-company-account-o: "\eb36";



  --icon-content-ppt: "\e9d5";



  --icon-content-user-add: "\e650";



  --icon-content-lighting-o: "\eb35";



  --icon-content-question-mark-r: "\e9d3";



  --icon-content-bill-send: "\e64f";



  --icon-content-bluetooth-o: "\eb34";



  --icon-content-quality: "\e9d2";



  --icon-content-Statement1-fill: "\e64e";



  --icon-content-advanced-collection-: "\eb33";



  --icon-content-power: "\e9d0";



  --icon-content-user-list-fill: "\e64d";



  --icon-content-collection-cancel-o: "\eb32";



  --icon-content-PDA: "\e9cd";



  --icon-content-text-money-fill: "\e64c";



  --icon-content-collection-manage-o: "\eb31";



  --icon-content-phone-r: "\e9cc";



  --icon-content-Statement1: "\e64b";



  --icon-content-collection-package-o: "\eb30";



  --icon-content-pause: "\e9cb";



  --icon-content-Statement: "\e64a";



  --icon-content-collect-o: "\eb2f";



  --icon-content-paly: "\e9ca";



  --icon-content-Statement-fill: "\e649";



  --icon-content-nav-left-o: "\eb2e";



  --icon-content-paste: "\e9c9";



  --icon-content-bill: "\e648";



  --icon-content-nav-up-o: "\eb2d";



  --icon-content-open-package: "\e9c8";



  --icon-content-bill-check-fill: "\e647";



  --icon-content-search-equipment-o: "\eb2c";



  --icon-content-package: "\e9c6";



  --icon-content-bill-more-fill: "\e645";



  --icon-content-search-person-o: "\eb2b";



  --icon-content-operation: "\e9c5";



  --icon-content-bill-more: "\e644";



  --icon-content-check-setting-o: "\eb2a";



  --icon-content-office: "\e9c4";



  --icon-content-bill-fill: "\e643";



  --icon-content-service-setting-o: "\eb29";



  --icon-content-network: "\e9c2";



  --icon-content-group-fill: "\e642";



  --icon-content-all-setting-o: "\eb28";



  --icon-content-navigation: "\e9c1";



  --icon-content-share: "\e641";



  --icon-content-equipment-point-o: "\eb27";



  --icon-content-not-sign: "\e9c0";



  --icon-content-finance-fill: "\e640";



  --icon-content-brain-control-o: "\eb26";



  --icon-content-no-attendance: "\e9bf";



  --icon-content-finance: "\e63f";



  --icon-content-control-setting-o: "\eb25";



  --icon-content-nav-list: "\e9bd";



  --icon-content-share-fill: "\e63e";



  --icon-content-warehouse-setting-o: "\eb24";



  --icon-content-more-vertical: "\e9bc";



  --icon-content-printer: "\e774";



  --icon-content-norde-setting-o: "\eb23";



  --icon-content-locker: "\e9bb";



  --icon-content-invoice: "\e773";



  --icon-content-node-fast-work-o: "\eb22";



  --icon-content-more-transverse: "\e9ba";



  --icon-content-manual-fill: "\e804";



  --icon-content-node-work-o: "\eb21";



  --icon-content-moneys: "\e9b9";



  --icon-content-invoice-fill: "\e803";



  --icon-content-node-page-o: "\eb20";



  --icon-content-money-bill: "\e9b8";



  --icon-content-printer-fill: "\e802";



  --icon-content-difference-check-o: "\eb1f";



  --icon-content-monitor: "\e9b7";



  --icon-content-trailer: "\e801";



  --icon-content-comparison-o: "\eb1e";



  --icon-content-money: "\e9b6";



  --icon-content-text-warning-fill: "\e800";



  --icon-content-equipment-o: "\eb1d";



  --icon-content-minus-s: "\e9b5";



  --icon-content-trailer-fill: "\e7ff";



  --icon-content-water-level-o: "\eb1c";



  --icon-content-mobile-Phone: "\e9b4";



  --icon-content-top: "\e7fe";



  --icon-content-water-meter-o: "\eb1b";



  --icon-content-mic: "\e9b2";



  --icon-content-user: "\e7fd";



  --icon-content-temperature-humidity: "\eb1a";



  --icon-content-map-: "\e9b0";



  --icon-content-user1-fill: "\e7fc";



  --icon-content-ammeter-o: "\eb19";



  --icon-content-logout: "\e9ae";



  --icon-content-English-fill: "\e7fa";



  --icon-content-word-o: "\eb14";



  --icon-content-macbook: "\e9ad";



  --icon-content-user1: "\e7f7";



  --icon-content-wave-o: "\eb13";



  --icon-content-location: "\e9ab";



  --icon-content-ocean-shipping1: "\e7f6";



  --icon-content-warehouse-o: "\eb12";



  --icon-content-loan: "\e9aa";



  --icon-content-upload1: "\e7f5";



  --icon-content-volumeopen-o: "\eb11";



  --icon-content-user-fill: "\e7f4";



  --icon-content-wallet-o: "\eb10";



  --icon-content-loading-1: "\e9a8";



  --icon-content-upload1-fill: "\e7f3";



  --icon-content-view-matrix-o: "\eb0e";



  --icon-content-loading-: "\e9a7";



  --icon-content-ocean-shipping-fill: "\e7f0";



  --icon-content-volume-o: "\eb0d";



  --icon-content-load: "\e9a6";



  --icon-content-tray-fill: "\e7ed";



  --icon-content-vertical-retraction-: "\eb0c";



  --icon-content-line: "\e9a5";



  --icon-content-tray: "\e7ec";



  --icon-content-vertical-expansion-o: "\eb0b";



  --icon-content-light: "\e9a2";



  --icon-content-text: "\e7eb";



  --icon-content-view-list-o: "\eb0a";



  --icon-content-left-sorting: "\e9a1";



  --icon-content-time: "\e7ea";



  --icon-content-vedio-o: "\eb08";



  --icon-content-lefy-exchange: "\e9a0";



  --icon-content-timeline: "\e7e9";



  --icon-content-usually-o: "\eb07";



  --icon-content-letter: "\e99f";



  --icon-content-text-warning: "\e7e8";



  --icon-content-upload-o: "\eb06";



  --icon-content-left: "\e99e";



  --icon-content-time-fill: "\e7e7";



  --icon-content-unsatisfy-o: "\eb03";



  --icon-content-increase: "\e99d";



  --icon-content-timeline-fill: "\e7e6";



  --icon-content-trend-chart-o: "\eb01";



  --icon-content-last-page: "\e99c";



  --icon-content-message_set: "\e7e5";



  --icon-content-transfer-station-o: "\eb00";



  --icon-content-keyboard: "\e99b";



  --icon-content-text-edit: "\e7e4";



  --icon-content-template-o: "\eafc";



  --icon-content-international: "\e99a";



  --icon-content-text-search: "\e7e3";



  --icon-content-tag-subscript-o: "\eafb";



  --icon-content-key: "\e999";



  --icon-content-text-fill: "\e7e2";



  --icon-content-task-o: "\eafa";



  --icon-content-info: "\e997";



  --icon-content-text-search-fill: "\e7e1";



  --icon-content-sync-o: "\eaf9";



  --icon-content-import: "\e994";



  --icon-content-text-edit-fill: "\e7df";



  --icon-content-tag-selected-o: "\eaf8";



  --icon-content-horizontal-expansion: "\e992";



  --icon-content-setting: "\e7dd";



  --icon-content-table-o: "\eaf6";



  --icon-content-horizontal-retractio: "\e991";



  --icon-content-setting-fill: "\e7db";



  --icon-content-store-o: "\eaf5";



  --icon-content-image-text: "\e990";



  --icon-content-service: "\e7da";



  --icon-content-storage-o: "\eaf3";



  --icon-content-history: "\e98f";



  --icon-content-seal: "\e7d8";



  --icon-content-standard-o: "\eaf2";



  --icon-content-folder: "\e98a";



  --icon-content-refuse: "\e7d7";



  --icon-content-stop-o: "\eaf1";



  --icon-content-free: "\e989";



  --icon-content-service-fill: "\e7d6";



  --icon-content-stock-o: "\eaf0";



  --icon-content-forward: "\e987";



  --icon-content-seal-fill: "\e7d5";



  --icon-content-sorting-o: "\eaef";



  --icon-content-forward-sorting: "\e985";



  --icon-content-refuse-fill: "\e7d4";



  --icon-content-slide-o: "\eaee";



  --icon-content-forbidden: "\e984";



  --icon-content-ocean-shipping: "\e7d3";



  --icon-content-sort-o: "\eaed";



  --icon-content-forward-r: "\e983";



  --icon-content-position: "\e7d2";



  --icon-content-similar-product-o: "\eaec";



  --icon-content-flash-lamp: "\e982";



  --icon-content-ocean-shipping1-fill: "\e7d1";



  --icon-content-shrink-o: "\eaea";



  --icon-content-flash-lamp-off: "\e981";



  --icon-content-position-fill: "\e7d0";



  --icon-content-shrink-r-o: "\eae9";



  --icon-content-flash-lamp-auto: "\e980";



  --icon-content-minus-r: "\e7cf";



  --icon-content-shield-o: "\eae8";



  --icon-content-first-page: "\e97f";



  --icon-content-message_set-fill: "\e7ce";



  --icon-content-setup-o: "\eae4";



  --icon-content-extend: "\e97a";



  --icon-content-message: "\e7cc";



  --icon-content-settlement-o: "\eae1";



  --icon-content-extend-r: "\e979";



  --icon-content-info-r-fill: "\e7cb";



  --icon-content-security-o: "\eae0";



  --icon-content-exclamatory-mark: "\e978";



  --icon-content-minus-r-fill: "\e7ca";



  --icon-content-search-o: "\eadf";



  --icon-content-exclamatory-mark-r: "\e975";



  --icon-content-message-fill: "\e7c9";



  --icon-content-schedule-o: "\eade";



  --icon-content-enclosure: "\e973";



  --icon-content-info-r: "\e7c8";



  --icon-content-screwdriver-o: "\eadd";



  --icon-content-error-s: "\e972";



  --icon-content-image: "\e7c7";



  --icon-content-save-o: "\eadc";



  --icon-content-electronics: "\e970";



  --icon-content-maximize: "\e7c5";



  --icon-content-satisfy-o: "\eadb";



  --icon-content-dollar: "\e96d";



  --icon-content-image-fill: "\e7c4";



  --icon-content-safe-o: "\ead9";



  --icon-content-drop: "\e96c";



  --icon-content-home: "\e7c3";



  --icon-content-RMB-o: "\ead8";



  --icon-content-ding: "\e96b";



  --icon-content-exclamation-t-fill: "\e7c1";



  --icon-content-right-sorting-o: "\ead7";



  --icon-content-diamond: "\e969";



  --icon-content-exclamation-t: "\e7bf";



  --icon-content-right-o: "\ead6";



  --icon-content-dialog: "\e968";



  --icon-content-English: "\e7be";



  --icon-content-rule-o: "\ead5";



  --icon-content-delivery: "\e965";



  --icon-content-error-r: "\e7bc";



  --icon-content-rise-o: "\ead4";



  --icon-content-home-fill: "\e7bb";



  --icon-content-right-exchange-o: "\ead3";



  --icon-content-cut: "\e962";



  --icon-content-exchange: "\e7ba";



  --icon-content-reverse-sorting-o: "\ead2";



  --icon-content-create-bill: "\e961";



  --icon-content-error-r-fill: "\e7b9";



  --icon-content-relationship-o: "\ead1";



  --icon-content-download1-fill: "\e7b8";



  --icon-content-refund-o: "\eacf";



  --icon-content-complain: "\e95b";



  --icon-content-customs: "\e7b7";



  --icon-content-refresh-o: "\eacd";



  --icon-content-compare: "\e959";



  --icon-content-customs-fill: "\e7b6";



  --icon-content-red-packet-o: "\eacc";



  --icon-content-colthes: "\e958";



  --icon-content-edit-fill: "\e7b5";



  --icon-content-Raidobox-selectedRai1: "\eacb";



  --icon-content-checkbox: "\e954";



  --icon-content-delete-fill: "\e7b4";



  --icon-content-Raidobox-o: "\eaca";



  --icon-content-checkbox-selected: "\e952";



  --icon-content-delete: "\e7b2";



  --icon-content-radar-o: "\eac9";



  --icon-content-cangneishicao: "\e950";



  --icon-content-download1: "\e7b1";



  --icon-content-question-mark-r-o: "\eac8";



  --icon-content-car: "\e94e";



  --icon-content-container: "\e7b0";



  --icon-content-question-mark-o: "\eac7";



  --icon-content-calculator: "\e94a";



  --icon-content-conpon-fill: "\e7af";



  --icon-content-quality-o: "\eac5";



  --icon-content-business: "\e948";



  --icon-content-container-fill: "\e7ae";



  --icon-content-power-o: "\eac2";



  --icon-content-building: "\e947";



  --icon-content-conpon: "\e7ad";



  --icon-content-ppt-o: "\eac1";



  --icon-content-bank-card: "\e944";



  --icon-content-consult-fill: "\e7ac";



  --icon-content-phone-r-o: "\eac0";



  --icon-content-back-r: "\e942";



  --icon-content-complete: "\e7ab";



  --icon-content-PDA-o: "\eabf";



  --icon-content-bad: "\e941";



  --icon-content-consult: "\e7aa";



  --icon-content-paste-o: "\eabd";



  --icon-content-bad-r: "\e93f";



  --icon-content-Chinese-fill: "\e7a9";



  --icon-content-pause-o: "\eabc";



  --icon-content-atm-away: "\e93e";



  --icon-content-complete-r: "\e7a8";



  --icon-content-paly-o: "\eabb";



  --icon-content-air: "\e93b";



  --icon-content-collapse_right: "\e7a7";



  --icon-content-package-o: "\eaba";



  --icon-content-also-loan: "\e939";



  --icon-content-collapse_left: "\e7a6";



  --icon-content-operation-o: "\eab8";



  --icon-content-add-s: "\e936";



  --icon-content-complete-r-fill: "\e7a5";



  --icon-content-office-o: "\eab7";



  --icon-content-air-drop: "\e934";



  --icon-content-chat_set: "\e7a4";



  --icon-content-open-package-o: "\eab6";



  --icon-content-column1: "\e933";



  --icon-content-Chinese: "\e7a3";



  --icon-content-not-sign-o: "\eab5";



  --icon-content-column: "\e932";



  --icon-content-chat_set-fill: "\e7a2";



  --icon-content-no-attendance-o: "\eab3";



  --icon-content-number_9: "\e78f";



  --icon-content-chat: "\e7a1";



  --icon-content-more-transverse-o: "\eab1";



  --icon-content-number_8: "\e78e";



  --icon-content-chat-fill: "\e7a0";



  --icon-content-network-o: "\eab0";



  --icon-content-number_punctuation: "\e783";



  --icon-content-camera-fill: "\e79f";



  --icon-content-navigation-o: "\eaaf";



  --icon-content-number_7: "\e782";



  --icon-content-camera: "\e79e";



  --icon-content-nav-list-o: "\eaae";



  --icon-content-number_6: "\e781";



  --icon-content-box-time-fill: "\e79d";



  --icon-content-more-vertical-o: "\eaad";



  --icon-content-number_5: "\e780";



  --icon-content-box-time: "\e79c";



  --icon-content-monitor-o: "\eaac";



  --icon-content-number_4: "\e77f";



  --icon-content-box: "\e79b";



  --icon-content-moneys-o: "\eaab";



  --icon-content-number_3: "\e77e";



  --icon-content-box-ship: "\e79a";



  --icon-content-money-o: "\eaaa";



  --icon-content-number_2: "\e77d";



  --icon-content-box-ship-fill: "\e799";



  --icon-content-money-bill-o: "\eaa9";



  --icon-content-number_1: "\e77c";



  --icon-content-box-fill: "\e797";



  --icon-content-minus-s-o: "\eaa8";



  --icon-content-number_: "\e77b";



  --icon-content-bill-warning: "\e796";



  --icon-content-mobile-Phone-o: "\eaa6";



  --icon-content-bill-warning-fill: "\e794";



  --icon-content-mic-o: "\eaa5";



  --icon-content-add-r-fill: "\e793";



  --icon-content-logout-o: "\eaa2";



  --icon-content-back: "\e792";



  --icon-content-map--o: "\eaa1";



  --icon-content-add-r: "\e791";



  --icon-content-macbook-o: "\eaa0";



  --icon-content-app: "\e790";



  --icon-content-locker-o: "\ea9d";



  --icon-content-app-fill: "\e78d";



  --icon-content-location-o: "\ea9c";



  --icon-content-unlock-fill: "\e78c";



  --icon-content-loan-o: "\ea9b";



  --icon-content-trophy: "\e78b";



  --icon-content-loading--o1: "\ea9a";



  --icon-content-trophy-fill: "\e78a";



  --icon-content-loading--o: "\ea99";



  --icon-content-telephone: "\e789";



  --icon-content-load-o: "\ea98";



  --icon-content-telephone-fill: "\e788";



  --icon-content-line-o: "\ea96";



  --icon-content-tag-fill: "\e787";



  --icon-content-light-o: "\ea94";



  --icon-content-smile-fill: "\e786";



  --icon-content-letter-o: "\ea93";



  --icon-content-tag: "\e785";



  --icon-content-left-sorting-o: "\ea92";



  --icon-content-success-fill: "\e784";



  --icon-content-lefy-exchange-o: "\ea91";



  --icon-content-shop: "\e77a";



  --icon-content-left-o: "\ea90";



  --icon-content-shoppingbag: "\e779";



  --icon-content-last-page-o: "\ea8f";



  --icon-content-shoppingbag-fill: "\e778";



  --icon-content-international-o: "\ea8e";



  --icon-content-shop-fill: "\e777";



  --icon-content-keyboard-o: "\ea8d";



  --icon-content-scan: "\e776";



  --icon-content-key-o: "\ea8c";



  --icon-content-a-QRcode: "\e775";



  --icon-content-information-o: "\ea8b";



  --icon-content-a-QRcode-fill: "\e772";



  --icon-content-import-o: "\ea8a";



  --icon-content-Revoke: "\e771";



  --icon-content-increase-o: "\ea88";



  --icon-content-a-piechart-fill: "\e770";



  --icon-content-info-o: "\ea87";



  --icon-content-a-piechart: "\e76f";



  --icon-content-image-text-o: "\ea85";



  --icon-content-a-phonebook: "\e76e";



  --icon-content-horizontal-expansion1: "\ea83";



  --icon-content-a-phonebook-fill: "\e76d";



  --icon-content-horizontal-retractio1: "\ea82";



  --icon-content-medal: "\e76c";



  --icon-content-history-o: "\ea81";



  --icon-content-mark: "\e76a";



  --icon-content-forward-sorting-o: "\ea7c";



  --icon-content-medal-fill: "\e769";



  --icon-content-fullscreen-o: "\ea7b";



  --icon-content-link: "\e768";



  --icon-content-free-o: "\ea79";



  --icon-content-mark-fill: "\e767";



  --icon-content-forward-r-o: "\ea78";



  --icon-content-horn: "\e766";



  --icon-content-forbidden-o: "\ea77";



  --icon-content-like: "\e764";



  --icon-content-forward-o: "\ea76";



  --icon-content-lock-fill: "\e763";



  --icon-content-flash-lamp-off-o: "\ea75";



  --icon-content-group: "\e761";



  --icon-content-folder-o: "\ea74";



  --icon-content-horn-fill: "\e760";



  --icon-content-flash-lamp-o: "\ea73";



  --icon-content-horn-close: "\e75f";



  --icon-content-extend-r-o: "\ea70";



  --icon-content-like-fill: "\e75e";



  --icon-content-flash-lamp-auto-o: "\ea6f";



  --icon-content-gifts: "\e75d";



  --icon-content-first-page-o: "\ea6e";



  --icon-content-help-fill: "\e75c";



  --icon-content-filter-o: "\ea6d";



  --icon-content-horn-close-fill: "\e75b";



  --icon-content-exit-fullscreen-o: "\ea6c";



  --icon-content-favorites-fill: "\e758";



  --icon-content-extend-o: "\ea6b";



  --icon-content-forward-fill: "\e757";



  --icon-content-exclamatory-mark-o: "\ea6a";



  --icon-content-good: "\e756";



  --icon-content-exclamatory-mark-r-o: "\ea69";



  --icon-content-monitor-fill: "\e6cc";



  --icon-content-good-fill: "\e755";



  --icon-content-error-s-o: "\ea66";



  --icon-content-brain-fill: "\e6cb";



  --icon-content-gifts-fill: "\e754";



  --icon-content-drop-o: "\ea65";



  --icon-content-permissions: "\e6ca";



  --icon-content-flag: "\e753";



  --icon-content-enclosure-o: "\ea63";



  --icon-content-claim-fill: "\e6c9";



  --icon-content-eye-close-fill: "\e751";



  --icon-content-electronics-o: "\ea62";



  --icon-content-risk-fill: "\e6c8";



  --icon-content-favorites: "\e750";



  --icon-content-download-o: "\ea5e";



  --icon-content-fullscreen: "\e7c0";



  --icon-content-flag-fill: "\e74f";



  --icon-content-ding-o: "\ea5d";



  --icon-content-exit-fullscreen: "\e7bd";



  --icon-content-eye-fill: "\e74c";



  --icon-content-dollar-o: "\ea5c";



  --icon-content-sorting-up: "\e7b3";



  --icon-content-courier: "\e74b";



  --icon-content-diamond-o: "\ea5b";



  --icon-content-launchpad-fill: "\e798";



  --icon-content-dialogue: "\e74a";



  --icon-content-dialog-o: "\ea59";



  --icon-content-calender-fill: "\e795";



  --icon-content-dialogue-fill: "\e749";



  --icon-content-delivery-o: "\ea58";



  --icon-content-train: "\e6c7";



  --icon-content-courier-fill: "\e748";



  --icon-content-descending-o: "\ea57";



  --icon-content-position1_fill: "\e6c6";



  --icon-content-connect-fill: "\e747";



  --icon-content-dashboard-o: "\ea56";



  --icon-content-position1: "\e6a9";



  --icon-content-compass: "\e746";



  --icon-content-cut-o: "\ea54";



  --icon-content-warehouse_management: "\e6c5";



  --icon-content-a-barchart-fill: "\e745";



  --icon-content-colthes-o: "\ea53";



  --icon-content-warehouse_management-fill: "\e6c4";



  --icon-content-connect: "\e743";



  --icon-content-create-bill-o: "\ea52";



  --icon-content-a-warehouse_inout-fill: "\e6c3";



  --icon-content-arrow-left-fill: "\e742";



  --icon-content-compare-o: "\ea4b";



  --icon-content-a-warehouse_inout: "\e6c2";



  --icon-content-a-barchart: "\e741";



  --icon-content-complain-o: "\ea4a";



  --icon-content-like1: "\e6c1";



  --icon-content-compass-fill: "\e73f";



  --icon-content-close-o: "\ea48";



  --icon-content-supply_chain-fill: "\e6c0";



  --icon-content-arrow-up-fill: "\e73e";



  --icon-content-clock-o: "\ea45";



  --icon-content-shopping_cart: "\e6bf";



  --icon-content-a-addressbook: "\e73d";



  --icon-content-checkbox-o: "\ea44";



  --icon-content-sales_Order: "\e6be";



  --icon-content-attendance-fill: "\e73c";



  --icon-content-checkbox-selected-o: "\ea43";



  --icon-content-sign_in-fill: "\e6bd";



  --icon-content-a-addressbook-fill: "\e73a";



  --icon-content-calendar-o: "\ea41";



  --icon-content-server: "\e6bc";



  --icon-content-arrow-right-fill: "\e739";



  --icon-content-car-o: "\ea40";



  --icon-content-supply_chain: "\e6bb";



  --icon-content-attendance: "\e738";



  --icon-content-cangneishicao-o: "\ea3f";



  --icon-content-supplier: "\e6ba";



  --icon-content-arrow-down-fill: "\e735";



  --icon-content-calculator-o: "\ea3d";



  --icon-content-sign_in: "\e6b9";



  --icon-content-inventory_manage-fill: "\e682";



  --icon-content-building-o: "\ea3c";



  --icon-content-service_Center: "\e6b8";



  --icon-content-defense-fill: "\e6ae";



  --icon-content-bad-r-o: "\ea3a";



  --icon-content-supplier-fill: "\e6b7";



  --icon-content-a-2c_fulfillment_service: "\e6ab";



  --icon-content-business-o: "\ea39";



  --icon-content-service_Center-fill: "\e6b6";



  --icon-content-a-2c_fulfillment_service-fill: "\e6a7";



  --icon-content-bank-card-o: "\ea36";



  --icon-content-server_fill: "\e6b5";



  --icon-content-train_fill: "\e6a6";



  --icon-content-bad-o: "\ea34";



  --icon-content-shared: "\e6b4";



  --icon-content-shopping_cart-fill: "\e69e";



  --icon-content-back-r-o: "\ea33";



  --icon-content-sales_Order-fill: "\e6b2";



  --icon-content-feiyong: "\e685";



  --icon-content-atm-away-o: "\ea32";



  --icon-content-report-fill: "\e6b1";



  --icon-content-truck: "\e684";



  --icon-content-atm-o: "\ea2f";



  --icon-content-rule_management: "\e6b0";



  --icon-content-location1: "\e67f";



  --icon-content-ascending-o: "\ea2e";



  --icon-content-rule_management-fill: "\e6af";



  --icon-content-container-2: "\e67e";



  --icon-content-arrow-double-left-o: "\ea2d";



  --icon-content-report: "\e6ad";



  --icon-content-buliao: "\e67b";



  --icon-content-air-o: "\ea2c";



  --icon-content-personnel: "\e6ac";



  --icon-content-yewuguanli: "\e67a";



  --icon-content-also-loan-o: "\ea2b";



  --icon-content-plan_management: "\e6aa";



  --icon-content-dingdanyichang1: "\e679";



  --icon-content-arrow-double-right-o: "\ea2a";



  --icon-content-personal: "\e6a8";



  --icon-content-check-b: "\e674";



  --icon-content-air-drop-o: "\ea28";



  --icon-content-plan-fill: "\e6a5";



  --icon-content-arrow-u: "\e66f";



  --icon-content-add-s-o: "\ea26";



  --icon-content-plan: "\e6a4";



  --icon-content-arrow-d: "\e66e";



  --icon-content-column-o1: "\ea25";



  --icon-content-personnel-fill: "\e6a3";



  --icon-content-arrow-r: "\e66d";



  --icon-content-column-o: "\ea23";



  --icon-content-personal-fill: "\e6a2";



  --icon-content-arrow-l: "\e66c";



  --icon-content-word: "\ea22";



  --icon-content-plan_management-fill: "\e6a1";



  --icon-content-warehouse: "\ea21";



  --icon-content-notice: "\e6a0";



  --icon-content-wave: "\ea20";



  --icon-content-organization: "\e69f";



  --icon-content-wallet: "\ea1f";



  --icon-content-organization-fill: "\e69d";



  --icon-content-fenxiang_o: "\ecdf";



  --icon-content-volumeopen: "\ea1e";



  --icon-content-notice-fill: "\e69c";



  --icon-content-fenxiang: "\eba4";



  --icon-content-view-matrix: "\ea1d";



  --icon-content-material: "\e69b";



  --icon-content-Station-Management-: "\e622";



  --icon-content-volume: "\ea1c";



  --icon-content-material-fill: "\e69a";



  --icon-content-Last_Mile-: "\e620";



  --icon-content-view-list: "\ea1b";



  --icon-content-maintain-fill: "\e699";



  --icon-content-Sort: "\e61c";



  --icon-content-vertical-retraction: "\ea19";



  --icon-content-inventory_inquiry: "\e698";



  --icon-content-Failed_Delivery-: "\e61b";



  --icon-content-vertical-expansion: "\ea18";



  --icon-content-inventory_inquiry-fill: "\e697";



  --icon-content-First_Mile-: "\e618";



  --icon-content-vedio: "\ea17";



  --icon-content-exception_manage: "\e696";



  --icon-content-Fleet_Management-: "\e617";



  --icon-content-usually: "\ea16";



  --icon-content-forward1: "\e695";



  --icon-content-Exception_Handling-: "\e615";



  --icon-content-unsatisfy: "\ea12";



  --icon-content-coin: "\e694";



  --icon-content-Dashboard-: "\e614";



  --icon-content-exception_manage-fill: "\e693";



  --icon-content-Configuration-: "\e610";



  --icon-content-template: "\ea0f";



  --icon-content-coin-fill: "\e692";



  --icon-content-trend-chart: "\ea0e";



  --icon-content-forward-fill1: "\e691";



  --icon-content-transfer-station: "\ea0c";



  --icon-content-data_transmission: "\e690";



  --icon-content-task: "\ea09";



  --icon-content-door: "\e68e";



  --icon-content-sync: "\ea07";



  --icon-content-door-fill: "\e68d";



  --icon-content-table: "\ea05";



  --icon-content-data_transmission-fill: "\e68c";



  --icon-content-tag-selected: "\ea04";



  --icon-content-data_analysis: "\e68b";



  --icon-content-tag-subscript: "\ea03";



  --icon-content-drawer-fill: "\e68a";



  --icon-content-arrow-fold-down-o1: "\ec35";



  --icon-content-store: "\ea02";



  --icon-content-drawer: "\e689";



  --icon-content-arrow-fold-right-o1: "\ec34";



  --icon-content-storage: "\ea01";



  --icon-content-data_analysis-fill: "\e688";



  --icon-content-arrow-fold-up-o1: "\ec33";



  --icon-content-standard: "\e9ff";



  --icon-content-customs_center: "\e687";



  --icon-content-arrow-fold-left-o1: "\ec32";



  --icon-content-stock: "\e9fe";



  --icon-content-dashboard: "\e963";



  --icon-content-list: "\e7f9";



  --icon-content-detail: "\e7f8";



  --icon-content-form: "\e7fb";



  --icon-content-chart-pie: "\e613";



  --icon-content-chart-bar: "\e612";



  --icon-content-exit: "\e616";



  --icon-content-lock: "\e9a9";



  --icon-content-unlock: "\ea10";



  --icon-content-eye-close: "\e600";



  --icon-content-eye: "\e611";



  --icon-content-toggle-right: "\e603";



  --icon-content-toggle-left: "\e602";



  --icon-content-copy: "\e95f";



  --icon-content-atm: "\e606";



  --icon-content-email: "\e605";



  --icon-content-account: "\e608";



  --icon-content-attachment: "\e665";



  --icon-content-filter: "\e627";



  --icon-content-refresh: "\e677";



  --icon-content-edit: "\e63b";



  --icon-content-set: "\e683";



  --icon-content-download: "\e628";



  --icon-content-upload: "\e7ee";



  --icon-content-ashbin: "\e639";



  --icon-content-calendar: "\e607";



  --icon-content-picture: "\e631";



  --icon-content-ellipsis: "\e654";



  --icon-content-close: "\e626";



  --icon-content-search: "\e656";



  --icon-content-loading: "\e646";



  --icon-content-semi-select: "\e633";



  --icon-content-select: "\e632";



  --icon-content-ascending: "\e61e";



  --icon-content-descending: "\e61f";



  --icon-content-sorting: "\e634";



  --icon-content-switch: "\e6b3";



  --icon-content-arrow-double-right: "\e65e";



  --icon-content-arrow-double-left: "\e659";



  --icon-content-arrow-right: "\e619";



  --icon-content-arrow-left: "\e61d";



  --icon-content-arrow-down: "\e63d";



  --icon-content-arrow-up: "\e625";



  --icon-content-minus: "\e601";



  --icon-content-add: "\e655";



  --icon-content-favorites-filling: "\e60e";



  --icon-content-delete-filling: "\e623";



  --icon-content-success-filling: "\e63a";



  --icon-content-clock: "\e621";



  --icon-content-help: "\e673";



  --icon-content-error: "\e60d";



  --icon-content-prompt: "\e60c";



  --icon-content-warning: "\e60b";



  --icon-content-success: "\e60a";



  --icon-content-cry: "\e65d";



  --icon-content-smile: "\e65f";


  /* ------------------------ font ------------------------ */



  --font-size-title: 18px;



  --font-size-headline: 20px;



  --font-size-display-1: 24px;



  --font-size-display-2: 32px;



  --font-size-display-3: 48px;



  --font-weight-ultra-bold: 900;



  --font-weight-extra-bold: 800;



  --font-weight-3: bold;



  --font-weight-semi-bold: 600;



  --font-weight-medium: 500;



  --font-weight-2: normal;



  --font-weight-light: 300;



  --font-weight-thin: 200;



  --font-weight-1: lighter;



  --font-size-caption: 12px;



  --font-name-bold: roboto-bold;



  --font-name-medium: roboto-medium;



  --font-name-regular: roboto-regular;



  --font-name-thin: roboto-thin;



  --font-name-light: roboto-light;



  --font-custom-name: Roboto;



  --font-custom-path: "//i.alicdn.com/artascope-font/20160419204543/font/";



  --font-lineheight-3: 1.7;



  --font-lineheight-2: 1.5;



  --font-lineheight-1: 1;



  --font-family-base: Roboto, "PingFang SC", Helvetica, "Helvetica Neue", "Microsoft YaHei", Arial, Tahoma;



  --font-size-body-1: 12px;



  --font-size-body-2: 14px;



  --font-size-subhead: 16px;


  /* ------------------------ color ------------------------ */



  --color-bg-light: rgba(245, 245, 245, 1);



  --color-fill1-2: rgba(245, 245, 245, 1);



  --color-bg-lighter: rgba(250, 250, 250, 1);



  --color-fill1-1: rgba(250, 250, 250, 1);



  --color-link-hover: rgba(245, 90, 0, 1);



  --color-link-3: rgba(245, 90, 0, 1);



  --color-link-visited: rgba(131, 135, 146, 1);



  --color-link-2: rgba(131, 135, 146, 1);



  --color-link: rgba(255, 111, 0, 1);



  --color-link-1: rgba(255, 111, 0, 1);



  --color-help-heavy: rgba(13, 164, 139, 1);



  --color-help-4: rgba(13, 164, 139, 1);



  --color-help-dark: rgba(26, 180, 155, 1);



  --color-help-3: rgba(26, 180, 155, 1);



  --color-help: rgba(37, 209, 181, 1);



  --color-help-2: rgba(37, 209, 181, 1);



  --color-help-light: rgba(249, 255, 255, 1);



  --color-help-1: rgba(249, 255, 255, 1);



  --color-text-title1: rgba(26, 26, 26, 1);



  --color-text1-5: rgba(26, 26, 26, 1);



  --color-border-darker: rgba(204, 204, 204, 1);



  --color-line1-5: rgba(204, 204, 204, 1);



  --color-bg-darker: rgba(102, 102, 102, 1);



  --color-fill1-7: rgba(102, 102, 102, 1);



  --color-text: rgba(51, 51, 51, 1);



  --color-text1-4: rgba(51, 51, 51, 1);



  --color-text-title3: rgba(102, 102, 102, 1);



  --color-text1-3: rgba(102, 102, 102, 1);



  --color-text-tip: rgba(153, 153, 153, 1);



  --color-text1-2: rgba(153, 153, 153, 1);



  --color-text-disabled: rgba(191, 191, 191, 1);



  --color-text1-1: rgba(191, 191, 191, 1);



  --color-bg: rgba(232, 232, 232, 1);



  --color-fill1-3: rgba(232, 232, 232, 1);



  --color-border-button: rgba(216, 216, 216, 1);



  --color-line1-4: rgba(216, 216, 216, 1);



  --color-border: rgba(232, 232, 232, 1);



  --color-line1-3: rgba(232, 232, 232, 1);



  --color-border-light: rgba(238, 238, 238, 1);



  --color-line1-2: rgba(238, 238, 238, 1);



  --color-border-lighter: rgba(250, 250, 250, 1);



  --color-line1-1: rgba(250, 250, 250, 1);



  --color-error-heavy: rgba(140, 0, 0, 1);



  --color-error-4: rgba(140, 0, 0, 1);



  --color-error-dark: rgba(204, 0, 0, 1);



  --color-error-3: rgba(204, 0, 0, 1);



  --color-error: rgba(237, 0, 0, 1);



  --color-error-2: rgba(237, 0, 0, 1);



  --color-error-light: rgba(255, 242, 242, 1);



  --color-error-1: rgba(255, 242, 242, 1);



  --color-warning-heavy: rgba(128, 72, 0, 1);



  --color-warning-4: rgba(128, 72, 0, 1);



  --color-warning-dark: rgba(191, 115, 0, 1);



  --color-warning-3: rgba(191, 115, 0, 1);



  --color-warning: rgba(245, 155, 0, 1);



  --color-warning-2: rgba(245, 155, 0, 1);



  --color-warning-light: rgba(255, 248, 230, 1);



  --color-warning-1: rgba(255, 248, 230, 1);



  --color-notice-heavy: rgba(0, 55, 128, 1);



  --color-notice-4: rgba(0, 55, 128, 1);



  --color-notice-dark: rgba(0, 90, 194, 1);



  --color-notice-3: rgba(0, 90, 194, 1);



  --color-notice: rgba(0, 117, 235, 1);



  --color-notice-2: rgba(0, 117, 235, 1);



  --color-notice-light: rgba(237, 247, 255, 1);



  --color-notice-1: rgba(237, 247, 255, 1);



  --color-success-heavy: rgba(0, 89, 37, 1);



  --color-success-4: rgba(0, 89, 37, 1);



  --color-success-dark: rgba(0, 140, 58, 1);



  --color-success-3: rgba(0, 140, 58, 1);



  --color-success: rgba(0, 173, 72, 1);



  --color-success-2: rgba(0, 173, 72, 1);



  --color-success-light: rgba(230, 255, 241, 1);



  --color-success-1: rgba(230, 255, 241, 1);



  --color-brand1-3: rgba(255, 183, 128, 1);



  --color-primary-hover: rgba(245, 90, 0, 1);



  --color-brand1-7: rgba(245, 90, 0, 1);



  --color-primary-active: rgba(191, 64, 0, 1);



  --color-brand1-8: rgba(191, 64, 0, 1);



  --color-secondary-active: rgba(255, 147, 64, 1);



  --color-brand1-5: rgba(255, 147, 64, 1);



  --color-primary: rgba(255, 111, 0, 1);



  --color-brand1-6: rgba(255, 111, 0, 1);



  --color-secondary-hover: rgba(255, 183, 128, 1);



  --color-brand1-4: rgba(255, 183, 128, 1);



  --color-secondary: rgba(255, 219, 191, 1);



  --color-brand1-2: rgba(255, 219, 191, 1);



  --color-secondary-light: rgba(255, 244, 235, 1);



  --color-brand1-1: rgba(255, 244, 235, 1);



  --color-gradient-4: linear-gradient(270deg, rgb(255, 163, 166) 0%, rgb(245, 39, 67) 100%);



  --color-gradient-3: linear-gradient(270deg, rgb(255, 237, 117) 0%, rgb(245, 203, 34) 100%);



  --color-gradient-2: linear-gradient(270deg, rgb(125, 238, 255) 0%, rgb(3, 193, 253) 100%);



  --color-other-1: #FFEB3B;



  --color-transparent: transparent;



  --color-black: #000000;



  --color-white: #FFFFFF;



  --color-fill1-6: rgba(153, 153, 153, 1);



  --color-fill1-5: rgba(204, 204, 204, 1);



  --color-fill1-4: rgba(216, 216, 216, 1);



  --color-brand3-1: rgba(0, 38, 35, 1);



  --color-brand1-10: rgba(64, 17, 0, 1);



  --color-brand1-9: rgba(128, 38, 0, 1);



  --color-brand3-5: rgba(0, 191, 178, 1);



  --color-brand3-6: rgba(51, 203, 193, 1);



  --color-brand3-7: rgba(102, 216, 208, 1);



  --color-brand3-9: rgba(204, 242, 239, 1);



  --color-brand3-10: rgba(230, 248, 247, 1);



  --color-brand3-8: rgba(153, 229, 224, 1);



  --color-brand2-10: rgba(230, 245, 252, 1);



  --color-brand2-9: rgba(204, 235, 249, 1);



  --color-brand2-8: rgba(153, 215, 244, 1);



  --color-brand3-2: rgba(0, 76, 71, 1);



  --color-brand3-3: rgba(0, 114, 106, 1);



  --color-brand3-4: rgba(0, 152, 142, 1);



  --color-brand2-3: rgba(0, 94, 136, 1);



  --color-brand2-4: rgba(0, 125, 182, 1);



  --color-brand2-7: rgba(102, 196, 238, 1);



  --color-brand2-6: rgba(51, 176, 233, 1);



  --color-brand2-5: rgba(0, 157, 228, 1);



  --color-brand2-1: rgba(0, 32, 46, 1);



  --color-brand2-2: rgba(0, 64, 93, 1);



  --color-data1-9: #7A5140;



  --color-data1-10: rgba(37, 72, 131, 1);



  --color-gradient-1: linear-gradient(180deg, rgb(246, 247, 252) 0%, rgb(233, 237, 248) 100%);



  --color-other-3: rgba(235, 190, 0, 1);



  --color-other-2: rgba(255, 205, 0, 1);



  --color-data1-8: rgba(57, 13, 187, 1);



  --color-data1-7: #C028DB;



  --color-data1-6: #FC4A72;



  --color-data1-5: rgba(247, 113, 3, 1);



  --color-data1-4: rgba(255, 205, 0, 1);



  --color-data1-3: rgba(9, 195, 182, 1);



  --color-data1-2: rgba(0, 161, 234, 1);



  --color-data1-1: rgba(40, 76, 192, 1);


  /* ------------------------ line ------------------------ */



  --line-dotted: dotted;



  --line-dashed: dashed;



  --line-solid: solid;



  --line-3: 3px;



  --line-2: 2px;



  --line-1: 1px;



  --line-zero: 0px;


  /* ------------------------ mask ------------------------ */



  --mask-background: var(--color-black, #000000);



  --mask-opacity: 0.4;


  /* ------------------------ form-element ------------------------ */



  --form-element-preview-text-color: var(--color-text, #333333);



  --form-element-small-preview-font-size: var(--font-size-caption, 12px);



  --form-element-small-preview-label-font-size: var(--font-size-caption, 12px);



  --form-element-large-preview-height: var(--s-10, 40px);



  --form-element-preview-label-color: var(--color-text, #333333);



  --form-element-large-corner: var(--corner-2, 4px);



  --form-element-medium-corner: var(--corner-2, 4px);



  --form-element-small-corner: var(--corner-2, 4px);



  --form-element-large-preview-font-size: var(--font-size-body-1, 12px);



  --form-element-large-preview-label-font-size: var(--font-size-body-1, 12px);



  --form-element-medium-preview-font-size: var(--font-size-caption, 12px);



  --form-element-medium-preview-label-font-size: var(--font-size-caption, 12px);



  --form-element-medium-preview-height: var(--s-9, 36px);



  --form-element-small-preview-height: var(--s-8, 32px);



  --form-element-medium-font-size: var(--font-size-caption, 12px);



  --form-element-large-icon-size: var(--icon-l, 20px);



  --form-element-medium-icon-size: var(--icon-m, 16px);



  --form-element-small-icon-size: var(--icon-s, 12px);



  --form-element-large-font-size: var(--font-size-body-2, 14px);



  --form-element-small-font-size: var(--font-size-caption, 12px);



  --form-element-large-height: var(--s-10, 40px);



  --form-element-medium-height: var(--s-8, 32px);



  --form-element-small-height: var(--s-6, 24px);


  /* ------------------------ size ------------------------ */



  --s-50: 200px;



  --s-49: 196px;



  --s-48: 192px;



  --s-47: 188px;



  --s-46: 184px;



  --s-45: 180px;



  --s-44: 176px;



  --s-43: 172px;



  --s-42: 168px;



  --s-41: 164px;



  --s-40: 160px;



  --s-39: 156px;



  --s-38: 152px;



  --s-37: 148px;



  --s-36: 144px;



  --s-35: 140px;



  --s-34: 136px;



  --s-33: 132px;



  --s-32: 128px;



  --s-31: 124px;



  --s-30: 120px;



  --s-29: 116px;



  --s-28: 112px;



  --s-27: 108px;



  --s-26: 104px;



  --s-25: 100px;



  --s-24: 96px;



  --s-23: 92px;



  --s-22: 88px;



  --s-21: 84px;



  --s-20: 80px;



  --s-19: 76px;



  --s-18: 72px;



  --s-17: 68px;



  --s-16: 64px;



  --s-15: 60px;



  --s-14: 56px;



  --s-13: 52px;



  --s-12: 48px;



  --s-11: 44px;



  --s-10: 40px;



  --s-9: 36px;



  --s-8: 32px;



  --s-7: 28px;



  --s-6: 24px;



  --s-5: 20px;



  --s-4: 16px;



  --s-3: 12px;



  --s-2: 8px;



  --s-1: 4px;



  --s-zero: 0px;



  --size-base: 4px;


  /* ------------------------ shadow ------------------------ */



  --shadow-3-left: -8px 0px 20px 0px rgba(153, 153, 153, 0.1);



  --shadow-3-down: 0px 8px 20px 0px rgba(153, 153, 153, 0.1);



  --shadow-3-right: 8px 0px 20px 0px rgba(153, 153, 153, 0.1);



  --shadow-3-up: 0px -8px 20px 0px rgba(153, 153, 153, 0.1);



  --shadow-3: 8px 8px 20px 0px rgba(153, 153, 153, 0.1);



  --shadow-2-left: -4px 0px 10px 0px rgba(153, 153, 153, 0.1);



  --shadow-2-down: 0px 4px 10px 0px rgba(153, 153, 153, 0.1);



  --shadow-2-right: 4px 0px 10px 0px rgba(153, 153, 153, 0.1);



  --shadow-2-up: 0px -4px 10px 0px rgba(153, 153, 153, 0.1);



  --shadow-2: 4px 4px 10px 0px rgba(153, 153, 153, 0.1);



  --shadow-1-left: -2px 0px 5px 0px rgba(153, 153, 153, 0.1);



  --shadow-1-down: 0px 2px 5px 0px rgba(153, 153, 153, 0.1);



  --shadow-1-right: 2px 0px 5px 0px rgba(153, 153, 153, 0.1);



  --shadow-1-up: 0px -2px 5px 0px rgba(153, 153, 153, 0.1);



  --shadow-1: 2px 2px 5px 0px rgba(153, 153, 153, 0.1);



  --shadow-zero: none;



  --shadow-spread-sd2: 0;



  --shadow-spread-sd1: 0;



  --shadow-sides-left: "left";



  --shadow-sides-down: "down";



  --shadow-sides-right: "right";



  --shadow-sides-up: "up";



  --shadow-sides-base: "base";



  --shadow-color-sd3: var(--color-fill1-6, #999999);



  --shadow-color-sd2: var(--color-fill1-6, #999999);



  --shadow-color-sd1: var(--color-fill1-6, #999999);



  --shadow-spread-sd3: 0;



  --shadow-blur-sd3: 20;



  --shadow-blur-sd2: 10;



  --shadow-blur-sd1: 5;



  --shadow-opacity-sd3: 0.1;



  --shadow-opacity-sd2: 0.1;



  --shadow-opacity-sd1: 0.1;



  --shadow-distance-sd3y: 8;



  --shadow-distance-sd2y: 4;



  --shadow-distance-sd1y: 2;



  --shadow-distance-sd3: 8;



  --shadow-distance-sd2: 4;



  --shadow-distance-sd1: 2;


  /* ------------------------ corner ------------------------ */



  --corner-zero: 0px;



  --corner-semicircle: 500px;



  --corner-circle: 50%;



  --corner-3: 8px;



  --corner-2: 4px;



  --corner-1: 2px;


  /* ------------------------ checkbox ------------------------ */



  --checkbox-circle-size: var(--icon-s, 12px);



  --checkbox-border-radius: var(--corner-2, 4px);



  --checkbox-border-color: var(--color-border-button, #d8d8d8);



  --checkbox-hovered-border-color: var(--color-border-button, #d8d8d8);



  --checkbox-disabled-border-color: var(--color-border-light, #eeeeee);



  --checkbox-checked-bg-color: var(--color-primary, #ff6f00);



  --checkbox-hovered-bg-color: var(--color-bg-lighter, #fafafa);



  --checkbox-checked-hovered-bg-color: var(--color-primary-hover, #f55a00);



  --checkbox-font-size: var(--font-size-caption, 12px);



  --checkbox-margin-left: var(--s-2, 8px);



  --checkbox-select-icon-content: var(--icon-content-check-b, "顧�");



  --checkbox-size: var(--s-4, 16px);



  --checkbox-border-width: var(--line-1, 1px);



  --checkbox-shadow: var(--shadow-zero, none);



  --checkbox-checked-border-color: var(--color-transparent, transparent);



  --checkbox-checked-hovered-border-color: var(--color-transparent, transparent);



  --checkbox-checked-circle-color: var(--color-white, #FFFFFF);



  --checkbox-label-color: var(--color-text, #333333);



  --checkbox-disabled-label-color: var(--color-text-disabled, #bfbfbf);



  --checkbox-disabled-circle-color: var(--color-text-disabled, #bfbfbf);



  --checkbox-checked-hovered-circle-color: var(--color-white, #FFFFFF);



  --checkbox-bg-color: var(--color-white, #FFFFFF);



  --checkbox-disabled-bg-color: var(--color-bg-lighter, #fafafa);



  --checkbox-semi-select-icon-content: var(--icon-content-semi-select, "顦�");


  /* ------------------------ button ------------------------ */



  --btn-size-m-padding: var(--s-3, 12px);



  --btn-pure-border-color-disabled: var(--color-transparent, transparent);



  --btn-pure-secondary-color: var(--color-primary, #ff6f00);



  --btn-pure-secondary-bg: var(--color-white, #FFFFFF);



  --btn-pure-secondary-border-color: var(--color-primary, #ff6f00);



  --btn-pure-secondary-border-color-hover: var(--color-transparent, transparent);



  --btn-pure-primary-bg-hover: var(--color-primary-hover, #f55a00);



  --btn-ghost-dark-bg-hover-opacity: 0.3;



  --btn-ghost-dark-color-disabled-opacity: 0.3;



  --btn-ghost-dark-border-color-disabled-opacity: 0.1;



  --btn-warning-primary-border-color: var(--color-transparent, transparent);



  --btn-warning-primary-bg: var(--color-error, #ed0000);



  --btn-warning-primary-border-color-disabled: var(--color-transparent, transparent);



  --btn-warning-normal-color-hover: var(--color-error-dark, #cc0000);



  --btn-warning-normal-border-color: var(--color-error, #ed0000);



  --btn-warning-normal-bg-hover: var(--color-error-light, #fff2f2);



  --btn-warning-normal-border-color-disabled: var(--color-border-light, #eeeeee);



  --btn-text-primary-color: var(--color-primary, #ff6f00);



  --btn-text-primary-color-hover: var(--color-primary-hover, #f55a00);



  --btn-text-secondary-color: var(--color-text, #333333);



  --btn-text-secondary-color-hover: var(--color-primary, #ff6f00);



  --btn-text-normal-color: var(--color-text, #333333);



  --btn-text-normal-color-hover: var(--color-primary, #ff6f00);



  --btn-text-size-s-height: var(--s-2, 8px);



  --btn-text-size-m-height: var(--s-4, 16px);



  --btn-text-size-l-height: var(--s-6, 24px);



  --btn-shadow: var(--shadow-zero, none);



  --btn-shadow-hover: var(--shadow-2-down, 0px 4px 10px 0px rgba(153, 153, 153, 0.1));



  --btn-size-s-padding: var(--s-2, 8px);



  --btn-size-s-font: var(--font-size-caption, 12px);



  --btn-size-s-icon-size: var(--icon-s, 12px);



  --btn-size-s-corner: var(--corner-2, 4px);



  --btn-size-m-height: var(--s-8, 32px);



  --btn-size-m-font: var(--font-size-body-1, 12px);



  --btn-size-m-icon-size: var(--icon-m, 16px);



  --btn-size-m-corner: var(--corner-2, 4px);



  --btn-size-l-height: var(--s-10, 40px);



  --btn-size-l-padding: var(--s-4, 16px);



  --btn-size-l-font: var(--font-size-body-2, 14px);



  --btn-size-l-icon-size: var(--icon-l, 20px);



  --btn-size-l-icon-margin: var(--s-1, 4px);



  --btn-size-l-corner: var(--corner-2, 4px);



  --btn-pure-normal-bg-disabled: var(--color-bg-lighter, #fafafa);



  --btn-pure-normal-border-color-disabled: var(--color-border-light, #eeeeee);



  --btn-pure-normal-color-hover: var(--color-primary, #ff6f00);



  --btn-pure-normal-color-active: var(--color-white, #FFFFFF);



  --btn-pure-normal-bg: var(--color-white, #FFFFFF);



  --btn-pure-normal-bg-hover: var(--color-white, #FFFFFF);



  --btn-pure-normal-bg-active: var(--color-primary, #ff6f00);



  --btn-pure-normal-border-color: var(--color-border-button, #d8d8d8);



  --btn-pure-normal-border-color-hover: var(--color-border-button, #d8d8d8);



  --btn-pure-normal-border-color-active: var(--color-primary, #ff6f00);



  --btn-pure-secondary-border-color-disabled: var(--color-transparent, transparent);



  --btn-pure-secondary-color-hover: var(--color-white, #FFFFFF);



  --btn-pure-secondary-color-active: var(--color-white, #FFFFFF);



  --btn-pure-secondary-bg-hover: var(--color-secondary-hover, #ffb780);



  --btn-pure-secondary-bg-active: var(--color-secondary-active, #ff9340);



  --btn-pure-secondary-border-color-active: var(--color-transparent, transparent);



  --btn-pure-primary-bg-disabled: var(--color-secondary-light, #fff4eb);



  --btn-pure-primary-border-color-disabled: var(--color-transparent, transparent);



  --btn-pure-primary-bg: var(--color-primary, #ff6f00);



  --btn-pure-primary-bg-active: var(--color-primary-active, #bf4000);



  --btn-ghost-dark-color: var(--color-secondary-light, #fff4eb);



  --btn-ghost-dark-border-color: var(--color-transparent, transparent);



  --btn-ghost-dark-color-hover: var(--color-secondary-light, #fff4eb);



  --btn-ghost-dark-bg-hover-rgb: var(--color-secondary-hover, #ffb780);



  --btn-ghost-dark-border-color-hover: var(--color-transparent, transparent);



  --btn-ghost-light-color: var(--color-text, #333333);



  --btn-ghost-light-border-color: var(--color-transparent, transparent);



  --btn-ghost-light-bg-opacity: 0;



  --btn-ghost-light-color-hover: var(--color-text-title3, #666666);



  --btn-ghost-light-border-color-hover: var(--color-transparent, transparent);



  --btn-ghost-light-bg-hover-rgb: var(--color-secondary-hover, #ffb780);



  --btn-ghost-light-bg-hover-opacity: 0.3;



  --btn-ghost-light-color-disabled-rgb: var(--color-black, #000000);



  --btn-ghost-light-color-disabled-opacity: 0.2;



  --btn-ghost-light-bg-disabled: var(--color-transparent, transparent);



  --btn-ghost-light-border-color-disabled-rgb: var(--color-black, #000000);



  --btn-ghost-light-border-color-disabled-opacity: 0.1;



  --btn-warning-primary-border-color-hover: var(--color-transparent, transparent);



  --btn-warning-primary-border-color-active: var(--color-transparent, transparent);



  --btn-warning-primary-bg-hover: var(--color-error-dark, #cc0000);



  --btn-warning-primary-bg-active: var(--color-error-heavy, #8c0000);



  --btn-warning-normal-color-active: var(--color-error-dark, #cc0000);



  --btn-warning-normal-bg-active: var(--color-error-light, #fff2f2);



  --btn-text-size-m-font: var(--font-size-body-1, 12px);



  --btn-text-size-l-font: var(--font-size-body-2, 14px);



  --btn-size-s-height: var(--s-7, 28px);



  --btn-size-s-border-width: var(--line-1, 1px);



  --btn-size-s-icon-margin: var(--s-1, 4px);



  --btn-size-s-icon-split-size: var(--icon-xs, 8px);



  --btn-size-m-border-width: var(--line-1, 1px);



  --btn-size-m-icon-margin: var(--s-1, 4px);



  --btn-size-m-icon-split-size: var(--icon-xs, 8px);



  --btn-size-l-border-width: var(--line-1, 1px);



  --btn-size-l-icon-split-size: var(--icon-s, 12px);



  --btn-pure-color-disabled: var(--color-text-disabled, #bfbfbf);



  --btn-pure-bg-disabled: var(--color-bg-lighter, #fafafa);



  --btn-pure-normal-color-disabled: var(--color-text-disabled, #bfbfbf);



  --btn-pure-normal-color: var(--color-text, #333333);



  --btn-pure-normal-border-style: var(--line-solid, solid);



  --btn-pure-secondary-color-disabled: var(--color-text-disabled, #bfbfbf);



  --btn-pure-secondary-bg-disabled: var(--color-bg-lighter, #fafafa);



  --btn-pure-secondary-border-style: var(--line-solid, solid);



  --btn-pure-primary-color-disabled: var(--color-text-disabled, #bfbfbf);



  --btn-pure-primary-color: var(--color-white, #FFFFFF);



  --btn-pure-primary-color-hover: var(--color-white, #FFFFFF);



  --btn-pure-primary-color-active: var(--color-white, #FFFFFF);



  --btn-pure-primary-border-color: var(--color-transparent, transparent);



  --btn-pure-primary-border-color-hover: var(--color-transparent, transparent);



  --btn-pure-primary-border-color-active: var(--color-transparent, transparent);



  --btn-pure-primary-border-style: var(--line-solid, solid);



  --btn-ghost-border-style: var(--line-solid, solid);



  --btn-ghost-dark-bg: var(--color-transparent, transparent);



  --btn-ghost-dark-bg-opacity: 0;



  --btn-ghost-dark-color-disabled-rgb: var(--color-white, #FFFFFF);



  --btn-ghost-dark-bg-disabled: var(--color-transparent, transparent);



  --btn-ghost-dark-border-color-disabled-rgb: var(--color-white, #FFFFFF);



  --btn-ghost-light-bg: var(--color-transparent, transparent);



  --btn-warning-border-style: var(--line-solid, solid);



  --btn-warning-primary-color: var(--color-white, #FFFFFF);



  --btn-warning-primary-color-hover: var(--color-white, #FFFFFF);



  --btn-warning-primary-color-active: var(--color-white, #FFFFFF);



  --btn-warning-primary-color-disabled: var(--color-text-disabled, #bfbfbf);



  --btn-warning-primary-bg-disabled: var(--color-bg-lighter, #fafafa);



  --btn-warning-normal-color: var(--color-error-dark, #cc0000);



  --btn-warning-normal-border-color-hover: var(--color-error-heavy, #8c0000);



  --btn-warning-normal-border-color-active: var(--color-error-heavy, #8c0000);



  --btn-warning-normal-bg: var(--color-white, #FFFFFF);



  --btn-warning-normal-color-disabled: var(--color-text-disabled, #bfbfbf);



  --btn-warning-normal-bg-disabled: var(--color-bg-lighter, #fafafa);



  --btn-text-disabled-color: var(--color-text-disabled, #bfbfbf);



  --btn-text-loading-color: var(--color-text, #333333);



  --btn-text-size-s-font: var(--font-size-caption, 12px);



  --btn-text-icon-size-s: var(--icon-s, 12px);



  --btn-text-icon-s-margin: var(--s-1, 4px);



  --btn-text-icon-size-m: var(--icon-m, 16px);



  --btn-text-icon-m-margin: var(--s-1, 4px);



  --btn-text-icon-size-l: var(--icon-l, 20px);



  --btn-text-icon-l-margin: var(--s-1, 4px);


  /* ------------------------ input ------------------------ */



  --input-border-color: var(--color-border-button, #d8d8d8);



  --input-hover-border-color: var(--color-border-darker, #cccccc);



  --input-focus-border-color: var(--color-primary, #ff6f00);



  --input-placeholder-color: var(--color-text-disabled, #bfbfbf);



  --input-multiple-padding-tb: var(--s-2, 8px);



  --input-addon-bg-color: var(--color-bg-lighter, #fafafa);



  --input-m-padding: var(--s-2, 8px);



  --input-hover-bg-color: var(--color-white, #FFFFFF);



  --input-disabled-border-color: var(--color-border-light, #eeeeee);



  --input-multiple-font-size: var(--font-size-caption, 12px);



  --input-multiple-corner: var(--corner-2, 4px);



  --input-l-icon-padding-right: var(--s-2, 8px);



  --input-m-icon-padding-right: var(--s-2, 8px);



  --input-s-padding: var(--s-2, 8px);



  --input-s-icon-padding-right: var(--s-1, 4px);



  --input-feedback-warning-border-color: var(--color-warning, #f59b00);



  --input-feedback-warning-bg-color: var(--color-white, #FFFFFF);



  --input-feedback-success-color: var(--color-success, #00ad48);



  --input-feedback-loading-color: var(--color-notice-dark, #005ac2);



  --input-feedback-error-border-color: var(--color-error, #ed0000);



  --input-maxlen-color: var(--color-text-disabled, #bfbfbf);



  --input-hint-color: var(--color-text-disabled, #bfbfbf);



  --input-hint-hover-color: var(--color-text-disabled, #bfbfbf);



  --input-text-color: var(--color-text, #333333);



  --input-label-color: var(--color-text-title3, #666666);



  --input-focus-bg-color: var(--color-white, #FFFFFF);



  --input-focus-shadow-spread: var(--line-2, 2px);



  --input-border-width: var(--line-1, 1px);



  --input-bg-color: var(--color-white, #FFFFFF);



  --input-disabled-color: var(--color-text-disabled, #bfbfbf);



  --input-disabled-bg-color: var(--color-bg-lighter, #fafafa);



  --input-multiple-padding-lr: var(--s-2, 8px);



  --input-addon-text-color: var(--color-text-tip, #999999);



  --input-addon-padding: var(--s-2, 8px);



  --input-l-padding: var(--s-3, 12px);



  --input-l-label-padding-left: var(--s-3, 12px);



  --input-m-label-padding-left: var(--s-2, 8px);



  --input-s-label-padding-left: var(--s-2, 8px);



  --input-feedback-warning-color: var(--color-warning-dark, #bf7300);



  --input-feedback-warning-icon: var(--icon-content-warning, "顦�");



  --input-feedback-success-icon: var(--icon-content-success-filling, "顦�");



  --input-feedback-loading-icon: var(--icon-content-loading, "顧�");



  --input-feedback-error-color: var(--input-text-color, #333333);



  --input-feedback-error-bg-color: var(--color-white, #FFFFFF);



  --input-maxlen-error-color: var(--color-error-dark, #cc0000);



  --input-maxlen-warning-color: var(--color-warning-dark, #bf7300);



  --input-maxlen-font-size: var(--font-size-caption, 12px);



  --input-feedback-clear-icon: var(--icon-content-delete-filling, "顦�");


  /* ------------------------ form ------------------------ */



  --form-label-padding-r: var(--s-1, 4px);



  --form-item-m-margin-b: var(--s-3, 12px);



  --form-item-l-margin-b: var(--s-4, 16px);



  --form-item-s-margin-b: var(--s-3, 12px);



  --form-inline-l-item-margin-r: var(--s-2, 8px);



  --form-inline-m-item-margin-r: var(--s-2, 8px);



  --form-inline-s-item-margin-r: var(--s-2, 8px);



  --form-help-font-size: var(--font-size-body-1, 12px);



  --form-error-color: var(--color-error-dark, #cc0000);



  --form-top-label-margin-b: var(--s-zero, 0px);



  --form-label-color: var(--color-text, #333333);



  --form-help-margin-top: var(--s-zero, 0px);



  --form-help-color: var(--color-text-tip, #999999);



  --form-warning-color: var(--color-warning-dark, #bf7300);


  /* ------------------------ badge ------------------------ */



  --badge-size-count-padding-lr: var(--s-1, 4px);



  --badge-size-dot-width: var(--s-2, 8px);



  --badge-size-list-margin: var(--s-zero, 0px);



  --badge-size-count-config-height: var(--s-4, 16px);



  --badge-size-custom-padding-lr: var(--s-1, 4px);



  --badge-size-count-font: var(--font-size-caption, 12px);



  --badge-color-bg: var(--color-error-dark, #cc0000);



  --badge-size-count-border-radius: var(--s-2, 8px);



  --badge-dot-color-bg: var(--color-error-dark, #cc0000);



  --badge-size-dot-border-radius: var(--s-2, 8px);



  --badge-size-custom-border-radius: var(--corner-1, 2px);


  /* ------------------------ balloon ------------------------ */



  --balloon-size-padding-right: var(--s-3, 12px);



  --balloon-size-close: var(--icon-m, 16px);



  --balloon-title-font-size: var(--font-size-body-2, 14px);



  --balloon-size-close-margin-right: var(--s-2, 8px);



  --balloon-corner: var(--corner-2, 4px);



  --balloon-normal-color-border: var(--color-border, #e8e8e8);



  --balloon-normal-shadow: var(--shadow-zero, none);



  --balloon-primary-color-bg: var(--color-primary, #ff6f00);



  --balloon-primary-color-border: var(--color-transparent, transparent);



  --balloon-primary-shadow: var(--shadow-zero, none);



  --balloon-primary-color: var(--color-white, #FFFFFF);



  --balloon-primary-color-close: var(--color-secondary-light, #fff4eb);



  --balloon-tooltip-color-bg: var(--color-brand1-10, #401100);



  --balloon-tooltip-color-border: var(--color-brand1-10, #401100);



  --balloon-tooltip-color: var(--color-white, #FFFFFF);



  --balloon-shadow: var(--shadow-3-down, 0px 8px 20px 0px rgba(153, 153, 153, 0.1));



  --balloon-size-max-width: 300px;



  --balloon-size-padding-closable-right: var(--s-10, 40px);



  --balloon-size-padding-top: var(--s-4, 16px);



  --balloon-size-header-margin-bottom: var(--s-2, 8px);



  --balloon-title-font-weight: var(--font-weight-3, bold);



  --balloon-content-font-size: var(--font-size-body-1, 12px);



  --balloon-content-font-weight: var(--font-weight-2, normal);



  --balloon-normal-border-width: var(--line-1, 1px);



  --balloon-primary-border-width: var(--line-1, 1px);



  --balloon-tooltip-border-width: var(--line-1, 1px);



  --balloon-tooltip-content-font-size: var(--font-size-body-1, 12px);



  --balloon-tooltip-content-font-weight: var(--font-weight-2, normal);



  --balloon-size-close-margin-top: var(--s-3, 12px);



  --balloon-size-arrow-size: var(--s-3, 12px);



  --balloon-size-arrow-margin: var(--s-3, 12px);



  --balloon-tooltip-size-padding-top: var(--s-2, 8px);



  --balloon-tooltip-size-padding-right: var(--s-2, 8px);



  --balloon-tooltip-size-padding-bottom: var(--s-2, 8px);



  --balloon-tooltip-size-padding-left: var(--s-2, 8px);



  --balloon-border-style: var(--line-solid, solid);



  --balloon-normal-color-bg: var(--color-white, #FFFFFF);



  --balloon-normal-color: var(--color-text, #333333);



  --balloon-normal-color-close: var(--color-text-tip, #999999);



  --balloon-normal-color-close-hover: var(--color-text-title3, #666666);



  --balloon-primary-color-close-hover: var(--color-text, #333333);



  --balloon-tooltip-shadow: var(--shadow-zero, none);



  --balloon-tooltip-border-style: var(--line-solid, solid);


  /* ------------------------ dialog ------------------------ */



  --dialog-title-font-size: var(--font-size-title, 18px);



  --dialog-title-padding-top: var(--s-5, 20px);



  --dialog-title-padding-bottom: var(--s-5, 20px);



  --dialog-title-padding-left-right: var(--s-5, 20px);



  --dialog-title-border-width: var(--s-zero, 0px);



  --dialog-content-padding-top: var(--s-zero, 0px);



  --dialog-content-padding-bottom: var(--s-4, 16px);



  --dialog-content-padding-left-right: var(--s-5, 20px);



  --dialog-footer-padding-top: var(--s-4, 16px);



  --dialog-footer-padding-bottom: var(--s-4, 16px);



  --dialog-footer-padding-left-right: var(--s-4, 16px);



  --dialog-close-top: var(--s-8, 32px);



  --dialog-close-right: var(--s-6, 24px);



  --dialog-close-width: var(--s-0, 0px);



  --dialog-close-size: var(--icon-m, 16px);



  --dialog-shadow: var(--shadow-3-down, 0px 8px 20px 0px rgba(153, 153, 153, 0.1));



  --dialog-close-color: var(--color-text-title3, #666666);



  --dialog-close-color-hovered: var(--color-text, #333333);



  --dialog-border-width: var(--line-zero, 0px);



  --dialog-message-content-padding-top: var(--s-5, 20px);



  --dialog-message-content-padding-bottom: var(--s-5, 20px);



  --dialog-message-content-padding-left-right: var(--s-5, 20px);



  --dialog-content-font-size: var(--font-size-body-2, 14px);



  --dialog-footer-border-width: var(--line-1, 1px);



  --dialog-footer-button-spacing: var(--s-2, 8px);



  --dialog-border-color: var(--color-transparent, transparent);



  --dialog-corner: var(--corner-3, 8px);



  --dialog-content-color: var(--color-text-title3, #666666);



  --dialog-footer-border-color: var(--color-border-lighter, #fafafa);



  --dialog-title-font-weight: var(--font-weight-2, normal);



  --dialog-content-margin-bottom-no-footer: var(--s-0, 0px);



  --dialog-bg: var(--color-white, #FFFFFF);



  --dialog-border-style: var(--line-solid, solid);



  --dialog-title-color: var(--color-text, #333333);



  --dialog-title-bg-color: var(--color-transparent, transparent);



  --dialog-title-border-color: var(--color-transparent, transparent);



  --dialog-footer-bg-color: var(--color-transparent, transparent);



  --dialog-close-bg-hovered: var(--color-transparent, transparent);


  /* ------------------------ collapse ------------------------ */



  --collapse-title-bg-color: var(--color-bg-lighter, #fafafa);



  --collapse-title-font-size: var(--font-size-body-1, 12px);



  --collapse-title-font-weight: var(--font-weight-medium, 500);



  --collapse-title-padding-tb: var(--s-3, 12px);



  --collapse-icon-size: var(--icon-s, 12px);



  --collapse-icon-margin-l: var(--s-4, 16px);



  --collapse-content-padding-x: var(--s-6, 24px);



  --collapse-content-padding-y: var(--s-4, 16px);



  --collapse-content-font-size: var(--font-size-body-1, 12px);



  --collapse-content-color: var(--color-text, #333333);



  --collapse-border-corner: var(--corner-2, 4px);



  --collapse-border-color: var(--color-border, #e8e8e8);



  --collapse-title-hover-font-weight: var(--font-weight-medium, 500);



  --collapse-icon-color: var(--color-text-title3, #666666);



  --collapse-icon-hover-color: var(--color-text-title3, #666666);



  --collapse-border-width: var(--line-1, 1px);



  --collapse-panel-border-color: var(--color-border-light, #eeeeee);



  --collapse-disabled-border-color: var(--color-border-lighter, #fafafa);



  --collapse-title-border-width: var(--line-1, 1px);



  --collapse-title-height: var(--s-5, 20px);



  --collapse-title-hover-bg-color: var(--color-bg, #e8e8e8);



  --collapse-title-disabled-bg-color: var(--color-bg-light, whitesmoke);



  --collapse-title-font-color: var(--color-text, #333333);



  --collapse-title-font-disabled-color: var(--color-text-disabled, #bfbfbf);



  --collapse-title-hover-font-color: var(--color-text, #333333);



  --collapse-icon-margin-r: var(--s-2, 8px);



  --collapse-content-bg-color: var(--color-white, #FFFFFF);



  --collapse-fold-icon-content: var(--icon-content-arrow-right, "顦�");



  --collapse-unfold-icon-content: var(--icon-reset, var(--icon-reset));


  /* ------------------------ timeline ------------------------ */



  --timeline-item-node-size: var(--s-4, 16px);



  --timeline-item-icon-size: var(--icon-l, 20px);



  --timeline-item-body-margin-top: var(--s-1, 4px);



  --timeline-item-title-font-size: var(--font-size-body-2, 14px);



  --timeline-item-time-color: var(--color-text-disabled, #bfbfbf);



  --timeline-item-tail-color: var(--color-border, #e8e8e8);



  --timeline-item-done-dot-size: var(--s-3, 12px);



  --timeline-item-process-dot-size: var(--s-3, 12px);



  --timeline-item-process-background: var(--color-primary, #ff6f00);



  --timeline-item-success-dot-size: var(--s-3, 12px);



  --timeline-item-success-background: var(--color-success, #00ad48);



  --timeline-item-error-dot-size: var(--s-3, 12px);



  --timeline-item-custom-node-size: var(--s-10, 40px);



  --timeline-item-custom-node-font-size: var(--font-size-caption, 12px);



  --timeline-item-node-padding: var(--s-1, 4px);



  --timeline-item-dot-size: var(--s-2, 8px);



  --timeline-item-tail-size: var(--line-1, 1px);



  --timeline-item-left-content-width: var(--s-20, 80px);



  --timeline-item-content-margin-left: var(--s-3, 12px);



  --timeline-item-title-font-weight: var(--font-weight-3, bold);



  --timeline-item-title-margin-top: var(--s-1, 4px);



  --timeline-item-time-margin-top: var(--s-1, 4px);



  --timeline-item-time-margin-bottom: var(--s-3, 12px);



  --timeline-item-body-font-size: var(--font-size-caption, 12px);



  --timeline-item-left-body-font-size: var(--font-size-caption, 12px);



  --timeline-item-time-font-size: var(--font-size-caption, 12px);



  --timeline-item-folder-font-size: var(--font-size-caption, 12px);



  --timeline-item-folder-margin-top: var(--s-1, 4px);



  --timeline-item-folder-margin-bottom: var(--s-1, 4px);



  --timeline-item-title-color: var(--color-text, #333333);



  --timeline-item-body-color: var(--color-text-title3, #666666);



  --timeline-item-left-body-color: var(--color-text-tip, #999999);



  --timeline-item-done-background: var(--color-border, #e8e8e8);



  --timeline-item-done-color: var(--color-white, #FFFFFF);



  --timeline-item-process-color: var(--color-white, #FFFFFF);



  --timeline-item-success-color: var(--color-white, #FFFFFF);



  --timeline-item-error-background: var(--color-error-dark, #cc0000);



  --timeline-item-error-color: var(--color-white, #FFFFFF);


  /* ------------------------ cascader ------------------------ */



  --cascader-menu-icon-expand-size: var(--icon-m, 16px);



  --cascader-menu-border-color: var(--color-border, #e8e8e8);



  --cascader-menu-border-radius: var(--corner-2, 4px);



  --cascader-menu-icon-expand-color: var(--color-text-title3, #666666);



  --cascader-menu-icon-hover-expand-color: var(--color-text-title3, #666666);



  --cascader-menu-border-width: var(--line-1, 1px);



  --cascader-menu-width: var(--s-auto, auto);



  --cascader-menu-min-width: var(--s-25, 100px);



  --cascader-menu-height: var(--s-48, 192px);



  --cascader-menu-item-expanded-color: var(--color-text, #333333);



  --cascader-menu-item-expanded-background-color: var(--color-bg-light, whitesmoke);


  /* ------------------------ menu-button ------------------------ */



  --menu-btn-pure-text-normal-icon-color: var(--color-text-tip, #999999);



  --menu-btn-pure-text-secondary-icon-color: var(--color-secondary-active, #ff9340);



  --menu-btn-text-text-normal-icon-color: var(--color-text-tip, #999999);



  --menu-btn-fold-icon-content: var(--icon-content-arrow-d, "顧�");



  --menu-btn-unfold-icon-content: var(--icon-content-arrow-u, "顧�");



  --menu-btn-disabled-icon-color: var(--color-text-disabled, #bfbfbf);



  --menu-btn-ghost-light-disabled-icon-color: var(--btn-ghost-light-color-disabled, rgba(0, 0, 0, 0.2));



  --menu-btn-ghost-dark-disabled-icon-color: var(--btn-ghost-dark-color-disabled, rgba(255, 255, 255, 0.3));



  --menu-btn-pure-text-primary-icon-color: var(--color-white, #FFFFFF);



  --menu-btn-text-text-primary-icon-color: var(--color-link, #ff6f00);



  --menu-btn-ghost-light-icon-color: var(--color-text, #333333);



  --menu-btn-ghost-dark-icon-color: var(--color-white, #FFFFFF);


  /* ------------------------ range ------------------------ */



  --range-size-m-track-height: var(--s-1, 4px);



  --range-size-m-scale-height: var(--s-2, 8px);



  --range-size-m-slider-hw: var(--s-4, 16px);



  --range-size-m-mark-top: -30px;



  --range-size-m-mark-font-size: var(--font-size-caption, 12px);



  --range-size-m-mark-font-lineheight: 40px;



  --range-size-m-slider-shadow-moving: var(--shadow-1-down, 0px 2px 5px 0px rgba(153, 153, 153, 0.1));



  --range-normal-unselected-color: var(--color-bg, #e8e8e8);



  --range-normal-selected-color: var(--color-primary, #ff6f00);



  --range-normal-unselected-color-hover: var(--color-brand1-3, #ffb780);



  --range-normal-selected-color-hover: var(--color-primary, #ff6f00);



  --range-size-m-slider-shadow: var(--shadow-1-down, 0px 2px 5px 0px rgba(153, 153, 153, 0.1));



  --range-size-m-slider-shadow-hover: var(--shadow-1-down, 0px 2px 5px 0px rgba(153, 153, 153, 0.1));



  --range-normal-unselected-color-disabled: var(--color-bg-light, whitesmoke);



  --range-normal-selected-color-disabled: var(--color-bg-light, whitesmoke);



  --range-normal-slider-bg-color-disabled: var(--color-bg-light, whitesmoke);



  --range-normal-slider-border-color: var(--color-border-lighter, #fafafa);



  --range-normal-slider-border-color-disabled: var(--color-transparent, transparent);



  --range-size-m-scale-item-border-width: var(--line-1, 1px);



  --range-size-slider-border-style: var(--line-solid, solid);



  --range-size-slider-border-width: var(--line-1, 1px);



  --range-size-m-mark-font-weight: var(--font-weight-2, normal);



  --range-size-m-track-radius: var(--corner-zero, 0px);



  --range-size-m-scale-radius: var(--corner-zero, 0px);



  --range-normal-slider-bg-color: var(--color-white, #FFFFFF);



  --range-normal-mark-color: var(--color-text-tip, #999999);



  --range-normal-mark-selected-color: var(--color-text, #333333);



  --range-normal-slider-bg-color-hover: var(--color-white, #FFFFFF);



  --range-normal-mark-color-hover: var(--color-text-tip, #999999);



  --range-normal-mark-selected-color-hover: var(--color-text, #333333);



  --range-normal-slider-border-color-hover: var(--color-transparent, transparent);



  --range-normal-mark-color-disabled: var(--color-text-disabled, #bfbfbf);



  --range-normal-mark-selected-color-disabled: var(--color-text-tip, #999999);


  /* ------------------------ rating ------------------------ */



  --rating-small-icon-size: var(--icon-s, 12px);



  --rating-medium-icon-size: var(--icon-m, 16px);



  --rating-medium-font-size: var(--font-size-caption, 12px);



  --rating-large-icon-size: var(--icon-l, 20px);



  --rating-large-font-size: var(--font-size-body-1, 12px);



  --rating-normal-underlay-color: var(--color-fill1-4, #d8d8d8);



  --rating-normal-overlay-hover-color: var(--color-warning, #f59b00);



  --rating-grade-low-overlay-color: var(--color-warning, #f59b00);



  --rating-grade-high-overlay-color: var(--color-warning, #f59b00);



  --rating-grade-high-overlay-hover-color: var(--color-warning, #f59b00);



  --rating-small-text-margin-left: var(--s-2, 8px);



  --rating-small-font-size: var(--font-size-caption, 12px);



  --rating-medium-text-margin-left: var(--s-3, 12px);



  --rating-large-text-margin-left: var(--s-4, 16px);



  --rating-normal-overlay-color: var(--color-primary, #ff6f00);



  --rating-grade-low-overlay-hover-color: var(--color-text-tip, #999999);



  --rating-grade-icon-content: var(--icon-content-favorites-filling, "顦�");


  /* ------------------------ search ------------------------ */



  --search-normal-corner: var(--corner-2, 4px);



  --search-normal-primary-color: var(--color-primary, #ff6f00);



  --search-normal-primary-hover-color: var(--color-primary-hover, #f55a00);



  --search-normal-primary-split-color: var(--color-border-light, #eeeeee);



  --search-normal-primary-btn-text-color: var(--color-white, #FFFFFF);



  --search-normal-primary-btn-hover-bg-color: var(--color-primary-hover, #f55a00);



  --search-normal-primary-btn-hover-text-color: var(--color-white, #FFFFFF);



  --search-normal-primary-border-width: var(--line-1, 1px);



  --search-normal-primary-l-height: var(--s-10, 40px);



  --search-normal-primary-l-icon-size: var(--icon-m, 16px);



  --search-normal-primary-l-btn-text-size: var(--font-size-body-1, 12px);



  --search-normal-primary-m-height: var(--s-9, 36px);



  --search-normal-primary-m-icon-size: var(--icon-s, 12px);



  --search-normal-primary-m-btn-text-size: var(--font-size-caption, 12px);



  --search-normal-secondary-color: var(--color-border, #e8e8e8);



  --search-normal-secondary-split-color: var(--color-border-light, #eeeeee);



  --search-normal-secondary-hover-color: var(--color-primary, #ff6f00);



  --search-normal-secondary-btn-bg-color: var(--color-primary, #ff6f00);



  --search-normal-secondary-btn-hover-bg-color: var(--color-primary-hover, #f55a00);



  --search-normal-secondary-l-height: var(--s-10, 40px);



  --search-normal-secondary-l-icon-size: var(--icon-m, 16px);



  --search-normal-secondary-l-btn-text-size: var(--font-size-body-1, 12px);



  --search-normal-secondary-m-height: var(--s-9, 36px);



  --search-normal-secondary-m-icon-size: var(--icon-s, 12px);



  --search-normal-secondary-m-btn-text-size: var(--font-size-caption, 12px);



  --search-normal-normal-color: var(--color-border-light, #eeeeee);



  --search-normal-normal-split-color: var(--color-white, #FFFFFF);



  --search-normal-normal-hover-color: var(--color-brand1-3, #ffb780);



  --search-normal-normal-btn-text-color: var(--color-text, #333333);



  --search-normal-normal-btn-hover-bg-color: var(--color-secondary, #ffdbbf);



  --search-normal-normal-btn-hover-text-color: var(--color-text-title1, #1a1a1a);



  --search-normal-normal-l-height: var(--s-10, 40px);



  --search-normal-normal-l-icon-size: var(--icon-s, 12px);



  --search-normal-normal-l-btn-text-size: var(--font-size-body-1, 12px);



  --search-normal-normal-m-height: var(--s-9, 36px);



  --search-normal-normal-m-icon-size: var(--icon-s, 12px);



  --search-normal-normal-m-btn-text-size: var(--font-size-caption, 12px);



  --search-normal-dark-color: var(--color-primary, #ff6f00);



  --search-normal-dark-hover-color: var(--color-primary, #ff6f00);



  --search-normal-dark-bg-opacity: 0;



  --search-normal-dark-btn-hover-bg-color: var(--color-secondary-active, #ff9340);



  --search-normal-dark-l-height: var(--s-10, 40px);



  --search-normal-dark-l-icon-size: var(--icon-m, 16px);



  --search-normal-dark-l-btn-text-size: var(--font-size-body-1, 12px);



  --search-normal-dark-m-height: var(--s-9, 36px);



  --search-normal-dark-m-icon-size: var(--icon-s, 12px);



  --search-normal-dark-m-btn-text-size: var(--font-size-body-1, 12px);



  --search-simple-corner: var(--corner-2, 4px);



  --search-simple-normal-hover-color: var(--color-primary, #ff6f00);



  --search-simple-normal-m-icon-size: var(--icon-m, 16px);



  --search-simple-dark-hover-color: var(--color-border-light, #eeeeee);



  --search-simple-dark-m-icon-size: var(--icon-s, 12px);



  --search-normal-primary-shadow: var(--shadow-zero, none);



  --search-normal-primary-btn-text-padding-left: var(--s-zero, 0px);



  --search-normal-secondary-shadow: var(--shadow-zero, none);



  --search-normal-secondary-btn-text-color: var(--color-white, #FFFFFF);



  --search-normal-secondary-btn-hover-text-color: var(--color-white, #FFFFFF);



  --search-normal-secondary-border-width: var(--line-1, 1px);



  --search-normal-secondary-btn-text-padding-left: var(--s-zero, 0px);



  --search-normal-normal-shadow: var(--shadow-zero, none);



  --search-normal-normal-btn-bg-color: var(--color-bg-lighter, #fafafa);



  --search-normal-normal-border-width: var(--line-1, 1px);



  --search-normal-normal-btn-text-padding-left: var(--s-zero, 0px);



  --search-normal-dark-text-color: var(--color-white, #FFFFFF);



  --search-normal-dark-bg-color: var(--color-white, #FFFFFF);



  --search-normal-dark-shadow: var(--shadow-zero, none);



  --search-normal-dark-btn-text-color: var(--color-white, #FFFFFF);



  --search-normal-dark-btn-hover-text-color: var(--color-white, #FFFFFF);



  --search-normal-dark-border-width: var(--line-1, 1px);



  --search-normal-dark-btn-text-padding-left: var(--s-zero, 0px);



  --search-simple-l-icon-margin-right: var(--s-3, 12px);



  --search-simple-m-icon-margin-right: var(--s-2, 8px);



  --search-simple-normal-color: var(--color-border, #e8e8e8);



  --search-simple-normal-split-color: var(--color-border, #e8e8e8);



  --search-simple-normal-shadow: var(--shadow-zero, none);



  --search-simple-normal-icon-text-color: var(--color-text-tip, #999999);



  --search-simple-normal-icon-hover-text-color: var(--color-text-title3, #666666);



  --search-simple-normal-border-width: var(--line-1, 1px);



  --search-simple-normal-l-icon-size: var(--icon-m, 16px);



  --search-simple-normal-btn-text-padding-left: var(--s-zero, 0px);



  --search-simple-dark-color: var(--color-border, #e8e8e8);



  --search-simple-dark-bg-color: var(--color-white, #FFFFFF);



  --search-simple-dark-bg-opacity: 0;



  --search-simple-dark-text-color: var(--color-white, #FFFFFF);



  --search-simple-dark-shadow: var(--shadow-zero, none);



  --search-simple-dark-icon-text-color: var(--color-text-tip, #999999);



  --search-simple-dark-icon-hover-text-color: var(--color-text-title3, #666666);



  --search-simple-dark-btn-text-padding-left: var(--s-zero, 0px);



  --search-simple-dark-split-color: var(--color-border, #e8e8e8);



  --search-simple-dark-border-width: var(--line-1, 1px);



  --search-simple-dark-l-icon-size: var(--icon-m, 16px);



  --search-search-icon-content: var(--icon-content-search, "顧�");


  /* ------------------------ split-button ------------------------ */



  --split-btn-trigger-normal-icon-color: var(--color-fill1-5, #cccccc);



  --split-btn-fold-icon-content: var(--icon-content-arrow-d, "顧�");



  --split-btn-unfold-icon-content: var(--icon-content-arrow-u, "顧�");


  /* ------------------------ tree ------------------------ */



  --tree-node-padding: var(--s-1, 4px);



  --tree-node-title-margin: var(--s-1, 4px);



  --tree-node-title-padding: var(--s-1, 4px);



  --tree-node-title-font-size: var(--font-size-caption, 12px);



  --tree-switch-arrow-size: var(--icon-s, 12px);



  --tree-switch-icon-size: var(--icon-s, 12px);



  --tree-switch-margint-right: var(--s-1, 4px);



  --tree-node-title-border-radius: var(--corner-2, 4px);



  --tree-node-selected-color: var(--color-secondary-active, #ff9340);



  --tree-node-selected-background: var(--color-white, #FFFFFF);



  --tree-switch-size: var(--s-4, 16px);



  --tree-switch-border-width: var(--line-1, 1px);



  --tree-line-width: var(--line-1, 1px);



  --tree-node-normal-color: var(--color-text, #333333);



  --tree-node-normal-background: var(--color-white, #FFFFFF);



  --tree-switch-arrow-color: var(--color-text-tip, #999999);



  --tree-switcher-fold-icon-content: var(--icon-content-add, "顧�");



  --tree-switcher-unfold-icon-content: var(--icon-content-minus, "顦�");



  --tree-switch-icon-color: var(--color-text-title3, #666666);



  --tree-switch-bg-color: var(--color-white, #FFFFFF);



  --tree-switch-border-color: var(--color-border, #e8e8e8);



  --tree-switch-corner: var(--corner-1, 2px);



  --tree-line-color: var(--color-border, #e8e8e8);



  --tree-line-style: var(--line-solid, solid);



  --tree-node-hover-color: var(--color-text, #333333);



  --tree-node-hover-bg-color: var(--color-bg-light, whitesmoke);



  --tree-switch-hover-arrow-color: var(--color-text, #333333);



  --tree-switch-hover-icon-color: var(--color-text, #333333);



  --tree-switch-hover-bg-color: var(--color-bg-light, whitesmoke);



  --tree-switch-hover-border-color: var(--color-border-button, #d8d8d8);



  --tree-node-disabled-color: var(--color-text-disabled, #bfbfbf);



  --tree-node-disabled-background: var(--color-white, #FFFFFF);



  --tree-fold-icon-content: var(--icon-content-arrow-down, "顦�");



  --tree-unfold-icon-content: var(--icon-reset, var(--icon-reset));


  /* ------------------------ card ------------------------ */



  --card-corner: var(--corner-3, 8px);



  --card-padding-lr: var(--s-6, 24px);



  --card-head-main-height: var(--s-10, 40px);



  --card-head-main-margin-top: var(--s-zero, 0px);



  --card-head-main-margin-bottom: var(--s-zero, 0px);



  --card-title-font-size: var(--font-size-body-2, 14px);



  --card-body-show-divider-padding-top: var(--s-4, 16px);



  --card-content-line-height: var(--font-lineheight-1, 1);



  --card-body-padding-bottom: var(--s-5, 20px);



  --card-border-width: var(--line-1, 1px);



  --card-head-padding-bottom: var(--s-3, 12px);



  --card-head-bottom-border-width: var(--line-1, 1px);



  --card-title-font-weight: var(--font-weight-2, normal);



  --card-sub-title-font-size: var(--font-size-caption, 12px);



  --card-title-extra-font-size: var(--font-size-body-1, 12px);



  --card-title-bullet-width: var(--line-3, 3px);



  --card-title-bullet-height: var(--s-4, 16px);



  --card-title-padding-left: var(--s-2, 8px);



  --card-sub-title-padding-left: var(--s-2, 8px);



  --card-body-hide-divider-padding-top: var(--s-zero, 0px);



  --card-content-font-size: var(--font-size-body-1, 12px);



  --card-more-btn-height: var(--s-4, 16px);



  --card-more-btn-padding-top: var(--s-2, 8px);



  --card-more-btn-font-size: var(--font-size-body-1, 12px);



  --card-shadow: var(--shadow-zero, none);



  --card-border-style: var(--line-solid, solid);



  --card-border-color: var(--color-border-light, #eeeeee);



  --card-background: var(--color-white, #FFFFFF);



  --card-header-background: var(--color-white, #FFFFFF);



  --card-title-color: var(--color-text, #333333);



  --card-sub-title-color: var(--color-text-title3, #666666);



  --card-title-extra-color: var(--color-link, #ff6f00);



  --card-title-bullet-color: var(--color-primary, #ff6f00);



  --card-content-color: var(--color-text-title3, #666666);



  --card-head-bottom-border-color: var(--color-border-lighter, #fafafa);



  --card-more-btn-color: var(--color-link, #ff6f00);



  --card-more-btn-background: var(--color-white, #FFFFFF);


  /* ------------------------ switch ------------------------ */



  --switch-size-m-width: var(--s-9, 36px);



  --switch-size-m-radius-container: var(--corner-semicircle, 500px);



  --switch-size-m-trigger: var(--s-4, 16px);



  --switch-size-s-width: var(--s-6, 24px);



  --switch-size-s-trigger: var(--s-2, 8px);



  --switch-size-s-radius-trigger: var(--corner-circle, 50%);



  --switch-border-width-container: var(--line-2, 2px);



  --switch-border-width-trigger: var(--line-2, 2px);



  --switch-normal-on-bg-color: var(--color-primary, #ff6f00);



  --switch-hover-on-bg-color: var(--color-primary-hover, #f55a00);



  --switch-disabled-on-bg-color: var(--color-text-disabled, #bfbfbf);



  --switch-disabled-on-trigger-bg-color: var(--color-bg-lighter, #fafafa);



  --switch-disabled-on-color-font: var(--color-border, #e8e8e8);



  --switch-on-shadow: var(--shadow-0, none);



  --switch-normal-off-bg-color: var(--color-fill1-4, #d8d8d8);



  --switch-hover-off-bg-color: var(--color-fill1-5, #cccccc);



  --switch-disabled-off-bg-color: var(--color-text-disabled, #bfbfbf);



  --switch-disabled-off-trigger-bg-color: var(--color-bg-lighter, #fafafa);



  --switch-handle-disabled-border-color: var(--color-transparent, transparent);



  --switch-normal-off-color-font: var(--color-border, #e8e8e8);



  --switch-normal-off-border-color: var(--color-transparent, transparent);



  --switch-hover-off-border-color: var(--color-transparent, transparent);



  --switch-off-shadow: var(--shadow-0, none);



  --switch-size-m-radius-trigger: var(--corner-3, 8px);



  --switch-size-m-inner-icon: var(--s-4, 16px);



  --switch-size-m-trigger-padding-l: var(--s-2, 8px);



  --switch-size-m-trigger-padding-r: var(--s-2, 8px);



  --switch-size-s-radius-container: var(--corner-3, 8px);



  --switch-size-s-inner-icon: var(--s-3, 12px);



  --switch-size-s-trigger-padding-l: var(--s-2, 8px);



  --switch-size-s-trigger-padding-r: var(--s-2, 8px);



  --switch-normal-on-trigger-bg-color: var(--color-white, #FFFFFF);



  --switch-hover-on-trigger-bg-color: var(--color-white, #FFFFFF);



  --switch-normal-on-color-font: var(--color-white, #FFFFFF);



  --switch-disabled-on-border-color: var(--color-border, #e8e8e8);



  --switch-handle-on-border-color: var(--color-transparent, transparent);



  --switch-normal-off-trigger-bg-color: var(--color-white, #FFFFFF);



  --switch-hover-off-trigger-bg-color: var(--color-white, #FFFFFF);



  --switch-disabled-off-color-font: var(--color-border, #e8e8e8);



  --switch-handle-off-border-color: var(--color-transparent, transparent);



  --switch-rtl-on-shadow: var(--shadow-1-left, -2px 0px 5px 0px rgba(153, 153, 153, 0.1));


  /* ------------------------ typography ------------------------ */



  --typography-paragraph-font-size: var(--font-size-caption, 12px);



  --typography-paragraph-line-height: var(--font-lineheight-1, 1);



  --typography-text-color: var(--color-text, #333333);



  --typography-text-strong-font-weight: var(--font-weight-semi-bold, 600);



  --typography-text-code-corner: var(--corner-1, 2px);



  --typography-text-mark-color: var(--color-text, #333333);



  --typography-text-mark-background: var(--color-warning, #f59b00);



  --typography-text-code-color: var(--color-text, #333333);



  --typography-text-code-background: var(--color-bg-light, whitesmoke);



  --typography-text-code-border-color: var(--color-border-lighter, #fafafa);



  --typography-title-h1-font-size: var(--font-size-headline, 20px);



  --typography-title-h2-font-size: var(--font-size-title, 18px);



  --typography-title-h3-font-size: var(--font-size-subhead, 16px);



  --typography-title-h4-font-size: var(--font-size-subhead, 16px);



  --typography-title-h5-font-size: var(--font-size-body-2, 14px);



  --typography-title-h6-font-size: var(--font-size-body-1, 12px);



  --typography-title-font-weight: var(--font-weight-semi-bold, 600);


  /* ------------------------ tag ------------------------ */



  --tag-size-l-height: var(--s-7, 28px);



  --tag-size-m-height: var(--s-6, 24px);



  --tag-size-s-height: var(--s-5, 20px);



  --tag-size-l-spacing: var(--s-2, 8px);



  --tag-size-m-spacing: var(--s-2, 8px);



  --tag-size-s-spacing: var(--s-1, 4px);



  --tag-size-l-padding-lr: var(--s-3, 12px);



  --tag-size-m-padding-lr: var(--s-3, 12px);



  --tag-size-s-padding-lr: 10px;



  --tag-corner-radius: var(--corner-semicircle, 500px);



  --tag-size-l-text-size: var(--font-size-caption, 12px);



  --tag-size-m-text-size: var(--font-size-caption, 12px);



  --tag-size-s-content-min-width: var(--s-8, 32px);



  --tag-size-m-content-min-width: var(--s-10, 40px);



  --tag-size-l-content-min-width: var(--s-12, 48px);



  --tag-size-l-icon-font: var(--icon-s, 12px);



  --tag-size-m-icon-font: var(--icon-s, 12px);



  --tag-size-s-icon-font: var(--icon-s, 12px);



  --tag-size-l-tick-icon-size: var(--icon-m, 16px);



  --tag-size-m-tick-icon-size: var(--icon-s, 12px);



  --tag-size-s-tick-icon-size: var(--icon-xxs, 8px);



  --tag-size-l-tick-icon-bg-size: var(--s-8, 32px);



  --tag-size-m-tick-icon-bg-size: var(--s-6, 24px);



  --tag-size-s-tick-icon-bg-size: var(--s-6, 24px);



  --tag-fill-text-color: var(--color-primary, #ff6f00);



  --tag-closable-normal-bg: var(--color-fill1-5, #cccccc);



  --tag-closable-normal-bg-hover: var(--color-secondary-active, #ff9340);



  --tag-closable-normal-bg-disabled: var(--color-transparent, transparent);



  --tag-closable-bordered-text-color: var(--color-text, #333333);



  --tag-closable-bordered-border-color: var(--color-border, #e8e8e8);



  --tag-closable-bordered-bg: var(--color-white, #FFFFFF);



  --tag-closable-bordered-text-color-hover: var(--color-secondary-active, #ff9340);



  --tag-closable-bordered-border-color-hover: var(--color-secondary-active, #ff9340);



  --tag-closable-bordered-border-color-disabled: var(--color-border-button, #d8d8d8);



  --tag-closable-bordered-bg-disabled: var(--color-bg-lighter, #fafafa);



  --tag-fill-tail-color: var(--color-text, #333333);



  --tag-fill-border-color: var(--color-secondary-light, #fff4eb);



  --tag-fill-border-color-hover: var(--color-transparent, transparent);



  --tag-fill-border-color-disabled: var(--color-bg-lighter, #fafafa);



  --tag-fill-bg-color-disabled: var(--color-bg-lighter, #fafafa);



  --tag-bordered-text-color: var(--color-primary, #ff6f00);



  --tag-secondary-text-color: var(--color-primary, #ff6f00);



  --tag-fill-text-color-hover: var(--color-white, #FFFFFF);



  --tag-fill-tail-color-hover: var(--color-primary, #ff6f00);



  --tag-bordered-text-color-hover: var(--color-primary, #ff6f00);



  --tag-bordered-border-color-disabled: var(--color-border-button, #d8d8d8);



  --tag-bordered-bg-disabled: var(--color-bg-lighter, #fafafa);



  --tag-secondary-text-color-hover: var(--color-primary, #ff6f00);



  --tag-bordered-border-color: var(--color-border, #e8e8e8);



  --tag-secondary-border-color: var(--color-primary, #ff6f00);



  --tag-checkable-normal-bg-selected: var(--color-primary, #ff6f00);



  --tag-bordered-border-color-hover: var(--color-secondary-hover, #ffb780);



  --tag-secondary-border-color-hover: var(--color-primary, #ff6f00);



  --tag-checkable-normal-bg-selected-hover: var(--color-primary-hover, #f55a00);



  --tag-fill-bg-color: var(--color-secondary-light, #fff4eb);



  --tag-bordered-bg: var(--color-white, #FFFFFF);



  --tag-fill-bg-color-hover: var(--color-secondary-hover, #ffb780);



  --tag-bordered-bg-hover: var(--color-secondary-light, #fff4eb);



  --tag-secondary-bg-hover: var(--color-white, #FFFFFF);



  --tag-checkable-fill-bg-color: var(--color-bg, #e8e8e8);



  --tag-checkable-fill-bg-color-hover: var(--color-secondary, #ffdbbf);



  --tag-checkable-fill-border-color-hover: var(--color-transparent, transparent);



  --tag-checkable-fill-border-color-disabled: var(--color-bg-lighter, #fafafa);



  --tag-checkable-fill-bg-color-disabled: var(--color-bg-lighter, #fafafa);



  --tag-checkable-normal-border-color: var(--color-border-button, #d8d8d8);



  --tag-checkable-normal-text-color-hover: var(--color-secondary-active, #ff9340);



  --tag-checkable-normal-border-color-hover: var(--color-secondary-active, #ff9340);



  --tag-checkable-normal-text-selected-disabled: var(--color-text-disabled, #bfbfbf);



  --tag-checkable-normal-border-selected-disabled: var(--color-border-button, #d8d8d8);



  --tag-checkable-normal-bg-selected-disabled: var(--color-bg-lighter, #fafafa);



  --tag-checkable-normal-tick-bg-selected-disabled: var(--color-border-button, #d8d8d8);



  --tag-checkable-primary-bg-color: var(--color-primary, #ff6f00);



  --tag-checkable-primary-border-color: var(--color-primary, #ff6f00);



  --tag-checkable-primary-text-color-disabled: var(--color-white, #FFFFFF);



  --tag-checkable-primary-bg-color-hover: var(--color-primary-hover, #f55a00);



  --tag-checkable-primary-border-color-hover: var(--color-primary-hover, #f55a00);



  --tag-checkable-primary-border-color-disabled: var(--color-border-button, #d8d8d8);



  --tag-checkable-primary-bg-color-disabled: var(--color-border-button, #d8d8d8);



  --tag-checkable-normal-icon-color-selected: var(--color-white, #FFFFFF);



  --tag-checkable-normal-icon-color-selected-hover: var(--color-white, #FFFFFF);



  --tag-checkable-normal-icon-color-selected-disabled: var(--color-white, #FFFFFF);



  --tag-closable-primary-fill-text-color: var(--color-text, #333333);



  --tag-closable-primary-fill-border-color: var(--color-bg-light, whitesmoke);



  --tag-closable-primary-fill-bg-color: var(--color-bg-light, whitesmoke);



  --tag-closable-primary-fill-text-color-hover: var(--color-primary, #ff6f00);



  --tag-closable-primary-fill-border-color-hover: var(--color-transparent, transparent);



  --tag-closable-primary-fill-bg-color-hover: var(--color-secondary-light, #fff4eb);



  --tag-closable-primary-fill-border-color-disabled: var(--color-bg-lighter, #fafafa);



  --tag-closable-primary-fill-bg-color-disabled: var(--color-bg-lighter, #fafafa);



  --tag-checkable-corner-radius: var(--corner-1, 2px);



  --tag-border-width: var(--line-1, 1px);



  --tag-shadow: var(--shadow-zero, none);



  --tag-size-s-text-size: var(--font-size-caption, 12px);



  --tag-normal-text-color: var(--color-text, #333333);



  --tag-closable-normal-icon-color: var(--color-white, #FFFFFF);



  --tag-closable-normal-icon-color-hover: var(--color-white, #FFFFFF);



  --tag-closable-normal-icon-color-disabled: var(--color-white, #FFFFFF);



  --tag-closable-bordered-bg-hover: var(--color-transparent, transparent);



  --tag-closable-bordered-tail-color: var(--color-text-title3, #666666);



  --tag-closable-bordered-tail-color-hover: var(--color-text, #333333);



  --tag-closable-bordered-tail-color-disabled: var(--color-text-disabled, #bfbfbf);



  --tag-closable-bordered-text-color-disabled: var(--color-text-disabled, #bfbfbf);



  --tag-fill-text-color-disabled: var(--color-text-disabled, #bfbfbf);



  --tag-fill-tail-color-disabled: var(--color-text-disabled, #bfbfbf);



  --tag-bordered-tail-color: var(--color-text-title3, #666666);



  --tag-normal-text-color-hover: var(--color-primary, #ff6f00);



  --tag-bordered-tail-color-hover: var(--color-text, #333333);



  --tag-bordered-tail-color-disabled: var(--color-text-disabled, #bfbfbf);



  --tag-bordered-text-color-disabled: var(--color-text-disabled, #bfbfbf);



  --tag-checkable-secondary-bg-selected: var(--color-primary, #ff6f00);



  --tag-checkable-secondary-bg-selected-hover: var(--color-brand1-9, #802600);



  --tag-primary-background-color: var(--color-primary, #ff6f00);



  --tag-secondary-bg: var(--color-transparent, transparent);



  --tag-text-color-disabled: var(--color-text-disabled, #bfbfbf);



  --tag-border-color-disabled: var(--color-border-lighter, #fafafa);



  --tag-checkable-fill-text-color: var(--color-text-title3, #666666);



  --tag-checkable-fill-border-color: var(--color-bg, #e8e8e8);



  --tag-checkable-fill-text-color-hover: var(--color-text, #333333);



  --tag-checkable-fill-tail-color: var(--color-text-title3, #666666);



  --tag-checkable-fill-tail-color-hover: var(--color-text, #333333);



  --tag-checkable-fill-tail-color-disabled: var(--color-text-disabled, #bfbfbf);



  --tag-checkable-fill-text-color-disabled: var(--color-text-disabled, #bfbfbf);



  --tag-checkable-normal-text-color: var(--color-text-title3, #666666);



  --tag-checkable-normal-bg: var(--color-transparent, transparent);



  --tag-checkable-normal-bg-hover: var(--color-transparent, transparent);



  --tag-checkable-primary-text-color: var(--color-white, #FFFFFF);



  --tag-checkable-primary-text-color-hover: var(--color-white, #FFFFFF);



  --tag-checkable-primary-tail-color: var(--color-white, #FFFFFF);



  --tag-checkable-primary-tail-color-hover: var(--color-white, #FFFFFF);



  --tag-checkable-secondary-bg-selected-disabled: var(--color-border-lighter, #fafafa);



  --tag-checkable-secondary-icon-color-selected: var(--color-white, #FFFFFF);



  --tag-checkable-secondary-icon-color-selected-hover: var(--color-white, #FFFFFF);



  --tag-checkable-secondary-icon-color-selected-disabled: var(--color-white, #FFFFFF);



  --tag-closable-primary-fill-text-color-disabled: var(--color-text-disabled, #bfbfbf);


  /* ------------------------ loading ------------------------ */



  --loading-dot-color: var(--color-primary, #ff6f00);



  --loading-icon-size: var(--icon-xl, 24px);



  --loading-large-size: var(--s-12, 48px);



  --loading-large-dot-size: var(--icon-xs, 8px);



  --loading-medium-size: var(--s-8, 32px);



  --loading-medium-dot-size: var(--icon-xxs, 8px);


  /* ------------------------ table ------------------------ */



  --table-normal-border-width: var(--line-1, 1px);



  --table-th-font-size: var(--font-size-body-1, 12px);



  --table-th-font-weight: var(--font-weight-medium, 500);



  --table-sort-icon-size: var(--icon-s, 12px);



  --table-filter-icon-size: var(--icon-s, 12px);



  --table-body-font-size: var(--font-size-caption, 12px);



  --table-expanded-icon-size: var(--icon-l, 20px);



  --table-tree-expanded-icon-size: var(--icon-m, 16px);



  --table-cell-padding-top: var(--s-3, 12px);



  --table-cell-padding-left: var(--s-3, 12px);



  --table-header-padding-left: var(--s-3, 12px);



  --table-header-icon-margin-left: var(--s-1, 4px);



  --table-header-corner-top: var(--corner-2, 4px);



  --table-header-corner-bottom: var(--corner-zero, 0px);



  --table-size-s-cell-padding-top: var(--s-2, 8px);



  --table-size-s-cell-padding-left: var(--s-2, 8px);



  --table-size-s-header-padding-top: var(--s-2, 8px);



  --table-size-s-header-padding-left: var(--s-2, 8px);



  --table-group-split: var(--s-2, 8px);



  --table-td-gray: var(--color-bg-lighter, #fafafa);



  --table-empty-color: var(--color-text-disabled, #bfbfbf);



  --table-row-hover-bg: var(--color-bg-lighter, #fafafa);



  --table-row-selected-bg: var(--color-bg-lighter, #fafafa);



  --table-tree-fold-icon-content: var(--icon-content-arrow-right, "顦�");



  --table-tree-unfold-icon-content: var(--icon-content-arrow-down, "顦�");



  --table-empty-padding: var(--s-8, 32px);



  --table-group-header-corner-top: var(--corner-zero, 0px);



  --table-group-header-corner-bottom: var(--corner-zero, 0px);



  --table-group-footer-corner-top: var(--corner-zero, 0px);



  --table-group-footer-corner-bottom: var(--corner-zero, 0px);



  --table-normal-border-style: var(--line-solid, solid);



  --table-th-color: var(--color-text, #333333);



  --table-sort-color: var(--color-text, #333333);



  --table-group-th-color: var(--color-text, #333333);



  --table-row-bg: var(--color-white, #FFFFFF);



  --table-row-color: var(--color-text, #333333);



  --table-td-normal: var(--color-white, #FFFFFF);



  --table-group-footer-color: var(--color-text, #333333);



  --table-row-hover-color: var(--color-text, #333333);



  --table-row-selected-color: var(--color-text, #333333);



  --table-sort-color-current: var(--color-primary, #ff6f00);



  --table-expanded-ctrl-disabled-color: var(--color-text-tip, #999999);



  --table-expand-fold-icon-content: var(--icon-content-add, "顧�");



  --table-expand-unfold-icon-content: var(--icon-content-minus, "顦�");



  --table-header-padding-top: var(--s-3, 12px);



  --table-normal-border-color: var(--color-border-light, #eeeeee);



  --table-th-bg: var(--color-bg-lighter, #fafafa);



  --table-group-th-bg: var(--color-bg-lighter, #fafafa);



  --table-group-footer-bg: var(--color-bg-lighter, #fafafa);


  /* ------------------------ upload ------------------------ */



  --upload-text-list-height: var(--s-10, 40px);



  --upload-text-list-padding-left-right: var(--s-4, 16px);



  --upload-text-list-font-size: var(--font-size-caption, 12px);



  --upload-text-list-close-icon-size: var(--icon-m, 16px);



  --upload-text-list-close-icon-right: var(--s-4, 16px);



  --upload-text-list-corner: var(--corner-2, 4px);



  --upload-text-list-bg-color: var(--color-bg-lighter, #fafafa);



  --upload-text-list-bg-color-hover: var(--color-secondary-light, #fff4eb);



  --upload-text-list-close-icon-color: var(--color-text-title3, #666666);



  --upload-text-list-close-icon-color-hover: var(--color-text, #333333);



  --upload-text-list-name-font-color-hover: var(--color-black, #000000);



  --upload-text-list-size-font-color-hover: var(--color-text-tip, #999999);



  --upload-text-list-progressbar-height: var(--s-1, 4px);



  --upload-image-list-item-picture-size: var(--s-10, 40px);



  --upload-image-list-item-font-size: var(--font-size-caption, 12px);



  --upload-image-list-close-icon-size: var(--icon-m, 16px);



  --upload-image-list-close-icon-right: var(--s-3, 12px);



  --upload-image-list-close-icon-color: var(--color-fill1-5, #cccccc);



  --upload-image-list-item-border-color: var(--color-border-lighter, #fafafa);



  --upload-image-list-item-border-color-error: var(--color-error, #ed0000);



  --upload-image-list-item-border-color-hover: var(--color-border, #e8e8e8);



  --upload-image-list-item-picture-background-color: var(--color-bg-lighter, #fafafa);



  --upload-image-list-progressbar-height: var(--s-2, 8px);



  --upload-card-size: var(--s-24, 96px);



  --upload-card-add-icon-size: var(--icon-xl, 24px);



  --upload-card-add-text-size: var(--font-size-caption, 12px);



  --upload-card-add-text-margin-top: var(--s-2, 8px);



  --upload-card-border-style: var(--line-solid, solid);



  --upload-card-border-color: var(--color-border-light, #eeeeee);



  --upload-card-hover-border-color: var(--color-secondary-active, #ff9340);



  --upload-card-font-color: var(--color-text, #333333);



  --upload-card-hover-font-color: var(--color-secondary-active, #ff9340);



  --upload-card-list-margin-right: var(--s-0, 0px);



  --upload-card-list-corner: var(--corner-2, 4px);



  --upload-card-list-border-color: var(--color-border-light, #eeeeee);



  --upload-card-list-border-color-error: var(--color-error, #ed0000);



  --upload-card-list-thumbnail-font-size: var(--font-size-caption, 12px);



  --upload-card-list-thumbnail-icon-size: var(--icon-xl, 24px);



  --upload-card-list-name-margin-top: var(--s-2, 8px);



  --upload-card-list-name-font-size: var(--font-size-caption, 12px);



  --upload-card-list-name-font-color: var(--color-text, #333333);



  --upload-drag-zone-border-color: var(--color-border-light, #eeeeee);



  --upload-drag-zone-corner: var(--corner-2, 4px);



  --upload-drag-zone-icon-size: var(--s-6, 24px);



  --upload-drag-zone-upload-icon-color: var(--color-fill1-5, #cccccc);



  --upload-drag-zone-upload-normal-title-color: var(--color-text, #333333);



  --upload-disable-text-color: var(--color-text-disabled, #bfbfbf);



  --upload-disable-border-color: var(--color-border-lighter, #fafafa);



  --upload-text-list-bg-color-error: var(--color-error-light, #fff2f2);



  --upload-text-list-error-text-color: var(--color-error-dark, #cc0000);



  --upload-text-list-name-font-color: var(--color-text, #333333);



  --upload-text-list-size-font-color: var(--color-text-tip, #999999);



  --upload-image-list-item-padding: var(--s-2, 8px);



  --upload-image-list-item-picture-icon-size: var(--icon-l, 20px);



  --upload-image-list-item-picture-border-width: var(--line-1, 1px);



  --upload-image-list-item-picture-corner: var(--corner-zero, 0px);



  --upload-image-list-item-thumbnail-font-color: var(--color-text-disabled, #bfbfbf);



  --upload-image-list-item-border-width: var(--line-1, 1px);



  --upload-image-list-item-bg-color: var(--color-white, #FFFFFF);



  --upload-image-list-item-uploading-bg-color: var(--color-white, #FFFFFF);



  --upload-image-list-item-error-bg-color: var(--color-white, #FFFFFF);



  --upload-image-list-close-icon-color-hover: var(--color-text-title3, #666666);



  --upload-image-list-item-picture-border-color: var(--color-border-light, #eeeeee);



  --upload-card-margin-bottom: var(--s-4, 16px);



  --upload-card-border-radius: var(--corner-zero, 0px);



  --upload-card-bg-color: var(--color-white, #FFFFFF);



  --upload-card-icon-color: var(--color-border, #e8e8e8);



  --upload-card-add-icon: var(--icon-content-add, "顧�");



  --upload-card-list-bg-color: var(--color-transparent, transparent);



  --upload-card-list-uploading-bg-color: var(--color-bg-lighter, #fafafa);



  --upload-card-list-bg-color-error: var(--color-bg-lighter, #fafafa);



  --upload-card-list-padding: var(--s-zero, 0px);



  --upload-card-list-thumbnail-font-color: var(--color-text-disabled, #bfbfbf);



  --upload-card-list-progressbar-height: var(--s-2, 8px);



  --upload-select-card-tool-bg-color: var(--color-black, #000000);



  --upload-select-card-tool-bg-opacity: .7;



  --upload-drag-zone-over-border-color: var(--color-primary, #ff6f00);



  --upload-drag-zone-font-size: var(--font-size-body-2, 14px);



  --upload-drag-zone-hint-font-size: var(--font-size-caption, 12px);



  --upload-drag-zone-bg-color: var(--color-transparent, transparent);



  --upload-drag-zone-upload-icon: var(--icon-content-upload, "顭�");



  --upload-drag-zone-upload-normal-hint-color: var(--color-text-tip, #999999);


  /* ------------------------ select ------------------------ */



  --select-color: var(--color-text, #333333);



  --select-l-lineheight: var(--s-7, 28px);



  --select-m-lineheight: var(--s-6, 24px);



  --select-s-lineheight: var(--s-4, 16px);



  --select-fold-icon-content: var(--icon-content-arrow-d, "顧�");



  --select-unfold-icon-content: var(--icon-content-arrow-u, "顧�");



  --select-hint-color: var(--color-text-tip, #999999);



  --select-highlight-color: var(--color-primary, #ff6f00);



  --select-highlight-font: var(--font-size-body-1, 12px);


  /* ------------------------ drawer ------------------------ */



  --drawer-title-font-size: var(--font-size-body-2, 14px);



  --drawer-title-padding-top: 14px;



  --drawer-title-padding-left-right: var(--s-4, 16px);



  --drawer-content-font-size: var(--font-size-caption, 12px);



  --drawer-content-padding-top: var(--s-4, 16px);



  --drawer-content-padding-bottom: var(--s-4, 16px);



  --drawer-content-padding-left-right: var(--s-4, 16px);



  --drawer-close-top: 14px;



  --drawer-close-right: var(--s-4, 16px);



  --drawer-close-size: var(--icon-m, 16px);



  --drawer-bg: var(--color-bg-lighter, #fafafa);



  --drawer-border-width: var(--line-zero, 0px);



  --drawer-shadow: var(--shadow-2-left, -4px 0px 10px 0px rgba(153, 153, 153, 0.1));



  --drawer-title-bg-color: var(--color-bg-lighter, #fafafa);



  --drawer-close-color: var(--color-text-title3, #666666);



  --drawer-title-padding-bottom: var(--s-3, 12px);



  --drawer-title-border-width: var(--line-1, 1px);



  --drawer-border-color: var(--color-border-light, #eeeeee);



  --drawer-border-style: var(--line-solid, solid);



  --drawer-corner: var(--corner-1, 2px);



  --drawer-title-color: var(--color-text, #333333);



  --drawer-title-border-color: var(--color-border-light, #eeeeee);



  --drawer-content-color: var(--color-text-title3, #666666);



  --drawer-close-color-hovered: var(--color-text, #333333);



  --drawer-close-bg-hovered: var(--color-transparent, transparent);


  /* ------------------------ message ------------------------ */



  --message-size-l-padding: var(--s-3, 12px);



  --message-size-l-border-width: var(--line-1, 1px);



  --message-size-l-title-content-padding-left: var(--s-1, 4px);



  --message-size-l-title-content-padding-right: var(--s-3, 12px);



  --message-size-l-title-font: var(--font-size-title, 18px);



  --message-size-l-content-margin-top: var(--s-2, 8px);



  --message-size-l-content-font: var(--font-size-body-2, 14px);



  --message-size-l-close-top: var(--s-2, 8px);



  --message-size-l-close-right: var(--s-2, 8px);



  --message-size-l-icon: var(--icon-xl, 24px);



  --message-size-m-padding: var(--s-2, 8px);



  --message-size-m-title-content-padding-left: var(--s-1, 4px);



  --message-size-m-title-content-padding-right: var(--s-4, 16px);



  --message-size-m-title-font: var(--font-size-subhead, 16px);



  --message-size-m-content-margin-top: var(--s-2, 8px);



  --message-size-m-content-font: var(--font-size-caption, 12px);



  --message-size-m-close-top: var(--s-2, 8px);



  --message-size-m-close-right: var(--s-2, 8px);



  --message-size-m-icon: var(--icon-m, 16px);



  --message-close-icon-size: var(--icon-s, 12px);



  --message-size-l-border-radius: var(--corner-2, 4px);



  --message-size-m-border-radius: var(--corner-2, 4px);



  --message-size-l-border-radius-toast: var(--corner-2, 4px);



  --message-size-m-border-radius-toast: var(--corner-2, 4px);



  --message-shadow-toast: var(--shadow-2-down, 0px 4px 10px 0px rgba(153, 153, 153, 0.1));



  --message-success-color-bg-toast: var(--color-white, #FFFFFF);



  --message-success-color-border-toast: var(--color-transparent, transparent);



  --message-success-color-icon-inline: var(--color-success, #00ad48);



  --message-success-color-icon-addon: var(--color-success, #00ad48);



  --message-success-color-icon-toast: var(--color-success, #00ad48);



  --message-error-color-bg-toast: var(--color-white, #FFFFFF);



  --message-error-color-border-inline: var(--color-error-light, #fff2f2);



  --message-error-color-border-toast: var(--color-transparent, transparent);



  --message-error-color-icon-inline: var(--color-error-dark, #cc0000);



  --message-error-color-icon-addon: var(--color-error-dark, #cc0000);



  --message-error-color-icon-toast: var(--color-error-dark, #cc0000);



  --message-warning-color-bg-inline: var(--color-warning-light, #fff8e6);



  --message-warning-color-bg-toast: var(--color-white, #FFFFFF);



  --message-warning-color-border-toast: var(--color-transparent, transparent);



  --message-warning-color-icon-inline: var(--color-warning, #f59b00);



  --message-warning-color-icon-addon: var(--color-warning, #f59b00);



  --message-warning-color-icon-toast: var(--color-warning, #f59b00);



  --message-notice-color-bg-inline: var(--color-notice-light, #edf7ff);



  --message-notice-color-bg-toast: var(--color-white, #FFFFFF);



  --message-notice-color-border-toast: var(--color-transparent, transparent);



  --message-notice-color-icon-inline: var(--color-primary, #ff6f00);



  --message-notice-color-icon-addon: var(--color-primary, #ff6f00);



  --message-notice-color-icon-toast: var(--color-primary, #ff6f00);



  --message-help-color-bg-inline: var(--color-help-light, #f9ffff);



  --message-help-color-bg-toast: var(--color-white, #FFFFFF);



  --message-help-color-border-toast: var(--color-transparent, transparent);



  --message-help-color-icon-inline: var(--color-primary, #ff6f00);



  --message-help-color-icon-addon: var(--color-primary, #ff6f00);



  --message-help-color-icon-toast: var(--color-primary, #ff6f00);



  --message-loading-color-bg-toast: var(--color-white, #FFFFFF);



  --message-loading-color-border-inline: var(--color-white, #FFFFFF);



  --message-loading-color-border-toast: var(--color-transparent, transparent);



  --message-help-icon-content: var(--icon-content-help-fill, "顫�");



  --message-size-m-border-width: var(--line-1, 1px);



  --message-border-style: var(--line-solid, solid);



  --message-border-style-toast: var(--line-solid, solid);



  --message-success-color-bg-inline: var(--color-success-light, #e6fff1);



  --message-success-color-bg-addon: var(--color-transparent, transparent);



  --message-success-color-border-inline: var(--color-success-light, #e6fff1);



  --message-success-color-title-inline: var(--color-text, #333333);



  --message-success-color-title-addon: var(--color-text, #333333);



  --message-success-color-title-toast: var(--color-text, #333333);



  --message-success-color-content-inline: var(--color-text-title3, #666666);



  --message-success-color-content-addon: var(--color-text-title3, #666666);



  --message-success-color-content-toast: var(--color-text-title3, #666666);



  --message-error-color-bg-inline: var(--color-error-light, #fff2f2);



  --message-error-color-bg-addon: var(--color-transparent, transparent);



  --message-error-color-title-inline: var(--color-text, #333333);



  --message-error-color-title-addon: var(--color-text, #333333);



  --message-error-color-title-toast: var(--color-text, #333333);



  --message-error-color-content-inline: var(--color-text-title3, #666666);



  --message-error-color-content-addon: var(--color-text-title3, #666666);



  --message-error-color-content-toast: var(--color-text-title3, #666666);



  --message-warning-color-bg-addon: var(--color-transparent, transparent);



  --message-warning-color-border-inline: var(--color-warning-light, #fff8e6);



  --message-warning-color-title-inline: var(--color-text, #333333);



  --message-warning-color-title-addon: var(--color-text, #333333);



  --message-warning-color-title-toast: var(--color-text, #333333);



  --message-warning-color-content-inline: var(--color-text-title3, #666666);



  --message-warning-color-content-addon: var(--color-text-title3, #666666);



  --message-warning-color-content-toast: var(--color-text-title3, #666666);



  --message-notice-color-bg-addon: var(--color-transparent, transparent);



  --message-notice-color-border-inline: var(--color-notice-light, #edf7ff);



  --message-notice-color-title-inline: var(--color-text, #333333);



  --message-notice-color-title-addon: var(--color-text, #333333);



  --message-notice-color-title-toast: var(--color-text, #333333);



  --message-notice-color-content-inline: var(--color-text-title3, #666666);



  --message-notice-color-content-addon: var(--color-text-title3, #666666);



  --message-notice-color-content-toast: var(--color-text-title3, #666666);



  --message-help-color-bg-addon: var(--color-transparent, transparent);



  --message-help-color-border-inline: var(--color-help-light, #f9ffff);



  --message-help-color-title-inline: var(--color-text, #333333);



  --message-help-color-title-addon: var(--color-text, #333333);



  --message-help-color-title-toast: var(--color-text, #333333);



  --message-help-color-content-inline: var(--color-text-title3, #666666);



  --message-help-color-content-addon: var(--color-text-title3, #666666);



  --message-help-color-content-toast: var(--color-text-title3, #666666);



  --message-loading-color-bg-inline: var(--color-white, #FFFFFF);



  --message-loading-color-bg-addon: var(--color-transparent, transparent);



  --message-loading-color-title-inline: var(--color-text, #333333);



  --message-loading-color-title-addon: var(--color-text, #333333);



  --message-loading-color-title-toast: var(--color-text, #333333);



  --message-loading-color-content-inline: var(--color-text-title3, #666666);



  --message-loading-color-content-addon: var(--color-text-title3, #666666);



  --message-loading-color-content-toast: var(--color-text-title3, #666666);



  --message-loading-color-icon-inline: var(--color-primary, #ff6f00);



  --message-loading-color-icon-addon: var(--color-primary, #ff6f00);



  --message-loading-color-icon-toast: var(--color-primary, #ff6f00);



  --message-close-icon-color: var(--color-text-tip, #999999);



  --message-hover-close-icon-color: var(--color-text-title3, #666666);



  --message-success-icon-content: var(--icon-content-success, "顦�");



  --message-warning-icon-content: var(--icon-content-warning, "顦�");



  --message-error-icon-content: var(--icon-content-error, "顦�");



  --message-notice-icon-content: var(--icon-content-prompt, "顦�");



  --message-loading-icon-content: var(--icon-content-loading, "顧�");


  /* ------------------------ number-picker ------------------------ */



  --number-picker-normal-m-button-icon-size: var(--icon-s, 12px);



  --number-picker-normal-l-button-icon-size: var(--icon-s, 12px);



  --number-picker-inline-m-button-corner: var(--corner-2, 4px);



  --number-picker-inline-l-button-icon-size: var(--icon-xs, 8px);



  --number-picker-inline-l-button-corner: var(--corner-2, 4px);



  --number-picker-normal-up-icon: var(--icon-content-arrow-up, "顦�");



  --number-picker-normal-down-icon: var(--icon-content-arrow-down, "顦�");



  --number-picker-normal-s-button-width: var(--s-5, 20px);



  --number-picker-normal-m-button-width: var(--s-5, 20px);



  --number-picker-normal-l-button-width: var(--s-5, 20px);



  --number-picker-normal-m-input-width: var(--s-20, 80px);



  --number-picker-normal-l-input-width: var(--s-20, 80px);



  --number-picker-normal-s-button-icon-size: var(--icon-xxs, 8px);



  --number-picker-inline-add-icon: var(--icon-content-add, "顧�");



  --number-picker-inline-minus-icon: var(--icon-content-minus, "顦�");



  --number-picker-inline-s-button-icon-size: var(--icon-xs, 8px);



  --number-picker-inline-s-button-margin: 2px;



  --number-picker-inline-s-button-corner: var(--corner-1, 2px);



  --number-picker-inline-m-button-icon-size: var(--icon-xs, 8px);



  --number-picker-inline-m-button-margin: 2px;



  --number-picker-inline-m-input-width: var(--s-25, 100px);



  --number-picker-inline-l-button-margin: 2px;



  --number-picker-inline-l-input-width: var(--s-32, 128px);


  /* ------------------------ progress ------------------------ */



  --progress-line-height-size-s: 6px;



  --progress-line-underlay-border-color: var(--color-border, #e8e8e8);



  --progress-line-radius-l: var(--corner-semicircle, 500px);



  --progress-line-radius-m: var(--corner-semicircle, 500px);



  --progress-line-radius-s: var(--corner-semicircle, 500px);



  --progress-line-normal-color: var(--color-primary, #ff6f00);



  --progress-line-success-color: var(--color-success, #00ad48);



  --progress-line-started-color: var(--color-primary, #ff6f00);



  --progress-line-middle-color: var(--color-warning, #f59b00);



  --progress-circle-normal-color: var(--color-primary, #ff6f00);



  --progress-circle-success-color: var(--color-success, #00ad48);



  --progress-circle-middle-color: var(--color-warning, #f59b00);



  --progress-circle-finishing-color: var(--color-success, #00ad48);



  --progress-line-height-size-l: var(--s-3, 12px);



  --progress-line-height-size-m: var(--s-2, 8px);



  --progress-line-underlay-border-width: var(--line-1, 1px);



  --progress-line-font-l: var(--font-size-body-1, 12px);



  --progress-line-font-m: var(--font-size-caption, 12px);



  --progress-line-font-s: var(--font-size-caption, 12px);



  --progress-line-underlay-color: var(--color-bg, #e8e8e8);



  --progress-line-font-color: var(--color-text, #333333);



  --progress-line-error-color: var(--color-error-dark, #cc0000);



  --progress-line-finishing-color: var(--color-success-dark, #008c3a);



  --progress-circle-size-l: var(--s-33, 132px);



  --progress-circle-size-m: var(--s-29, 116px);



  --progress-circle-size-s: var(--s-25, 100px);



  --progress-circle-underlay-width: var(--s-2, 8px);



  --progress-circle-overlay-width: var(--s-2, 8px);



  --progress-circle-font-l: var(--font-size-display-1, 24px);



  --progress-circle-font-m: var(--font-size-headline, 20px);



  --progress-circle-font-s: var(--font-size-title, 18px);



  --progress-circle-underlay-color: var(--color-bg, #e8e8e8);



  --progress-circle-text-color: var(--color-text, #333333);



  --progress-circle-corner: round;



  --progress-circle-error-color: var(--color-error-dark, #cc0000);



  --progress-circle-started-color: var(--color-error-dark, #cc0000);


  /* ------------------------ shell ------------------------ */



  --shell-light-header-color: var(--color-text-title1, #1a1a1a);



  --shell-light-content-background: var(--color-bg-light, whitesmoke);



  --shell-light-header-height: var(--s-13, 52px);



  --shell-light-header-background: var(--color-white, #FFFFFF);



  --shell-light-header-shadow: var(--shadow-zero, none);



  --shell-light-header-divider-size: var(--line-1, 1px);



  --shell-light-header-divider-style: var(--line-solid, solid);



  --shell-light-header-divider-color: var(--color-border-lighter, #fafafa);



  --shell-light-header-paddingLeft: var(--s-4, 16px);



  --shell-light-multitask-min-height: var(--s-10, 40px);



  --shell-light-multitask-background: var(--color-white, #FFFFFF);



  --shell-light-multitask-shadow: var(--shadow-zero, none);



  --shell-light-multitask-divider-size: var(--line-1, 1px);



  --shell-light-multitask-divider-style: var(--line-solid, solid);



  --shell-light-multitask-divider-color: var(--color-border-lighter, #fafafa);



  --shell-light-multitask-paddingLeft: var(--s-zero, 0px);



  --shell-light-navigation-hoz-marginLeft: var(--s-12, 48px);



  --shell-light-navigation-ver-width: var(--s-42, 168px);



  --shell-light-navigation-ver-shadow: var(--shadow-zero, none);



  --shell-light-navigation-ver-paddingTop: var(--s-2, 8px);



  --shell-light-navigation-ver-paddingBottom: var(--s-2, 8px);



  --shell-light-navigation-ver-width-mini: var(--s-15, 60px);



  --shell-light-navigation-ver-background: var(--color-white, #FFFFFF);



  --shell-light-navigation-ver-divider-size: var(--line-1, 1px);



  --shell-light-navigation-ver-divider-style: var(--line-solid, solid);



  --shell-light-navigation-ver-divider-color: var(--color-border-lighter, #fafafa);



  --shell-light-local-navigation-width: var(--s-42, 168px);



  --shell-light-local-navigation-background: var(--color-fill1-4, #d8d8d8);



  --shell-light-local-navigation-paddingTop: var(--s-2, 8px);



  --shell-light-local-navigation-paddingBottom: var(--s-2, 8px);



  --shell-light-local-navigation-shadow: var(--shadow-zero, none);



  --shell-light-local-navigation-divider-size: var(--line-1, 1px);



  --shell-light-local-navigation-divider-style: var(--line-solid, solid);



  --shell-light-local-navigation-divider-color: var(--color-border-lighter, #fafafa);



  --shell-light-appbar-background: var(--color-white, #FFFFFF);



  --shell-light-appbar-min-height: var(--s-12, 48px);



  --shell-light-appbar-shadow: var(--shadow-zero, none);



  --shell-light-appbar-paddingLeft: var(--s-6, 24px);



  --shell-light-appbar-divider-size: var(--line-1, 1px);



  --shell-light-appbar-divider-style: var(--line-solid, solid);



  --shell-light-appbar-divider-color: var(--color-border-lighter, #fafafa);



  --shell-light-content-paddingLeft: var(--s-5, 20px);



  --shell-light-content-paddingTop: var(--s-5, 20px);



  --shell-light-footer-min-height: var(--s-14, 56px);



  --shell-light-footer-background: var(--color-transparent, transparent);



  --shell-light-footer-color: var(--color-text-disabled, #bfbfbf);



  --shell-light-footer-font-size: var(--font-size-body-2, 14px);



  --shell-light-ancillary-width: var(--s-42, 168px);



  --shell-light-ancillary-background: var(--color-white, #FFFFFF);



  --shell-light-ancillary-paddingTop: var(--s-2, 8px);



  --shell-light-ancillary-paddingBottom: var(--s-2, 8px);



  --shell-light-ancillary-shadow: var(--shadow-zero, none);



  --shell-light-ancillary-divider-size: var(--line-1, 1px);



  --shell-light-ancillary-divider-style: var(--line-solid, solid);



  --shell-light-ancillary-divider-color: var(--color-border-lighter, #fafafa);



  --shell-light-tooldock-height: var(--s-13, 52px);



  --shell-light-tooldock-width: var(--s-13, 52px);



  --shell-light-tooldock-background: var(--color-fill1-4, #d8d8d8);



  --shell-light-tooldock-paddingTop: var(--s-2, 8px);



  --shell-light-tooldock-paddingBottom: var(--s-2, 8px);



  --shell-light-tooldock-shadow: var(--shadow-zero, none);



  --shell-light-tooldock-divider-size: var(--line-1, 1px);



  --shell-light-tooldock-divider-style: var(--line-solid, solid);



  --shell-light-tooldock-divider-color: var(--color-border-lighter, #fafafa);



  --shell-light-tooldock-item-paddingTop: var(--s-2, 8px);



  --shell-light-tooldock-item-color: var(--color-text-title3, #666666);



  --shell-light-tooldock-item-color-hover: var(--color-text, #333333);



  --shell-light-tooldock-item-color-active: var(--color-text, #333333);



  --shell-light-tooldock-item-background: var(--color-transparent, transparent);



  --shell-light-tooldock-item-background-hover: var(--color-bg, #e8e8e8);



  --shell-light-tooldock-item-background-active: var(--color-bg, #e8e8e8);



  --shell-dark-header-color: var(--color-white, #FFFFFF);



  --shell-dark-header-height: var(--s-13, 52px);



  --shell-dark-header-background: var(--color-black, #000000);



  --shell-dark-header-shadow: var(--shadow-1-down, 0px 2px 5px 0px rgba(153, 153, 153, 0.1));



  --shell-dark-header-divider-size: var(--line-1, 1px);



  --shell-dark-header-divider-style: var(--line-solid, solid);



  --shell-dark-header-divider-color: #1F1F1F;



  --shell-dark-header-paddingLeft: var(--s-4, 16px);



  --shell-dark-multitask-min-height: var(--s-10, 40px);



  --shell-dark-multitask-background: var(--color-white, #FFFFFF);



  --shell-dark-multitask-shadow: var(--shadow-zero, none);



  --shell-dark-multitask-divider-size: var(--line-1, 1px);



  --shell-dark-multitask-divider-style: var(--line-solid, solid);



  --shell-dark-multitask-divider-color: var(--color-border-lighter, #fafafa);



  --shell-dark-multitask-paddingLeft: var(--s-zero, 0px);



  --shell-dark-navigation-hoz-marginLeft: var(--s-12, 48px);



  --shell-dark-navigation-ver-width: var(--s-42, 168px);



  --shell-dark-navigation-ver-shadow: var(--shadow-zero, none);



  --shell-dark-navigation-ver-paddingTop: var(--s-2, 8px);



  --shell-dark-navigation-ver-paddingBottom: var(--s-2, 8px);



  --shell-dark-navigation-ver-width-mini: var(--s-15, 60px);



  --shell-dark-navigation-ver-background: var(--color-text, #333333);



  --shell-dark-navigation-ver-divider-size: var(--line-1, 1px);



  --shell-dark-navigation-ver-divider-style: var(--line-solid, solid);



  --shell-dark-navigation-ver-divider-color: var(--color-border-lighter, #fafafa);



  --shell-dark-local-navigation-width: var(--s-42, 168px);



  --shell-dark-local-navigation-background: var(--color-fill1-4, #d8d8d8);



  --shell-dark-local-navigation-paddingTop: var(--s-2, 8px);



  --shell-dark-local-navigation-paddingBottom: var(--s-2, 8px);



  --shell-dark-local-navigation-shadow: var(--shadow-zero, none);



  --shell-dark-local-navigation-divider-size: var(--line-1, 1px);



  --shell-dark-local-navigation-divider-style: var(--line-solid, solid);



  --shell-dark-local-navigation-divider-color: var(--color-border-lighter, #fafafa);



  --shell-dark-appbar-background: var(--color-white, #FFFFFF);



  --shell-dark-appbar-min-height: var(--s-12, 48px);



  --shell-dark-appbar-shadow: var(--shadow-zero, none);



  --shell-dark-appbar-paddingLeft: var(--s-6, 24px);



  --shell-dark-appbar-divider-size: var(--line-1, 1px);



  --shell-dark-appbar-divider-style: var(--line-solid, solid);



  --shell-dark-appbar-divider-color: var(--color-border-lighter, #fafafa);



  --shell-dark-content-background: var(--color-bg, #e8e8e8);



  --shell-dark-content-paddingLeft: var(--s-5, 20px);



  --shell-dark-content-paddingTop: var(--s-5, 20px);



  --shell-dark-footer-min-height: var(--s-14, 56px);



  --shell-dark-footer-background: var(--color-transparent, transparent);



  --shell-dark-footer-color: var(--color-text-disabled, #bfbfbf);



  --shell-dark-footer-font-size: var(--font-size-body-2, 14px);



  --shell-dark-ancillary-width: var(--s-42, 168px);



  --shell-dark-ancillary-background: var(--color-white, #FFFFFF);



  --shell-dark-ancillary-paddingTop: var(--s-2, 8px);



  --shell-dark-ancillary-paddingBottom: var(--s-2, 8px);



  --shell-dark-ancillary-shadow: var(--shadow-zero, none);



  --shell-dark-ancillary-divider-size: var(--line-1, 1px);



  --shell-dark-ancillary-divider-style: var(--line-solid, solid);



  --shell-dark-ancillary-divider-color: var(--color-border-lighter, #fafafa);



  --shell-dark-tooldock-height: var(--s-13, 52px);



  --shell-dark-tooldock-width: var(--s-13, 52px);



  --shell-dark-tooldock-background: var(--color-fill1-4, #d8d8d8);



  --shell-dark-tooldock-paddingTop: var(--s-2, 8px);



  --shell-dark-tooldock-paddingBottom: var(--s-2, 8px);



  --shell-dark-tooldock-shadow: var(--shadow-zero, none);



  --shell-dark-tooldock-divider-size: var(--line-1, 1px);



  --shell-dark-tooldock-divider-style: var(--line-solid, solid);



  --shell-dark-tooldock-divider-color: var(--color-border-lighter, #fafafa);



  --shell-dark-tooldock-item-paddingTop: var(--s-2, 8px);



  --shell-dark-tooldock-item-color: var(--color-text-title3, #666666);



  --shell-dark-tooldock-item-color-hover: var(--color-text, #333333);



  --shell-dark-tooldock-item-color-active: var(--color-text, #333333);



  --shell-dark-tooldock-item-background: var(--color-transparent, transparent);



  --shell-dark-tooldock-item-background-hover: var(--color-bg, #e8e8e8);



  --shell-dark-tooldock-item-background-active: var(--color-bg, #e8e8e8);



  --shell-brand-header-color: var(--color-white, #FFFFFF);



  --shell-brand-header-height: var(--s-13, 52px);



  --shell-brand-header-background: var(--color-primary, #ff6f00);



  --shell-brand-header-shadow: var(--shadow-1-down, 0px 2px 5px 0px rgba(153, 153, 153, 0.1));



  --shell-brand-header-divider-size: var(--line-1, 1px);



  --shell-brand-header-divider-style: var(--line-solid, solid);



  --shell-brand-header-divider-color: var(--color-border-lighter, #fafafa);



  --shell-brand-header-paddingLeft: var(--s-4, 16px);



  --shell-brand-multitask-min-height: var(--s-10, 40px);



  --shell-brand-multitask-background: var(--color-white, #FFFFFF);



  --shell-brand-multitask-shadow: var(--shadow-zero, none);



  --shell-brand-multitask-divider-size: var(--line-1, 1px);



  --shell-brand-multitask-divider-style: var(--line-solid, solid);



  --shell-brand-multitask-divider-color: var(--color-border-lighter, #fafafa);



  --shell-brand-multitask-paddingLeft: var(--s-zero, 0px);



  --shell-brand-navigation-hoz-marginLeft: var(--s-12, 48px);



  --shell-brand-navigation-ver-width: var(--s-42, 168px);



  --shell-brand-navigation-ver-shadow: var(--shadow-zero, none);



  --shell-brand-navigation-ver-paddingTop: var(--s-2, 8px);



  --shell-brand-navigation-ver-paddingBottom: var(--s-2, 8px);



  --shell-brand-navigation-ver-width-mini: var(--s-15, 60px);



  --shell-brand-navigation-ver-background: var(--color-white, #FFFFFF);



  --shell-brand-navigation-ver-divider-size: var(--line-1, 1px);



  --shell-brand-navigation-ver-divider-style: var(--line-solid, solid);



  --shell-brand-navigation-ver-divider-color: var(--color-border-lighter, #fafafa);



  --shell-brand-local-navigation-width: var(--s-42, 168px);



  --shell-brand-local-navigation-background: var(--color-fill1-4, #d8d8d8);



  --shell-brand-local-navigation-paddingTop: var(--s-2, 8px);



  --shell-brand-local-navigation-paddingBottom: var(--s-2, 8px);



  --shell-brand-local-navigation-shadow: var(--shadow-zero, none);



  --shell-brand-local-navigation-divider-size: var(--line-1, 1px);



  --shell-brand-local-navigation-divider-style: var(--line-solid, solid);



  --shell-brand-local-navigation-divider-color: var(--color-border-lighter, #fafafa);



  --shell-brand-appbar-background: var(--color-white, #FFFFFF);



  --shell-brand-appbar-min-height: var(--s-12, 48px);



  --shell-brand-appbar-shadow: var(--shadow-zero, none);



  --shell-brand-appbar-paddingLeft: var(--s-6, 24px);



  --shell-brand-appbar-divider-size: var(--line-1, 1px);



  --shell-brand-appbar-divider-style: var(--line-solid, solid);



  --shell-brand-appbar-divider-color: var(--color-border-lighter, #fafafa);



  --shell-brand-content-background: var(--color-bg, #e8e8e8);



  --shell-brand-content-paddingLeft: var(--s-5, 20px);



  --shell-brand-content-paddingTop: var(--s-5, 20px);



  --shell-brand-footer-min-height: var(--s-14, 56px);



  --shell-brand-footer-background: var(--color-transparent, transparent);



  --shell-brand-footer-color: var(--color-text-disabled, #bfbfbf);



  --shell-brand-footer-font-size: var(--font-size-body-2, 14px);



  --shell-brand-ancillary-width: var(--s-42, 168px);



  --shell-brand-ancillary-background: var(--color-white, #FFFFFF);



  --shell-brand-ancillary-paddingTop: var(--s-2, 8px);



  --shell-brand-ancillary-paddingBottom: var(--s-2, 8px);



  --shell-brand-ancillary-shadow: var(--shadow-zero, none);



  --shell-brand-ancillary-divider-size: var(--line-1, 1px);



  --shell-brand-ancillary-divider-style: var(--line-solid, solid);



  --shell-brand-ancillary-divider-color: var(--color-border-lighter, #fafafa);



  --shell-brand-tooldock-height: var(--s-13, 52px);



  --shell-brand-tooldock-width: var(--s-13, 52px);



  --shell-brand-tooldock-background: var(--color-fill1-4, #d8d8d8);



  --shell-brand-tooldock-paddingTop: var(--s-2, 8px);



  --shell-brand-tooldock-paddingBottom: var(--s-2, 8px);



  --shell-brand-tooldock-shadow: var(--shadow-zero, none);



  --shell-brand-tooldock-divider-size: var(--line-1, 1px);



  --shell-brand-tooldock-divider-style: var(--line-solid, solid);



  --shell-brand-tooldock-divider-color: var(--color-border-lighter, #fafafa);



  --shell-brand-tooldock-item-paddingTop: var(--s-2, 8px);



  --shell-brand-tooldock-item-color: var(--color-text-title3, #666666);



  --shell-brand-tooldock-item-color-hover: var(--color-text, #333333);



  --shell-brand-tooldock-item-color-active: var(--color-text, #333333);



  --shell-brand-tooldock-item-background: var(--color-transparent, transparent);



  --shell-brand-tooldock-item-background-hover: var(--color-bg, #e8e8e8);



  --shell-brand-tooldock-item-background-active: var(--color-bg, #e8e8e8);


  /* ------------------------ divider ------------------------ */



  --divider-hoz-color: var(--color-border-light, #eeeeee);



  --divider-hoz-text-left-paddingLeft: var(--s-4, 16px);



  --divider-hoz-text-marginTop: var(--s-3, 12px);



  --divider-hoz-size: var(--line-1, 1px);



  --divider-hoz-text-center-paddingLeft: var(--s-4, 16px);



  --divider-hoz-marginTop: var(--s-4, 16px);



  --divider-hoz-text-size: var(--font-size-subhead, 16px);



  --divider-hoz-text-weight: var(--font-weight-2, normal);



  --divider-hoz-text-color: var(--color-text, #333333);



  --divider-ver-size: var(--line-1, 1px);



  --divider-ver-color: var(--color-border-light, #eeeeee);



  --divider-ver-marginLeft: var(--s-2, 8px);


  /* ------------------------ pagination ------------------------ */



  --pagination-item-corner: var(--corner-2, 4px);



  --pagination-ellipsis-size: var(--icon-m, 16px);



  --pagination-current-font-size: var(--font-size-caption, 12px);



  --pagination-total-font-size: var(--font-size-caption, 12px);



  --pagination-jump-font-size: var(--font-size-caption, 12px);



  --pagination-input-width: var(--s-10, 40px);



  --pagination-large-item-split: var(--s-1, 4px);



  --pagination-large-item-corner: var(--corner-2, 4px);



  --pagination-large-ellipsis-size: var(--icon-l, 20px);



  --pagination-large-current-font-size: var(--font-size-body-1, 12px);



  --pagination-large-total-font-size: var(--font-size-body-1, 12px);



  --pagination-large-jump-font-size: var(--font-size-body-1, 12px);



  --pagination-small-item-corner: var(--corner-2, 4px);



  --pagination-small-ellipsis-size: var(--icon-s, 12px);



  --pagination-small-input-width: var(--s-8, 32px);



  --pagination-current-color: var(--color-primary, #ff6f00);



  --pagination-size-selector-filter-current-color: var(--color-secondary-active, #ff9340);



  --pagination-item-border-color: var(--color-border, #e8e8e8);



  --pagination-item-bg: var(--color-white, #FFFFFF);



  --pagination-item-current-border-color: var(--color-transparent, transparent);



  --pagination-item-current-color: var(--color-white, #FFFFFF);



  --pagination-item-current-bg: var(--color-primary, #ff6f00);



  --pagination-item-hover-border-color: var(--color-border-light, #eeeeee);



  --pagination-arrow-color: var(--color-text-title3, #666666);



  --pagination-item-current-hover-border-color: var(--color-transparent, transparent);



  --pagination-item-current-hover-shadow: var(--shadow-1-down, 0px 2px 5px 0px rgba(153, 153, 153, 0.1));



  --pagination-item-current-hover-color: var(--color-white, #FFFFFF);



  --pagination-item-current-hover-bg: var(--color-primary, #ff6f00);



  --pagination-arrow-hover-color: var(--color-primary, #ff6f00);



  --pagination-item-padding: var(--s-3, 12px);



  --pagination-ellipsis-margin: var(--s-1, 4px);



  --pagination-small-item-padding: var(--s-2, 8px);



  --pagination-item-split: var(--s-1, 4px);



  --pagination-small-item-split: var(--s-1, 4px);



  --pagination-item-border-style: var(--line-solid, solid);



  --pagination-item-border-width: var(--line-1, 1px);



  --pagination-input-margin: var(--s-1, 4px);



  --pagination-size-selector-title-margin-right: var(--s-1, 4px);



  --pagination-size-selector-number-padding: var(--s-3, 12px);



  --pagination-large-item-border-width: var(--line-1, 1px);



  --pagination-large-size-selector-number-padding: var(--s-4, 16px);



  --pagination-small-item-border-width: var(--line-1, 1px);



  --pagination-small-current-font-size: var(--font-size-caption, 12px);



  --pagination-small-total-font-size: var(--font-size-caption, 12px);



  --pagination-small-jump-font-size: var(--font-size-caption, 12px);



  --pagination-small-size-selector-number-padding: var(--s-2, 8px);



  --pagination-ellipsis-color: var(--color-text-tip, #999999);



  --pagination-total-color: var(--color-text, #333333);



  --pagination-jump-color: var(--color-text-tip, #999999);



  --pagination-size-selector-title-color: var(--color-text-tip, #999999);



  --pagination-size-selector-filter-color: var(--color-text-title3, #666666);



  --pagination-item-shadow: var(--shadow-zero, none);



  --pagination-item-color: var(--color-text, #333333);



  --pagination-item-current-shadow: var(--shadow-zero, none);



  --pagination-item-hover-shadow: var(--shadow-zero, none);



  --pagination-item-hover-color: var(--color-text, #333333);



  --pagination-item-hover-bg: var(--color-bg-light, whitesmoke);



  --pagination-icon-prev-content: var(--icon-content-arrow-left, "顦�");



  --pagination-icon-next-content: var(--icon-content-arrow-right, "顦�");



  --pagination-icon-ellipsis-content: var(--icon-content-ellipsis, "顧�");



  --pagination-arrow-hover-color-noboder: var(--color-primary, #ff6f00);



  --pagination-large-item-padding: var(--s-4, 16px);



  --pagination-large-input-width: var(--s-12, 48px);


  /* ------------------------ transfer ------------------------ */



  --transfer-operation-margin-left-right: var(--s-2, 8px);



  --transfer-panel-header-padding-top-bottom: var(--s-3, 12px);



  --transfer-panel-header-padding-left-right: var(--s-3, 12px);



  --transfer-panel-search-margin-top: var(--s-1, 4px);



  --transfer-panel-footer-padding-top-bottom: var(--s-3, 12px);



  --transfer-panel-footer-padding-left-right: var(--s-3, 12px);



  --transfer-panel-border-color: var(--color-border, #e8e8e8);



  --transfer-panel-border-corner: var(--corner-2, 4px);



  --transfer-panel-header-background-color: var(--color-white, #FFFFFF);



  --transfer-operation-margin-gutter: var(--s-2, 8px);



  --transfer-operation-icon-size: var(--icon-xs, 8px);



  --transfer-panel-border-width: var(--line-1, 1px);



  --transfer-panel-header-text-size: var(--font-size-body-1, 12px);



  --transfer-panel-search-margin-left-right: var(--s-1, 4px);



  --transfer-panel-search-margin-bottom: var(--s-zero, 0px);



  --transfer-panel-list-width: var(--s-45, 180px);



  --transfer-panel-list-height: var(--s-40, 160px);



  --transfer-simple-move-icon: var(--icon-content-switch, "顨�");



  --transfer-simple-move-icon-color: var(--color-border, #e8e8e8);



  --transfer-panel-background-color: var(--color-white, #FFFFFF);



  --transfer-panel-header-text-color: var(--color-text, #333333);



  --transfer-panel-search-icon-color: var(--color-text-tip, #999999);



  --transfer-panel-footer-text-color: var(--color-text, #333333);



  --transfer-panel-footer-background-color: var(--color-white, #FFFFFF);



  --transfer-simple-panel-footer-text-color: var(--color-primary, #ff6f00);



  --transfer-simple-panel-item-hover-text-color: var(--color-primary, #ff6f00);



  --transfer-panel-footer-shadow: var(--shadow-zero, none);


  /* ------------------------ radio ------------------------ */



  --radio-width: var(--s-4, 16px);



  --radio-circle-border-width: var(--line-1, 1px);



  --radio-circle-size: var(--s-2, 8px);



  --radio-font-margin-left: var(--s-2, 8px);



  --radio-font-size: var(--font-size-caption, 12px);



  --radio-shadow: var(--shadow-zero, none);



  --radio-hovered-bg-color: var(--color-secondary-light, #fff4eb);



  --radio-checked-bg-color: var(--color-primary, #ff6f00);



  --radio-checked-hovered-bg-color: var(--color-primary, #ff6f00);



  --radio-border-color: var(--color-border-button, #d8d8d8);



  --radio-hovered-border-color: var(--color-border, #e8e8e8);



  --radio-checked-border-color: var(--color-primary, #ff6f00);



  --radio-disabled-circle-color: var(--color-bg, #e8e8e8);



  --radio-checked-disabled-circle-color: var(--color-bg, #e8e8e8);



  --radio-button-height-large: var(--s-10, 40px);



  --radio-button-height-medium: var(--s-7, 28px);



  --radio-button-height-small: var(--s-6, 24px);



  --radio-button-padding-large: var(--s-4, 16px);



  --radio-button-padding-medium: var(--s-3, 12px);



  --radio-button-corner-large: var(--corner-2, 4px);



  --radio-button-corner-medium: var(--corner-2, 4px);



  --radio-button-corner-small: var(--corner-2, 4px);



  --radio-button-font-size-large: var(--font-size-body-1, 12px);



  --radio-button-font-size-medium: var(--font-size-caption, 12px);



  --radio-button-font-size-small: var(--font-size-caption, 12px);



  --radio-button-bg-color-disabled: var(--color-bg-lighter, #fafafa);



  --radio-button-bg-color-checked-disabled: var(--color-border, #e8e8e8);



  --radio-button-border-color: var(--color-border-button, #d8d8d8);



  --radio-button-border-color-disabled: var(--color-border, #e8e8e8);



  --radio-button-border-color-checked-disabled: var(--color-border, #e8e8e8);



  --radio-button-font-color-checked-disabled: var(--color-white, #FFFFFF);



  --radio-radius-size: var(--corner-circle, 50%);



  --radio-bg-color: var(--color-white, #FFFFFF);



  --radio-disabled-bg-color: var(--color-bg-lighter, #fafafa);



  --radio-checked-disabled-bg-color: var(--color-bg-lighter, #fafafa);



  --radio-disabled-border-color: var(--color-border-lighter, #fafafa);



  --radio-checked-disabled-border-color: var(--color-border-lighter, #fafafa);



  --radio-checked-hovered-border-color: var(--color-transparent, transparent);



  --radio-checked-circle-color: var(--color-white, #FFFFFF);



  --radio-checked-hovered-circle-color: var(--color-white, #FFFFFF);



  --radio-normal-font-color: var(--color-text, #333333);



  --radio-normal-font-color-disabled: var(--color-text-disabled, #bfbfbf);



  --radio-button-padding-small: var(--s-2, 8px);



  --radio-button-bg-color: var(--color-white, #FFFFFF);



  --radio-button-font-color: var(--color-text, #333333);



  --radio-button-font-color-disabled: var(--color-text-disabled, #bfbfbf);



  --radio-button-bg-color-hovered: var(--color-white, #FFFFFF);



  --radio-button-bg-color-checked: var(--color-white, #FFFFFF);



  --radio-button-border-color-hovered: var(--color-primary-hover, #f55a00);



  --radio-button-border-color-checked: var(--color-primary, #ff6f00);



  --radio-button-font-color-hovered: var(--color-primary-hover, #f55a00);



  --radio-button-font-color-checked: var(--color-primary, #ff6f00);


  /* ------------------------ time-picker ------------------------ */



  --time-picker-menu-title-height: var(--s-8, 32px);



  --time-picker-menu-item-height: var(--s-8, 32px);



  --time-picker-menu-item-color-hover: var(--color-primary, #ff6f00);



  --time-picker-menu-item-color-selected: var(--color-text, #333333);



  --time-picker-menu-item-background-hover: var(--color-secondary-light, #fff4eb);



  --time-picker-menu-item-font-weight-selected: var(--font-weight-medium, 500);



  --time-picker-panel-width: var(--s-50, 200px);



  --time-picker-panel-background: var(--color-white, #FFFFFF);



  --time-picker-menu-border-width: var(--line-1, 1px);



  --time-picker-menu-title-font-size: var(--font-size-caption, 12px);



  --time-picker-menu-item-font-size: var(--font-size-caption, 12px);



  --time-picker-menu-border-color: var(--color-border, #e8e8e8);



  --time-picker-menu-title-color: var(--color-text-tip, #999999);



  --time-picker-menu-title-background: var(--color-white, #FFFFFF);



  --time-pikcer-menu-title-font-weight: var(--font-weight-2, normal);



  --time-picker-menu-item-color: var(--color-text-title3, #666666);



  --time-picker-menu-item-color-disabled: var(--color-text-disabled, #bfbfbf);



  --time-picker-menu-item-background: var(--color-white, #FFFFFF);



  --time-picker-menu-item-background-selected: var(--color-bg-light, whitesmoke);



  --time-picker-menu-item-background-disabled: var(--color-white, #FFFFFF);



  --time-picker-clock-icon: var(--icon-content-clock, "顦�");


  /* ------------------------ step ------------------------ */



  --step-arrow-item-height: var(--s-8, 32px);



  --step-arrow-item-title-size: var(--font-size-body-1, 12px);



  --step-arrow-item-title-weight: var(--font-weight-2, normal);



  --step-arrow-item-wait-background: var(--color-secondary-light, #fff4eb);



  --step-arrow-item-title-wait-color: var(--color-text, #333333);



  --step-arrow-item-process-background: var(--color-primary, #ff6f00);



  --step-arrow-item-finish-background: var(--color-brand1-3, #ffb780);



  --step-arrow-item-title-finish-color: var(--color-white, #FFFFFF);



  --step-arrow-item-disabled-background: var(--color-bg-lighter, #fafafa);



  --step-circle-item-node-padding: var(--s-2, 8px);



  --step-circle-item-node-icon-size: var(--icon-m, 16px);



  --step-circle-item-node-font-size: var(--font-size-caption, 12px);



  --step-circle-item-content-margin-top: var(--s-0, 0px);



  --step-circle-item-content-font-size: var(--font-size-caption, 12px);



  --step-circle-item-body-width: var(--s-40, 160px);



  --step-circle-item-title-size: var(--font-size-body-1, 12px);



  --step-circle-item-title-weight: var(--font-weight-2, normal);



  --step-circle-item-tail-wait-color: var(--color-border-button, #d8d8d8);



  --step-circle-item-tail-process-color: var(--color-border-button, #d8d8d8);



  --step-circle-item-tail-finish-color: var(--color-primary, #ff6f00);



  --step-circle-item-title-wait-color: var(--color-text-tip, #999999);



  --step-circle-item-title-process-color: var(--color-text, #333333);



  --step-circle-item-title-finish-color: var(--color-text-disabled, #bfbfbf);



  --step-circle-item-title-disabled-color: var(--color-text-disabled, #bfbfbf);



  --step-circle-item-node-wait-border-color: var(--color-border-button, #d8d8d8);



  --step-circle-item-node-wait-background: var(--color-white, #FFFFFF);



  --step-circle-item-node-wait-color: var(--color-text-tip, #999999);



  --step-circle-item-node-process-border-color: var(--color-primary, #ff6f00);



  --step-circle-item-node-process-background: var(--color-primary, #ff6f00);



  --step-circle-item-node-process-percent-color: var(--color-secondary-active, #ff9340);



  --step-circle-item-node-process-percent-size: var(--font-size-caption, 12px);



  --step-circle-item-node-finish-border-color: var(--color-primary, #ff6f00);



  --step-circle-item-node-finish-background: var(--color-white, #FFFFFF);



  --step-circle-item-node-finish-color: var(--color-primary, #ff6f00);



  --step-circle-item-node-disabled-color: var(--color-text-disabled, #bfbfbf);



  --step-circle-item-tail-bg-color: var(--color-border-lighter, #fafafa);



  --step-dot-item-dot-icon-size: var(--icon-m, 16px);



  --step-dot-item-tail-wait-color: var(--color-border, #e8e8e8);



  --step-dot-item-tail-process-color: var(--color-border, #e8e8e8);



  --step-dot-item-tail-finish-color: var(--color-primary, #ff6f00);



  --step-dot-item-title-wait-color: var(--color-text-tip, #999999);



  --step-dot-item-title-finish-color: var(--color-text, #333333);



  --step-dot-item-node-wait-border-color: var(--color-text-disabled, #bfbfbf);



  --step-dot-item-node-wait-background: var(--color-text-disabled, #bfbfbf);



  --step-dot-item-node-process-color: var(--color-secondary-active, #ff9340);



  --step-dot-item-node-finish-border-color: var(--color-primary, #ff6f00);



  --step-dot-item-node-finish-background: var(--color-primary, #ff6f00);



  --step-dot-item-node-finish-color: var(--color-primary, #ff6f00);



  --step-dot-item-node-disabled-border-color: var(--color-bg-light, whitesmoke);



  --step-dot-item-node-disabled-background: var(--color-bg-light, whitesmoke);



  --step-dot-vertical-item-node-padding: var(--s-0, 0px);



  --step-dot-vertical-item-content-margin-top: var(--s-1, 4px);



  --step-dot-item-tail-bg-color: var(--color-bg-light, whitesmoke);



  --step-arrow-item-title-process-color: var(--color-white, #FFFFFF);



  --step-arrow-item-title-disabled-color: var(--color-text-disabled, #bfbfbf);



  --step-circle-item-node-border-width: var(--line-1, 1px);



  --step-circle-item-node-corner: var(--corner-circle, 50%);



  --step-circle-item-tail-size: var(--line-1, 1px);



  --step-circle-item-title-margin-top: var(--s-2, 8px);



  --step-circle-item-node-wait-size: var(--s-8, 32px);



  --step-circle-item-node-process-size: var(--s-8, 32px);



  --step-circle-item-node-finish-size: var(--s-8, 32px);



  --step-circle-item-node-disabled-size: var(--s-8, 32px);



  --step-circle-item-tail-disabled-color: var(--color-border-lighter, #fafafa);



  --step-circle-item-node-wait-font-weight: var(--font-weight-2, normal);



  --step-circle-item-node-process-font-weight: var(--font-weight-2, normal);



  --step-circle-item-node-disabled-font-weight: var(--font-weight-2, normal);



  --step-circle-item-node-finish-font-weight: var(--font-weight-2, normal);



  --step-circle-item-node-process-color: var(--color-white, #FFFFFF);



  --step-circle-item-node-disabled-border-color: var(--color-border-lighter, #fafafa);



  --step-circle-item-node-disabled-background: var(--color-white, #FFFFFF);



  --step-circle-vertical-item-node-padding: var(--s-2, 8px);



  --step-circle-vertical-item-body-margin-left: var(--s-4, 16px);



  --step-circle-vertical-item-title-margin-top: var(--s-2, 8px);



  --step-circle-vertical-item-content-margin-top: var(--s-1, 4px);



  --step-circle-item-content-color: var(--color-text-title3, #666666);



  --step-circle-vertical-item-tail-size: var(--line-1, 1px);



  --step-dot-item-dot-padding: var(--s-2, 8px);



  --step-dot-item-dot-border-width: var(--line-1, 1px);



  --step-dot-item-body-width: var(--s-25, 100px);



  --step-dot-item-content-margin-top: var(--s-1, 4px);



  --step-dot-item-dot-corner: var(--corner-circle, 50%);



  --step-dot-item-title-size: var(--font-size-body-1, 12px);



  --step-dot-item-title-weight: var(--font-weight-3, bold);



  --step-dot-item-title-margin-top: var(--s-2, 8px);



  --step-dot-item-tail-size: var(--line-1, 1px);



  --step-dot-item-dot-wait-size: var(--s-3, 12px);



  --step-dot-item-dot-process-size: var(--s-3, 12px);



  --step-dot-item-dot-finish-size: var(--s-3, 12px);



  --step-dot-item-dot-disabled-size: var(--s-3, 12px);



  --step-dot-item-tail-disabled-color: var(--color-border-lighter, #fafafa);



  --step-dot-item-title-process-color: var(--color-text, #333333);



  --step-dot-item-title-disabled-color: var(--color-text-disabled, #bfbfbf);



  --step-dot-item-node-wait-color: var(--color-text-tip, #999999);



  --step-dot-item-node-process-border-color: var(--color-primary, #ff6f00);



  --step-dot-item-node-process-background: var(--color-primary, #ff6f00);



  --step-dot-item-node-disabled-color: var(--color-border-lighter, #fafafa);



  --step-dot-vertical-item-body-margin-left: var(--s-4, 16px);



  --step-dot-vertical-item-title-margin-top: var(--s-zero, 0px);



  --step-dot-item-content-font-size: var(--font-size-caption, 12px);



  --step-dot-item-content-color: var(--color-text-title3, #666666);



  --step-dot-vertical-item-tail-size: var(--line-1, 1px);


  /* ------------------------ menu ------------------------ */



  --menu-padding-ver-padding-tb: var(--s-1, 4px);



  --menu-padding-hoz-padding-tb: var(--s-1, 4px);



  --menu-item-padding-ver-padding-l: var(--s-5, 20px);



  --menu-item-padding-ver-padding-r: var(--s-4, 16px);



  --menu-item-padding-hoz-padding-lr: var(--s-4, 16px);



  --menu-line-height: var(--s-9, 36px);



  --menu-font-size: var(--font-size-caption, 12px);



  --menu-divider-margin-ver: var(--s-1, 4px);



  --menu-divider-margin-hoz: var(--s-2, 8px);



  --menu-icon-selected-size: var(--icon-s, 12px);



  --menu-icon-selected-right: var(--s-1, 4px);



  --menu-icon-size: var(--icon-s, 12px);



  --menu-divider-color: var(--color-border, #e8e8e8);



  --menu-color-selected: var(--color-primary, #ff6f00);



  --menu-icon-selected-color: var(--color-primary, #ff6f00);



  --menu-background-hover: var(--color-bg-light, whitesmoke);



  --menu-color-hover: var(--color-primary, #ff6f00);



  --menu-icon-selected-hover-color: var(--color-primary, #ff6f00);



  --menu-select-icon-content: var(--icon-content-complete, "顬�");



  --menu-unfold-icon-content: var(--icon-content-arrow-up, "顦�");



  --menu-padding-horizontal: var(--s-4, 16px);



  --menu-padding-vertical: var(--s-1, 4px);



  --menu-padding-ver-padding-lr: var(--s-zero, 0px);



  --menu-padding-hoz-padding-lr: var(--s-zero, 0px);



  --menu-submenu-title-size: var(--font-size-body-1, 12px);



  --menu-padding-title-horizontal: var(--s-3, 12px);



  --menu-divider-width: var(--line-1, 1px);



  --menu-hoz-icon-size: var(--icon-xs, 8px);



  --menu-icon-margin: var(--s-1, 4px);



  --menu-shadow: var(--shadow-1-down, 0px 2px 5px 0px rgba(153, 153, 153, 0.1));



  --menu-color: var(--color-text, #333333);



  --menu-divider-style: var(--line-solid, solid);



  --menu-background: var(--color-white, #FFFFFF);



  --menu-arrow-color: var(--color-text-title3, #666666);



  --menu-background-selected: var(--color-white, #FFFFFF);



  --menu-arrow-color-hover: var(--color-text, #333333);



  --menu-arrow-right: 10px;



  --menu-color-disabled: var(--color-text-disabled, #bfbfbf);



  --menu-fold-icon-content: var(--icon-content-arrow-down, "顦�");



  --menu-popupfold-icon-content: var(--icon-content-arrow-right, "顦�");


  /* ------------------------ nav ------------------------ */



  --nav-hoz-height: var(--s-14, 56px);



  --nav-hoz-font-size: var(--font-size-body-2, 14px);



  --nav-hoz-item-margin-lr: var(--s-4, 16px);



  --nav-hoz-item-padding-lr: var(--s-4, 16px);



  --nav-hoz-item-selected-active-line: var(--line-3, 3px);



  --nav-ver-item-margin-lr: var(--s-zero, 0px);



  --nav-ver-item-corner: var(--corner-zero, 0px);



  --nav-ver-item-selected-active-line: var(--line-zero, 0px);



  --nav-group-font-size: var(--font-size-caption, 12px);



  --nav-icon-self-size: var(--icon-m, 16px);



  --nav-icon-self-margin: var(--s-1, 4px);



  --nav-primary-bg-color: var(--color-primary, #ff6f00);



  --nav-primary-border-color: var(--color-transparent, transparent);



  --nav-primary-shadow: var(--shadow-zero, none);



  --nav-primary-sub-nav-bg-color: var(--color-secondary-active, #ff9340);



  --nav-primary-item-hover-bg-color: var(--color-primary-hover, #f55a00);



  --nav-primary-item-hover-active-color: var(--color-transparent, transparent);



  --nav-primary-sub-nav-hover-bg-color: var(--color-primary-hover, #f55a00);



  --nav-primary-item-selected-bg-color: var(--color-primary, #ff6f00);



  --nav-primary-item-selected-text-style: var(--font-weight-medium, 500);



  --nav-primary-item-selected-active-color: var(--color-transparent, transparent);



  --nav-primary-sub-nav-selected-bg-color: var(--color-primary-hover, #f55a00);



  --nav-primary-item-opened-bg-color: var(--color-secondary-active, #ff9340);



  --nav-secondary-bg-color: var(--color-white, #FFFFFF);



  --nav-secondary-border-color: var(--color-transparent, transparent);



  --nav-secondary-text-color: var(--color-text, #333333);



  --nav-secondary-shadow: var(--shadow-zero, none);



  --nav-secondary-sub-nav-bg-color: var(--color-white, #FFFFFF);



  --nav-secondary-sub-nav-text-color: var(--color-text, #333333);



  --nav-secondary-item-hover-bg-color: var(--color-primary, #ff6f00);



  --nav-secondary-item-hover-text-color: var(--color-white, #FFFFFF);



  --nav-secondary-item-hover-active-color: var(--color-transparent, transparent);



  --nav-secondary-sub-nav-hover-bg-color: var(--color-primary, #ff6f00);



  --nav-secondary-item-selected-bg-color: var(--color-primary, #ff6f00);



  --nav-secondary-item-selected-text-color: var(--color-white, #FFFFFF);



  --nav-secondary-item-selected-text-style: var(--font-weight-medium, 500);



  --nav-secondary-item-childselected-bg-color: var(--color-secondary-light, #fff4eb);



  --nav-secondary-item-childselected-text-color: var(--color-text-title1, #1a1a1a);



  --nav-secondary-item-selected-active-color: var(--color-secondary-active, #ff9340);



  --nav-secondary-sub-nav-selected-bg-color: var(--color-bg, #e8e8e8);



  --nav-secondary-sub-nav-selected-text-color: var(--color-text, #333333);



  --nav-secondary-item-opened-bg-color: var(--color-bg, #e8e8e8);



  --nav-secondary-item-opened-text-color: var(--color-text, #333333);



  --nav-normal-border-color: var(--color-transparent, transparent);



  --nav-normal-shadow: var(--shadow-zero, none);



  --nav-normal-item-hover-text-color: var(--color-primary, #ff6f00);



  --nav-normal-item-hover-active-color: var(--color-transparent, transparent);



  --nav-normal-sub-nav-hover-bg-color: var(--color-transparent, transparent);



  --nav-normal-sub-nav-hover-text-color: var(--color-secondary-active, #ff9340);



  --nav-normal-item-selected-bg-color: var(--color-white, #FFFFFF);



  --nav-normal-item-selected-text-color: var(--color-primary, #ff6f00);



  --nav-normal-item-selected-text-style: var(--font-weight-medium, 500);



  --nav-normal-item-selected-active-color: var(--color-primary, #ff6f00);



  --nav-normal-item-opened-bg-color: var(--color-transparent, transparent);



  --nav-line-item-hover-text-color: var(--color-primary, #ff6f00);



  --nav-line-item-hover-active-color: var(--color-primary, #ff6f00);



  --nav-line-sub-nav-hover-text-color: var(--color-primary, #ff6f00);



  --nav-line-item-selected-text-color: var(--color-primary, #ff6f00);



  --nav-line-item-selected-text-style: var(--font-weight-medium, 500);



  --nav-line-item-selected-active-color: var(--color-primary, #ff6f00);



  --nav-line-item-opened-text-color: var(--color-primary, #ff6f00);



  --nav-primary-hoz-item-padding-lr: var(--s-6, 24px);



  --nav-primary-hoz-icon-arrow-margin: var(--s-0, 0px);



  --nav-primary-hoz-item-selected-active-line: var(--line-0, 0px);



  --nav-primary-hoz-item-opened-bg-color: var(--color-fill1-5, #cccccc);



  --nav-primary-hoz-item-hover-bg-color: var(--color-fill1-5, #cccccc);



  --nav-primary-hoz-item-selected-bg-color: var(--color-fill1-5, #cccccc);



  --nav-normal-hoz-height: var(--s-12, 48px);



  --nav-normal-hoz-item-selected-active-line: var(--line-0, 0px);



  --nav-normal-hoz-item-padding-lr: var(--s-6, 24px);



  --nav-normal-hoz-icon-arrow-margin: var(--s-0, 0px);



  --nav-normal-hoz-item-hover-bg-color: var(--color-white, #FFFFFF);



  --nav-primary-hoz-item-hover-text-color: var(--color-text-disabled, #bfbfbf);



  --nav-normal-hoz-shadow: var(--shadow-0, none);



  --nav-primary-hoz-text-color: var(--color-text-disabled, #bfbfbf);



  --nav-secondary-hoz-height: var(--s-12, 48px);



  --nav-secondary-hoz-item-padding-lr: var(--s-6, 24px);



  --nav-secondary-hoz-item-selected-active-line: var(--line-0, 0px);



  --nav-secondary-hoz-icon-arrow-margin: var(--s-0, 0px);



  --nav-secondary-hoz-text-color: var(--color-secondary-light, #fff4eb);



  --nav-secondary-hoz-shadow: var(--shadow-0, none);



  --nav-secondary-hoz-item-hover-bg-color: var(--color-secondary-active, #ff9340);



  --nav-secondary-hoz-item-selected-bg-color: var(--color-secondary-active, #ff9340);



  --nav-secondary-hoz-item-hover-text-color: var(--color-secondary-light, #fff4eb);



  --nav-secondary-hoz-item-selected-text-style: var(--font-weight-3, bold);



  --nav-normal-hoz-bg-color: var(--color-bg-lighter, #fafafa);



  --nav-normal-hoz-item-hover-text-color: var(--color-text, #333333);



  --nav-normal-hoz-item-selected-bg-color: var(--color-white, #FFFFFF);



  --nav-normal-hoz-item-selected-text-style: var(--font-weight-3, bold);



  --nav-line-hoz-height: var(--s-12, 48px);



  --nav-line-hoz-item-padding-lr: var(--s-6, 24px);



  --nav-line-hoz-icon-arrow-margin: var(--s-0, 0px);



  --nav-line-hoz-item-selected-active-line: var(--line-0, 0px);



  --nav-line-hoz-item-selected-text-style: var(--font-weight-3, bold);



  --nav-primary-ver-height: var(--s-12, 48px);



  --nav-line-hoz-item-hover-text-color: var(--color-secondary-active, #ff9340);



  --nav-primary-ver-item-padding-lr: var(--s-6, 24px);



  --nav-primary-ver-item-selected-active-line: var(--line-0, 0px);



  --nav-primary-ver-icon-arrow-margin: var(--s-0, 0px);



  --nav-primary-ver-shadow: var(--shadow-0, none);



  --nav-primary-ver-item-selected-bg-color: var(--color-fill1-5, #cccccc);



  --nav-primary-ver-item-hover-bg-color: var(--color-fill1-5, #cccccc);



  --nav-secondary-ver-height: var(--s-12, 48px);



  --nav-secondary-ver-item-padding-lr: var(--s-6, 24px);



  --nav-secondary-ver-item-selected-active-line: var(--line-0, 0px);



  --nav-secondary-ver-shadow: var(--shadow-0, none);



  --nav-secondary-ver-icon-arrow-margin: var(--s-0, 0px);



  --nav-secondary-ver-item-hover-bg-color: var(--color-secondary-active, #ff9340);



  --nav-secondary-ver-item-selected-bg-color: var(--color-secondary-active, #ff9340);



  --nav-normal-ver-height: var(--s-12, 48px);



  --nav-normal-ver-item-padding-lr: var(--s-6, 24px);



  --nav-normal-ver-icon-arrow-margin: var(--s-0, 0px);



  --nav-normal-ver-bg-color: var(--color-bg-lighter, #fafafa);



  --nav-normal-ver-item-selected-bg-color: var(--color-white, #FFFFFF);



  --nav-normal-ver-item-hover-text-color: var(--color-text, #333333);



  --nav-line-hoz-item-selected-bg-color: var(--color-bg-lighter, #fafafa);



  --nav-line-ver-height: var(--s-12, 48px);



  --nav-line-ver-icon-arrow-margin: var(--s-0, 0px);



  --nav-line-ver-item-padding-lr: var(--s-6, 24px);



  --nav-line-ver-item-selected-bg-color: var(--color-bg-lighter, #fafafa);



  --nav-primary-hoz-item-selected-text-style: var(--font-weight-3, bold);



  --nav-primary-hoz-shadow: var(--shadow-0, none);



  --nav-primary-hoz-height: var(--s-12, 48px);



  --nav-hoz-item-margin-tb: var(--s-zero, 0px);



  --nav-hoz-item-corner: var(--corner-zero, 0px);



  --nav-hoz-item-hover-active-line: var(--line-zero, 0px);



  --nav-ver-height: var(--s-10, 40px);



  --nav-ver-font-size: var(--font-size-body-1, 12px);



  --nav-ver-item-margin-tb: var(--s-zero, 0px);



  --nav-ver-item-padding-lr: var(--s-5, 20px);



  --nav-ver-item-hover-active-line: var(--line-zero, 0px);



  --nav-ver-sub-nav-height: var(--s-10, 40px);



  --nav-ver-sub-nav-font-size: var(--font-size-caption, 12px);



  --nav-group-height: var(--s-10, 40px);



  --nav-icon-only-font-size: var(--icon-s, 12px);



  --nav-primary-border-width: var(--line-zero, 0px);



  --nav-primary-text-color: var(--color-white, #FFFFFF);



  --nav-primary-text-style: var(--font-weight-2, normal);



  --nav-primary-sub-nav-text-color: var(--color-white, #FFFFFF);



  --nav-primary-sub-nav-text-style: var(--font-weight-2, normal);



  --nav-primary-group-text-color: var(--color-text-tip, #999999);



  --nav-primary-group-text-style: var(--font-weight-2, normal);



  --nav-primary-item-hover-text-color: var(--color-white, #FFFFFF);



  --nav-primary-item-hover-text-style: var(--font-weight-2, normal);



  --nav-primary-sub-nav-hover-text-color: var(--color-white, #FFFFFF);



  --nav-primary-item-selected-text-color: var(--color-white, #FFFFFF);



  --nav-primary-item-childselected-bg-color: var(--color-transparent, transparent);



  --nav-primary-item-childselected-text-color: var(--color-white, #FFFFFF);



  --nav-primary-item-childselected-text-style: var(--font-weight-3, bold);



  --nav-primary-sub-nav-selected-text-color: var(--color-white, #FFFFFF);



  --nav-primary-sub-nav-active-color: var(--color-primary, #ff6f00);



  --nav-primary-item-disabled-text-color: var(--color-text-disabled, #bfbfbf);



  --nav-primary-item-opened-text-color: var(--color-white, #FFFFFF);



  --nav-secondary-border-width: var(--line-zero, 0px);



  --nav-secondary-text-style: var(--font-weight-2, normal);



  --nav-secondary-sub-nav-text-style: var(--font-weight-2, normal);



  --nav-secondary-group-text-color: var(--color-white, #FFFFFF);



  --nav-secondary-group-text-style: var(--font-weight-2, normal);



  --nav-secondary-item-hover-text-style: var(--font-weight-2, normal);



  --nav-secondary-sub-nav-hover-text-color: var(--color-white, #FFFFFF);



  --nav-secondary-item-childselected-text-style: var(--font-weight-3, bold);



  --nav-secondary-sub-nav-active-color: var(--color-primary, #ff6f00);



  --nav-secondary-item-disabled-text-color: var(--color-secondary-light, #fff4eb);



  --nav-normal-bg-color: var(--color-white, #FFFFFF);



  --nav-normal-text-color: var(--color-text, #333333);



  --nav-normal-text-style: var(--font-weight-2, normal);



  --nav-normal-border-line: var(--line-1, 1px);



  --nav-normal-sub-nav-bg-color: var(--color-white, #FFFFFF);



  --nav-normal-sub-nav-text-color: var(--color-text, #333333);



  --nav-normal-sub-nav-text-style: var(--font-weight-2, normal);



  --nav-normal-group-text-color: var(--color-text-tip, #999999);



  --nav-normal-group-text-style: var(--font-weight-2, normal);



  --nav-normal-item-hover-bg-color: var(--color-white, #FFFFFF);



  --nav-normal-item-hover-text-style: var(--font-weight-2, normal);



  --nav-normal-item-childselected-bg-color: var(--color-transparent, transparent);



  --nav-normal-item-childselected-text-color: var(--color-primary, #ff6f00);



  --nav-normal-item-childselected-text-style: var(--font-weight-2, normal);



  --nav-normal-sub-nav-selected-bg-color: var(--color-bg-light, whitesmoke);



  --nav-normal-sub-nav-selected-text-color: var(--color-primary, #ff6f00);



  --nav-normal-sub-nav-active-color: var(--color-primary, #ff6f00);



  --nav-normal-item-disabled-text-color: var(--color-text-tip, #999999);



  --nav-normal-item-opened-text-color: var(--color-primary, #ff6f00);



  --nav-line-bg-color: var(--color-transparent, transparent);



  --nav-line-border-color: var(--color-border-light, #eeeeee);



  --nav-line-text-color: var(--color-text, #333333);



  --nav-line-text-style: var(--font-weight-2, normal);



  --nav-line-border-line: var(--line-1, 1px);



  --nav-line-sub-nav-bg-color: var(--color-transparent, transparent);



  --nav-line-sub-nav-text-color: var(--color-text, #333333);



  --nav-line-sub-nav-text-style: var(--font-weight-2, normal);



  --nav-line-item-hover-bg-color: var(--color-transparent, transparent);



  --nav-line-item-hover-text-style: var(--font-weight-2, normal);



  --nav-line-sub-nav-hover-bg-color: var(--color-transparent, transparent);



  --nav-line-item-selected-bg-color: var(--color-transparent, transparent);



  --nav-line-item-childselected-bg-color: var(--color-transparent, transparent);



  --nav-line-item-childselected-text-color: var(--color-primary, #ff6f00);



  --nav-line-item-childselected-text-style: var(--font-weight-2, normal);



  --nav-line-sub-nav-selected-bg-color: var(--color-transparent, transparent);



  --nav-line-sub-nav-selected-text-color: var(--color-primary, #ff6f00);



  --nav-line-sub-nav-active-color: var(--color-primary, #ff6f00);



  --nav-line-item-disabled-text-color: var(--color-text-tip, #999999);



  --nav-line-item-opened-bg-color: var(--color-transparent, transparent);



  --nav-line-group-text-color: var(--color-text-tip, #999999);



  --nav-line-group-text-style: var(--font-weight-2, normal);


  /* ------------------------ list ------------------------ */



  --list-size-s-title-font-size: var(--font-size-subhead, 16px);



  --list-size-m-item-content-font-size: var(--font-size-body-1, 12px);



  --list-size-m-item-title-font-size: var(--font-size-body-2, 14px);



  --list-divider-color: var(--color-border, #e8e8e8);



  --list-size-s-title-font-weight: var(--font-weight-3, bold);



  --list-size-s-item-padding-lr: var(--s-zero, 0px);



  --list-size-s-item-padding-tb: var(--s-2, 8px);



  --list-size-s-item-media-margin: var(--s-2, 8px);



  --list-size-s-item-content-font-size: var(--font-size-body-1, 12px);



  --list-size-s-item-content-line-height: var(--font-lineheight-1, 1);



  --list-size-s-item-title-font-weight: var(--font-weight-2, normal);



  --list-size-s-item-title-font-size: var(--font-size-body-2, 14px);



  --list-size-s-item-title-line-height: var(--font-lineheight-2, 1.5);



  --list-size-m-title-font-size: var(--font-size-title, 18px);



  --list-size-m-title-font-weight: var(--font-weight-3, bold);



  --list-size-m-item-padding-lr: var(--s-zero, 0px);



  --list-size-m-item-padding-tb: var(--s-4, 16px);



  --list-size-m-item-media-margin: var(--s-2, 8px);



  --list-size-m-item-content-line-height: var(--font-lineheight-2, 1.5);



  --list-size-m-item-title-line-height: var(--font-lineheight-2, 1.5);



  --list-size-m-item-title-font-weight: var(--font-weight-2, normal);



  --list-title-color: var(--color-text, #333333);



  --list-content-color: var(--color-text-title3, #666666);



  --list-extra-color: var(--color-text-tip, #999999);


  /* ------------------------ avatar ------------------------ */



  --avatar-border-radius: var(--corner-2, 4px);



  --avatar-size-large: var(--s-13, 52px);



  --avatar-size-medium: var(--s-10, 40px);



  --avatar-size-small: var(--s-7, 28px);


  /* ------------------------ tab ------------------------ */



  --tab-nav-tab-icon-size-m: var(--icon-m, 16px);



  --tab-nav-tab-icon-size-s: var(--icon-m, 16px);



  --tab-nav-close-icon-size-m: var(--icon-m, 16px);



  --tab-nav-close-icon-size-s: var(--icon-s, 12px);



  --tab-item-padding-tb-size-m: var(--s-3, 12px);



  --tab-item-padding-tb-size-s: var(--s-2, 8px);



  --tab-item-padding-lr-size-m: var(--s-4, 16px);



  --tab-item-padding-lr-size-s: var(--s-3, 12px);



  --tab-item-text-size-m: var(--font-size-body-2, 14px);



  --tab-item-text-size-s: var(--font-size-caption, 12px);



  --tab-close-icon-color-selected: var(--color-fill1-4, #d8d8d8);



  --tab-item-font-weight-selected: var(--font-weight-medium, 500);



  --tab-pure-text-color-hover: var(--color-primary, #ff6f00);



  --tab-pure-text-color-selected: var(--color-primary, #ff6f00);



  --tab-pure-ink-bar-color: var(--color-primary, #ff6f00);



  --tab-wrapped-border-line-width: var(--line-zero, 0px);



  --tab-wrapped-border-side-width: var(--line-zero, 0px);



  --tab-wrapped-tab-corner-radius: var(--corner-2, 4px);



  --tab-wrapped-tab-margin-right: 0px;



  --tab-wrapped-tab-margin-bottom: -1px;



  --tab-wrapped-ink-bar-width: var(--line-2, 2px);



  --tab-wrapped-bar-bg-color: var(--color-bg-lighter, #fafafa);



  --tab-wrapped-ink-bar-color: var(--color-primary, #ff6f00);



  --tab-wrapped-border-line-color: var(--color-border, #e8e8e8);



  --tab-wrapped-content-border-line-width: var(--line-zero, 0px);



  --tab-wrapped-text-color: var(--color-text, #333333);



  --tab-wrapped-text-color-hover: var(--color-text, #333333);



  --tab-wrapped-bg-color: var(--color-bg-lighter, #fafafa);



  --tab-wrapped-bg-color-hover: var(--color-bg-light, whitesmoke);



  --tab-wrapped-border-line-color-hover: var(--color-border, #e8e8e8);



  --tab-wrapped-text-color-selected: var(--color-primary, #ff6f00);



  --tab-capsule-text-color-selected: var(--color-primary, #ff6f00);



  --tab-capsule-bg-color: var(--color-bg-lighter, #fafafa);



  --tab-capsule-bg-color-hover: var(--color-bg-light, whitesmoke);



  --tab-capsule-bg-color-selected: var(--color-white, #FFFFFF);



  --tab-capsule-tab-border-line-color: var(--color-border, #e8e8e8);



  --tab-capsule-tab-border-line-color-hover: var(--color-border, #e8e8e8);



  --tab-capsule-tab-border-line-color-active: var(--color-border, #e8e8e8);



  --tab-capsule-corner-radius: var(--corner-2, 4px);



  --tab-text-item-sep-height: var(--s-4, 16px);



  --tab-text-item-sep-color: var(--color-border, #e8e8e8);



  --tab-text-text-color-hover: var(--color-primary, #ff6f00);



  --tab-text-text-color-selected: var(--color-primary, #ff6f00);



  --tab-nav-scroll-padding-right-m: var(--s-15, 60px);



  --tab-nav-scroll-padding-right-s: var(--s-14, 56px);



  --tab-nav-close-icon-padding-l-size-m: var(--s-2, 8px);



  --tab-nav-close-icon-padding-l-size-s: var(--s-2, 8px);



  --tab-nav-arrow-left-positon-right: var(--s-8, 32px);



  --tab-nav-arrow-right-positon-right: var(--s-2, 8px);



  --tab-nav-arrow-down-positon-right: var(--s-2, 8px);



  --tab-close-icon-color: var(--color-text-title3, #666666);



  --tab-close-icon-color-hover: var(--color-text, #333333);



  --tab-close-icon-color-disabled: var(--color-border-light, #eeeeee);



  --tab-nav-arrow-color-normal: var(--color-text-title3, #666666);



  --tab-nav-arrow-color-hover: var(--color-text, #333333);



  --tab-nav-arrow-color-disabled: var(--color-border-light, #eeeeee);



  --tab-pure-divider-line-width: var(--line-1, 1px);



  --tab-pure-ink-bar-width: var(--line-2, 2px);



  --tab-pure-ink-bar-padding-l: var(--s-zero, 0px);



  --tab-pure-text-color-normal: var(--color-text-title3, #666666);



  --tab-pure-bg-color: var(--color-transparent, transparent);



  --tab-pure-text-color-disabled: var(--color-border-light, #eeeeee);



  --tab-pure-divider-border-color: var(--color-border-light, #eeeeee);



  --tab-pure-divider-shadow: var(--shadow-zero, none);



  --tab-wrapped-border-line-style: var(--line-solid, solid);



  --tab-wrapped-ink-bar-padding-l: var(--s-zero, 0px);



  --tab-wrapped-nav-item-border-color-active: var(--color-primary, #ff6f00);



  --tab-wrapped-content-border-line-style: var(--line-solid, solid);



  --tab-wrapped-content-border-line-color: var(--color-border-light, #eeeeee);



  --tab-wrapped-text-color-disabled: var(--color-text-disabled, #bfbfbf);



  --tab-wrapped-bg-color-selected: var(--color-white, #FFFFFF);



  --tab-wrapped-bg-color-disabled: var(--color-bg-lighter, #fafafa);



  --tab-capsule-text-color: var(--color-text, #333333);



  --tab-capsule-text-color-hover: var(--color-text, #333333);



  --tab-capsule-text-color-disabled: var(--color-text-disabled, #bfbfbf);



  --tab-capsule-bg-color-disabled: var(--color-bg-lighter, #fafafa);



  --tab-capsule-tab-border-line-color-disabled: var(--color-border-lighter, #fafafa);



  --tab-capsule-tab-border-line-width: var(--line-1, 1px);



  --tab-capsule-tab-border-line-style: var(--line-solid, solid);



  --tab-text-item-sep-width: var(--line-1, 1px);



  --tab-text-text-color-normal: var(--color-text-title3, #666666);



  --tab-text-text-color-disabled: var(--color-text-disabled, #bfbfbf);



  --tab-icon-dropdown-content: var(--icon-content-arrow-down, "顦�");



  --tab-icon-prev-content: var(--icon-content-arrow-left, "顦�");



  --tab-icon-next-content: var(--icon-content-arrow-right, "顦�");


  /* ------------------------ calendar ------------------------ */



  --calendar-fullscreen-header-margin-bottom: var(--s-4, 16px);



  --calendar-fullscreen-table-head-font-size: var(--font-size-body-2, 14px);



  --calendar-fullscreen-table-head-padding-r: var(--s-4, 16px);



  --calendar-fullscreen-table-head-padding-b: var(--s-2, 8px);



  --calendar-fullscreen-table-cell-margin-tb: var(--s-2, 8px);



  --calendar-fullscreen-table-cell-margin-lr: var(--s-2, 8px);



  --calendar-fullscreen-table-cell-padding-tb: var(--s-2, 8px);



  --calendar-fullscreen-table-cell-min-height: var(--s-15, 60px);



  --calendar-fullscreen-table-cell-hover-background: var(--color-secondary-light, #fff4eb);



  --calendar-fullscreen-table-cell-hover-color: var(--color-primary, #ff6f00);



  --calendar-fullscreen-table-cell-hover-border-color: var(--color-primary, #ff6f00);



  --calendar-fullscreen-table-cell-select-background: var(--color-secondary-light, #fff4eb);



  --calendar-fullscreen-table-cell-select-color: var(--color-primary, #ff6f00);



  --calendar-fullscreen-table-cell-select-border-color: var(--color-primary, #ff6f00);



  --calendar-fullscreen-table-cell-current-color: var(--color-primary, #ff6f00);



  --calendar-fullscreen-table-cell-current-border-color: var(--color-primary, #ff6f00);



  --calendar-fullscreen-table-cell-other-color: var(--color-text-tip, #999999);



  --calendar-fullscreen-table-cell-disabled-background: var(--color-transparent, transparent);



  --calendar-fullscreen-table-cell-disabled-color: var(--color-text-disabled, #bfbfbf);



  --calendar-card-table-cell-date-border-radius: var(--corner-2, 4px);



  --calendar-card-table-cell-month-border-radius: var(--corner-2, 4px);



  --calendar-card-table-cell-year-border-radius: var(--corner-2, 4px);



  --calendar-card-table-head-color: var(--color-text, #333333);



  --calendar-card-table-cell-normal-color: var(--color-text-title3, #666666);



  --calendar-card-table-cell-hover-background: var(--color-primary, #ff6f00);



  --calendar-card-table-cell-hover-color: var(--color-white, #FFFFFF);



  --calendar-card-table-cell-hover-border-color: var(--color-primary, #ff6f00);



  --calendar-card-table-cell-select-background: var(--color-primary, #ff6f00);



  --calendar-card-table-cell-select-border-color: var(--color-primary, #ff6f00);



  --calendar-card-table-cell-select-font-weight: var(--font-weight-medium, 500);



  --calendar-card-table-cell-disabled-background: var(--color-bg-lighter, #fafafa);



  --calendar-card-table-cell-disabled-border-color: var(--color-transparent, transparent);



  --calendar-card-table-cell-current-color: var(--color-primary, #ff6f00);



  --calendar-card-table-cell-current-font-weight: var(--font-weight-medium, 500);



  --calendar-card-table-cell-inrange-background: var(--color-secondary, #ffdbbf);



  --calendar-card-table-cell-inrange-color: var(--color-primary, #ff6f00);



  --calendar-card-table-cell-inrange-border-color: var(--color-secondary, #ffdbbf);



  --calendar-panel-header-background: var(--color-primary, #ff6f00);



  --calendar-btn-date-font-weight: var(--font-weight-medium, 500);



  --calendar-btn-arrow-size: var(--icon-m, 16px);



  --calendar-fullscreen-table-head-font-weight: var(--font-weight-3, bold);



  --calendar-fullscreen-table-cell-font-size: var(--font-size-body-2, 14px);



  --calendar-fullscreen-table-cell-boder-top-width: var(--line-2, 2px);



  --calendar-fullscreen-table-cell-padding-lr: var(--s-2, 8px);



  --calendar-fullscreen-table-head-color: var(--color-text, #333333);



  --calendar-fullscreen-table-cell-normal-background: var(--color-white, #FFFFFF);



  --calendar-fullscreen-table-cell-normal-color: var(--color-text, #333333);



  --calendar-fullscreen-table-cell-normal-border-color: var(--color-border-light, #eeeeee);



  --calendar-fullscreen-table-cell-select-font-weight: var(--font-weight-3, bold);



  --calendar-fullscreen-table-cell-current-background: var(--color-white, #FFFFFF);



  --calendar-fullscreen-table-cell-current-font-weight: var(--font-weight-3, bold);



  --calendar-fullscreen-table-cell-other-background: var(--color-transparent, transparent);



  --calendar-fullscreen-table-cell-other-border-color: var(--color-transparent, transparent);



  --calendar-fullscreen-table-cell-disabled-border-color: var(--color-border-lighter, #fafafa);



  --calendar-card-header-margin-bottom: var(--s-2, 8px);



  --calendar-card-table-head-font-size: var(--font-size-caption, 12px);



  --calendar-card-table-head-font-weight: var(--font-weight-2, normal);



  --calendar-card-table-cell-font-size: var(--font-size-caption, 12px);



  --calendar-card-table-cell-date-width: var(--s-6, 24px);



  --calendar-card-table-cell-date-height: var(--s-6, 24px);



  --calendar-card-table-cell-month-width: var(--s-15, 60px);



  --calendar-card-table-cell-month-height: var(--s-6, 24px);



  --calendar-card-table-cell-year-width: var(--s-12, 48px);



  --calendar-card-table-cell-year-height: var(--s-6, 24px);



  --calendar-card-table-cell-corner: var(--corner-zero, 0px);



  --calendar-card-table-cell-normal-background: var(--color-white, #FFFFFF);



  --calendar-card-table-cell-normal-border-color: var(--color-white, #FFFFFF);



  --calendar-card-table-cell-select-color: var(--color-white, #FFFFFF);



  --calendar-card-table-cell-other-background: var(--color-white, #FFFFFF);



  --calendar-card-table-cell-other-color: var(--color-text-disabled, #bfbfbf);



  --calendar-card-table-cell-other-border-color: var(--color-white, #FFFFFF);



  --calendar-card-table-cell-disabled-color: var(--color-text-disabled, #bfbfbf);



  --calendar-card-table-cell-current-background: var(--color-white, #FFFFFF);



  --calendar-card-table-cell-current-border-color: var(--color-transparent, transparent);



  --calendar-panel-header-margin-bottom: var(--s-2, 8px);



  --calendar-panel-header-height: var(--s-8, 32px);



  --calendar-panel-header-border-bottom-width: var(--line-1, 1px);



  --calendar-panel-header-border-bottom-color: var(--color-transparent, transparent);



  --calendar-btn-date-margin-lr: var(--s-1, 4px);



  --calendar-btn-arrow-single-offset-lr: var(--s-7, 28px);



  --calendar-btn-arrow-double-offset-lr: var(--s-2, 8px);



  --calendar-btn-arrow-color: var(--color-white, #FFFFFF);



  --calendar-btn-arrow-color-hover: var(--color-white, #FFFFFF);



  --calendar-btn-date-color: var(--color-white, #FFFFFF);



  --calendar-btn-date-color-hover: var(--color-white, #FFFFFF);



  --calendar-btn-arrow-content-prev: var(--icon-content-arrow-left, "顦�");



  --calendar-btn-arrow-content-next: var(--icon-content-arrow-right, "顦�");



  --calendar-btn-arrow-content-prev-super: var(--icon-content-arrow-double-left, "顧�");



  --calendar-btn-arrow-content-next-super: var(--icon-content-arrow-double-right, "顧�");


  /* ------------------------ breadcrumb ------------------------ */



  --breadcrumb-size-m-icon-size: var(--icon-s, 12px);



  --breadcrumb-size-m-icon-margin: var(--s-1, 4px);



  --breadcrumb-text-color: var(--color-text-tip, #999999);



  --breadcrumb-text-current-color: var(--color-text, #333333);



  --breadcrumb-text-current-weight: var(--font-weight-2, normal);



  --breadcrumb-text-keyword-color: var(--color-primary, #ff6f00);



  --breadcrumb-icon-color: var(--color-text-tip, #999999);



  --breadcrumb-text-color-hover: var(--color-primary, #ff6f00);



  --breadcrumb-text-current-color-hover: var(--color-primary, #ff6f00);



  --breadcrumb-size-m-font-size: var(--font-size-caption, 12px);



  --breadcrumb-size-ellipsis-font-size: var(--font-size-caption, 12px);



  --breadcrumb-text-ellipsis-color: var(--color-text-title3, #666666);



  --breadcrumb-icon-sep-content: var(--icon-content-arrow-right, "顦�");



  --breadcrumb-text-keyword-color-hover: var(--color-primary, #ff6f00);


  /* ------------------------ date-picker ------------------------ */



  --date-picker-panel-footer-padding-lr: var(--s-2, 8px);



  --date-picker-panel-footer-padding-tb: var(--s-2, 8px);



  --date-picker-panel-background: var(--color-white, #FFFFFF);



  --date-picker-panel-time-panel-separator-color: var(--color-border-light, #eeeeee);



  --date-picker-calendar-icon: var(--icon-content-calendar, "顦�");


  /* ------------------------ cascader-select ------------------------ */



  --cascader-select: "cascader-select";


  /* ------------------------ paragraph ------------------------ */



  --paragraph-text-color: var(--color-text, #333333);



  --paragraph-s-font-size: var(--font-size-body-1, 12px);



  --paragraph-m-font-size: var(--font-size-body-2, 14px);



  --paragraph-s-line-height: var(--font-lineheight-2, 1.5);



  --paragraph-l-line-height: var(--font-lineheight-3, 1.7);


  /* ------------------------ tree-select ------------------------ */



  --tree-select-padding-vertical: var(--s-2, 8px);



  --tree-select-padding-horizontal: var(--s-5, 20px);



  --tree-select-background: var(--color-white, #FFFFFF);


  /* ------------------------ slider ------------------------ */



  --slick-dots-position-bottom: var(--s-3, 12px);



  --slick-dots-position-right: var(--s-5, 20px);



  --slick-dots-width: var(--s-2, 8px);



  --slick-dots-height: var(--s-2, 8px);



  --slick-dots-margin-lr: var(--s-1, 4px);



  --slick-dots-margin-tb: var(--s-zero, 0px);



  --slick-arrow-width-m: var(--s-7, 28px);



  --slick-arrow-width-l: var(--s-12, 48px);



  --slick-arrow-height-m: var(--s-14, 56px);



  --slick-arrow-height-l: var(--s-24, 96px);



  --slick-ver-arrow-width-m: var(--s-14, 56px);



  --slick-ver-arrow-width-l: var(--s-24, 96px);



  --slick-ver-arrow-height-m: var(--s-7, 28px);



  --slick-ver-arrow-height-l: var(--s-12, 48px);



  --slick-arrow-icon-m: var(--icon-m, 16px);



  --slick-arrow-icon-l: var(--icon-xl, 24px);



  --slick-arrow-position-lr-m: var(--s-1, 4px);



  --slick-arrow-position-lr-l: var(--s-2, 8px);



  --slick-ver-arrow-position-tb-m: var(--s-1, 4px);



  --slick-ver-arrow-position-tb-l: var(--s-4, 16px);



  --slick-track-padding-lr: var(--s-6, 24px);



  --slick-ver-track-padding-tb: var(--s-6, 24px);



  --slick-dots-background-color-normal: var(--color-black, #000000);



  --slick-dots-background-color-hover: var(--color-white, #FFFFFF);



  --slick-dots-background-color-selected: var(--color-primary, #ff6f00);



  --slick-dots-background-opacity-normal: .32;



  --slick-dots-background-opacity-hover: .5;



  --slick-dots-background-opacity-selected: 1;



  --slick-dots-border-width: var(--line-zero, 0px);



  --slick-dots-border-radius: var(--corner-circle, 50%);



  --slick-dots-border-color-normal: var(--color-white, #FFFFFF);



  --slick-dots-border-color-hover: var(--color-white, #FFFFFF);



  --slick-dots-border-color-selected: var(--color-white, #FFFFFF);



  --slick-dots-border-opacity-normal: 1;



  --slick-dots-border-opacity-hover: 1;



  --slick-dots-border-opacity-selected: 1;



  --slick-arrow-icon-color-normal: var(--color-white, #FFFFFF);



  --slick-arrow-icon-color-normal-outer: var(--color-text-title3, #666666);



  --slick-arrow-icon-color-hover: var(--color-white, #FFFFFF);



  --slick-arrow-icon-color-hover-outer: var(--color-text, #333333);



  --slick-arrow-icon-color-disabled: var(--color-text-disabled, #bfbfbf);



  --slick-arrow-icon-color-disabled-outer: var(--color-text-disabled, #bfbfbf);



  --slick-arrow-bg-color-normal: var(--color-black, #000000);



  --slick-arrow-bg-color-hover: var(--color-black, #000000);



  --slick-arrow-bg-color-disabled: var(--color-bg-lighter, #fafafa);



  --slick-arrow-bg-opacity-normal: .2;



  --slick-arrow-bg-opacity-hover: .4;



  --slick-arrow-bg-opacity-disabled: .5;



  --slick-arrow-bg-color-normal-outer: var(--color-transparent, transparent);



  --slick-arrow-bg-color-hover-outer: var(--color-transparent, transparent);



  --slick-arrow-bg-color-disabled-outer: var(--color-transparent, transparent);



  --slick-arrow-bg-opacity-normal-outer: .32;



  --slick-arrow-bg-opacity-hover-outer: .32;



  --slick-arrow-bg-opacity-disabled-outer: .32;



  --slick-arrow-corner-radius-outer: var(--s-zero, 0px);



  /* 鍏煎0.x */
  --line-0: var(--line-zero);
  --shadow-0: var(--shadow-zero);
  --corner-right-angle: var(--corner-zero);
  --s-0: var(--s-zero);
}

/* L2 */
.cn-table-link-cell,
.cn-table-format-text-link {
  color: var(--color-brand1-6,#284cc0) !important;
}