.with-form-label {
    padding-top: 30px;
    display: flex;
}

    .with-form-label .label,
    .with-form-label .form-item-container {
        display: inline-block;
        margin-left: 30px;
        font-size: 14px;
        color: #151515;
    }

    .with-form-label .label {
        width: 98px;
        text-align: right;
    }

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

.with-form-label-baseline-container .with-form-label {
        align-items: baseline;
    }

.with-form-label-line-height-container .with-form-label .label {
        line-height: 32px;
    }

.extra-service-topic-remove >span {
        margin-right: 8px;
    }
    .extra-service-topic-remove-show {
        margin-left: 24px;
    }
    .extra-service-topic-remove-show-label,
        .extra-service-topic-remove-show-value {
            font-family: "PingFang SC";
            font-size: 14px;
            font-weight: 400;
            line-height: 20px;
        }
    .extra-service-topic-remove-show-label {
            margin-right: 32px;
            color: #545b66;
        }
    .extra-service-topic-remove-show-value {
            color: var(----G9, #282c33);
        }
    .extra-service-topic-remove-title {
        margin-bottom: 12px;
    }
    .extra-service-topic-remove-box {
        width: 345px;
    }
    .extra-service-topic-remove-box-row {
            display: flex;
        }
    .extra-service-topic-remove-box-row-label {
                margin-right: 6px;
            }
    .extra-service-topic-remove-box-row-label,
            .extra-service-topic-remove-box-row-value {
                font-family: "PingFang SC";
                font-size: 14px;
                font-style: normal;
                font-weight: 400;
                line-height: 20px;
                color: var(----G9, #282c33);
            }

.order-form-extra-service-quality {
    display: flex;
}

.order-form-extra-service-quality-title {
        display: flex;
        align-items: center;
        width: 120px;
        color: #282c33;
    }

.line {
    margin: 24px -24px;
    border-top: 1px solid #e2e6f0;
}

: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;
}

.page-header-holder {
    display: flex;
    margin: 1px -24px 24px;
    padding: 20px 38px;
    align-items: center;
    border-radius: 4px;
    font-size: 20px;
    line-height: 20px;
    font-weight: 500;
    color: var(--label-color);
    background-color: var(--white);
}

.page-header-holder .page-header-go-back {
        padding-right: 11px;
        width: auto;
        height: auto;
        color: var(--btn-color-gray);
        font-size: 10px;
    }

.page-header-holder .page-header-go-back svg {
            margin-top: 4px;
            height: 20px;
        }

.with-inquiry-detail-label {
    margin-top: 26px;
    display: flex;
}

    .with-inquiry-detail-label .inquiry-label {
        display: inline-block;
        color: #979797;
        font-size: 14px;
        flex-shrink: 0;
        line-height: 24px;
    }

    .with-inquiry-detail-label .inquiry-item-container {
        margin-left: 20px;
        margin-right: 20px;
        line-height: 24px;
        display: inline-block;
        color: var(--label-color);
        font-size: 14px;
    }

.resource-inquiry-detail {
    margin: 15px 0;
    background-color: var(--dls-color-brand-0);
    padding-top: 20px;
    padding-bottom: 30px;
}

    .resource-inquiry-detail-title {
        font-family: PingFangSC-Regular, serif;
        font-size: 14px;
        color: var(--label-color);
        padding-left: 15px;
        border-left: thick solid #3d88f2;
    }

    .resource-inquiry-detail-content {
        margin-left: 30px;
        margin-right: 30px;
    }

    .resource-inquiry-detail-source-value {
        font-family: 'PingFang SC';
    }

    .resource-inquiry-detail-wise-man {
        color: #3d88f2;
    }

    .resource-inquiry-detail-hover-content {
        color: var(--label-color);
        padding: 20px;
        font-size: 14px;
        line-height: 28px;
    }

.resource-inquiry-result {
    margin: 20px 0 60px 0;
    background: #f9f9f9;
    padding-top: 20px;
    padding-bottom: 30px;
}

    .resource-inquiry-result-title {
        font-family: PingFangSC-Regular;
        font-size: 14px;
        color: var(--label-color);
        padding-left: 15px;
        border-left: thick solid #3d88f2;
    }

    .resource-inquiry-result-content {
        margin-left: 30px;
        margin-right: 30px;
    }

    .resource-inquiry-result-source-value {
        font-family: PingFangSC-Medium;
    }

    .resource-inquiry-result-source-part {
        font-family: PingFangSC-Regular, sans-serif;
    }

    .resource-inquiry-result .btn-group button {
            width: 106px;
        }

    .resource-inquiry-result .btn-group button span {
                font-size: 14px;
            }

.order-resource-detail .page-content {
        width: 1200px;
        margin: 16px auto auto;
    }
    .order-resource-detail .btn-group button {
            width: 106px;
        }
    .order-resource-detail .btn-group button span {
                font-size: 14px;
            }
    .order-resource-detail .re-inquiry {
        margin-top: 30px;
    }

.empty-holder {
    display: flex;
    flex-direction: column;
    background-color: var(--dls-color-brand-0);
    padding: 30px;
    padding-bottom: 60px;
    justify-content: center; /* 水平居中 */
    align-items: center;
}     /* 垂直居中 */
    .empty-holder .empty-content-holder {
        margin-top: 20px;
    }
    .empty-holder .empty-content-holder:first-of-type {
            margin-top: 0;
        }
    .empty-holder .empty-description-holder {
        font-size: 14px;
        color: #9d9d9d;
    }

.order-form-notice-error-msg {
        margin-top: 8px;
        color: #e64552;
        font-size: 14px;
    }
    .order-form-notice-col {
        display: flex;
    }
    .order-form-notice-col-label {
            margin-right: 10px;
            line-height: 32px;
            text-align: center;
        }

: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;
}

.order-form {
    position: relative;
}

.order-form-top-tips {
        margin-top: 16px;
        color: var(--dls-color-gray-7);
        font-size: 14px;
    }

.order-form-top-tips-act {
        color: var(--dls-color-gray-7);
        font-size: 14px;
    }

.order-form-submit-bt {
        margin: 15px auto 16px;
    }

.order-form-edit-next-bt,
    .order-form-cancel-bt {
        margin: 15px auto 25px;
        vertical-align: baseline;
    }

.order-form-channel-package-tip {
        margin-left: 12px;
        font-size: 14px;
        line-height: 32px;
        color: var(--dls-color-gray-7);
    }

.order-form-line {
        margin-left: 30px;
        margin-right: 30px;
        margin-top: 30px;
        width: calc(100% - 60px);
        background-color: #e0e0e0;
        height: 1px;
    }

.order-form-title {
        font-family: PingFangSC-Medium;
        padding-top: 24px;
        margin-left: 24px;
        font-size: 16px;
        font-weight: 500;
        color: var(--dls-color-gray-11);
        line-height: 22px;
    }

.order-form-title-tip {
            font-family: 'PingFang SC';
            font-size: 14px;
            font-weight: 400;
            color: var(--dls-color-gray-7);
            margin-left: 16px;
        }

.order-form-title-extra-link {
            font-family: 'PingFang SC';
            font-size: 14px;
            color: var(--link-color);
        }

.order-form-extra-service {
        margin-top: 24px;
        font-size: 14px;
    }

.order-form-extra-service-label {
            display: inline-block;
            margin-right: 32px;
            width: 135px;
            text-align: right;
            font-family: "PingFang SC";
            font-size: 14px;
            line-height: 20px;
            color: #282c33;
        }

.order-form-extra-service-content {
            padding-left: 98px;
            box-sizing: border-box;
            border-radius: 4px;
        }

.order-form-extra-service-content .extra-service-topic-remove-show {
                margin-left: 95px;
            }

.order-form-extra-service-content .extra-service-topic-remove-show .extra-service-topic-remove-show-label {
                    color: #151515;
                }

.order-form-extra-service-content-topic {
                border-bottom: 0;
            }

.order-form-extra-service-uploader-tips {
                display: flex;
                flex-direction: column;
                justify-content: center;
                height: 100%;
                margin-left: var(--dls-spacing-unit);
                font-family: "PingFang SC";
                font-size: 14px;
                line-height: 26px;
                color: #848b99;
            }

.order-form-extra-service-uploader-tips > div {
                    margin-bottom: 6px;
                }

.order-form-extra-service-uploader-tips > div:last-child {
                        margin-bottom: 0;
                    }

.order-form-extra-service-item div.order-form-extra-service-item-label {
                width: 86px;
                line-height: 32px;
            }

.order-form-extra-service-item div.order-form-extra-service-title-label {
                line-height: 16px;
            }

.order-form-extra-service-item div.order-form-extra-service-position-label {
                line-height: 18px;
            }

.order-form-extra-service-title-container .with-form-label {
                align-items: flex-start;
            }

.order-form-extra-service .one-ui-pro-multiLabel {
            width: 640px;
        }

.order-form .btn-group {
        padding-top: 9px;
    }

.order-form .btn-group button {
            margin-right: 12px;
        }

.order-form .btn-group button span {
                font-size: 14px;
            }

.order-form-model-line {
        margin-top: 12px;
        color: #979797;
    }

.order-form-model-line-value {
        margin-left: 20px;
        color: var(--label-color);
    }

.order-form-error-msg {
        margin-top: 8px;
        color: #e64552;
        font-size: 14px;
    }

.order-form-text-area {
        width: 700px !important;
        min-height: 90px !important;
    }

.order-form-wise-man {
        color: #3d88f2;
    }

.order-form-label-height {
        line-height: 32px;
        text-align: center;
    }

.order-form-hover-content {
        color: var(--label-color);
        padding: 20px;
        font-size: 14px;
        line-height: 28px;
    }

.order-form-protocol {
        padding-bottom: 24px;
        font-size: 14px;
        line-height: 21px;
    }

.order-form-protocol .protocol-checkbox .one-checkbox + span {
                color: var(--btn-color-gray);
            }

.order-form-protocol .protocol-link {
            color: #3d88f2;
            cursor: pointer;
            padding-left: 0;
        }

.order-form-copy-icon {
        position: absolute;
        right: 40px;
        top: 30px;
        width: 22px;
        cursor: pointer;
    }

.order-form-tips {
        color: var(--dls-color-gray-7);
        font-size: 14px;
    }

.order-form .essay-banner-hide-anchor .one-uploader-anchor {
            display: none;
        }

.order-form .essay-content-type .one-checkbox-group {
            margin-left: 20px;
        }

.order-form .essay-sample-textarea .one-textarea-container {
            margin-top: 20px;
        }

.order-form .essay-banner {
        display: flex;
        margin-top: 16px;
    }

.order-form .essay-banner .one-uploader {
            width: 180px;
        }

.order-form .essay-banner .one-uploader-anchor-image-button {
                border-radius: 4px;
            }

.order-form .essay-banner .essay-banner-tip {
            line-height: 20px;
        }

.order-form .essay-delivery-cycle .one-date-picker-title-text {
            font-size: 14px;
        }

.order-form .essay-tip {
        margin-top: 16px;
        color: var(--dls-color-gray-7);
    }

.order-form .one-date-picker button {
            width: 100%;
            height: 32px;
            text-align: left;
        }

.order-form .range-date-picker {
        width: 224px;
    }

.order-form .label {
        margin-left: 10px;
        width: 150px;
    }

.order-form .btn-group,
    .order-form .order-field-item {
        margin-bottom: 20px;
        border-radius: 4px;
        background-color: var(--white);
    }

.order-form .btn-group .order-form-extra-service-content, .order-form .order-field-item .order-form-extra-service-content {
            padding: 0 32px 0 167px;
        }

.order-form .btn-group {
        padding-left: 30px;
    }

.order-form .order-field-item {
        padding-bottom: 20px;
        width: 1200px;
    }

.order-form .sample .one-uploader-anchor {
            margin-top: 8px;
        }

.order-form .sample .one-uploader-helper-text {
            font-size: 14px;
        }

.order-form-sync-eshop {
        display: flex;
        align-items: center;
    }

.order-form-sync-eshop-tips {
            margin-left: 8px;
            font-size: 14px;
            color: var(--dls-color-gray-7);
        }

.order-form-long-label-item .with-form-label {
            padding-left: 40px;
        }

.order-form-long-label-item .with-form-label .label {
                width: 210px;
                text-align: left;
            }

.order-form-long-label-item .with-form-label:first-child {
                padding-left: 20px;
            }

.order-form-long-label-item .with-form-label:first-child .label {
                    width: 230px;
                }

.order-form-url-monitor {
        margin: 24px;
        margin-bottom: var(--dls-spacing-unit);
    }

.order-form-url-monitor-container {
            margin-top: 24px;
        }

.order-form-url-monitor-item {
            display: flex;
            align-items: baseline;
            margin-bottom: var(--dls-spacing-unit);
            font-family: 'PingFang SC';
            font-size: 14px;
            line-height: 32px;
            color: var(--dls-color-gray-9);
        }

.order-form-url-monitor-item:last-child {
                margin-bottom: 0;
            }

.order-form-url-monitor-item-icon {
                margin: 0 28px 0 4px;
                color: var(--dls-color-gray-7);
            }

.order-form-url-monitor-item .fe-link-components-insert-content-content {
                margin-bottom: 0;
            }

.order-form .one-loading-container::after {
        z-index: 4;
    }

.order-form .one-loading-nested-loading div > .one-loading .one-loading-icon-element {
        z-index: 5;
    }

.order-form-copy-layout .order-copy-list {
        padding: 20px 0;
    }

.order-form-copy-layout .order-copy-list div,
        .order-form-copy-layout .order-copy-list p {
            padding: 0 10px;
        }

.order-form-copy-layout .order-copy-list p {
            color: #666;
            cursor: pointer;
        }

.order-form-copy-layout .order-copy-list p:hover {
                color: var(--label-color);
                background-color: #f7f7f7;
            }

.protocol-modal-layout .new-fc-one-modal-title {
        font-size: 19px;
        color: var(--dls-color-brand-11);
        font-weight: 600;
        margin: 0 auto;
    }

.protocol-modal-layout .bcm-order-protocol {
        padding: 0;
    }

.protocol-modal-layout .protocol-confirm-box {
        position: absolute;
        z-index: 2;
        bottom: 72px;
        width: calc(100% - 48px);
        background-color: var(--dls-color-brand-0);
        padding-top: 13px;
        color: var(--btn-color-gray);
    }

.order-form-drawer {
    z-index: 1100;
}

.order-form-drawer .one-drawer-close svg {
            width: 24px;
            height: 24px;
            color: #000;
        }

.order-form-drawer .one-drawer-body {
        overflow-x: hidden;
    }

.extra-component {
    display: flex;
    flex-direction: column;
    margin: 20px 0 -24px 24px;
}

.extra-component-add {
        display: flex;
        margin-bottom: var(--extra-component-margin);
    }

.extra-component-add-tip {
            margin-left: 8px;
            font-size: 14px;
            line-height: 32px;
            color: var(--dls-color-gray-7);
        }

.extra-component-add-tip svg {
                margin: 0 8px;
                color: var(--dls-color-warning-7);
            }

.extra-component-cards {
        display: flex;
        flex-wrap: wrap;
        width: 1000px;
    }

.jmy-card-editor,
.goods-card-editor {
    display: flex;
    margin: 0 24px 24px 0;
    padding: 16px;
    width: 403px;
    height: 190px;
    flex-direction: column;
    border: 1px solid var(--dls-color-gray-2);
    border-radius: 4px;
    font-size: 14px;
    line-height: 20px;
}

.jmy-card-editor-head, .goods-card-editor-head {
        display: flex;
        justify-content: space-between;
    }

.jmy-card-editor-head-edit button, .goods-card-editor-head-edit button {
                margin-left: 10px;
            }

.jmy-card-editor-head-edit button svg, .goods-card-editor-head-edit button svg {
                    margin-right: 4px;
                }

.jmy-card-editor-card, .goods-card-editor-card {
        display: flex;
        margin-top: 12px;
        padding: 16px;
        height: 90px;
        border-radius: 10px;
        justify-content: space-between;
        cursor: pointer;
        font-size: 14px;
        line-height: 14px;
        font-family: PingFang SC;
        background-color: var(--layout-color-background);
    }

.jmy-card-editor-card-info, .goods-card-editor-card-info {
            display: flex;
        }

.jmy-card-editor-card-info-img, .goods-card-editor-card-info-img {
                width: 90px;
                height: 90px;
                border-radius: 10px;
            }

.jmy-card-editor-card-info-main, .goods-card-editor-card-info-main {
                display: flex;
                margin-left: 10px;
                flex-direction: column;
                justify-content: space-between;
            }

.jmy-card-editor-card-info-describe, .goods-card-editor-card-info-describe {
                display: flex;
                flex-direction: column;
            }

.jmy-card-editor-card-info-describe-title, .goods-card-editor-card-info-describe-title {
                    display: -webkit-box;
                    width: 266px;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    -webkit-line-clamp: 1;
                    -webkit-box-orient: vertical;
                    font-weight: 500;
                }

.jmy-card-editor-card-info-describe-price, .goods-card-editor-card-info-describe-price {
                    margin-top: 10px;
                    font-size: 16px;
                    font-weight: 500;
                    line-height: 16px;
                    color: var(--font-color-orange);
                }

.jmy-card-editor-card-info-platform, .goods-card-editor-card-info-platform {
                display: flex;
                color: var(--font-color-gray-1);
            }

.jmy-card-editor-card-info-platform-origin, .goods-card-editor-card-info-platform-origin {
                    margin-right: 10px;
                }

.jmy-card-editor-card-operate, .goods-card-editor-card-operate {
            display: flex;
            position: relative;
            right: 66px;
            flex-direction: column;
            justify-content: center;
        }

.jmy-card-editor-card-operate svg, .goods-card-editor-card-operate svg {
                width: 68px;
                height: 36px;
            }

.h5-card-editor {
    display: flex;
    margin: 0 24px 24px 0;
    padding: 16px;
    flex-direction: column;
    border: 1px solid var(--dls-color-gray-2);
    border-radius: 4px;
    font-size: var(--dls-font-size-1);
    line-height: 20px;
}

.h5-card-editor-head {
        display: flex;
        justify-content: space-between;
    }

.h5-card-editor-head-edit button {
                margin-left: 10px;
            }

.h5-card-editor-head-edit button svg {
                    margin-right: var(--dls-spacing-unit);
                }

.h5-card-editor-card {
        margin-top: 12px;
        padding: 6px;
        border-radius: 10px;
        justify-content: space-between;
        cursor: pointer;
        font-size: var(--dls-font-size-1);
        line-height: 14px;
        font-family: PingFang SC;
        background-color: var(--layout-color-background);
    }

.h5-card-editor-card-info {
            display: flex;
        }

.h5-card-editor-card-info-img {
                width: 68px;
                height: 68px;
                border-radius: 10px;
            }

.h5-card-editor-card-info-main {
                flex-direction: column;
                justify-content: space-between;
                margin-left: 9px;
            }

.h5-card-editor-card-info-main-title {
                    margin-top: 10px;
                    width: 180px;
                    font-family: PingFang SC;
                    font-weight: 500;
                    font-size: var(--dls-font-size-1);
                    white-space: nowrap;
                    overflow: hidden;
                    text-overflow: ellipsis;
                }

.h5-card-editor-card-info-main-describe {
                    margin-top: 10px;
                    width: 193px;
                    line-height: 16px;
                    font-family: PingFang SC;
                    font-size: var(--dls-font-size-0);
                    color: var(--h5-desc-color);
                    overflow: hidden;
                    text-overflow: ellipsis;
                    display: -webkit-box;
                    -webkit-line-clamp: 2;
                    -webkit-box-orient: vertical;
                }

.h5-card-editor-card-info-close {
                position: relative;
                top: 2px;
                left: -2px;
                color: var(--h5-close-color);
            }

.h5-card-editor-card-info-close svg {
                    width: 17px;
                    height: 17px;
                }

.h5-card-editor-card-operate {
            display: flex;
            margin: 5px 2px 2px;
            height: 32px;
            justify-content: center;
            align-items: center;
            color: var(--h5-operate-font-color);
            font-size: var(--dls-font-size-1);
            background: var(--h5-operate-color);
            border-radius: 16px;
        }

.jmy-card-editor-card .one-button {
            width: 375px;
        }

.jmy-card-editor-card .one-button span {
                overflow: hidden;
            }

.clue-card-editor-content {
        width: 270px;
        height: 90px;
    }

.download-card-editor-content {
        margin-top: 12px;
    }

.download-card-editor .download-component-card {
        margin-left: 0;
        transform: none;
    }

.clue-card-editor,
.download-card-editor {
    display: flex;
    margin: 0 24px 24px 0;
    padding: 16px;
    flex-direction: column;
    border: 1px solid var(--dls-color-gray-2);
    border-radius: 4px;
    font-size: var(--dls-font-size-1);
    line-height: 20px;
}

.clue-card-editor-head, .download-card-editor-head {
        display: flex;
        justify-content: space-between;
    }

.clue-card-editor-head-edit button, .download-card-editor-head-edit button {
                margin-left: 10px;
            }

.clue-card-editor-head-edit button svg, .download-card-editor-head-edit button svg {
                    margin-right: var(--dls-spacing-unit);
                }

.clue-card-editor-content, .download-card-editor-content {
        display: flex;
        align-items: center;
        justify-content: center;
    }

.jmy-card-drawer,
.goods-card-drawer,
.h5-card-drawer {
    display: flex;
    font-size: 14px;
    line-height: 32px;
    font-family: PingFang SC;
    color: var(--dls-color-gray-9);
}

.jmy-card-drawer-info, .goods-card-drawer-info, .h5-card-drawer-info {
        display: flex;
        width: 500px;
        flex-direction: column;
        flex-wrap: wrap;
    }

.jmy-card-drawer-info-title, .goods-card-drawer-info-title, .h5-card-drawer-info-title {
            font-weight: 500;
        }

.jmy-card-drawer-info-field, .goods-card-drawer-info-field, .h5-card-drawer-info-field {
            display: flex;
            margin: 12px 0;
        }

.jmy-card-drawer-info-field-label, .goods-card-drawer-info-field-label, .h5-card-drawer-info-field-label {
                margin-right: 28px;
                width: 129px;
                text-align: right;
            }

.jmy-card-drawer-info-field-label-contain, .goods-card-drawer-info-field-label-contain, .h5-card-drawer-info-field-label-contain {
                    display: flex;
                }

.jmy-card-drawer-info-field-label-tip-icon, .goods-card-drawer-info-field-label-tip-icon, .h5-card-drawer-info-field-label-tip-icon {
                    margin-left: var(--dls-spacing-unit);
                }

.jmy-card-drawer-info-field-content, .goods-card-drawer-info-field-content, .h5-card-drawer-info-field-content {
                display: flex;
                width: 346px;
                flex-wrap: wrap;
                word-break: break-all;
            }

.jmy-card-drawer-info-field-content img, .goods-card-drawer-info-field-content img, .h5-card-drawer-info-field-content img {
                    width: 100px;
                    height: 100px;
                    border-radius: 4px;
                }

.jmy-card-drawer-info-field-content img:nth-child(3n), .goods-card-drawer-info-field-content img:nth-child(3n), .h5-card-drawer-info-field-content img:nth-child(3n) {
                        padding-right: 0;
                    }

.jmy-card-drawer-info-field-content .one-input-detail, .goods-card-drawer-info-field-content .one-input-detail, .h5-card-drawer-info-field-content .one-input-detail {
                    width: 340px;
                }

.jmy-card-drawer-info-field-content-tip, .goods-card-drawer-info-field-content-tip, .h5-card-drawer-info-field-content-tip {
                    display: flex;
                    align-items: baseline;
                }

.jmy-card-drawer-info-field-content-tip-number, .goods-card-drawer-info-field-content-tip-number, .h5-card-drawer-info-field-content-tip-number {
                        display: inline-block;
                        flex-shrink: 0;
                        width: 16px;
                        height: 16px;
                        margin-right: 8px;
                        color: var(--white);
                        font-size: 12px;
                        line-height: 16px;
                        text-align: center;
                        border-radius: 50%;
                        background: var(--dls-color-gray-7);
                    }

.jmy-card-drawer-info-field-content-tip-content, .goods-card-drawer-info-field-content-tip-content, .h5-card-drawer-info-field-content-tip-content {
                        line-height: 26px;
                    }

.jmy-card-drawer-info-field-content-tip:first-child, .goods-card-drawer-info-field-content-tip:first-child, .h5-card-drawer-info-field-content-tip:first-child {
                        margin-bottom: 16px;
                    }

.jmy-card-drawer-info-field-img-content, .goods-card-drawer-info-field-img-content, .h5-card-drawer-info-field-img-content {
                display: flex;
                width: 346px;
                flex-wrap: wrap;
                word-break: break-all;
            }

.jmy-card-drawer-info-field-img-content img, .goods-card-drawer-info-field-img-content img, .h5-card-drawer-info-field-img-content img {
                    margin: 0 12px 12px 0;
                    width: 100px;
                    height: 100px;
                    border-radius: 4px;
                }

.jmy-card-drawer-info-field-img-content img:nth-child(3n), .goods-card-drawer-info-field-img-content img:nth-child(3n), .h5-card-drawer-info-field-img-content img:nth-child(3n) {
                        padding-right: 0;
                    }

.jmy-card-drawer-info-field-cover, .goods-card-drawer-info-field-cover, .h5-card-drawer-info-field-cover {
                display: flex;
                color: var(--tip-color);
            }

.jmy-card-drawer-info-field-cover .one-uploader, .goods-card-drawer-info-field-cover .one-uploader, .h5-card-drawer-info-field-cover .one-uploader {
                    width: 160px;
                    height: 160px;
                }

.jmy-card-drawer-info-field-cover-tip, .goods-card-drawer-info-field-cover-tip, .h5-card-drawer-info-field-cover-tip {
                    margin-left: 20px;
                    line-height: 20px;
                }

.jmy-card-drawer-info-field-cover-tip-sizeDesc, .goods-card-drawer-info-field-cover-tip-sizeDesc, .h5-card-drawer-info-field-cover-tip-sizeDesc {
                        display: flex;
                    }

.jmy-card-drawer-info-field-cover-challenge img, .goods-card-drawer-info-field-cover-challenge img, .h5-card-drawer-info-field-cover-challenge img {
                        width: 160px;
                        height: 160px;
                    }

.jmy-card-drawer-info-field-cover-challenge-info, .goods-card-drawer-info-field-cover-challenge-info, .h5-card-drawer-info-field-cover-challenge-info {
                        display: flex;
                        align-items: center;
                        height: 20px;
                        line-height: 20px;
                        color: var(--dls-color-gray-7);
                    }

.jmy-card-drawer-info-field-cover-challenge-info svg, .goods-card-drawer-info-field-cover-challenge-info svg, .h5-card-drawer-info-field-cover-challenge-info svg {
                            width: 16px;
                            height: 16px;
                        }

.jmy-card-drawer-info-field-cover-challenge-info span, .goods-card-drawer-info-field-cover-challenge-info span, .h5-card-drawer-info-field-cover-challenge-info span {
                            margin-left: 4px;
                        }

.jmy-card-drawer-preview, .goods-card-drawer-preview, .h5-card-drawer-preview {
        position: fixed;
        width: 260px;
        right: 20px;
    }

.jmy-card-drawer-preview-title, .goods-card-drawer-preview-title, .h5-card-drawer-preview-title {
            font-weight: 500;
            color: var(--dls-color-gray-9);
        }

.jmy-card-drawer-preview-img, .goods-card-drawer-preview-img, .h5-card-drawer-preview-img {
            width: 248px;
            height: 512px;
        }

.jmy-card-drawer-preview .new-jmy-card, .goods-card-drawer-preview .new-jmy-card, .h5-card-drawer-preview .new-jmy-card {
            display: flex;
            position: relative;
            top: -236px;
            left: 21px;
            padding: 7px;
            width: 174px;
            height: 40px;
            border-radius: 8px;
            background-color: var(--layout-color-background);
            align-items: center;
            cursor: pointer;
            font-family: PingFang SC;
        }

.jmy-card-drawer-preview .new-jmy-card-info-img, .goods-card-drawer-preview .new-jmy-card-info-img, .h5-card-drawer-preview .new-jmy-card-info-img {
                    width: 38px;
                    height: 38px;
                    border-radius: 5px;
                }

.jmy-card-drawer-preview .new-jmy-card-info-main, .goods-card-drawer-preview .new-jmy-card-info-main, .h5-card-drawer-preview .new-jmy-card-info-main {
                    width: 50px;
                    margin: 0 14px 0 6px;
                }

.jmy-card-drawer-preview .new-jmy-card-info-main-title, .goods-card-drawer-preview .new-jmy-card-info-main-title, .h5-card-drawer-preview .new-jmy-card-info-main-title {
                        width: 150px;
                        font-size: 18px;
                        font-weight: 500;
                        transform: scale(.54);
                        white-space: nowrap;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        -webkit-transform-origin-x: 0;
                    }

.jmy-card-drawer-preview .new-jmy-card-info-main-describe, .goods-card-drawer-preview .new-jmy-card-info-main-describe, .h5-card-drawer-preview .new-jmy-card-info-main-describe {
                        margin-top: -22px;
                        width: 150px;
                        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;
                    }

.jmy-card-drawer-preview .new-jmy-card-info-detail-btn, .goods-card-drawer-preview .new-jmy-card-info-detail-btn, .h5-card-drawer-preview .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;
                }

.jmy-card-drawer-preview-auto-height, .goods-card-drawer-preview-auto-height, .h5-card-drawer-preview-auto-height {
        height: calc(100vh - 160px);
        overflow-y: scroll;
    }

.jmy-card-drawer-preview-fixed-height, .goods-card-drawer-preview-fixed-height, .h5-card-drawer-preview-fixed-height {
        height: 630px;
    }

.jmy-card-drawer .warning-text, .goods-card-drawer .warning-text, .h5-card-drawer .warning-text {
        margin-bottom: -12px;
        color: var(--dls-color-error);
    }

.jmy-card-drawer .icon_circle_solid_fail, .goods-card-drawer .icon_circle_solid_fail, .h5-card-drawer .icon_circle_solid_fail {
        margin-bottom: -12px;
        font-size: 14px;
        color: var(--dls-color-error);
    }

.jmy-card-drawer .icon_circle_solid_fail .fail_tip, .goods-card-drawer .icon_circle_solid_fail .fail_tip, .h5-card-drawer .icon_circle_solid_fail .fail_tip {
            margin-left: 5px;
        }

.jmy-card-drawer .jmy-link-content, .goods-card-drawer .jmy-link-content, .h5-card-drawer .jmy-link-content {
        display: flex;
    }

.jmy-card-drawer .sizeDesc, .goods-card-drawer .sizeDesc, .h5-card-drawer .sizeDesc {
        display: flex;
    }

.jmy-card-drawer .sizeDesc .size, .goods-card-drawer .sizeDesc .size, .h5-card-drawer .sizeDesc .size {
            margin-left: 7px;
        }

.jmy-card-drawer .error-link input, .goods-card-drawer .error-link input, .h5-card-drawer .error-link input {
            border: 1px var(--dls-color-error) solid;
        }

.jmy-card-drawer .drawer-hide-anchor .one-uploader-anchor, .goods-card-drawer .drawer-hide-anchor .one-uploader-anchor, .h5-card-drawer .drawer-hide-anchor .one-uploader-anchor {
            display: none;
        }

.jmy-card-drawer-title, .goods-card-drawer-title, .h5-card-drawer-title {
        display: flex;
    }

.jmy-card-drawer-title svg, .goods-card-drawer-title svg, .h5-card-drawer-title svg {
            margin-right: 8px;
            width: 24px;
            height: 24px;
            align-self: center;
            cursor: pointer;
        }

.jmy-card-drawer-info-field-label, .h5-card-drawer-info-field-label {
                width: 130px;
            }

.h5-card-drawer-info-field:first-child, .goods-card-drawer-info-field:first-child {
        margin-top: 0;
    }

.h5-card-drawer-title-tip, .goods-card-drawer-title-tip {
        display: inline-block;
        height: 25px;
        line-height: 25px;
        vertical-align: bottom;
        margin-left: 12px;
        font-weight: 400;
        font-size: 14px;
        color: var(--dls-color-gray-7);
    }

.h5-card-drawer-protocol, .goods-card-drawer-protocol {
        display: inline-block;
        line-height: 32px;
        height: 32px;
        font-size: 14px;
        vertical-align: middle;
    }

.h5-card-drawer-protocol-checkbox .one-checkbox + span, .goods-card-drawer-protocol-checkbox .one-checkbox + span {
                color: var(--dls-color-gray-7);
            }

.one-checkbox-wrapper + .h5-card-drawer-protocol-link, .one-checkbox-wrapper + .goods-card-drawer-protocol-link {
            color: #0054e6;
            cursor: pointer;
            padding-left: 0;
        }

.h5-card-drawer-item-icon, .goods-card-drawer-item-icon {
        margin-left: 2px;
    }

.h5-card-drawer-with-monitor .h5-card-drawer-info-title, .goods-card-drawer-with-monitor .h5-card-drawer-info-title {
                margin-left: 10px;
            }

.h5-card-drawer-with-monitor .h5-card-drawer-info-field-label, .goods-card-drawer-with-monitor .h5-card-drawer-info-field-label {
                    width: 130px;
                }

.h5-card-drawer-with-monitor .h5-card-drawer-info-field-content .one-input-detail, .goods-card-drawer-with-monitor .h5-card-drawer-info-field-content .one-input-detail {
                    width: 366px;
                }

.h5-card-drawer-with-monitor .h5-card-drawer-info-field-content,
                .h5-card-drawer-with-monitor .h5-card-drawer-info-field .one-select,
                .goods-card-drawer-with-monitor .h5-card-drawer-info-field-content,
                .goods-card-drawer-with-monitor .h5-card-drawer-info-field .one-select {
                    width: 366px;
                    align-items: center;
                }

.h5-card-drawer-insert-content-overlay, .goods-card-drawer-insert-content-overlay {
        width: 366px;
    }

.h5-card-drawer .fe-link-components-insert-content-content-safe-input, .goods-card-drawer .fe-link-components-insert-content-content-safe-input {
            margin-right: 8px;
        }

.h5-card-drawer .fe-link-components-insert-content-content-safe-selector .one-select-selection-selected-value, .goods-card-drawer .fe-link-components-insert-content-content-safe-selector .one-select-selection-selected-value {
                color: var(--dls-color-gray-7);
            }

.h5-card {
    display: flex;
    position: relative;
    top: -193px;
    left: -55px;
    padding: 8px;
    width: 302px;
    height: 122px;
    transform: scale(.5);
    flex-wrap: wrap;
    border-radius: 8px;
    background-color: var(--h5-component-color);
    justify-content: space-between;
    cursor: pointer;
    font-family: PingFang SC;
}

.h5-card-info {
        display: flex;
        width: 232px;
    }

.h5-card-info-img {
            width: 80px;
            height: 80px;
            border-radius: 8px;
        }

.h5-card-info-main {
            margin-left: 6px;
            font-family: PingFang SC;
        }

.h5-card-info-main-title {
                width: 196px;
                font-size: 15px;
                font-weight: 500;
                margin-top: 6px;
                line-height: 20px;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
            }

.h5-card-info-main-describe {
                width: 210px;
                font-size: 13px;
                line-height: 20px;
                margin-top: 5px;
                color: var(--h5-desc-color);
                overflow: hidden;
                text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical;
            }

.h5-card-info-close {
            position: relative;
            top: -2px;
            left: -15px;
            color: var(--h5-close-color);
        }

.h5-card-info-close svg {
                width: 19px;
                height: 19px;
            }

.h5-card-operate {
        width: 300px;
        height: 34px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 8px 1px 1px;
        color: var(--h5-operate-font-color);
        font-size: 15px;
        background: var(--h5-operate-color);
        border-radius: 16px;
    }

.goods-card-img-top,
.goods-card-img-bottom {
    display: flex;
    margin-top: 12px;
    padding: 10px;
    width: 330px;
    height: 75px;
    transform: scale(.53);
    border-radius: 8px;
    justify-content: space-between;
    cursor: pointer;
    font-size: 12px;
    line-height: 20px;
    font-family: PingFang SC;
    background-color: var(--layout-color-background);
}

.goods-card-img-top-info, .goods-card-img-bottom-info {
        display: flex;
    }

.goods-card-img-top-info-img, .goods-card-img-bottom-info-img {
            width: 75px;
            height: 75px;
            border-radius: 10px;
        }

.goods-card-img-top-info-main, .goods-card-img-bottom-info-main {
            display: flex;
            margin-left: 10px;
            flex-direction: column;
            justify-content: space-between;
        }

.goods-card-img-top-info-describe, .goods-card-img-bottom-info-describe {
            display: flex;
            flex-direction: column;
        }

.goods-card-img-top-info-describe-title, .goods-card-img-bottom-info-describe-title {
                display: -webkit-box;
                width: 240px;
                overflow: hidden;
                text-overflow: ellipsis;
                -webkit-line-clamp: 1;
                -webkit-box-orient: vertical;
                font-size: 16px;
                font-weight: 500;
            }

.goods-card-img-top-info-describe-price, .goods-card-img-bottom-info-describe-price {
                font-size: 14px;
                color: var(--font-color-orange);
            }

.goods-card-img-top-info-platform, .goods-card-img-bottom-info-platform {
            display: flex;
            font-size: 12px;
            line-height: 12px;
            color: var(--font-color-gray-1);
        }

.goods-card-img-top-info-platform-origin, .goods-card-img-bottom-info-platform-origin {
                margin-right: 10px;
            }

.goods-card-img-top-operate, .goods-card-img-bottom-operate {
        display: flex;
        position: relative;
        right: 45px;
        flex-direction: column;
        justify-content: center;
    }

.goods-card-img-top-operate svg, .goods-card-img-bottom-operate svg {
            width: 50px;
            height: 30px;
        }

.goods-card-img-top-off, .goods-card-img-bottom-off {
        position: relative;
        left: -196px;
        top: -1px;
    }

.goods-card-img-top-off svg, .goods-card-img-bottom-off svg {
            width: 56px;
            height: 20px;
        }

.goods-card-img-top {
    position: relative;
    top: -360px;
    right: 60px;
}

.goods-card-img-bottom {
    position: relative;
    top: -305px;
    right: 60px;
}

.goods-card-img-bottom-info,
    .goods-card-img-bottom-operate {
        opacity: .5;
    }

.goods-card-video {
    display: flex;
    position: relative;
    top: -159px;
    left: -44px;
    padding: 8px;
    width: 254px;
    height: 72px;
    transform: scale(.53);
    flex-wrap: wrap;
    border-radius: 8px;
    background-color: white;
    justify-content: space-between;
    cursor: pointer;
    font-family: PingFang SC;
}

.goods-card-video-info {
        display: flex;
        width: 232px;
    }

.goods-card-video-info-img {
            width: 70px;
            height: 70px;
            border-radius: 8px;
        }

.goods-card-video-info-main {
            display: flex;
            margin-left: 10px;
            flex-direction: column;
            justify-content: space-between;
        }

.goods-card-video-info-main-title {
                display: -webkit-box;
                width: 136px;
                overflow: hidden;
                text-overflow: ellipsis;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical;
                font-size: 14px;
                line-height: 20px;
                font-weight: 500;
            }

.goods-card-video-info-main-price {
                font-size: 16px;
                color: var(--font-color-orange);
            }

.goods-card-video-operate {
        position: relative;
        top: -30px;
    }

.goods-card-video-operate svg {
            width: 52px;
            height: 30px;
        }

.goods-card-video-close {
        position: relative;
        left: 236px;
        top: -78px;
    }

.goods-card-video-close svg {
            width: 23px;
            height: 18px;
            opacity: .5;
        }

.jmy-card {
    position: relative;
    top: -140px;
    left: -36px;
    transform: scale(.53);
}

.jmy-card button {
        width: 334px;
        overflow: hidden;
    }

.jmy-card button span {
            width: 100%;
            text-align: left;
            font-size: 16px;
            color: var(--button-color-primary-3);
        }

.one-select-dropdown {
    z-index: var(--select-dropdown-z-index);
}

.one-dialog-wrap {
    z-index: 1150;
}

.component-refused-reason {
    margin-right: 30px;
}

.component-editor-refused {
    border: 1px solid var(--dls-color-error-7);
}

.component-editor-refused-content {
        display: flex;
        margin-top: 16px;
    }

.component-editor-refused-content span {
            display: -webkit-box;
            width: 380px;
            overflow: hidden;
            text-overflow: ellipsis;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
            font-size: 14px;
            line-height: 20px;
        }

.card-editor-progress-icon-pass {
    color: var(--dls-color-success-7);
}

.card-editor-progress-icon-in-progress {
    color: var(--dls-color-info-7);
}

.card-editor-progress-icon-refused {
    color: var(--dls-color-error-7);
}

.card-editor-progress-icon-pass,
.card-editor-progress-icon-in-progress,
.card-editor-progress-icon-refused {
    margin-right: 8px;
    align-self: center;
}

.jmy-browse-tab {
        margin-bottom: 8px;
    }

.jmy-browse-tab-line {
            margin: 0 20px;
            color: var(--dls-color-gray-4);
        }

.jmy-browse-tab-check {
            color: var(--info-color-primary);
        }

.jmy-browse-tab-common {
            cursor: pointer;
        }

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

.bcm-order-data-safe-protocol-header {
        text-align: center;
    }

.order-form-essay-item-tip {
    display: flex;
    margin-top: 8px;
    color: var(--dls-color-gray-7);
    line-height: 20px;
}

.order-form-essay-item-tip button {
        margin-left: 8px;
    }

.order-form-essay-item-tip button svg {
            margin-right: var(--dls-spacing-unit);
        }

.bcm-order-steps {
    position: relative;
    box-sizing: border-box;
    max-width: 1200px;
    margin: 0 auto 20px;
    padding: 30px;
    padding-left: 12.75%;
    padding-right: 12.75%;
    border-radius: 4px;
    background: var(--dls-color-gray-0);
}

    .bcm-order-steps .one-steps-label-vertical .one-steps-item-icon {
            margin-left: 70px;
        }

    .bcm-order-steps .one-steps-label-vertical .one-steps-item-content {
            width: 140px;
        }

    .bcm-order-steps .one-steps-label-vertical .one-steps-item-tail {
            margin-left: 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;
}

@media screen and (max-width: 1280px) {

body {
        overflow-x: scroll
}
    }

div > .layout-bcm-agent-rank {
    background: url(https://now.bdstatic.com/store/v2/e8a15f8/fe-commercial/e47473e/2f382466ae742fc21d45.png) center 0 no-repeat;
    background-size: 100%;
}

div > .layout-bcm-agent-rank .bcm-content-wrapper {
        background-color: transparent;
    }

div > .layout-bcm-agent-rank .bcm-content-wrapper .bcm-content {
            background-color: transparent;
        }

div > .layout-bcm-agent-rank .bcm-content {
        padding: 0;
        overflow: hidden;
        min-height: 480px;
    }

div > .layout-bcm-agent-rank .bcm-footer {
        background-color: transparent;
    }

div > .layout-bcm-agent-rank-nav .bcm-logo {
        filter: brightness(10000%);
    }

div > .layout-bcm-agent-rank-nav .bcm-layout-nav {
        width: 100%;
        background-color: transparent;
        box-shadow: none;
    }

div > .layout-bcm-agent-rank-nav .bcm-layout-nav .one-nav-item {
            background-color: transparent;
            color: var(--dls-color-gray-0);
        }

div > .layout-bcm-agent-rank-nav .bcm-layout-nav .one-nav-item.one-nav-item-selected .one-nav-item-text {
                    color: var(--dls-color-gray-0);
                }

div > .layout-bcm-agent-rank-nav .bcm-layout-nav .one-nav-item.one-nav-item-selected .one-nav-item-text::after {
                        background-color: var(--dls-color-gray-0);
                    }

div > .layout-bcm-agent-rank-nav .bcm-layout-nav .one-ui-pro-nav-profile-content-name {
            color: var(--dls-color-gray-0);
        }

@media (max-width: 1400px) {

div > .layout-bcm-bcoin {
        width: 100vw;
        overflow: hidden;
        overflow-x: scroll
}
    }

div > .layout-bcm-bcoin .bcm-content {
        padding: 0;
        overflow: hidden;
    }

div > .layout-bcm-bcoin .bcm-content-wrapper {
        background-color: var(--layout-color-primary);
    }

div > .layout-no-padding .bcm-content {
        padding: 0;
    }

@media (max-width: 1248px) {

.bcm-layout {
        width: var(--bcm-layout-width)
}
    }

.bcm-layout {

    min-width: 1440px;
    background: url('https://pic.rmb.bdstatic.com/4d2d1f57d973ee3c448a37d575989de6.png');
    background-size: cover;
    background-repeat: no-repeat;
}

.bcm-layout-nav {
        width: 100%;
        background: url(https://pic.rmb.bdstatic.com/8e9dbd3852330f41eed0796644e5f5b7.png);
        z-index: 20;
        height: 57px;
        padding: 0 24px;
    }

.bcm-layout-nav .one-ui-pro-nav-logo img {
            height: 24px;
            margin-right: 28px;
        }

.bcm-layout-nav .one-nav-item {
            background: transparent !important;
            padding: 0 20px;
        }

.bcm-layout-nav .one-nav-item-selected .one-nav-item-text::after {
            width: 0;
        }

.bcm-layout-nav .one-nav-item-selected svg {
                margin-left: 4px;
                color: #545b66;
            }

.bcm-layout-nav .one-nav-item-selected {
            background: transparent !important;
            font-weight: 500;
        }

.bcm-layout-nav .one-ui-pro-nav-profile-content-name {
            color: #282c33;
        }

.bcm-layout-nav .one-ui-pro-nav-profile-content svg {
                color: #545b66;
            }

.bcm-layout-nav .one-nav-ink {
            display: none;
        }

.bcm-layout-nav-mission {
            margin-left: 2px;
        }

.bcm-layout-nav-mission svg {
                width: 16px;
            }

.bcm-layout-nav-mission svg.dls-icon {
                display: inline-block;
                width: 16px;
                height: 16px;
            }

.bcm-layout-first-page {
        margin-left: 16px;
    }

.bcm-layout-help-btn {
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 14px;
        width: 90px;
        height: 32px;
        color: #0054e6;
        cursor: pointer;
    }

.bcm-layout .bcm-main {
        width: 100%;
        box-sizing: border-box;
        min-height: calc(100vh - 64px);
        display: flex;
        align-items: stretch;
    }

.bcm-layout .bcm-side-nav {
        padding-top: 0;
        padding-bottom: 0;
        width: 200px;
        flex-shrink: 0;
    }

.bcm-layout .bcm-side-nav .one-menu {
            height: 100%;
            padding: 8px;
            box-sizing: border-box;
        }

.bcm-layout .bcm-link {
        color: var(--dls-color-brand-11);
    }

.bcm-layout .bcm-content-wrapper {
        width: 100%;
        display: flex;
        min-height: 100vh;
        flex-grow: 1;
        flex-direction: column;
        justify-content: space-between;
    }

.bcm-layout .bcm-content {
        position: relative;
        margin-bottom: 58px;
        padding: 0 24px 15px;
        min-width: 1211px;
        box-sizing: border-box;
        margin: 0 auto;
        width: 100%;
    }

.bcm-layout .bcm-content-with-side-nav {
            min-width: 1011px;
            padding: 24px;
        }

.bcm-layout .bcm-content-home {
        position: relative;
        margin-bottom: 58px;
        min-width: 1211px;
        box-sizing: border-box;
        margin: 0 auto;
    }

.bcm-layout .bcm-content-home-with-side-nav {
            min-width: 1011px;
            padding: 24px;
        }

.bcm-layout .bcm-content-mobile {
        position: relative;
        box-sizing: border-box;
    }

.bcm-layout .bcm-menu + .bcm-content-wrapper .bcm-content {
        padding: 15px 13px;
    }

.bcm-layout .bcm-footer {
        height: 98px;
        font-size: 14px;
    }

.bcm-layout .bcm-footer a {
            color: inherit;
        }

.bcm-layout .bcm-footer .bcm-footer-line-1 {
            color: var(--label-color);
            display: flex;
            justify-content: center;
            align-items: center;
            margin-bottom: 20px;
        }

.bcm-layout .bcm-footer .bcm-footer-line-1 .bcm-footer-sep-line {
                margin: 0 15px;
                width: 1px;
                height: 14px;
                background-color: #eee;
            }

.bcm-layout .bcm-footer .bcm-footer-line-2 {
            text-align: center;
            color: #9d9d9d;
        }

.bcm-layout .bcm-footer .bcm-footer-line-2 .copyright {
                font-size: 20px;
                vertical-align: -2px;
            }

.enquiry .one-ui-pro-nav {
        background: transparent;
    }

.enquiry .one-nav-item-text {
        color: rgba(19, 22, 26, .9);
        font-weight: normal;
    }

.enquiry .one-ui-pro-nav-logo img {
        height: 24px;
    }

.enquiry .one-nav-item-selected .one-nav-item-text::after {
        background-color: none;
    }

div > .bcm-agent-rank-star .bcm-content {
        padding: 0;
    }

div > .layout-bcm-star-case-detail .bcm-content {
        margin-bottom: 0;
    }

div > .layout-bcm-star-case-detail .bcm-footer {
        padding-top: 24px;
        background-color: white;
    }

.one-drawer {
    z-index: var(--drawer-z-index);
}

.one-toast {
    z-index: var(--toast-z-index);
}

.one-popover {
    pointer-events: auto !important;
}

.one-popover .one-table-placeholder {
        width: 100% !important;
    }

.bcm-mobile-layout {
    background: #fff;
}

.start-task-select-option {
    display: flex;
    justify-content: space-between;
}

.start-task-select-option-left {
        width: 146px;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.start-task-select-option-right {
        color: var(--dls-color-gray-7);
    }

.start-task-dialog {
    font-size: 14px;
    font-family: 'PingFang SC';
}

.start-task-dialog-tip {
        margin-bottom: 16px;
        line-height: 26px;
        color: var(--dls-color-gray-7);
    }

.start-task-dialog-item {
        display: flex;
        margin-bottom: 16px;
        align-items: center;
        line-height: 20px;
    }

.start-task-dialog-item-label {
            margin-right: 16px;
            width: 56px;
        }

.help-center {
    display: flex;
    justify-content: center;
    align-items: center;
}

.help-center-icon {
    margin: 8px 0;
}

.with-label-holder {
    display: flex;
    flex-direction: row;
    align-items: center;
}

    .with-label-holder .with-label-label {
        margin-right: 20px;
        color: var(--label-color);
        font-size: 14px;
        word-break: keep-all;
    }

.history-contract-delivery-form-content {
        display: flex;
    }

        .history-contract-delivery-form-content-label {
            margin-right: 10px;
            line-height: 32px;
            font-size: 14px;
        }

        .history-contract-delivery-form-content-input {
            margin-bottom: 12px;
        }

        .history-contract-delivery-form-content-remove-btn {
            margin-left: 8px;
        }

        .history-contract-delivery-form-content-attachment {
            margin-top: 20px;
        }

        .history-contract-delivery-form-content-attachment-label {
                width: 114px;
                text-align: right;
            }

.history-contract-list-table-operation button {
        margin-right: 8px;
    }
    .history-contract-list-table-operation-dialog-content {
            display: flex;
            margin-bottom: 10px;
        }
    .history-contract-list-table-operation-dialog-label {
            margin-right: 10px;
            flex-shrink: 0;
        }
    .history-contract-list-table-operation-dialog-items {
            overflow: auto;
        }

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

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

.help-center-content,
.no-login-help-center-content {
    padding: 24px 0 58px;
    height: 100vh;
    box-sizing: border-box;
    overflow: hidden;
}

    .help-center-content .sider, .no-login-help-center-content .sider {
        height: 100%;
        overflow: scroll;
    }

    .help-center-content .post-wrapper, .no-login-help-center-content .post-wrapper {
        height: 100%;
        overflow: scroll;
        position: fixed;
        padding-bottom: 24px;
    }

    .help-center-content .dxx-body, .no-login-help-center-content .dxx-body {
        position: relative;
    }

    .help-center-content .dxx .post-wrapper .toc, .no-login-help-center-content .dxx .post-wrapper .toc {
        overflow: scroll;
        top: 88px !important;
    }

    .help-center-content .is-desktop-mobile .mobile-menu .header,
    .help-center-content .is-mobile .mobile-menu .header,
    .no-login-help-center-content .is-desktop-mobile .mobile-menu .header,
    .no-login-help-center-content .is-mobile .mobile-menu .header {
        display: none !important;
    }

    .help-center-content .post-turner-wrapper, .no-login-help-center-content .post-turner-wrapper {
        margin-bottom: 24px;
    }

    .help-center-content .sider .secondary-nav, .no-login-help-center-content .sider .secondary-nav {
        height: calc(100vh - 136px);
    }

    .help-center-content .praise, .no-login-help-center-content .praise {
        display: none;
    }

    .help-center-content-div, .no-login-help-center-content-div {
        padding-top: 41px;
        width: 100%;
        height: 24px;
        background-color: var(--layout-color-primary);
    }

    .help-center-content .help-center-container, .no-login-help-center-content .help-center-container {
        height: 100%;
        width: 100%;
        overflow: auto;
    }

    .help-center-content .micro-frontend-content, .no-login-help-center-content .micro-frontend-content {
        width: 100%;
        overflow: hidden;
        margin-top: 64px;
    }

.no-login-help-center-content {
    height: 100vh;
}

.no-login-help-center-content .micro-frontend-content {
        height: calc(100% - 24px);
    }