.bcm-order-protocol {
    padding: 0 107px;
}

    .bcm-order-protocol h1 {
        font-size: 19px;
        color: var(--dls-color-brand-11);
        font-weight: 600;
        text-align: center;
    }

    .bcm-order-protocol div {
        font-size: 14px;
        color: #252525;
        line-height: 24px;
    }

    .bcm-order-protocol p {
        font-size: 14px;
        font-weight: 600;
        margin: 16px auto 40px;
    }

    .bcm-order-protocol b {
        font-weight: bold;
    }

    .bcm-order-protocol .user-info {
        color: #555;
        font-weight: 600;
    }

    .bcm-order-protocol .agree-protocol-checkbox {
        margin: 20px 0;
    }

.egg-input-drawer .one-drawer-content-wrapper {
        width: 720px !important;
        height: 100%;
    }
    .egg-input-drawer-form-tabs {
            width: 400px;
            margin-top: -7px;
        }
    .egg-input-drawer-form-download {
            height: 20px;
            margin-top: -16px;
        }
    .egg-input-drawer-form-download-link {
                font-size: 14px;
                line-height: 20px;
                color: #0054e6;
            }
    .egg-input-drawer-form .one-form-item-label {
            margin-right: 32px;
        }
    .egg-input-drawer-form-uploader-tips {
            margin-left: 8px;
        }
    .egg-input-drawer-form-uploader-tips div {
                color: #848b99;
                font-size: 14px;
                line-height: 26px;
            }

.egg-details-drawer .one-drawer-content-wrapper {
        width: 720px !important;
        height: 100%;
    }

        .egg-details-drawer .one-drawer-content-wrapper .one-drawer-header {
            padding-bottom: 16px;
        }
    .egg-details-drawer-alert-title {
            color: #282c33;
            font-size: 16px;
            font-weight: 500;
            line-height: 22px;
            margin-bottom: 8px;
        }
    .egg-details-drawer-alert-content {
            color: #282c33;
            line-height: 20px;
        }
    .egg-details-drawer-alert-content-btn {
                float: right;
            }
    .egg-details-drawer-title {
        color: #000;
        font-size: 16px;
        font-weight: 500;
        line-height: 22px;
        margin: 24px 0;
    }
    .egg-details-drawer-form .one-form-item-label {
            margin-right: 32px;
        }
    .egg-details-drawer-form-item {
            color: #282c33;
            line-height: 32px;
            font-size: 14px;
        }
    .egg-details-drawer-form-item-container {
                display: flex;
                flex-wrap: wrap;
                align-items: flex-start;
                gap: 24px;
                width: 480px;
            }
    .egg-details-drawer-form-item-container-back {
                    height: 167px;
                    width: 142px;
                    border-radius: 4px;
                    border: 1px solid #d3d9e6;
                    background: #f6f7fa;
                    display: flex;
                    text-align: center;
                    align-items: center;
                    position: relative;
                    overflow: hidden;
                }
    .egg-details-drawer-form-item-container-back-img {
                        width: 100%;
                        height: 100%;
                        object-fit: contain;
                    }
    .egg-details-drawer-form-item-container-back-tag {
                        position: absolute;
                        left: 0;
                        top: 0;
                        padding: 4px 8px;
                        font-size: 12px;
                        line-height: 16px;
                        width: 45px;
                        height: 24px;
                        border: 0;
                        color: #282c33;
                        background: #ebedf5;
                        box-sizing: border-box;
                    }

.evaluate-dialog-title,
    .evaluate-dialog .one-radio-group,
    .evaluate-dialog .one-tag-group-wrapper {
        margin-bottom: 16px;
    }
    .evaluate-dialog .one-radio-group {
        height: 20px;
    }
    .evaluate-dialog .one-textarea-wrapper {
        margin-bottom: 32px;
    }
    .evaluate-dialog .one-tag-group-wrapper {
        display: flex;
        width: 400px;
        flex-wrap: wrap;
    }
    .evaluate-dialog-title {
        margin-right: 24px;
        width: 98px;
        font-size: 14px;
        line-height: 20px;
    }
    .evaluate-dialog-content {
        display: flex;
        flex-direction: column;
    }
    .evaluate-dialog-item {
        display: flex;
    }

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

.bcm-order-list .order-header {
        font-size: 20px;
        color: var(--label-color);
        line-height: 20px;
        margin-bottom: 25px;
        font-weight: 600;
    }

.bcm-order-list .order-header .header-title {
            padding: 0;
            margin: 0;
        }

.bcm-order-list .order-container {
        padding: 12px 20px 30px;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .06);
        border-radius: 3px;
        background: var(--dls-color-brand-0);
        width: calc(100vw - 303px);
    }

@media (max-width: 1248px) {

.bcm-order-list .order-container {
            width: 1150px
    }
        }

.bcm-order-list .order-container .bcm-order-filter-menu {
            margin-bottom: 20px;
        }

.bcm-order-list .order-container .bcm-order-filter-form .one-form-item {
                position: relative;
                margin-bottom: 20px;
            }

.bcm-order-list .order-container .bcm-order-filter-form .one-form-item .one-form-item-label {
                    margin-right: 0;
                }

.bcm-order-list .order-container .bcm-order-filter-form .one-form-item .one-form-item-label label {
                        font-size: 14px;
                        line-height: 32px;
                        padding-right: 20px;
                        color: var(--label-color);
                    }

.bcm-order-list .order-container .bcm-order-filter-form .one-form-item .one-form-item-label label::after {
                            content: "" !important;
                        }

.bcm-order-list .order-container .bcm-order-filter-form .one-form-item .one-form-item-control .filter-item-input input {
                            border: 0;
                            border-radius: 0;
                        }

.bcm-order-list .order-container .bcm-order-filter-form .one-form-item .one-form-item-control .filter-item-search {
                        position: relative;
                        margin-top: -3px;
                        left: -1px;
                        border-radius: 0 3px 3px 0;
                    }

.bcm-order-list .order-container .bcm-order-filter-form .one-form-item .one-form-item-control .filter-search-type {
                        border-radius: 3px 0 0 3px;
                        border: 1px solid #e0e0e0;
                    }

.bcm-order-list .order-container .bcm-order-filter-form .one-row-flex.items-flex:last-of-type .items-flex {
                            margin-right: 0 !important;
                        }

.bcm-order-list .order-container .bcm-order-filter-form .one-row-flex.items-flex .item-flex {
                        margin-right: 20px;
                    }

.bcm-order-list .order-container .bcm-order-filter-form .one-row-flex.items-flex .order-switch {
                        color: var(--label-color);
                        font-size: 14px;
                        line-height: 32px;
                    }

.bcm-order-list .order-container .bcm-order-filter-form .one-row-flex.items-flex .order-switch button {
                            margin-left: 8px;
                            vertical-align: sub;
                        }

.bcm-order-list .order-container .order-table-container .one-table-wrapper {
                margin-bottom: 20px;
            }

.bcm-order-list .order-container .order-table-container .one-table-wrapper table {
                    border-color: #eee;
                }

.bcm-order-list .order-container .order-table-container .one-table-wrapper table thead.one-table-thead tr {
                            height: 43px;
                        }

.bcm-order-list .order-container .order-table-container .one-table-wrapper table thead.one-table-thead tr th {
                                background: rgb(245, 245, 245) !important;
                            }

.bcm-order-list .order-container .order-table-container .one-table-wrapper table thead.one-table-thead tr th span.one-table-selection-column {
                                    font-size: 12px;
                                    color: var(--label-color);
                                    font-weight: bolder;
                                }

.bcm-order-list .order-container .order-table-container .one-table-wrapper table tbody td div.order-status {
                                cursor: pointer;
                            }

.bcm-order-list .order-container .order-table-container .one-table-wrapper table tbody td div.order-status.error .error.dls-icon {
                                        margin-left: 5px;
                                    }

.bcm-order-list .order-container .order-table-container .one-table-wrapper table tbody td div.order-operation {
                                position: relative;
                                display: flex;
                                justify-content: flex-start;
                                align-items: center;
                                flex-wrap: wrap;
                            }

.bcm-order-list .order-container .order-table-container .one-table-thead > tr > th.one-table-selection-column,
            .bcm-order-list .order-container .order-table-container .one-table-tbody > tr > td.one-table-selection-column {
                width: 10px;
                min-width: 10px;
            }

.bcm-order-list .order-container .order-table-container .order-table-box {
                position: relative;
            }

.bcm-order-list .order-container .order-table-container .order-table-box .multi-select-header {
                    background: #3d88f2;
                    border-radius: 3px 3px 0 0;
                    position: absolute;
                    z-index: 300;
                    width: 100%;
                    height: 46px;
                    font-size: 14px;
                }

.bcm-order-list .order-container .order-table-container .order-table-box .multi-select-header .selected-num {
                        color: var(--dls-color-brand-0);
                        margin: 0 16px;
                        line-height: 46px;
                    }

.bcm-order-list .order-container .order-table-container .order-table-box .multi-select-header .close-icon {
                        color: var(--dls-color-brand-0);
                        position: absolute;
                        right: 16px;
                        top: 14px;
                        font-size: 20px;
                        cursor: pointer;
                    }

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

@media (max-width: 1248px) {

.bcm-content-with-side-nav .order-container {
            width: 960px
    }
        }

.order-status-msg .one-popover-content .one-popover-inner {
            position: relative;
            padding: 15px 20px;
            font-size: 14px;
            color: var(--label-color);
            letter-spacing: 0;
            line-height: 24px;
        }

.order-table-item {
    font-family: PingFangSC-Regular;
}

.order-table-item .item-date {
        margin: 0;
        line-height: 1.5;
    }

.order-table-item-name {
        display: flex;
        align-items: center;
        height: 16px;
    }

.order-table-item-name span {
            font-size: 16px;
            margin-left: 4px;
        }

.order-info-dialog-content-wrapper {
            max-height: 500px;
        }

.order-info-dialog-content-item {
            display: flex;
            align-items: center;
            margin-bottom: 16px;
        }

.order-info-dialog-content-item-title {
                flex-shrink: 0;
                width: 84px;
                text-align: right;
                font-weight: 400;
                font-size: 14px;
                line-height: 20px;
                color: black;
            }

.order-info-dialog-content-item-title-require {
                    margin-right: var(--dls-spacing-unit);
                    color: var(--tips-color);
                }

.order-info-dialog-content-item-name {
                margin-left: 24px;
                font-weight: 400;
                font-size: 14px;
                line-height: 20px;
                color: var(--dls-color-gray-9);
            }

.order-info-dialog-content-item .protocol {
                cursor: pointer;
                color: var(--dls-color-brand-7);
            }

.order-info-dialog-content-item-price {
                display: flex;
                flex-direction: column;
                gap: 8px;
                margin-left: 24px;
            }

.order-info-dialog-content-item-price-item {
                    display: flex;
                    align-items: center;
                    gap: 20px;
                    justify-content: space-between;
                }

.order-info-dialog-content-item-price-item-region,
                    .order-info-dialog-content-item-price-item-cpa {
                        font-weight: 400;
                        font-size: 14px;
                        line-height: 20px;
                        color: var(--dls-color-gray-9);
                    }

.order-info-dialog-content-item-price-item-region-popover .one-popover-inner-content {
                                overflow: auto;
                                max-height: 192px;
                                flex-shrink: 0;
                            }

.order-info-dialog-content-item-price-item-region-popover-content {
                                display: flex;
                                flex-direction: column;
                                gap: 12px;
                            }

.order-info-dialog-content-item-price-item-region-popover-content > p {
                                    color: #282c33;
                                    font-family: PingFang SC;
                                    font-size: 12px;
                                    line-height: 16px;
                                }

.order-info-dialog-content-specialItem {
            align-items: flex-start;
        }

.order-info-dialog-content-tip {
            margin: -10px 0 0 108px;
            color: var(--tips-color);
        }

.operation-item {
    color: #457eff;
    letter-spacing: 0;
    cursor: pointer;
    margin-right: 10px;
}

.operation-item.disabled {
        color: #8fbcff;
    }

.operation-item-more {
    margin-top: -7px;
}