.common-table-head {
    height: 20px;
    line-height: 20px;
}

:root {
    --background-white: #fafafa;
    --bcm-layout-width: 1248px;
    --big-screen: 2016px;
    --btn-color-gray: #999;
    --button-color: #0054e6;
    --button-color-primary: #4995fe;
    --button-color-primary-1: #4e6efa;
    --button-color-primary-2: #a7b7fd;
    --button-color-primary-3: #4367b4;
    --button-color-primary-4: #1b54e9;
    --button-color-primary-5: #4552ff;
    --case-background-color: #f6f7fa;
    --dialog-button-z-index: 1120;
    --dialog-overlay-z-index: 1160;
    --drawer-z-index: 1100;
    --example-title-color: #383c5d;
    --extra-component-margin: 24px;
    --font-color-gray: #545b66;
    --font-color-gray-1: #858585;
    --font-color-gray-2: #1c275b;
    --font-color-gray-3: #1f1f1f;
    --font-color-gray-4: #666;
    --font-color-gray-5: #f8f9ff;
    --font-color-mark-gray: #e2e6f0;
    --font-color-mid-gray: #a8b0bf;
    --font-color-orange: #f60;
    --font-icon-add-v: "\e927";
    --font-icon-align-left: "\e685";
    --font-icon-align-left-little: "\e690";
    --font-icon-app-intelligentPage: "\e924";
    --font-icon-app-matchBudget: "\e921";
    --font-icon-app-scheduleBudget: "\e922";
    --font-icon-app-transOptimization: "\e928";
    --font-icon-arrow-corner-square: "\e691";
    --font-icon-arrow-down: "\e616";
    --font-icon-arrow-left: "\e617";
    --font-icon-arrow-right: "\e618";
    --font-icon-arrow-top-left: "\e687";
    --font-icon-arrow-up: "\e61b";
    --font-icon-arrows-h: "\e619";
    --font-icon-arrows-o: "\e61a";
    --font-icon-arrows-o-reverse: "\e686";
    --font-icon-audit: "\e90a";
    --font-icon-average: "\e6a8";
    --font-icon-back-home: "\e905";
    --font-icon-back-spend: "\e906";
    --font-icon-backward: "\e932";
    --font-icon-bad: "\e6a9";
    --font-icon-ban: "\e61c";
    --font-icon-battery-empty: "\e62f";
    --font-icon-battery-full: "\e622";
    --font-icon-battery-half: "\e639";
    --font-icon-bg-circle-full: "\e63a";
    --font-icon-bg-square-empty: "\e67e";
    --font-icon-bg-square-full: "\e63b";
    --font-icon-bg-triagle-empty: "\e67f";
    --font-icon-bg-triagle-full: "\e680";
    --font-icon-briefcase: "\e610";
    --font-icon-bubble: "\e6a6";
    --font-icon-business-ao: "\e63c";
    --font-icon-business-buy: "\e800";
    --font-icon-business-calculator: "\e6bb";
    --font-icon-business-consult: "\e801";
    --font-icon-business-content-empty: "\e644";
    --font-icon-business-content-pencil: "\e69d";
    --font-icon-business-datacenter: "\e63d";
    --font-icon-business-discount: "\e613";
    --font-icon-business-facileManage: "\e63e";
    --font-icon-business-finance: "\e63f";
    --font-icon-business-homepage: "\e640";
    --font-icon-business-others: "\e802";
    --font-icon-business-priceSimulator: "\e641";
    --font-icon-business-spreadManagement: "\e642";
    --font-icon-business-user: "\e643";
    --font-icon-calculator: "\e60f";
    --font-icon-calendar: "\e61d";
    --font-icon-caret-down: "\e61e";
    --font-icon-caret-left: "\e61f";
    --font-icon-caret-right: "\e60e";
    --font-icon-caret-right-square: "\e620";
    --font-icon-caret-up: "\e621";
    --font-icon-chain: "\e69e";
    --font-icon-check: "\e632";
    --font-icon-check-circle: "\e623";
    --font-icon-check-circle-s: "\e936";
    --font-icon-check-half: "\e647";
    --font-icon-check-square: "\e633";
    --font-icon-check-square2: "\e6ae";
    --font-icon-chevron-down: "\e68a";
    --font-icon-chevron-left: "\e68b";
    --font-icon-chevron-right: "\e68c";
    --font-icon-chevron-up: "\e68d";
    --font-icon-circle-empty: "\e634";
    --font-icon-circle-full: "\e648";
    --font-icon-circle-notch: "\e649";
    --font-icon-click: "\e6ab";
    --font-icon-clock: "\e60d";
    --font-icon-cloud: "\e64a";
    --font-icon-collaps: "\e614";
    --font-icon-compress: "\e64c";
    --font-icon-consult: "\e6b1";
    --font-icon-copy: "\e929";
    --font-icon-cost: "\e6ad";
    --font-icon-cost-manager: "\e92d";
    --font-icon-criticism: "\e64d";
    --font-icon-data-overview: "\e92b";
    --font-icon-datacenter-logo: "\e615";
    --font-icon-desktop: "\e624";
    --font-icon-detail: "\e904";
    --font-icon-dimension: "\e938";
    --font-icon-dot: "\e645";
    --font-icon-dot-circle: "\e635";
    --font-icon-dot-list: "\e920";
    --font-icon-download: "\e625";
    --font-icon-drag: "\e900";
    --font-icon-earth: "\e6a5";
    --font-icon-edit: "\e626";
    --font-icon-efficient-conversion: "\e6bc";
    --font-icon-ellipsis: "\e64e";
    --font-icon-emange-user: "\e92a";
    --font-icon-empty-praise2: "\e6af";
    --font-icon-enlarge: "\e64f";
    --font-icon-exclamation-circle: "\e60c";
    --font-icon-expand: "\e612";
    --font-icon-exposure-diagnosis: "\e91b";
    --font-icon-external-arrow: "\e69f";
    --font-icon-external-link: "\e60b";
    --font-icon-eye-square: "\e692";
    --font-icon-feed-app-nichang: "\e937";
    --font-icon-feedback: "\e6b3";
    --font-icon-file: "\e91f";
    --font-icon-filter: "\e909";
    --font-icon-fist: "\e6ac";
    --font-icon-flag: "\e652";
    --font-icon-flag-empty: "\e646";
    --font-icon-flash: "\e627";
    --font-icon-flow-aid: "\e923";
    --font-icon-folder: "\e653";
    --font-icon-folder-empty: "\e683";
    --font-icon-folder-open: "\e654";
    --font-icon-folder-open-1: "\e91e";
    --font-icon-forward: "\e628";
    --font-icon-free-click: "\e907";
    --font-icon-fresh: "\e609";
    --font-icon-front-shield: "\e908";
    --font-icon-gear: "\e600b";
    --font-icon-good: "\e6aa";
    --font-icon-heart: "\e656";
    --font-icon-hint-exclamation-s: "\e611";
    --font-icon-hint-info-s: "\e600";
    --font-icon-hint-question-s: "\e681";
    --font-icon-history: "\e916";
    --font-icon-home: "\e657";
    --font-icon-hot: "\e6a7";
    --font-icon-idea-square: "\e693";
    --font-icon-image: "\e93b";
    --font-icon-info-circle: "\e682";
    --font-icon-keyword: "\e90b";
    --font-icon-keyword-1000: "\e90e";
    --font-icon-keyword-100w: "\e90d";
    --font-icon-keyword-10w: "\e90c";
    --font-icon-keyword-2000w: "\e910";
    --font-icon-large-clock: "\e6a4";
    --font-icon-largeable-arrow-down: "\e64b";
    --font-icon-largeable-arrow-left: "\e650";
    --font-icon-largeable-arrow-right: "\e651";
    --font-icon-largeable-arrow-up: "\e658";
    --font-icon-largeable-arrows-o: "\e655";
    --font-icon-largeable-caret-down: "\e65c";
    --font-icon-largeable-caret-left: "\e66c";
    --font-icon-largeable-caret-right: "\e66d";
    --font-icon-largeable-caret-right-square: "\e66e";
    --font-icon-largeable-caret-up: "\e66f";
    --font-icon-largeable-check: "\e670";
    --font-icon-largeable-check-square: "\e671";
    --font-icon-largeable-collaps: "\e672";
    --font-icon-largeable-download: "\e673";
    --font-icon-largeable-expand: "\e674";
    --font-icon-largeable-external-link: "\e675";
    --font-icon-largeable-forward: "\e676";
    --font-icon-largeable-move: "\e677";
    --font-icon-line-chart-square: "\e694";
    --font-icon-list: "\e60a";
    --font-icon-location: "\e659";
    --font-icon-lock: "\e65a";
    --font-icon-mail: "\e636";
    --font-icon-medal: "\e90f";
    --font-icon-message: "\e65b";
    --font-icon-minus: "\e684";
    --font-icon-minus-circle: "\e629";
    --font-icon-mobilephone: "\e65d";
    --font-icon-module: "\e92c";
    --font-icon-moneybag: "\e6b7";
    --font-icon-monitor: "\e688";
    --font-icon-move: "\e678";
    --font-icon-mpcard-btn: "\e92e";
    --font-icon-mpcard-fixed-btn: "\e930";
    --font-icon-mpcard-img: "\e931";
    --font-icon-mpcard-para: "\e92f";
    --font-icon-negative-keyword: "\e911";
    --font-icon-negative-keyword-200: "\e912";
    --font-icon-negative-keyword-300: "\e913";
    --font-icon-negative-keyword-400: "\e914";
    --font-icon-new: "\e68f";
    --font-icon-numbered-list: "\e6a3";
    --font-icon-pause: "\e62a";
    --font-icon-pencil: "\e65e";
    --font-icon-pencil-circle: "\e695";
    --font-icon-pencil-square: "\e696";
    --font-icon-people: "\e697";
    --font-icon-phone: "\e65f";
    --font-icon-phone-o: "\e933";
    --font-icon-picture: "\e660";
    --font-icon-pin: "\e637";
    --font-icon-plan: "\e918";
    --font-icon-plan-100: "\e919";
    --font-icon-plan-300: "\e91a";
    --font-icon-plus: "\e62b";
    --font-icon-plus-circle-square: "\e698";
    --font-icon-plus-shiled-square: "\e699";
    --font-icon-plus-square-full: "\e68e";
    --font-icon-praise: "\e661";
    --font-icon-praise2: "\e6b0";
    --font-icon-quality: "\e939";
    --font-icon-question-circle: "\e62d";
    --font-icon-real-time: "\e925";
    --font-icon-real-time-report: "\e915";
    --font-icon-reduce: "\e662";
    --font-icon-refresh: "\e663";
    --font-icon-robot-a: "\e934";
    --font-icon-scale: "\e608";
    --font-icon-search: "\e62c";
    --font-icon-search-square: "\e607";
    --font-icon-search-word-report: "\e926";
    --font-icon-shake: "\e6b5";
    --font-icon-share: "\e664";
    --font-icon-shield: "\e69a";
    --font-icon-shields: "\e6b8";
    --font-icon-signal: "\e606";
    --font-icon-silent: "\e665";
    --font-icon-speed-up: "\e917";
    --font-icon-square: "\e666";
    --font-icon-star-empty: "\e605";
    --font-icon-star-full: "\e604";
    --font-icon-star-half: "\e603";
    --font-icon-stats: "\e6a2";
    --font-icon-stopwatch: "\e903";
    --font-icon-structed: "\e6b6";
    --font-icon-table-filter: "\e91d";
    --font-icon-tag: "\e679";
    --font-icon-target-package: "\e93c";
    --font-icon-th: "\e667";
    --font-icon-th-large: "\e668";
    --font-icon-th-list: "\e67b";
    --font-icon-th-middle: "\e67c";
    --font-icon-th-small: "\e67a";
    --font-icon-times: "\e630";
    --font-icon-times-circle: "\e631";
    --font-icon-title: "\e935";
    --font-icon-toolbar-edittool: "\e91c";
    --font-icon-transfer-square: "\e6b2";
    --font-icon-trash: "\e62e";
    --font-icon-trash-square: "\e689";
    --font-icon-trend: "\e602";
    --font-icon-trends: "\e902";
    --font-icon-trophy: "\e6a1";
    --font-icon-turnaround: "\e669";
    --font-icon-tutorial: "\e6b4";
    --font-icon-unlock: "\e67d";
    --font-icon-upload: "\e6a0";
    --font-icon-url-recommend-sample: "\e901";
    --font-icon-user: "\e66a";
    --font-icon-user-circle: "\e638";
    --font-icon-v-three: "\e93a";
    --font-icon-verygood: "\e6b9";
    --font-icon-voice: "\e66b";
    --font-icon-warning: "\e6ba";
    --font-icon-word: "\e601";
    --font-icon-word-square: "\e69b";
    --font-icon-wrench: "\e69c";
    --font-icon-zhenxuanhui: "\e93d";
    --h5-close-color: #b8b8b8;
    --h5-component-color: #f5f5f5;
    --h5-desc-color: #858585;
    --h5-operate-color: #4e6ef2;
    --h5-operate-font-color: #fff;
    --icomoon-font-path: "fonts";
    --info-color-primary: #0052cc;
    --label-color: #333;
    --layout-color-background: #f5f5f5;
    --layout-color-primary: #f2f4f8;
    --link-color: #3d88f2;
    --login-title: 220px;
    --max-screen: 1920px;
    --min-screen: 1248px;
    --mobile-radio-back-color: #f3f5f9;
    --mobile-radio-button-color: #545b66;
    --mobile-radio-check-color: #e0edff;
    --normal-screen: 1716px;
    --order-end-tip: #009940;
    --quality-tip-color: #ff9100;
    --replace-image: #d3d9e5;
    --select-arrow-color: #848b99;
    --select-dropdown-z-index: 1200;
    --small-screen: 1416px;
    --steps-color-primary: #e0edff;
    --table-head-color: #f5f5f5;
    --tag-background-color: #ebedf5;
    --tip-color: #848b99;
    --tips-color: #f00;
    --toast-z-index: 1200;
    --uploader-color-gray: #e1e5f0;
    --url-hover-color: #3574ca;
    --white: #fff;

    /* Brand colors */
    --dls-color-brand: #0054e6;
    --dls-color-brand-0: #fff;
    --dls-color-brand-1: #ebf2ff;
    --dls-color-brand-2: #dce9ff;
    --dls-color-brand-3: #bfd7ff;
    --dls-color-brand-4: #95bcff;
    --dls-color-brand-5: #5e99ff;
    --dls-color-brand-6: #1a6eff;
    --dls-color-brand-7: #0054e6;
    --dls-color-brand-8: #0047c4;
    --dls-color-brand-9: #003796;
    --dls-color-brand-10: #00225c;
    --dls-color-brand-11: #000;

    /* contextual colors */
    --dls-color-info: #0054e6;
    --dls-color-info-0: #fff;
    --dls-color-info-1: #ebf2ff;
    --dls-color-info-2: #dce9ff;
    --dls-color-info-3: #bfd7ff;
    --dls-color-info-4: #95bcff;
    --dls-color-info-5: #5e99ff;
    --dls-color-info-6: #1a6eff;
    --dls-color-info-7: #0054e6;
    --dls-color-info-8: #0047c4;
    --dls-color-info-9: #003796;
    --dls-color-info-10: #00225c;
    --dls-color-info-11: #000;
    --dls-color-success: #009940;
    --dls-color-success-0: #fff;
    --dls-color-success-1: #ebfff3;
    --dls-color-success-2: #daffe9;
    --dls-color-success-3: #baffd7;
    --dls-color-success-4: #8bffbb;
    --dls-color-success-5: #4dff97;
    --dls-color-success-6: #0c5;
    --dls-color-success-7: #009940;
    --dls-color-success-8: #008236;
    --dls-color-success-9: #00632a;
    --dls-color-success-10: #003d1a;
    --dls-color-success-11: #000;
    --dls-color-warning: #f27318;
    --dls-color-warning-0: #fff;
    --dls-color-warning-1: #fff3eb;
    --dls-color-warning-2: #ffecdf;
    --dls-color-warning-3: #ffdfc9;
    --dls-color-warning-4: #ffcca8;
    --dls-color-warning-5: #ffb37d;
    --dls-color-warning-6: #ff9448;
    --dls-color-warning-7: #f27318;
    --dls-color-warning-8: #ce5600;
    --dls-color-warning-9: #9d4200;
    --dls-color-warning-10: #612800;
    --dls-color-warning-11: #000;
    --dls-color-error: #d9150b;
    --dls-color-error-0: #fff;
    --dls-color-error-1: #ffeceb;
    --dls-color-error-2: #ffdedc;
    --dls-color-error-3: #ffc4c0;
    --dls-color-error-4: #ff9d98;
    --dls-color-error-5: #ff6a63;
    --dls-color-error-6: #ff2b20;
    --dls-color-error-7: #d9150b;
    --dls-color-error-8: #b80900;
    --dls-color-error-9: #8d0700;
    --dls-color-error-10: #570400;
    --dls-color-error-11: #000;

    /* Gray scale colors */
    --dls-color-gray-0: #fff;
    --dls-color-gray-1: #f6f7fa;
    --dls-color-gray-2: #ebedf5;
    --dls-color-gray-3: #e2e6f0;
    --dls-color-gray-4: #d3d9e6;
    --dls-color-gray-5: #c5ccdb;
    --dls-color-gray-6: #a8b0bf;
    --dls-color-gray-7: #848b99;
    --dls-color-gray-8: #545b66;
    --dls-color-gray-9: #191b1e;
    --dls-color-gray-10: #0a0b0d;
    --dls-color-gray-11: #000;
    --dls-color-translucent-0: transparent;
    --dls-color-translucent-1: rgba(109, 159, 247, .07);
    --dls-color-translucent-2: rgba(108, 156, 240, .1);
    --dls-color-translucent-3: rgba(102, 146, 222, .15);
    --dls-color-translucent-4: rgba(96, 134, 199, .2);
    --dls-color-translucent-5: rgba(90, 119, 168, .3);
    --dls-color-translucent-6: rgba(83, 101, 138, .5);
    --dls-color-translucent-7: rgba(73, 86, 107, .8);
    --dls-color-translucent-8: rgba(46, 52, 64, .9);
    --dls-color-translucent-9: rgba(13, 15, 18, .95);
    --dls-color-translucent-10: rgba(4, 4, 5, .95);
    --dls-color-translucent-11: #000;

    /**
    * Typography
    */
    --dls-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
    --dls-font-family-number: "Baidu Number", sans-serif;
    --dls-font-size-0: 12px;
    --dls-font-size-1: 14px;
    --dls-font-size-2: 16px;
    --dls-font-size-3: 18px;
    --dls-font-size-4: 20px;
    --dls-font-size-5: 24px;
    --dls-font-size-6: 32px;
    --dls-font-weight-1: 400;
    --dls-font-weight-2: 500;
    --dls-font-weight-3: 600;
    --dls-line-height-1: 1.4;
    --dls-line-height-2: 1.6;
    --dls-line-height-3: 1.8;

    /**
    * Spacing
    */
    --dls-spacing-unit: 4px;
    --dls-padding-unit: 4px;
    --dls-height-unit: 4px;
    --dls-spacing-1: 4px;
    --dls-spacing-2: 8px;
    --dls-spacing-3: 12px;
    --dls-spacing-4: 16px;
    --dls-spacing-5: 24px;
    --dls-spacing-6: 32px;
    --dls-spacing-7: 40px;

    /* Heights */
    --dls-height-xs: 24px;
    --dls-height-s: 28px;
    --dls-height-m: 32px;
    --dls-height-l: 36px;
    --dls-height-xl: 40px;

    /**
    * Global foreground colors
    */
    --dls-foreground-color-reverse: #fff;
    --dls-foreground-color-primary-reverse: #fff;
    --dls-foreground-color-primary: #0054e6;
    --dls-foreground-color-primary-hover: #1a6eff;
    --dls-foreground-color-primary-active: #0047c4;
    --dls-foreground-color-primary-disabled: #95bcff;
    --dls-foreground-color-neutral: rgba(13, 15, 18, .95);
    --dls-foreground-color-neutral-hover: rgba(46, 52, 64, .9);
    --dls-foreground-color-neutral-active: #000;
    --dls-foreground-color-neutral-disabled: rgba(83, 101, 138, .5);
    --dls-foreground-color-neutral-strong: #000;
    --dls-foreground-color-neutral-strong-hover: rgba(4, 4, 5, .95);
    --dls-foreground-color-neutral-strong-active: #000;
    --dls-foreground-color-neutral-strong-disabled: rgba(83, 101, 138, .5);
    --dls-foreground-color-neutral-light: rgba(46, 52, 64, .9);
    --dls-foreground-color-neutral-light-hover: rgba(73, 86, 107, .8);
    --dls-foreground-color-neutral-light-active: rgba(13, 15, 18, .95);
    --dls-foreground-color-neutral-light-disabled: rgba(83, 101, 138, .5);
    --dls-foreground-color-neutral-weak: rgba(73, 86, 107, .8);
    --dls-foreground-color-neutral-weak-hover: rgba(46, 52, 64, .9);
    --dls-foreground-color-neutral-weak-active: rgba(13, 15, 18, .95);
    --dls-foreground-color-neutral-weak-disabled: rgba(90, 119, 168, .3);
    --dls-foreground-color-neutral-dim: rgba(83, 101, 138, .5);
    --dls-foreground-color-neutral-dim-hover: rgba(73, 86, 107, .8);
    --dls-foreground-color-neutral-dim-active: rgba(46, 52, 64, .9);
    --dls-foreground-color-neutral-dim-disabled: rgba(102, 146, 222, .15);
    --dls-foreground-color-neutral-subtle: rgba(90, 119, 168, .3);
    --dls-foreground-color-neutral-subtle-hover: rgba(83, 101, 138, .5);
    --dls-foreground-color-neutral-subtle-active: rgba(73, 86, 107, .8);
    --dls-foreground-color-neutral-subtle-disabled: rgba(102, 146, 222, .15);
    --dls-foreground-color-neutral-highlightable: rgba(13, 15, 18, .95);
    --dls-foreground-color-neutral-highlightable-hover: #1a6eff;
    --dls-foreground-color-neutral-highlightable-active: #0047c4;
    --dls-foreground-color-neutral-highlightable-disabled: rgba(83, 101, 138, .5);
    --dls-foreground-color-info-primary: #0054e6;
    --dls-foreground-color-info-primary-disabled: #95bcff;
    --dls-foreground-color-success-primary: #009940;
    --dls-foreground-color-success-primary-disabled: #8bffbb;
    --dls-foreground-color-warning-primary: #ff9448;
    --dls-foreground-color-warning-primary-disabled: #ffcca8;
    --dls-foreground-color-error-primary: #d9150b;
    --dls-foreground-color-error-primary-disabled: #ff9d98;
    --dls-foreground-color-highlighted: #f27318;

    /**
    * Global layer styles
    */

    /* Base layers */
    --dls-background-color-base-1: #fff;
    --dls-background-color-base-1-hover: #f6f7fa;
    --dls-background-color-base-1-active: #e2e6f0;
    --dls-background-color-base-1-disabled: #fff;
    --dls-background-color-base-2: #f6f7fa;
    --dls-background-color-base-2-hover: #ebedf5;
    --dls-background-color-base-2-active: #e2e6f0;
    --dls-background-color-base-2-disabled: #f6f7fa;
    --dls-background-color-base-3: #ebedf5;
    --dls-background-color-base-3-hover: #e2e6f0;
    --dls-background-color-base-3-active: #d3d9e6;
    --dls-background-color-base-3-disabled: #f6f7fa;

    /* Primary layers */
    --dls-background-color-primary: #0054e6;
    --dls-background-color-primary-hover: #1a6eff;
    --dls-background-color-primary-active: #0047c4;
    --dls-background-color-primary-disabled: #dce9ff;
    --dls-border-color-primary: transparent;
    --dls-border-color-primary-disabled: transparent;
    --dls-background-color-info-primary: #0054e6;
    --dls-background-color-info-primary-hover: #1a6eff;
    --dls-background-color-info-primary-active: #0047c4;
    --dls-background-color-info-primary-disabled: #dce9ff;
    --dls-background-color-success-primary: #009940;
    --dls-background-color-success-primary-hover: #0c5;
    --dls-background-color-success-primary-active: #008236;
    --dls-background-color-success-primary-disabled: #daffe9;
    --dls-background-color-warning-primary: #ff9448;
    --dls-background-color-warning-primary-hover: #ffb37d;
    --dls-background-color-warning-primary-active: #f27318;
    --dls-background-color-warning-primary-disabled: #ffecdf;
    --dls-background-color-error-primary: #d9150b;
    --dls-background-color-error-primary-hover: #ff2b20;
    --dls-background-color-error-primary-active: #b80900;
    --dls-background-color-error-primary-disabled: #ffdedc;

    /* Normal layers */
    --dls-background-color-info: #ebf2ff;
    --dls-background-color-info-hover: #dce9ff;
    --dls-background-color-info-active: #bfd7ff;
    --dls-background-color-success: #ebfff3;
    --dls-background-color-success-hover: #daffe9;
    --dls-background-color-success-active: #baffd7;
    --dls-background-color-warning: #fff3eb;
    --dls-background-color-warning-hover: #ffecdf;
    --dls-background-color-warning-active: #ffdfc9;
    --dls-background-color-error: #ffeceb;
    --dls-background-color-error-hover: #ffdedc;
    --dls-background-color-error-active: #ffc4c0;
    --dls-background-color-neutral: #ebedf5;
    --dls-background-color-neutral-hover: #e2e6f0;
    --dls-background-color-neutral-active: #d3d9e6;

    /* Current layers */
    --dls-background-color-current: #ebf2ff;
    --dls-background-color-current-hover: #dce9ff;
    --dls-background-color-current-active: #bfd7ff;

    /* Strong layers */
    --dls-background-color-strong: #fff;
    --dls-background-color-strong-hover: #ebf2ff;
    --dls-background-color-strong-active: #dce9ff;
    --dls-background-color-error-strong: #fff;
    --dls-background-color-error-strong-hover: #ffeceb;
    --dls-background-color-error-strong-active: #ffdedc;

    /* Fillable & pressable layers */
    --dls-background-color-fillable: #fff;
    --dls-background-color-fillable-hover: #ebedf5;
    --dls-background-color-fillable-active: #d3d9e6;
    --dls-background-color-pressable: #fff;
    --dls-background-color-pressable-hover: #f6f7fa;
    --dls-background-color-pressable-active: #e2e6f0;

    /* Translucent layers */
    --dls-background-color-translucent: rgba(0, 0, 0, .6);
    --dls-background-color-translucent-hover: rgba(0, 0, 0, .5);
    --dls-background-color-translucent-active: rgba(0, 0, 0, .7);
    --dls-background-color-translucent-reverse: transparent;
    --dls-background-color-translucent-reverse-hover: rgba(255, 255, 255, .15);
    --dls-background-color-translucent-reverse-active: rgba(255, 255, 255, .25);
    --dls-background-color-modal: rgba(0, 0, 0, .6);
    --dls-background-color-focus: #dce9ff;
    --dls-border-color-focus: #0054e6;
    --dls-border-color-error-focus: #d9150b;

    /* Line colors */
    --dls-line-color-0: #ebedf5;
    --dls-line-color-1: #e2e6f0;
    --dls-line-color-2: #d3d9e6;

    /* Border radii */
    --dls-border-radius-0: 2px;
    --dls-border-radius-1: 4px;
    --dls-border-radius-2: 6px;
    --dls-border-radius-3: 10px;
    --dls-border-radius-4: 16px;

    /* Shadows */
    --dls-shadow-color: #000;
    --dls-shadow-1: 0 4px 10px rgba(0, 0, 0, .03), 0 3px 9px rgba(0, 0, 0, .02), 0 2px 8px rgba(0, 0, 0, .01);
    --dls-shadow-2: 0 6px 28px 2px rgba(0, 0, 0, .04), 0 4px 26px 2px rgba(0, 0, 0, .03), 0 2px 24px 1px rgba(0, 0, 0, .02);
    --dls-shadow-3: 0 6px 32px 2px rgba(0, 0, 0, .06), 0 5px 30px 1px rgba(0, 0, 0, .05), 0 4px 28px 1px rgba(0, 0, 0, .04);
    --dls-shadow-4: 0 1px 8px rgba(0, 0, 0, .06), 0 7px 14px 2px rgba(0, 0, 0, .05), 0 8px 16px 4px rgba(0, 0, 0, .04);
    --dls-shadow-opacity-focus: .2;
    --dls-shadow-spread-focus: 2px;
    --dls-shadow-color-focus: #1a6eff;
    --dls-shadow-color-error-focus: #ff2b20;
    --dls-shadow-focus: 0 0 0 2px rgba(26, 110, 255, .2);
    --dls-shadow-error-focus: 0 0 0 2px rgba(255, 43, 32, .2);

    /* Icons */
    --dls-icon-size-normal: calc(1em + 2px);
    --dls-icon-size-minor: calc(1em + 2px);
    --dls-icon-size-aux: calc(1em + 2px);
    --dls-icon-color-aux: rgba(73, 86, 107, .8);
    --dls-icon-color-aux-disabled: rgba(83, 101, 138, .5);

    /* Transitions */
    --dls-transition-duration-instant: 100ms;
    --dls-transition-duration-fast: 200ms;
    --dls-transition-duration-normal: 300ms;
    --dls-transition-duration-slow: 400ms;
    --dls-transition-timing-function-ease: ease;
    --dls-transition-timing-function-ease-in: ease-in;
    --dls-transition-timing-function-ease-out: ease-out;
    --dls-transition-timing-function-linear: linear;
}

.expand-downward-header {
        display: flex;
        align-items: center;
        padding: 24px 0;
    }

        .expand-downward-header-icon {
            font-size: 16px;
            line-height: 20px;
            transition: transform .3s;
            cursor: pointer;
        }

        .expand-downward-header-iconRotate {
            transform: rotate(-180deg);
        }

        .expand-downward-header-title {
            margin-left: 8px;
            font-family: "PingFang SC";
            font-weight: 600;
            font-size: 14px;
            line-height: 20px;
            color: #282c33;
        }

        .expand-downward-header-tips {
            margin-left: 16px;
            color: #848b99;
            font-family: "PingFang SC";
            font-size: 14px;
        }
    .expand-downward-content {
        padding-bottom: 24px;
    }
    .expand-downward-content .with-form-label {
            padding-top: 0 !important;
        }
    .expand-downward-content .order-form-extra-service-item {
            padding-top: 24px;
        }
    .expand-downward-content .order-form-extra-service-item:first-child {
                padding-top: 0 !important;
            }
    .expand-downward-content .order-form-extra-service-item .with-form-label {
                padding-top: 0 !important;
            }
    .expand-downward-content .order-form-extra-service-item-label {
                width: 120px !important;
            }
    .expand-downward-content .order-form-extra-service-item-title {
                display: flex;
                width: 120px !important;
            }

.MpQ_3:last-child {
        margin-right: 0 !important;
    }
    .MpQ_3 >.one-tabs-title {
            height: 28px !important;
        }

.imFunc .imTabFuncTab .one-tabs-nav {
            width: 256px;
        }

            .imFunc .imTabFuncTab .one-tabs-nav >div {
                display: flex;
                justify-content: space-between;
            }
    .imFunc .imTabFuncTabPane {
        flex-shrink: 0;
        width: 56px !important;
        margin-right: 20px !important;
    }
    .imFunc .imTabFuncTabPane:last-child {
            margin-right: 0 !important;
            width: 28px !important;
        }
    .imFunc .imTabFuncTabPane .one-tabs-title {
            height: 54px !important;
        }
    .imFunc .imTabFuncGroupPane {
        margin-right: 93px !important;
    }
    .imFunc .imTabFuncGroupPane .one-tabs-title {
            height: 54px !important;
        }

@keyframes OMUDf {
    0% {
        transform: translateX(100%);
    }

    100% {
        transform: translateX(-100%);
    }
}

.jU4Se {
    animation: OMUDf 15s linear infinite;
}

.bCI2v {
    width: calc(100% - 71px);
}

.NtWL_ {
    height: 338px !important;
}

.uCliW .one-textarea-wrapper .one-textarea-container .one-textarea {
            resize: none;
        }

            .uCliW .one-textarea-wrapper .one-textarea-container .one-textarea.one-invalid {
                border: none;
                border-color: transparent;
                box-shadow: none;
            }

.A2xoU {
    animation: VcKfg 2s ease forwards;
}

@keyframes VcKfg {
    0% {
        transform: translate(-43%, 0); /* 在原位 */
    }

    30% {
        transform: translate(-43%, -7px); /* 第一次跳起 */
    }

    50% {
        transform: translate(-43%, 0); /* 回到原位 */
    }

    70% {
        transform: translate(-43%, -7px); /* 第二次跳起 */
    }

    100% {
        transform: translate(-43%, 0); /* 最终回到原位 */
    }
}

.common-with-container {
    display: flex;
    align-items: center;
}

    .common-with-container-label-title {
            text-align: right;
            flex-shrink: 0;
            width: 138px;
            margin-right: 32px;
            font-size: 14px;
            line-height: 20px;
            color: #545b66;
        }

.custom-form-required::before {
        content: '*';
        color: var(--dls-color-error-7);
        margin-right: 4px;
    }

.fe-link-common-editform .one-form-item-label {
        margin-right: 24px;
        width: 125px;
    }

.components-manage-list {
        padding: 24px;
        border-radius: 3px;
        width: calc(100vw - 311px);
        background: var(--dls-background-color-base-1);
    }

        @media (max-width: 1248px) {.components-manage-list {
            width: 1150px
    }
        }

        .components-manage-list .goods-card-preview {
            box-sizing: border-box;
            display: flex;
            padding: 7px;
            width: 220px;
            height: 55px;
            border-radius: 5px;
            justify-content: space-between;
            cursor: pointer;
            font-family: PingFang SC;
            background-color: var(--layout-color-background);
        }

        .components-manage-list .goods-card-preview-info {
                display: flex;
            }

        .components-manage-list .goods-card-preview-info-img {
                    width: 41px;
                    height: 41px;
                    border-radius: 6px;
                }

        .components-manage-list .goods-card-preview-info-main {
                    display: flex;
                    width: 116px;
                    overflow: hidden;
                    flex-direction: column;
                    justify-content: space-between;
                    margin-left: 4px;
                }

        .components-manage-list .goods-card-preview-info-describe {
                    display: flex;
                    flex-direction: column;
                }

        .components-manage-list .goods-card-preview-info-describe-title {
                        display: -webkit-box;
                        width: 180px;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        -webkit-line-clamp: 1;
                        -webkit-box-orient: vertical;
                        font-weight: 500;
                        -webkit-transform-origin-x: 0;
                        transform: scale(.64);
                    }

        .components-manage-list .goods-card-preview-info-describe-price {
                        font-weight: 500;
                        color: var(--font-color-orange);
                        -webkit-transform-origin-x: 0;
                        transform: scale(.57);
                    }

        .components-manage-list .goods-card-preview-info-platform {
                    display: flex;
                    color: var(--font-color-gray-1);
                    -webkit-transform-origin-x: 0;
                    transform: scale((.5));
                    line-height: 9px;
                }

        .components-manage-list .goods-card-preview-info-platform-origin {
                        margin-right: 3px;
                    }

        .components-manage-list .goods-card-preview-operate {
                display: flex;
                flex-direction: column;
                justify-content: center;
            }

        .components-manage-list .goods-card-preview-operate svg {
                    width: 33px;
                }

        .components-manage-list .jmy-card-preview {
            box-sizing: border-box;
            display: flex;
            padding: 7px;
            width: 220px;
            height: 55px;
            border-radius: 5px;
            justify-content: space-between;
            cursor: pointer;
            font-family: PingFang SC;
            background-color: var(--layout-color-background);
        }

        .components-manage-list .jmy-card-preview button {
                width: 206px;
            }

        .components-manage-list .jmy-card-preview button span {
                    width: 100%;
                    text-align: left;
                    font-size: 11px;
                    color: var(--button-color-primary-3);
                    overflow: hidden;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                }

        .components-manage-list .h5-card {
            box-sizing: border-box;
            top: 0;
            left: 0;
            width: 220px;
            height: 86px;
            padding: 5px;
            transform: scale(1);
        }

        .components-manage-list .h5-card-info {
                width: 220px;
            }

        .components-manage-list .h5-card-info-img {
                    width: 48px;
                    height: 48px;
                }

        .components-manage-list .h5-card-info-main-title {
                        width: 200px;
                        margin-top: 0;
                        font-size: 14px;
                        -webkit-transform-origin-x: 0;
                        transform: scale(.7);
                    }

        .components-manage-list .h5-card-info-main-describe {
                        width: 254px;
                        margin-top: -3px;
                        font-size: 14px;
                        -webkit-transform-origin-x: 0;
                        transform: scale(.57);
                    }

        .components-manage-list .h5-card-info-close {
                    position: absolute;
                    top: 0;
                    left: 204px;
                }

        .components-manage-list .h5-card-info-close svg {
                        width: 12px;
                        height: 12px;
                    }

        .components-manage-list .h5-card-operate {
                width: inherit;
                height: 21px;
                font-size: 14px;
                margin: 4px 0 0;
            }

        .components-manage-list .h5-card-operate span {
                    transform: scale(.71);
                }

        .components-manage-list .new-jmy-card {
            display: flex;
            padding: 7px;
            width: 208px;
            align-items: center;
            cursor: pointer;
            border-radius: 5px;
            background-color: var(--layout-color-background);
        }

        .components-manage-list .new-jmy-card-info-img {
                    width: 40px;
                    height: 40px;
                    border-radius: 5px;
                }

        .components-manage-list .new-jmy-card-info-main {
                    width: 98px;
                    margin-left: 6px;
                }

        .components-manage-list .new-jmy-card-info-main-title {
                        width: 206px;
                        font-size: 18px;
                        font-weight: 500;
                        transform: scale(.54);
                        white-space: nowrap;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        -webkit-transform-origin-x: 0;
                    }

        .components-manage-list .new-jmy-card-info-main-describe {
                        margin-top: -8px;
                        width: 206px;
                        font-size: 14px;
                        transform: scale(.54);
                        color: var(--font-color-gray-1);
                        font-weight: 400;
                        white-space: nowrap;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        -webkit-transform-origin-x: 0;
                    }

        .components-manage-list .new-jmy-card-info-detail-btn {
                    position: relative;
                    display: flex;
                    left: 20px;
                    width: 90px;
                    height: 24px;
                    align-items: center;
                    justify-content: center;
                    font-size: 12px;
                    transform: scale(.69);
                    color: var(--h5-operate-color);
                    border: 1px solid rgba(78, 110, 242, .5);
                    border-radius: 15px;
                    -webkit-transform-origin-x: 0;
                }
    .components-manage-table-dot {
            position: absolute;
            top: 6px;
            height: 8px;
            width: 8px;
            border-radius: 50%;
            background: var(--dls-color-brand-7);
        }
    .components-manage-table-dot-approved {
                background: var(--dls-color-success-7);
            }
    .components-manage-table-dot-rejected {
                background: var(--dls-color-error-7);
            }
    .components-manage-table-dot-container {
                position: relative;
            }
    .components-manage-table-status {
            margin-left: 16px;
        }
    .components-manage-table-title {
            display: -webkit-box;
            overflow: hidden;
            text-overflow: ellipsis;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
            line-height: 1.2;
        }
    .components-manage-table-operation-button {
            margin-right: 10px;
        }
    .components-manage-filter-wrapper,
        .components-manage-filter-alert {
            margin-bottom: 12px;
        }
    .components-manage-filter-drop-down {
            margin-right: 16px;
        }

@media (max-width: 1248px) {

.bcm-content-with-side-nav .components-manage-list {
            width: 952px
    }
        }

.clue-component-card {
    width: 218px;
}

.clue-component-drawer,
.download-component-drawer {
    z-index: 1040;
}

.clue-component-drawer .title-render, .download-component-drawer .title-render {
        display: flex;
        align-items: center;
    }

.clue-component-drawer .title-render .tip, .download-component-drawer .title-render .tip {
            margin-left: 12px;
            font-weight: 400;
            font-size: 14px;
            color: #848b99;
            line-height: 25px;
        }

.clue-component-drawer .protocol-dialog-protocol, .download-component-drawer .protocol-dialog-protocol {
            display: inline-block;
            line-height: 32px;
            height: 32px;
            font-size: 14px;
            vertical-align: middle;
        }

.clue-component-drawer .protocol-dialog-protocol-checkbox .one-checkbox + span, .download-component-drawer .protocol-dialog-protocol-checkbox .one-checkbox + span {
                    color: var(--dls-color-gray-7);
                }

.clue-component-drawer .protocol-dialog-protocol-link, .download-component-drawer .protocol-dialog-protocol-link {
                color: #0054e6;
                cursor: pointer;
                padding-left: 0;
            }

.clue-component-drawer .one-form-field-label {
    width: 113px;
}

.download-component-card {
    margin-left: -16px;
    transform: scale(.86);
}

.download-component-drawer .one-form-field-label {
        width: 136px;
    }

.bcm-order-data-safe-protocol-bold,
    .bcm-order-data-safe-protocol-header {
        font-weight: 500;
    }
    .bcm-order-data-safe-protocol-header {
        text-align: center;
    }

.protocol-dialog-protocol {
    display: inline-block;
}

.YTR3K {
    width: 100%;
}

    .YTR3K .one-menu-inline .one-menu-item-selected::after {
                width: 0;
            }


.BPGwd {
    font-size: 14px;
}

    .BPGwd .GAITv {
        word-break: break-all;
    }

.fQag7 {
    position: relative;
    width: 270px;
    height: 502px;
    border: 1px solid #ebedf5;
    box-shadow: inset 0 -.446667px 0 #eee;
    border-radius: 6px;
    box-sizing: border-box;
    overflow: hidden;
}

    .tsgye {
        width: 268px;
        height: 500px;
    }

.KJUbK {
    width: 268px;
    height: 100%;
    background: rgba(0, 0, 0, .6);
    position: absolute;
    bottom: 0;
    left: 0;
}

    .tJW3T {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 268px;
        height: 400px;
        border-radius: 10px 10px 0 0;
        background-color: #fff;
    }

    .H8kbB {
        display: flex;
        width: 100%;
    }

    .H8kbB img {
            width: 100%;
        }

    .xsg3i {
        line-height: 14px;
        text-align: center;
        color: #999;
        border-bottom: 1px solid #f2f2f2;
        padding-bottom: 10px;
        margin: 0 10px;
        font-weight: 600;
        font-size: 12px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .TpwoM {
        padding: 2px 0;
        line-height: 18px;
        text-align: center;
        color: #000;
        font-weight: 600;
        font-size: 12px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .HUk6s {
        line-height: 16px;
        text-align: center;
        color: #333;
        padding: 10px 10px 6px;
        font-weight: 600;
        font-size: 12px;
    }

    .HSARY > img {
            width: 268px;
        }

    .CVvO4 {
        margin-bottom: -20px;
    }

    .Q_paB {
        display: flex;
        align-items: center;
        padding: 10px;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        box-sizing: border-box;
    }

    .xYPPx {
        flex: 1;
        height: 32px;
        border-radius: 21px;
        background-color: #e6322e;
        text-align: center;
        line-height: 32px;
        color: #fff;
        font-size: 12px;
    }

    .pI96I {
        position: absolute;
        bottom: 82px;
        left: 8px;
        width: 252px;
        height: 40px;
        border-radius: 8px;
        background-color: #fff;
        text-align: center;
        line-height: 40px;
        color: #4e6ef2;
    }

    .wc3GY {
        position: absolute;
        bottom: 36px;
        left: 8px;
        width: 252px;
        height: 40px;
        border-radius: 8px;
        background-color: #fff;
        text-align: center;
        line-height: 40px;
        color: #4e6ef2;
    }

    .IsIG1 {
        width: 36px;
        height: 36px;
        cursor: pointer;
    }

    .ZmNSI {
        width: 268px;
        height: 400px;
    }

.jodGu {
    padding: 18px;
    width: 316px;
    max-height: calc(100vh - 160px);
    position: sticky;
    top: 0;
    overflow-y: auto;
    border: 1px solid #ebedf5;
    border-radius: 8px;
    box-sizing: border-box;
}

    .SrXFv {
        margin-bottom: 16px;
        font-weight: 500;
        font-size: 16px;
        line-height: 22px;
        color: #191b1e;
    }

    .mBx7B {
        margin-bottom: 8px;
        margin-top: 20px;
        font-weight: 400;
        font-size: 12px;
        line-height: 17px;
        color: #848b99;
    }

    .dIBI9 {
        position: absolute;
        bottom: 230px;
        left: 8px;
    }

    .CuQA5 {
        position: absolute;
        bottom: 122px;
        left: 8px;
    }

.reEHs {
    display: flex;
    align-items: center;
}

.nDtwy {
        margin-bottom: 24px;
        font-size: 16px;
        line-height: 22px;
        color: #191b1e;
    }
    .nDtwy:not(:first-of-type) {
        margin-top: 32px;
    }
    .RlTFg {
        margin-bottom: 4px;
        font-size: 12px;
        line-height: 20px;
        word-break: keep-all;
    }
    .DGNZ1 {
        display: flex;
        align-items: center;
    }
    .Dp54e {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .XJ_Cj {
        margin-bottom: 16px;
    }
    .ncjjW {
        color: #f27318;
        margin-right: 8px;
    }
    .DqytI {
        display: flex;
    }
    .MIijt {
        color: #f27318;
        margin-right: 2px;
    }
    .oUrME .one-input-all-container-medium .one-input-error {
            font-size: 12px;
            margin-left: 0;
        }
    .oUrME .fe-link-components-insert-content-content-safe {
            display: flex;
            height: 32px;
        }

.Jndr7 {
    position: relative;
    margin-bottom: 20px;
    width: 270px;
    height: 502px;
    border: 1px solid #ebedf5;
    box-shadow: inset 0 -.446667px 0 #eee;
    border-radius: 6px;
    box-sizing: border-box;
    overflow: hidden;
}

    .BBjYJ {
        width: 268px;
        height: 500px;
    }

.hEO8d {
    padding: 18px;
    margin-left: 47px;
    margin-bottom: 24px;
    width: 316px;
    max-height: calc(100vh - 160px);
    overflow-y: auto;
    border: 1px solid #ebedf5;
    border-radius: 8px;
    box-sizing: border-box;
}

    .bZcUN {
        margin-bottom: 16px;
        font-weight: 500;
        font-size: 16px;
        line-height: 22px;
        color: #191b1e;
    }

    .eqUID {
        margin-bottom: 8px;
        margin-top: 20px;
        font-weight: 400;
        font-size: 12px;
        line-height: 17px;
        color: #848b99;
    }

    .u_evh {
        position: absolute;
        bottom: 230px;
        left: 8px;
    }

    .OpijN {
        position: absolute;
        bottom: 122px;
        left: 8px;
    }

    .DeSfP {
        display: flex;
        margin-bottom: 8px;
    }

    .DeSfP button {
            font-size: 12px;
            line-height: 16px;
        }

    .BF0Ta {
            margin-right: 20px;
            padding-right: 20px !important;
            border-right: 1px solid #d3d9e6 !important;
        }

.BXPrd {
        margin-bottom: 24px;
        font-size: 16px;
        line-height: 22px;
        color: #191b1e;
    }
    .BXPrd:not(:first-of-type) {
        margin-top: 32px;
    }
    .AALQb {
        margin-bottom: 4px;
        font-size: 12px;
        line-height: 20px;
        word-break: break-all;
    }
    .b_yIj {
        display: flex;
        align-items: center;
    }
    .elAM_ {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .X9sW7 {
        margin-bottom: 16px;
    }
    .GwVYx {
        color: #f27318;
        margin-right: 8px;
    }
    .U4UYE {
        display: flex;
    }
    .pIr7P {
            margin-bottom: 12px;
        }
    .n1VzE {
        color: #f27318;
        margin-right: 2px;
    }
    .kh1VX .one-input-all-container-medium .one-input-error {
            font-size: 12px;
            margin-left: 0;
        }
    .kh1VX .Mp8zO {
        width: 136px;
    }
    .kh1VX .fe-link-components-insert-content-content-safe {
            display: flex;
            height: 32px;
        }
    .kh1VX .fe-link-components-insert-content-content-safe .one-input-error-bottom {
                margin-top: 0;
            }

.eRaQs {
    color: #848b99;
    font-size: 12px;
}

.eRaQs a {
        color: #0054e6;
    }

.e7YiI {
    font-size: 14px;
    word-break: break-all;
}

.components-drawer .components-manage-list {
        padding: 0;
        width: auto;
    }


.bcm-agent-rank-table-column-rank-highlight {
            font-family: PingFang SC;
            text-align: center;
            font-size: 40px;
            color: var(--dls-foreground-color-highlighted);
        }
        .bcm-agent-rank-table-column-rank-normal {
            font-family: PingFang SC;
            text-align: center;
            font-size: 30px;
            color: var(--dls-color-gray-7);
        }
    .bcm-agent-rank-table-column-name {
        display: flex;
        align-items: center;
    }
    .bcm-agent-rank-table-column-name-image {
            border-radius: 50%;
            height: 54px;
            width: 54px;
        }
    .bcm-agent-rank-table-column-name-text {
            margin-left: 16px;
            font-family: PingFang SC;
            font-weight: 600;
            font-size: 16px;
            cursor: pointer;
            color: var(--dls-color-brand-11);
        }
    .bcm-agent-rank-table-column-vertical-field {
        display: flex;
        flex-direction: row;
        align-items: center;
        border-radius: 2px;
    }
    .bcm-agent-rank-table-column-vertical-field > span {
            padding: 4px 8px;
            background: var(--dls-color-gray-3);
        }
    .bcm-agent-rank-table-column-number {
        font-family: PingFang SC;
        font-size: 14px;
        color: var(--dls-color-brand-11);
    }
    .bcm-agent-rank-table-column-price {
        font-family: PingFang SC;
        font-weight: bold;
        font-size: 18px;
    }
    .bcm-agent-rank-table-column-price-suffix {
            margin-left: 6px;
            font-weight: normal;
            font-size: 14px;
        }
    .bcm-agent-rank-table-column-popover-row {
            display: flex;
            margin-bottom: 5px;
        }
    .bcm-agent-rank-table-column-popover-label {
            width: 50px;
        }
    .bcm-agent-rank-table-column-popover-confirm {
            margin-right: 12px;
        }

.bcm-agent-rank-table {
    border-radius: 5px;
}

    .bcm-agent-rank-table-title {
        font-size: 12px;
        color: var(--dls-color-gray-9);
    }

    .bcm-agent-rank-table .new-fc-one-table {
        border-radius: 5px;
    }

    .bcm-agent-rank-table .new-fc-one-table .new-fc-one-table-tbody > tr {
            height: 100px;
        }

    .bcm-agent-rank-table .new-fc-one-pagination {
        display: none;
    }

.customerized-date-picker {
    display: flex;
}

    .customerized-date-picker-container {
        display: flex;
    }

    .customerized-date-picker-date-picker {
        visibility: hidden;
    }

    .customerized-date-picker-text {
        font-size: 14px;
        color: var(--dls-color-gray-0);
    }

    .customerized-date-picker-time {
        margin-left: 7px;
        margin-right: 3px;
        font-size: 14px;
        color: var(--dls-color-gray-0);
    }

    div > .customerized-date-picker-icon {
        width: 18px;
        height: 18px;
        color: var(--dls-color-gray-0);
    }

    .customerized-date-picker .one-overlay {
        top: 175px !important;
    }

.bcm-agent-rank {
    display: flex;
    flex-direction: column;
    margin-bottom: 30px;
}

    .bcm-agent-rank-baijiahao-logo {
        position: absolute;
        top: 25px;
        width: 83px;
        height: 25px;
    }

    .bcm-agent-rank-main-container {
        width: 1280px;
        height: 100%;
        margin: auto;
    }

    .bcm-agent-rank-title {
        margin-top: 75px;
        margin-left: 530px;
    }

    .bcm-agent-rank-title-image {
            width: 437px;
            height: 47px;
        }

    .bcm-agent-rank-content {
        width: 643px;
        height: 66px;
        margin: auto;
        margin-top: 33px;
        font-family: PingFang SC;
        line-height: 22px;
        font-size: 14px;
        color: var(--dls-color-gray-6);
    }

    .bcm-agent-rank-above-table {
        display: flex;
        margin-top: 28px;
        margin-bottom: 12px;
    }

    .bcm-agent-rank-above-table-title {
            font-size: 14px;
            color: var(--dls-color-gray-0);
        }

    .bcm-agent-rank-above-table-right {
            display: flex;
            margin-left: auto;
            position: relative;
        }

    div > .bcm-agent-rank-above-table-icon {
            margin-left: 5px;
            width: 18px;
            height: 18px;
            color: var(--dls-color-gray-0);
        }

    .bcm-agent-rank-more {
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        top: 100px;
        right: -12px;
        width: 130px;
        height: 34px;
        background: linear-gradient(270deg, rgba(232, 167, 255, .43) 4.05%, #9742da 73.63%);
        border-radius: 18px;
        cursor: pointer;
    }

    .bcm-agent-rank-more-txt {
            z-index: 2;
            font-size: 16px;
            color: var(--dls-color-gray-0);
        }

.attract-list-layout {
    background-color: #fff;
    padding: 24px;
    margin: 24px 24px 15px;
}

    .attract-list-layout div {
        box-sizing: border-box;
    }

    .attract-list-layout .one-checkbox-button-wrapper {
        border: none;
    }

.fe-link-common-card {
    display: flex;
    flex-wrap: wrap;
    gap: 28px 24px;
}

    .fe-link-common-card-item {
        display: flex;
        flex-direction: column;
    }

    @media (max-width: 1416px) {

    .fe-link-common-card-item {
            width: calc(33.3% - 16px)
    }
        }

    @media (min-width: 1416px) and (max-width: 1716px) {

    .fe-link-common-card-item {
            width: calc(25% - 18px)
    }
        }

    @media (min-width: 1716px) {

    .fe-link-common-card-item {
            width: calc(20% - 19.6px)
    }
        }

    .fe-link-common-card-item {

        border-radius: 6px;
        transition: transform .5s;
        background: var(--background-white);
}

    .fe-link-common-card-item-picture {
            width: 100%;
            height: 158px;
            border-radius: 6px 6px 0 0;
        }

    .fe-link-common-card-item-field {
            width: 100%;
            min-height: 144px;
            box-sizing: border-box;
            padding: 16px 16px 26px;
        }

    .fe-link-common-card-item:hover {
        transform: translate(0, -8px);
        cursor: pointer;
        background: white;
        box-shadow: 0 6px 32px 2px rgba(0, 0, 0, .06), 0 5px 30px 1px rgba(0, 0, 0, .05), 0 4px 28px 1px rgba(0, 0, 0, .04);
    }

    @media (max-width: 1416px) {
        .fe-link-common-card-item:nth-child(3n) {
            margin-right: 0;
        }
    }

    @media (min-width: 1416px) and (max-width: 1716px) {
        .fe-link-common-card-item:nth-child(4n) {
            margin-right: 0;
        }
    }

    @media (min-width: 1716px) {
        .fe-link-common-card-item:nth-child(5n) {
            margin-right: 0;
        }
    }

.attract-infomation-card {
    width: 300px;
    padding: 20px 18px;
    box-sizing: border-box;
    background-color: #fff;
    border-radius: 6px;
}

    .attract-infomation-card div {
        box-sizing: border-box;
    }

    .attract-infomation-card-title {
        font-weight: 500;
        font-size: 18px;
        line-height: 26px;
        margin-bottom: 18px;
    }

.attract-list-filter {
    margin-bottom: 24px;
}

.attract-card-content-title {
        display: -webkit-box;
        height: 44px;
        overflow: hidden;
        font-size: 16px;
        font-weight: 600;
        color: var(--dls-color-gray-9);
        line-height: 22px;
        text-align: justify;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        margin: 12px 0;
    }
    .attract-card-content-detail {
        display: -webkit-box;
        height: 42px;
        font-size: 14px;
        line-height: 20px;
        overflow: hidden;
        color: var(--dls-color-gray-9);
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    .attract-card-content-status {
        height: 18px;
        line-height: 18px;
        padding: 0 5px;
        border-radius: 0 6px;
        position: absolute;
        top: 0;
        right: 0;
        font-weight: 600;
        font-size: 10px;
        color: #fff;
    }
    .attract-card-content-status .dls-icon {
            margin-right: 4px;
        }
    .attract-card-content-status-underway {
            background: linear-gradient(260.44deg, #ff222f 2.25%, #ff2f61 105.03%);
        }
    .attract-card-content-status-finish {
            background: rgba(0, 0, 0, .5);
        }
    .attract-card-content-status-not-start {
            background: linear-gradient(292.32deg, #10ecf0 2.08%, #04deec 94.64%);
        }
    .attract-card-content-date {
        font-weight: 400;
        font-size: 12px;
        line-height: 16px;
        color: var(--dls-color-gray-9);
        margin-top: 20px;
    }
    .attract-card-content-tag .one-tag {
            margin: 0 4px;
        }
    .attract-card-content-tag .one-tag-info:first-child {
            margin-left: 0;
        }
    .attract-card-content-operate {
        display: none;
    }
    .attract-card-content-operate .one-button {
            flex: 1;
        }

.attract-card-item {
    position: relative;
}

.attract-card-item:hover .attract-card-content-operate {
        display: flex;
        justify-content: space-around;
        margin-top: 12px;
    }

.attract-card-item:hover .attract-card-content-date {
        display: none;
    }

.attract-list-tab-dialog .one-dialog-content {
        padding: 20px 0 0;
    }

.attract-list-tab-dialog .one-dialog-header {
        padding: 0 18px;
        margin-bottom: 8px;
    }

.fe-link-common-back {
    display: flex;
    align-items: center;
    padding: 0 40px;
    width: 100%;
    height: 64px;
    line-height: 64px;
    font-weight: 500;
    font-size: 18px;
    background-color: #fff;
    cursor: pointer;
}

    .fe-link-common-back .dls-icon {
        margin-right: 16px;
    }

.attract-detail-content-case {
    margin-bottom: 20px;
    padding: 20px 18px;
    width: 300px;
    box-sizing: border-box;
    background-color: white;
    border-radius: 6px;
}

    .attract-detail-content-case-title {
        display: flex;
        justify-content: space-between;
        margin-bottom: 18px;
        font-weight: 500;
        font-size: 18px;
        line-height: 26px;
    }

    .attract-detail-content-case-item {
        display: flex;
        align-items: flex-start;
        margin-bottom: 24px;
        cursor: pointer;
    }

    .attract-detail-content-case-picture {
        margin-right: 8px;
        width: 88px;
        height: 60px;
        border-radius: 6px;
    }

    .attract-detail-content-case-right {
        flex: 1;
    }

    .attract-detail-content-case-right-title {
            display: -webkit-box;
            margin-bottom: 4px;
            height: 40px;
            overflow: hidden;
            font-weight: 500;
            font-size: 14px;
            line-height: 20px;
            color: var(--dls-color-gray-9);
            text-align: justify;
            text-overflow: ellipsis;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
        }

    .attract-detail-content-case-right-date {
            font-weight: 400;
            font-size: 12px;
            line-height: 16px;
            color: var(--dls-color-gray-9);
        }

.fe-link-common-avatar {
    display: flex;
    align-items: center;
}

    .fe-link-common-avatar-img {
        margin-right: 8px;
        width: 24px;
        height: 24px;
        border-radius: 50%;
    }

    .fe-link-common-avatar-name {
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        color: var(--dls-color-gray-8);
    }


.case-content .page-container {
        margin-bottom: 24px;
    }
    .case-content .bcm-star-case-detail-image {
        cursor: pointer;
    }

.attract-detail-article-tag {
        margin-bottom: 8px;
    }
    .attract-detail-article-title {
        font-weight: 500;
        font-size: 32px;
        line-height: 44px;
        margin-bottom: 18px;
        color: var(--dls-color-gray-10);
    }
    .attract-detail-article-info {
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        color: var(--dls-color-gray-8);
    }
    .attract-detail-article-avatar {
        display: flex;
        align-items: center;
    }
    .attract-detail-article-divider {
        margin: 0 16px;
        width: 12px;
        height: 0;
        border: 1px solid var(--dls-color-gray-4);
        transform: rotate(90deg);
    }
    .attract-detail-article-status {
        position: static;
    }
    .attract-detail-article-date {
        margin-left: 12px;
    }
    .attract-detail-article-description {
        margin-top: 26px;
        margin-bottom: 32px;
        padding: 20px 24px;
        font-weight: 400;
        font-size: 14px;
        line-height: 26px;
        color: var(--dls-color-gray-9);
        background-color: var(--dls-color-gray-1);
        border-radius: 8px;
    }
    .attract-detail-article-team {
        margin-top: 10px;
        line-height: 20px;
        color: var(--dls-color-gray-8);
    }

.attract-card-item {
    position: relative;
}

.attract-detail-card-item {
    width: calc(33.3% - 16px);
    position: relative;
}

.attract-detail-card-item:hover .attract-card-content-operate {
        display: flex;
        justify-content: space-around;
        margin-top: 12px;
    }

.attract-detail-card-item:hover .attract-card-content-date {
        display: none;
    }

.attract-detail-recommend {
    border-top: 1px solid var(--dls-color-gray-2);
    padding-top: 36px;
}

.attract-detail-recommend-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 16px;
    }

.attract-detail-recommend-header-title {
            font-weight: 500;
            font-size: 18px;
            line-height: 26px;
            color: var(--dls-color-gray-9);
        }

.attract-detail-recommend-dialog .one-dialog-content {
            padding: 20px 0 0;
        }

.attract-detail-recommend-dialog .one-dialog-header {
            padding: 0 18px;
            margin-bottom: 8px;
        }

.attract-detail-main {
    display: flex;
    margin: 0 auto;
    margin-top: 20px;
    box-sizing: border-box;
    max-width: 1360px;
}

    .attract-detail-main-content {
        flex: 1;
        padding: 24px;
        margin-right: 20px;
        background-color: white;
        border-radius: 6px;
    }

    .attract-detail-main-sider {
        width: 300px;
    }

.attract-list-wrap-no-login {
    padding: 0 24px;
}

.QrZVZ .one-radio-button-wrapper-medium {
            white-space: nowrap;
            width: 44px;
            height: 28px;
            font-family: PingFang SC;
            font-size: 14px;
            font-weight: 400;
            line-height: 20px;
            padding: 3px 7px;
            border-radius: 4px;
            margin-right: 8px;
            color: #282c33;
        }
        .QrZVZ .one-radio-button-wrapper-checked {
            color: #0054e6;
        }

.fsArh {
    display: flex;
    align-items: center;
    padding-left: 27px;
    width: 100%;
    height: 64px;
    background: url('https://pic.rmb.bdstatic.com/d26291dd25dff2fdd4ead680a4852666.png') no-repeat;
    background-size: cover;
    border-radius: 20px 20px 0 0;
}

.ie9Dp {
    width: auto;
    height: 4px;
    background: linear-gradient(90deg, #196effcc 0%, #c4daff 100%);
}

.khliR {
    background: #fff;
    padding-bottom: 20px;
}

    .khliR .one-table-selection-column {
            background-color: #fff !important;
        }

    .khliR .one-table-placeholder {
            color: #848b99;
        }

.ZEiOL::before {
        content: '';
        position: absolute;
        left: 0;
        top: 18px;
        background: var(--Brand-6, #1a6eff);
        width: 4px;
        height: 14px;
    }

.Fy_G1 .one-charts {
            height: 100%;
        }

            .Fy_G1 .one-charts .one-charts-echarts {
                height: 100%;
            }

@keyframes oTXfq {
    0%,
    100% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }
}

.oTXfq {
    animation: oTXfq 1s step-end infinite;
}

.ranking-gradient-row {
    position: relative;
}

.ranking-gradient-row::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    opacity: .88;
    background:
        linear-gradient(
            90deg,
            rgba(255, 255, 255, .46) 0%,
            rgba(212, 199, 242, .46) 22.6%,
            rgba(212, 199, 242, .46) 83.17%,
            rgba(255, 255, 255, .46) 100%
        );
    pointer-events: none;
}

tbody > .ranking-gradient-row:last-child::after {
    display: none; /* 或 content: none; 都可以 */
}