.addition-component-item .one-form-item-label {
            width: 126px;
            margin-right: 24px;
            font-weight: 400;
            font-size: 14px;
            line-height: 20px;
            color: #282c33;
        }

            .addition-component-item .one-form-item-label > label::after {
                content: ' ';
            }
    .addition-component-container {
        display: flex;
        align-items: center;
        gap: 10px;
    }
    .addition-component-radioGroup > .one-radio-group-items {
            display: flex;
            gap: 8px;
        }
    .addition-component-radioBtn {
        width: 195px;
        height: 78px !important;
        border-radius: var(--dls-spacing-unit);
    }
    .addition-component-radioBtn-disabled .addition-component-radioBtn-card-tips,
                .addition-component-radioBtn-disabled .addition-component-radioBtn-card-label,
                .addition-component-radioBtn-disabled .addition-component-radioBtn-card-msg {
                    color: #8fbaff !important;
                }
    .addition-component-radioBtn-notDisabled .addition-component-radioBtn-card-tips {
                    color: #8fbaff !important;
                }
    .addition-component-radioBtn-notDisabled .addition-component-radioBtn-card-label,
                .addition-component-radioBtn-notDisabled .addition-component-radioBtn-card-msg {
                    color: #a8b0bf !important;
                }
    .addition-component-radioBtn-card {
            position: relative;
            box-sizing: border-box;
            width: 195px;
            height: 78px;
            padding: 16px;
            border-radius: var(--dls-spacing-unit);
        }
    .addition-component-radioBtn-card-tips {
                display: flex;
                justify-content: center;
                align-items: center;
                position: absolute;
                right: 1px;
                top: 1px;
                width: 96px;
                height: 24px;
                line-height: 18px;
                background: var(--dls-color-brand-1);
                border-radius: 0 3px 0 4px;
                font-size: 12px;
                color: var(--button-color);
            }
    .addition-component-radioBtn-card-label {
                font-weight: 500;
                font-size: 14px;
                line-height: 20px;
                margin-bottom: 8px;
                color: var(--dls-color-gray-9);
            }
    .addition-component-radioBtn-card-msg {
                font-size: 12px;
                line-height: 18px;
                color: var(--dls-color-gray-7);
            }
    .addition-component-radioBtn-card-msg-bar {
                    margin: 0 2px;
                }
    .addition-component-move {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-shrink: 0;
        width: 22px;
        height: 54px;
        font-size: 14px;
        background-color: var(--dls-color-gray-2);
        border-radius: var(--dls-spacing-unit);
        cursor: pointer;
    }
    .addition-component-move:hover {
            background-color: var(--dls-color-gray-3);
        }
    .addition-component-move:active {
            background-color: var(--replace-image);
        }

.add-tips-pos {
    position: absolute;
    top: -48px;
    left: 90px;
    width: 858px;
}

.component-box {
    display: flex;
    align-items: flex-start;
    max-width: 300px;
    transform-origin: center left;
    transform: scale(.7);
}

.selected-table {
    margin-top: 16px;
}

.order-idea-preview .one-dialog {
        width: 100% !important;
        height: 100%;
    }
    .order-idea-preview .one-dialog-close {
        color: white;
    }
    .order-idea-preview .one-dialog-content {
        max-height: 100%;
        background: transparent;
    }
    .order-idea-preview-content {
        display: flex;
        margin-left: 140px;
        height: 100%;
        font-family: 'PingFang SC';
        font-size: 12px;
        line-height: 17px;
        text-align: justify;
        justify-content: center;
        align-items: center;
    }
    .order-idea-preview-content-preview {
            margin-right: 40px;
            padding: 16px;
            height: 657px;
            border-radius: 24px;
            background: rgba(0, 0, 0, .6);
        }
    .order-idea-preview-content-preview-img {
                width: 302px;
                height: 653px;
                border-radius: 6px;
            }
    .order-idea-preview-content-preview-image {
                display: flex;
                position: relative;
                top: -440px;
                left: 12px;
            }
    .order-idea-preview-content-preview-image-text {
                    display: flex;
                    margin-right: 8px;
                    width: 178px;
                    flex-direction: column;
                }
    .order-idea-preview-content-preview-image-text-title {
                        display: -webkit-box;
                        margin-bottom: 10px;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        -webkit-line-clamp: 2;
                        -webkit-box-orient: vertical;
                        color: var(--dls-color-gray-9);
                        font-size: 14px;
                        line-height: 18px;
                    }
    .order-idea-preview-content-preview-image-text-tip {
                        display: flex;
                        justify-content: space-between;
                    }
    .order-idea-preview-content-preview-image-text-tip-left {
                            margin-left: -5px;
                            transform: scale(.75);
                            font-size: 12px;
                            line-height: 18px;
                            color: var(--dls-color-gray-7);
                        }
    .order-idea-preview-content-preview-image-text-tip-right {
                            display: flex;
                            margin-right: -5px;
                            align-items: center;
                            transform: scale(.75);
                            font-size: 12px;
                            line-height: 18px;
                            color: var(--dls-color-gray-4);
                        }
    .order-idea-preview-content-preview-image-text-tip-right img {
                                margin-left: 4px;
                            }
    .order-idea-preview-content-preview-image-picture {
                    width: 90px;
                    height: 60px;
                    border-radius: 7px;
                    background: black;
                }
    .order-idea-preview-content-preview-image-picture img {
                        width: 100%;
                        height: 100%;
                        border-radius: 7px;
                    }
    .order-idea-preview-content-preview-hor {
                position: relative;
                top: -450px;
                left: 11px;
                display: flex;
                width: 280px;
                flex-direction: column;
            }
    .order-idea-preview-content-preview-hor-title {
                    display: -webkit-box;
                    margin-bottom: 10px;
                    height: 36px;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    -webkit-line-clamp: 2;
                    -webkit-box-orient: vertical;
                    color: var(--dls-color-gray-9);
                    font-size: 14px;
                    line-height: 18px;
                }
    .order-idea-preview-content-preview-hor-picture {
                    margin-bottom: 10px;
                    width: 280px;
                    height: 156px;
                    border-radius: 7px;
                }
    .order-idea-preview-content-preview-hor-picture-img {
                        width: 100%;
                        height: 100%;
                        object-fit: cover;
                        border-radius: 7px;
                    }
    .order-idea-preview-content-preview-hor-picture-play {
                        position: relative;
                        left: 120px;
                        top: -98px;
                        width: 40px;
                        height: 40px;
                    }
    .order-idea-preview-content-preview-hor-tip {
                    display: flex;
                    justify-content: space-between;
                }
    .order-idea-preview-content-preview-hor-tip-left {
                        margin-left: -5px;
                        transform: scale(.75);
                        font-size: 12px;
                        line-height: 18px;
                        color: var(--dls-color-gray-7);
                    }
    .order-idea-preview-content-preview-hor-tip-right {
                        display: flex;
                        margin-right: -5px;
                        align-items: center;
                        transform: scale(.75);
                        font-size: 12px;
                        line-height: 18px;
                        color: var(--dls-color-gray-4);
                    }
    .order-idea-preview-content-qr {
            margin-top: 306px;
            padding: 16px;
            width: 108px;
            background: rgba(0, 0, 0, .6);
            color: white;
            border-radius: 8px;
        }
    .order-idea-preview-content-qr-img {
                margin-bottom: 16px;
                width: 108px;
                height: 108px;
                background: white;
            }
    .order-idea-preview-content-qr-img img {
                    width: 100%;
                    height: 100%;
                    border-radius: 7px;
                }
    .order-idea-preview-content .intersect {
            position: relative;
            left: -158px;
            top: 200px;
        }

.budget-additional-content .one-form-field {
        margin-bottom: 0 !important;
    }
    .budget-additional-content-item {
        margin: 16px 0;
    }
    .budget-additional-content-item:first-child {
            margin-top: 12px;
        }
    .budget-additional-content-item .one-form-field-label {
            justify-content: flex-start;
            width: 49px !important;
            margin-right: 16px;
        }
    .budget-additional-content-item .one-form-field-messages .one-message {
                margin-top: 0 !important;
            }
    .budget-additional-content-item-label {
            font-family: "PingFang SC";
            font-size: 12px;
            line-height: 22px;
            color: #282c33;
        }
    .budget-additional-content-item-options {
            box-sizing: border-box;
            height: 51px !important;
            padding: 6px 16px !important;
        }
    .budget-additional-content-btnGroup {
        margin-top: 24px;
    }
    .budget-additional-content-btnGroup-btn:last-child {
                margin-left: 12px;
            }
    .budget-additional-content-source-item-title {
            font-size: 14px;
            color: #282c33;
            height: 20px;
            line-height: 20px;
        }
    .budget-additional-content-source-item-title span {
                display: block;
                overflow: hidden;
                text-overflow: ellipsis;
            }
    .budget-additional-content-source-item-amount {
            margin-top: 2px;
            height: 17px;
            line-height: 17px;
            font-size: 12px;
            color: #848b99;
        }

.reject-form-container {
    padding-top: 18px;
}

    .reject-form-container-content {
        margin-bottom: 50px;
    }

    .reject-form-container .submit-btn-groups {
        display: flex;
        flex-wrap: wrap;
        margin-top: 20px;
        position: absolute;
        bottom: 24px;
        width: 552px;
        justify-content: center;
    }

    .reject-form-container .submit-btn-groups > button:first-child {
            margin-right: 30px;
        }

    .reject-form-container-row {
        display: flex;
    }

    .reject-form-container-tips {
        margin-top: 58px;
        color: var(--btn-color-gray);
        font-size: 11px;
        line-height: 18px;
    }

    .reject-form-container .reject-item .one-uploader {
            width: 120px !important;
        }

    .reject-form-container-fileId-uploader {
        margin-bottom: 10px;
    }

    .reject-form-container-fileId-uploader .one-uploader-anchor-image,
        .reject-form-container-fileId-uploader .one-uploader-anchor-image-button {
            width: 100px !important;
            height: 100px !important;
        }

    .reject-form-container-fileId-uploader .one-uploader-image-item-card {
            width: 100px !important;
            height: 100px !important;
        }

    .reject-form-container-fileId-uploader .icon-image-add {
            top: 30px !important;
        }

    .reject-form-container .fileId-uploader-none .one-uploader-anchor-image {
            display: none;
        }

    .reject-form-container .delete-reject-item-icon {
        margin-left: 12px;
        margin-top: 8px;
        cursor: pointer;
    }

    .reject-form-container .add-reject-item-btn {
        margin-left: 88px;
    }

    .reject-form-container .add-reject-item-btn .one-icon-plus {
            font-size: 8px;
            margin-right: 4px;
        }

.reject-content-col {
        display: flex;
        line-height: 32px;
    }

        .reject-content-col-label {
            color: #151515;
            margin-right: 30px;
        }
    .reject-content-image {
        height: 150px;
    }
    .reject-content-modal-blank {
            display: inline-block;
            min-width: 200px;
        }
    .reject-content-modal-image {
            width: 100%;
        }
    .reject-content-modal .new-fc-one-modal-header {
            opacity: 0;
        }
    .reject-content-modal .new-fc-one-modal-footer {
            display: none;
        }

.sqcpB h1,
    .sqcpB h3,
    .sqcpB ol,
    .sqcpB ul,
    .sqcpB p,
    .sqcpB li {
        all: revert;
    }

.order-script .script-item {
        position: relative;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        height: 52px;
        line-height: 68px;
        margin-bottom: 10px;
        background: var(--case-background-color);
        border-radius: 4px;
    }

        .order-script .script-item:last-of-type {
            margin-bottom: 0;
        }

        .order-script .script-item .script-item-title {
            position: relative;
            width: 159px;
            padding-left: 20px;
            font-size: 14px;
            color: var(--url-hover-color);
            cursor: pointer;
        }

        .order-script .script-item .script-item-title:hover {
                font-weight: 500;
            }

        .order-script .script-item .script-item-title:hover .script-title-icon {
                    font-weight: 500;
                }

        .order-script .script-item .script-item-title .script-title-icon {
                color: var(--url-hover-color);
                margin-right: 7px;
            }

        .order-script .script-item .script-item-operate {
            position: relative;
        }

        .order-script .script-item .script-item-operate .script-operate-content {
                display: flex;
                flex-direction: row;
                justify-content: flex-end;
                align-items: center;
                padding-right: 20px;
            }

        .order-script .script-item .script-item-operate .script-operate-content .script-operate-btn {
                    border-radius: 2px;
                }

        .order-script .script-item .script-item-operate .script-operate-content .script-operate-btn:last-of-type {
                        margin-left: 15px;
                    }

        .order-script .script-item .script-item-operate .script-operate-txt {
                position: relative;
                padding-right: 20px;
                font-size: 14px;
                color: var(--label-color);
                text-align: right;
            }

        .order-script .script-item .script-item-operate .script-operate-txt .fail-tip-btn {
                    position: absolute;
                    right: -90px;
                    line-height: 68px;
                }
    .order-script .script-collapse {
        font-size: 14px;
        color: var(--label-color);
        letter-spacing: 0;
        line-height: 1;
    }
    .order-script .script-collapse.collapse-true {
            margin-bottom: 10px;
        }
    .order-script .script-collapse .collapse-span {
            margin-left: 20px;
            color: #3d88f2;
            cursor: pointer;
        }
    .order-script .script-collapse .collapse-span .collapse-icon {
                font-size: 10px;
                color: #3d88f2;
                margin-left: 5px;
                transition: all ease .3s;
            }
    .order-script .textoverflow {
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .order-script .icon-success,
    .order-script .icon-fail {
        margin-right: 8px;
    }
    .order-script .icon-success {
        color: #39bf45;
    }
    .order-script .icon-fail {
        color: #e64552;
    }

.item-context {
    height: 267px;
}

    .item-context.item-context-normal-1 {
        width: 150px;
        height: 267px;
        overflow: hidden;
    }

    .item-context.item-context-normal-1 .video-element {
            width: 150px;
            overflow: hidden;
        }

    .item-context.item-context-normal-1 .img-wrapper img {
                width: 150px;
            }

    .item-context.item-context-normal-2 {
        width: 267px;
        height: 150px;
        overflow: hidden;
    }

    .item-context.item-context-normal-2 .video-element {
            width: 267px;
            overflow: hidden;
        }

    .item-context.item-context-normal-2 .img-wrapper img {
                width: 267px;
            }

    .item-context .img-wrapper-container,
    .item-context .img-wrapper {
        position: relative;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .item-context .img-wrapper-container .play-icon, .item-context .img-wrapper .play-icon {
            width: 37.5px;
            height: 37.5px;
            border-radius: 100%;
            overflow: hidden;
            border: 1px solid var(--dls-color-brand-0);
            background: rgba(0, 0, 0, .2);
            z-index: 100;
            cursor: pointer;
        }

    .item-context .img-wrapper-container .play-icon .icon-center::after, .item-context .img-wrapper .play-icon .icon-center::after {
                    position: absolute;
                    content: "";
                    left: calc(50% - 3px);
                    top: calc(50% - 5px);
                    border-top: 5px solid transparent;
                    border-left: 6.5px solid var(--dls-color-brand-0);
                    border-bottom: 5px solid transparent;
                    border-right: 6.5px solid transparent;
                }

    .item-context .img-wrapper-container .wrapper-text, .item-context .img-wrapper .wrapper-text {
            font-size: 14px;
            color: var(--btn-color-gray);
            line-height: 20px;
            padding: 0 20px;
            text-align: center;
        }

    .item-context .img-wrapper-container img, .item-context .img-wrapper img {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
        }

    .item-context video,
    .item-context img {
        object-fit: fill;
    }

    .item-context .video-player-icon {
        width: 22.5px;
        height: 22.5px;
        border-radius: 2px;
        background: rgba(0, 0, 0, .6);
        z-index: 100;
        color: var(--dls-color-brand-0);
        text-align: center;
        line-height: 22.5px;
        cursor: pointer;
    }

    .item-context .video-player-icon.video-upload-icon {
            position: absolute;
            right: 10px;
            bottom: 10px;
        }

    .item-context .video-player-icon.video-del-icon {
            position: absolute;
            bottom: 10px;
            right: 47.5px;
        }

    .item-context .video-player-icon.video-del-icon .one-icon-delete::before {
                    color: var(--dls-color-brand-0) !important;
                }

    .item-context.item-context-poster {
        position: relative;
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        height: auto;
    }

    .item-context.item-context-poster .context-part {
            position: relative;
            margin-right: 15px;
            overflow: hidden;
        }

    .item-context.item-context-poster .context-part .article-link {
                padding: 5px 0;
                font-size: 14px;
                line-height: 1.5;
                text-align: left;
                word-wrap: break-word;
                color: #3d88f2;
            }

    .item-context.item-context-poster .context-part .article-link .link-icon {
                    margin-right: 10px;
                    font-size: 14px;
                }

    .item-context.item-context-poster .context-part .article-link .link-href {
                    font-size: 14px;
                    text-decoration: none;
                }

    .item-context.item-context-poster .context-part .article-line-one {
                height: 16px;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
            }

    .item-context.item-context-poster .context-part.context-part-1 {
                width: 150px;
            }

    .item-context.item-context-poster .context-part.context-part-1 .video-element {
                    height: 267px;
                    overflow: hidden;
                }

    .item-context.item-context-poster .context-part.context-part-1 .img-wrapper {
                    height: 267px;
                }

    .item-context.item-context-poster .context-part.context-part-2 {
                width: 267px;
            }

    .item-context.item-context-poster .context-part.context-part-2 .video-element {
                    height: 150px;
                    overflow: hidden;
                }

    .item-context.item-context-poster .context-part.context-part-2 .img-wrapper {
                    height: 150px;
                }

    .item-context.item-context-poster .context-part.context-part-3 {
                width: 478px;
            }

    .item-context.item-context-poster .context-part.context-part-3 .video-element {
                    height: 150px;
                    overflow: hidden;
                }

    .item-context.item-context-poster .context-part.context-part-3 .img-wrapper {
                    height: 150px;
                }

    .item-context.item-context-poster .context-part:last-of-type {
                margin-right: 0;
            }

    .item-context.item-context-img {
        display: block;
    }

    .item-context.item-context-img .context-part {
            position: relative;
            margin-right: 15px;
            overflow: hidden;
        }

    .item-context.item-context-img .context-part .article-link {
                padding: 6px 0 16px 0;
                font-size: 14px;
                line-height: 1.5;
                text-align: left;
                word-wrap: break-word;
                color: var(--link-color);
            }

    .item-context .one-loading-nested-loading {
        display: flex;
        width: 100%;
        height: 100%;
    }

    .item-context .one-loading-nested-loading .one-loading-container {
            width: 100%;
            height: 100%;
        }

    .item-context .one-loading-nested-loading .one-loading-container.one-loading-blur {
                background-color: #e5e5e5;
            }

.jw-controls .jw-controlbar-left-group .jw-text-split {
            display: none;
        }

.jw-controls .jw-controlbar-right-group .jw-icon-playrate {
            display: none;
        }

.jw-controls .jw-controlbar-right-group .jw-icon-volume {
            display: none;
        }

.jw-state-idle .jw-preview {
    background-size: contain;
}

.order-videos {
    position: relative;
}

    .order-videos .one-loading-container::after {
            background: transparent !important;
        }

    .order-videos .videos-items-context {
        position: relative;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        margin-right: 15px;
    }

    .order-videos .videos-items-context-title {
            margin-bottom: 14px;
            padding: 0 0 12px 10px;
            border-bottom: 1px solid #dcdcdc;
            color: var(--label-color);
            line-height: 14px;
        }

    .order-videos .videos-items-context .videos-item-content {
            position: relative;
            box-sizing: border-box;
        }

    .order-videos .videos-items-context .videos-item-content.videos-item-type-1,
            .order-videos .videos-items-context .videos-item-content.videos-item-type-2 {
                border: 1px solid #e0e0e0;
                border-radius: 4px;
                margin-right: 15px;
                margin-bottom: 15px;
            }

    .order-videos .videos-items-context .videos-item-content.videos-item-type-1 {
                width: 150px;
            }

    .order-videos .videos-items-context .videos-item-content.videos-item-type-1:nth-of-type(5) {
                    margin-right: 0;
                }

    .order-videos .videos-items-context .videos-item-content.videos-item-type-2 {
                width: 267px;
            }

    .order-videos .videos-items-context .videos-item-content.videos-item-type-2:nth-of-type(3) {
                    margin-right: 0;
                }

    .order-videos .videos-items-context .videos-item-content.video-item-poster-theme {
                margin-right: 15px;
                border-radius: 4px;
            }

    .order-videos .videos-items-context .videos-item-content.video-item-poster-theme .item-context-poster {
                    padding: 16px 16px;
                    background-color: var(--case-background-color);
                }

    .order-videos .videos-items-context .videos-item-content.video-item-poster-theme.video-item-poster-theme-1:nth-of-type(2) {
                        margin-right: 0;
                    }

    .order-videos .videos-items-context .videos-item-content.video-item-poster-theme .item-operate {
                    border: 0;
                    background: var(--case-background-color);
                }

    .order-videos .videos-items-context .videos-item-content .item-operate {
                position: relative;
                padding: 0 0 16px 16px;
                font-size: 14px;
                color: var(--label-color);
                letter-spacing: 0;
                text-align: center;
            }

    .order-videos .videos-items-context .videos-item-content .item-operate .videos-operate-content {
                    text-align: left;
                    height: 100%;
                }

    .order-videos .videos-items-context .videos-item-content .item-operate .videos-operate-content .videos-operate-btn {
                        border-radius: 2px;
                        margin-right: 15px;
                    }

    .order-videos .videos-items-context .videos-item-content .item-operate .videos-operate-content .videos-operate-btn:last-of-type {
                            margin-right: 0;
                        }

    .order-videos .videos-items-context .videos-item-content .item-operate .videos-operate-content .quality_audit_tip {
                        display: flex;
                        margin-bottom: 16px;
                    }

    .order-videos .videos-items-context .videos-item-content .item-operate .videos-operate-content .quality_audit_tip .tip_icon {
                            margin-right: 9px;
                            color: var(--quality-tip-color);
                        }

    .order-videos .videos-items-context .videos-item-content .item-operate .videos-operate-content .quality_audit_tip .tip_desc_vertical,
                        .order-videos .videos-items-context .videos-item-content .item-operate .videos-operate-content .quality_audit_tip .tip_desc_horizontal {
                            width: 253px;
                            line-height: 17px;
                        }

    .order-videos .videos-items-context .videos-item-content .item-operate .videos-operate-content .quality_audit_tip .tip_desc_horizontal {
                            width: 530px;
                        }

    .order-videos .videos-items-context .videos-item-content .item-operate .videos-operate-content .quality-audit-tip-no-video {
                        display: flex;
                        margin-left: 16px;
                        align-items: center;
                    }

    .order-videos .videos-items-context .videos-item-content .item-operate .videos-operate-content .quality-audit-tip-no-video .tip-icon-no-video {
                            margin-right: 9px;
                            color: var(--quality-tip-color);
                        }

    .order-videos .videos-items-context .videos-item-content .item-operate .videos-operate-content .quality-audit-tip-no-video .tip-desc-no-video {
                            width: 300px;
                            line-height: 17px;
                            overflow: hidden;
                            text-overflow: ellipsis;
                            white-space: nowrap;
                        }

    .order-videos .videos-items-context .videos-item-content .item-operate .videos-operate-content .new-fc-one-modal-mask {
                        display: none;
                    }

    .order-videos .videos-items-context .videos-item-content .item-operate .videos-operate-txt {
                    display: flex;
                    position: relative;
                    padding: 9px 0;
                    width: 100%;
                    font-size: 14px;
                    color: var(--label-color);
                    text-align: center;
                }

    .order-videos .videos-items-context .videos-item-content .item-operate .videos-operate-txt .reject-reason {
                        display: flex;
                    }

    .order-videos .videos-items-context .videos-item-content .item-operate .videos-operate-txt .reject-reason .reason-content,
                        .order-videos .videos-items-context .videos-item-content .item-operate .videos-operate-txt .reject-reason .reason-content_novideo {
                            width: 110px;
                            text-align: left;
                            overflow: hidden;
                            text-overflow: ellipsis;
                            white-space: nowrap;
                        }

    .order-videos .videos-items-context .videos-item-content .item-operate .videos-operate-txt .reject-reason .reason-content_novideo {
                            width: 330px;
                        }

    .order-videos .videos-items-context .videos-item-content .item-operate .videos-operate-confirm {
                    position: relative;
                    width: 100%;
                    font-size: 14px;
                    color: var(--label-color);
                    text-align: left;
                }

    .order-videos .videos-items-context .videos-item-content .item-operate .videos-operate-confirm .release-time-tip {
                        display: flex;
                        margin-top: 16px;
                    }

    .order-videos .videos-items-context .videos-item-content .item-operate .videos-operate-confirm-preview {
                        margin-top: 16px;
                    }

    .order-videos .videos-items-context .works-operate {
            display: flex;
        }

    .order-videos .videos-collapse {
        font-size: 14px;
        color: var(--label-color);
        letter-spacing: 0;
        line-height: 1;
    }

    .order-videos .videos-collapse.collapse-true {
            margin-bottom: 10px;
        }

    .order-videos .videos-collapse .collapse-span {
            margin-left: 20px;
            color: #3d88f2;
            cursor: pointer;
        }

    .order-videos .videos-collapse .collapse-span .collapse-icon {
                font-size: 10px;
                color: #3d88f2;
                margin-left: 5px;
                transition: all ease .3s;
            }

    .order-videos .icon-success,
    .order-videos .icon-fail {
        margin-right: 8px;
    }

    .order-videos .icon-success {
        color: #39bf45;
    }

    .order-videos .icon-fail {
        color: #e64552;
    }

.order-detail-video-reject-overlay .one-popover-content {
        width: 552px;
    }

.order-urls .urls-item {
        position: relative;
        padding: 16px;
        line-height: 16px;
        margin-bottom: 10px;
        background: var(--case-background-color);
        border-radius: 4px;
    }

        .order-urls .urls-item:last-of-type {
            margin-bottom: 0;
        }

        .order-urls .urls-item .urls-item-title {
            position: relative;
            width: 293px;
            font-size: 14px;
            color: var(--dls-color-brand-7);
            cursor: pointer;
        }

        .order-urls .urls-item .urls-item-title .icon-link {
                margin-right: 4px;
            }

        .order-urls .urls-item .urls-item-title:hover {
                font-weight: 500;
            }

        .order-urls .urls-item .urls-item-title .order-tip {
                margin-bottom: var(--dls-spacing-unit);
                font-weight: 500;
                font-size: 16px;
                line-height: 22px;
                color: var(--order-end-tip);
            }

        .order-urls .urls-item .urls-item-title .order-question {
                font-weight: 400;
                font-size: 14px;
                line-height: 20px;
                color: var(--dls-color-gray-7);
            }

        .order-urls .urls-item .quality_audit_tip {
            display: flex;
            padding-bottom: 16px;
        }

        .order-urls .urls-item .quality_audit_tip .tip_icon {
                margin-right: 9px;
                color: var(--quality-tip-color);
            }

        .order-urls .urls-item .quality_audit_tip .tip_desc {
                width: 250px;
                line-height: 17px;
            }

        .order-urls .urls-item .urls-item-operate {
            position: relative;
            margin: 16px 20px 0 0;
            width: 275px;
        }

        .order-urls .urls-item .urls-item-operate .urls-operate-content {
                display: flex;
                flex-direction: row;
                align-items: center;
            }

        .order-urls .urls-item .urls-item-operate .urls-operate-content .urls-operate-btn {
                    margin-right: 15px;
                }

        .order-urls .urls-item .urls-item-operate .urls-operate-txt {
                position: relative;
                display: flex;
                width: 100%;
                padding-right: 20px;
                font-size: 14px;
                color: var(--label-color);
            }

        .order-urls .urls-item .urls-item-operate .urls-operate-txt .url-reason {
                    display: flex;
                    margin-left: 10px;
                }

        .order-urls .urls-item .urls-item-operate .urls-operate-txt .url-reason .url-reason-text {
                        width: 134px;
                        overflow: hidden;
                        white-space: nowrap;
                        text-overflow: ellipsis;
                    }

        .order-urls .urls-item .urls-item-operate .urls-operate-txt .urls-operate-btn {
                    margin-left: 20px;
                }
    .order-urls .no-background {
        background: none;
    }
    .order-urls .urls-collapse {
        font-size: 14px;
        color: var(--label-color);
        letter-spacing: 0;
        line-height: 1;
    }
    .order-urls .urls-collapse.collapse-true {
            margin-bottom: 10px;
        }
    .order-urls .urls-collapse .collapse-span {
            margin-left: 20px;
            color: #3d88f2;
            cursor: pointer;
        }
    .order-urls .urls-collapse .collapse-span .collapse-icon {
                font-size: 10px;
                color: #3d88f2;
                margin-left: 5px;
                transition: all ease .3s;
            }
    .order-urls .textoverflow {
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .order-urls .icon-success,
    .order-urls .icon-fail {
        margin-right: 8px;
    }
    .order-urls .icon-success {
        color: #39bf45;
    }
    .order-urls .icon-fail {
        color: #e64552;
    }

.source-delivery {
    position: relative;
    width: 295px;
    padding: 16px;
    line-height: 16px;
    margin-bottom: 10px;
    background: #f6f7fa;
    border-radius: 4px;
}

    .source-delivery-content {
        font-weight: 500;
        font-size: 16px;
        line-height: 22px;
        color: #009940;
    }

    .source-delivery-question {
        margin: 4px 0 8px 0;
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        color: #848b99;
    }

    .source-delivery-dialog .one-dialog-content {
            height: 220px;
        }

    .source-delivery-container {
        display: flex;
        flex-direction: column;
        gap: 20px;
        padding-top: 15px;
    }

    .source-delivery-container > p {
            font-weight: 400;
            font-size: 14px;
            line-height: 20px;
        }

.order-link-fiedls {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: -15px;
}

    .order-link-fiedls .fields-form {
        width: 510px;
    }

    .order-link-fiedls .fields-form .form-item {
            position: relative;
            display: flex;
            justify-content: flex-start;
            align-items: flex-start;
            font-size: 14px;
            line-height: 1;
            padding: 15px 0;
            color: var(--label-color);
        }

    .order-link-fiedls .fields-form .form-item .item-label {
                text-align: right;
                width: 100px;
            }

    .order-link-fiedls .fields-form .form-item .item-context-text {
                flex: 1;
                padding-left: 20px;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
            }

    .order-link-fiedls .fields-form .form-item .item-context-text .context-img {
                    width: 187.5px;
                    height: 122.5px;
                    object-fit: fill;
                }

    .order-link-fiedls .fields-preview {
        width: 350px;
        margin-left: 100px;
    }

    .order-link-fiedls .fields-preview .preview-context {
            position: relative;
        }

    .order-link-fiedls .fields-preview .preview-context .preview-title {
                font-size: 14px;
                color: var(--label-color);
                margin-bottom: 15px;
                font-weight: 600;
            }

.order-detail-task-detail {
    padding-bottom: 24px;
    font-size: 14px;
    color: black;
}

    .order-detail-task-detail-container {
        display: flex;
        margin-bottom: 24px;
    }

    .order-detail-task-detail-container:last-child {
            margin-bottom: 0;
        }

    .order-detail-task-detail-box {
        display: flex;
    }

    .order-detail-task-detail-box-container {
            display: flex;
            align-items: center;
        }

    .order-detail-task-detail-icon-hover {
        display: flex;
        align-items: center;
        margin: 0 14px 0 -24px;
        color: #848b99;
    }

    .order-detail-task-detail-label {
        flex-shrink: 0;
        margin-right: 28px;
    }

    .order-detail-task-detail-label-budget {
            line-height: 36px;
        }

    .order-detail-task-detail-link {
        color: var(--dls-color-brand-7);
        cursor: pointer;
        word-break: break-all;
    }

    .order-detail-task-detail-link-icon {
            margin-right: var(--dls-spacing-unit);
        }

    .order-detail-task-detail-progress-container {
        display: flex;
        align-items: center;
    }

    .order-detail-task-detail .one-progress-line .one-progress-text {
        max-width: initial;
    }

    .order-detail-task-detail-progress {
        margin-right: 16px;
    }

.order-detail-task-data {
    padding-bottom: 24px;
    font-size: 14px;
}

    .order-detail-task-data-item {
        margin-top: 8px;
    }

    .order-detail-task-data-item-title {
            margin-bottom: 24px;
            padding-left: 8px;
            border-left: 3px var(--dls-color-brand-6) solid;
        }

    .order-detail-task-data-item-radio {
            margin-bottom: 20px;
        }

    .order-detail-task-data-item-cards:last-child {
            margin-bottom: 32px;
        }

    .order-detail-task-data-item-card,
        .order-detail-task-data-item-card-last {
            padding: 16px;
            width: calc(25% - 45.5px);
            height: 72px;
            background-image: url(https://now.bdstatic.com/store/v2/e8a15f8/fe-commercial/e47473e/a754c66d73c8dfb01df3.png);
            background-size: cover;
            border-radius: 6px;
        }

    .order-detail-task-data-item-card-label, .order-detail-task-data-item-card-last-label {
                margin-bottom: 8px;
                line-height: 20px;
                font-weight: 500;
            }

    .order-detail-task-data-item-card-desc, .order-detail-task-data-item-card-last-desc {
                font-weight: 500;
                font-size: 32px;
                line-height: 44px;
                color: var(--dls-color-gray-9);
            }

    .order-detail-task-data-empty-item {
        padding-bottom: 36px;
        text-align: center;
        color: var(--dls-color-gray-7);
        font-size: 14px;
    }

    .order-detail-task-data-empty-img {
        margin: 12px auto;
        width: 220px;
    }

    .order-detail-task-data-icon {
        margin-left: var(--dls-spacing-unit);
    }

.commonRender-one-row {
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

    .commonRender-one-row.commonRender-any-row {
        width: 400;
        display: -webkit-box;
        white-space: wrap;
        -webkit-box-orient: vertical;
    }

.comment-section-status {
    display: flex;
    align-items: center;
}

    .comment-section-status .section-status-global {
        display: inline-block;
        width: 7px;
        height: 7px;
        border-radius: 50%;
        margin-right: 6px;
    }

    .comment-section-status .section-status-Unaudited {
        background-color: #a8b0bf;
    }

    .comment-section-status .section-status-online {
        background-color: #2fc724;
    }

    .comment-section-status .section-status-rejected {
        background-color: #ff3a33;
    }

.comment-manage-drawer {
    --dls-tab-menu-padding: 0;
}

.comment-manage-drawer.one-drawer-open {
        transform: translateX(0) !important;
    }

.comment-manage-drawer .drawer-title {
        padding-bottom: 15px;
    }

.comment-dialog-mask {
    width: 1101px;
    right: 0;
    left: auto;
}

.page-back {
    display: flex;
    align-items: center;
}

    .page-back .back-icon {
        display: inline-block;
        width: 22px;
        height: 22px;
        cursor: pointer;
        line-height: 22px;
    }

    .page-back .back-icon svg {
            width: 100%;
            height: 100%;
        }

.ZQDIf {
    width: 800px;
    max-width: 800px;
}

    .ZQDIf .one-popover-inner {
            width: 800px;
            height: 450px;
        }

    .ZQDIf .one-popover-inner .one-popover-title {
                margin-bottom: 16px;
                padding: 24px 24px 0;
            }

    .ZQDIf .one-popover-inner .one-popover-inner-content {
                padding: 0 24px 24px;
            }

.cObFx {
    height: 364px;
}

.cObFx .one-table-head-cell {
            height: 44px;
            padding: 10px 16px;
        }

.svg0J {
    margin-left: 8px;
    width: 88px;
    height: 24px;
    padding: 4px 8px;
    box-sizing: border-box;
    border-radius: 2px;
    font-family: "PingFang SC";
    font-size: 12px;
    line-height: 16px;
    background: #fff0f5;
    color: #f01f87;
    cursor: pointer;
}

.svg0J:hover {
        background: #ffe0ec;
    }

.svg0J:active {
        background: #ffc2da;
    }

.jBsG_ input::placeholder {
        color: rgba(0, 0, 0, .25);
    }

.jBsG_ .one-ui-pro-multiLabel-input-area {
            max-height: none !important;
        }

.order-detail-extra-service {
    padding-bottom: 24px;
}

    .order-detail-extra-service-radio-container {
        margin-bottom: 20px;
    }

    .order-detail-extra-service-item-label.with-label-holder .with-label-label {
        margin-right: 28px;
        width: 70px;
        height: 32px;
        line-height: 32px;
        text-align: right;
    }

    .order-detail-extra-service-item-label-text.with-label-holder .with-label-label {
        height: auto;
        line-height: normal;
    }

    .order-detail-extra-service-item-container {
        margin-bottom: 24px;
    }

    .order-detail-extra-service-item-container-title {
            display: flex;
            align-items: center;
            margin-bottom: 20px;
            font-family: "PingFang SC";
            font-weight: 600;
            font-size: 14px;
            line-height: 20px;
            color: #282c33;
        }

    .order-detail-extra-service-item-content {
        display: flex;
    }

    .order-detail-extra-service-item-content-title {
            display: flex;
            align-items: center;
            margin-right: 12px;
            font-family: "PingFang SC";
            font-weight: 600;
            font-size: 14px;
            line-height: 20px;
            color: #282c33;
        }

    .order-detail-extra-service-item-label {
        margin-bottom: 24px;
        align-items: flex-start;
    }

    .order-detail-extra-service-item-label-config {
            display: flex;
        }

    .order-detail-extra-service-item-label-container {
            width: 100%;
            height: 80px;
        }

    .order-detail-extra-service-item-label-container .order-detail-extra-service-item-label-imgConfig {
                position: absolute;
                height: 80px;
                width: 142px;
                left: 360px;
            }

    .order-detail-extra-service-default-link,
    .order-detail-extra-service-link {
        line-height: 20px;
    }

    .order-detail-extra-service-link {
        max-width: 287px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .order-detail-extra-service .one-ui-pro-multiLabel-body {
        margin-bottom: 0;
    }

    .order-detail-extra-service-detail-topic-remove-row {
            display: flex;
            margin: 0 0 24px 15px;
        }

    .order-detail-extra-service-detail-topic-remove-row-label,
            .order-detail-extra-service-detail-topic-remove-row-value {
                font-size: 14px;
                line-height: 20px;
            }

    .order-detail-extra-service-detail-topic-remove-row-label {
                width: 56px;
                text-align: right;
                color: #545b66;
            }

    .order-detail-extra-service-detail-topic-remove-row-value {
                overflow: hidden;
                margin-left: 24px;
                max-width: calc(100% - 100px);
                white-space: nowrap;
                text-overflow: ellipsis;
                color: var(----G9, #282c33);
            }

    .order-detail-extra-service-detail-topic-remove-row:last-child {
                margin-bottom: 0;
            }

.feedback-title {
    height: 16px;
    font-family: "PingFang SC";
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    color: #282c33;
}

.feedback-content {
    font-family: "PingFang SC";
    font-size: 12px;
    line-height: 18px;
    color: #282c33;
}

.order-operate-record {
    background-color: var(--dls-background-color-base-1);
    padding: 24px;
}

    .order-operate-record-title {
        font-weight: 500;
        font-size: 16px;
        line-height: 22px;
        color: var(--dls-color-gray-9);
        margin-bottom: 24px;
    }

.order-operate-talent {
    margin-bottom: 16px;
    padding: 24px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .06);
    border-radius: 4px;
    background: #fff;
}

    .order-operate-talent-title {
        font-weight: 500;
        font-size: 16px;
        line-height: 22px;
        color: var(--dls-color-gray-9);
        margin-bottom: 24px;
    }

.opt-order {
    background-color: var(--dls-background-color-base-1);
    padding: 24px;
    margin-top: 16px;
}

    .opt-order-content {
        display: flex;
        align-items: center;
    }

    .opt-order-content button {
            margin-right: 16px;
        }

    .opt-order-content-tip {
            font-size: 14px;
            color: #848b99;
        }

    .opt-order-popover {
        font-size: 14px;
    }

    .opt-order-close,
    .opt-order-confirm {
        margin-left: 20px;
    }

    .opt-order-close-tip, .opt-order-confirm-tip {
            margin-bottom: 16px;
            font-size: 14px;
            color: #848b99;
        }

    .opt-order-close-item, .opt-order-confirm-item {
            display: flex;
            margin: 16px 0;
            font-size: 14px;
        }

    .opt-order-close-item-title, .opt-order-confirm-item-title {
                margin-top: 5px;
                flex-shrink: 0;
                width: 70px;
            }

    .opt-order-close-btn {
            margin: 0 16px 0 20px;
        }

    .opt-order-confirm {
        margin-left: -20px;
    }

    .opt-order .confirm {
        margin-left: 20px;
    }

.essay-confirm-order-operate-in {
            background: linear-gradient(180deg, #c4daff -144.23%, rgba(196, 218, 255, 0) 117.31%);
        }

            .essay-confirm-order-operate-in .operate-tag-color {
                color: #0054e6;
            }
        .essay-confirm-order-operate-out {
            background: linear-gradient(180deg, #ffdea8 -144.23%, rgba(255, 222, 168, 0) 117.31%);
        }
        .essay-confirm-order-operate-out .operate-tag-color {
                color: #ff8400;
            }
        .essay-confirm-order-operate-finish {
            background: linear-gradient(180deg, #b6edb2 -144.23%, rgba(182, 237, 178, 0) 117.31%);
        }
        .essay-confirm-order-operate-finish .operate-tag-color {
                color: #24c729;
            }
        .essay-confirm-order-operate-container {
            display: flex;
            align-items: center;
            justify-content: space-between;
            box-sizing: border-box;
            padding: 23px;
            height: 78px;
            border-radius: 4px 4px 0 0;
        }
        .essay-confirm-order-operate-box {
            display: flex;
            align-items: center;
        }
        .essay-confirm-order-operate-box-btn-common {
                    width: 100%;
                    display: flex;
                    align-items: center;
                    justify-content: space-between;
                }
        .essay-confirm-order-operate-box-btn-common-title {
                        font-weight: 500;
                        font-size: 20px;
                        line-height: 28px;
                        color: #282c33;
                    }
        .essay-confirm-order-operate-box-btn-common-close {
                        font-size: 16px;
                        cursor: pointer;
                    }
        .essay-confirm-order-operate-box-btn-popover {
                    width: 400px;
                }
        .essay-confirm-order-operate-box-btn-popover .one-popover-title {
                        width: 100%;
                        padding: 8px 8px 0;
                    }
        .essay-confirm-order-operate-box-btn-popover .one-popover-inner-content {
                        padding: 0 24px 24px;
                    }
        .essay-confirm-order-operate-box-dataDetail {
                margin-left: 8px;
            }
        .essay-confirm-order-operate-box-content {
                width: 352px;
                color: #282c33;
                font-family: "PingFang SC";
                font-size: 14px;
                line-height: 26px;
            }
        .essay-confirm-order-operate-box-tips {
                margin-left: 12px;
                font-family: "PingFang SC";
                font-size: 14px;
                line-height: 20px;
                color: #848b99;
            }
        .essay-confirm-order-operate-tag {
            display: flex;
        }
        .essay-confirm-order-operate-tag span:first-child {
                    font-size: 24px;
                }
        .essay-confirm-order-operate-tag span:last-child {
                    margin-left: 8px;
                    line-height: 24px;
                    font-weight: 600;
                    font-size: 18px;
                }
    .essay-confirm-order-confirm-desc {
            width: 352px;
            font-family: "PingFang SC";
            font-size: 14px;
            line-height: 26px;
            color: #282c33;
        }
    .essay-confirm-order-confirm-btn {
            display: flex;
            margin-top: 24px;
        }
    .essay-confirm-order-confirm-btn .confirm-cancel-btn:last-child {
                    margin-left: 12px;
                }

.confirm-table-title {
        padding: 1.5px 0;
        font-weight: 500;
        font-size: 12px;
        line-height: 16px;
        color: #282c33;
    }

.confirm-table-filters-dot {
            display: inline-block;
            width: 8px;
            height: 8px;
            border-radius: 50%;
            margin-right: 8px;
        }

.confirm-table-filters-text {
            font-size: 12px;
            line-height: 18px;
            color: #282c33;
        }

.confirm-table-info-icon {
        color: #848b99;
    }

.confirm-table-title-link {
        display: inline-block;
        width: 300px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        color: #0054e6;
        font-size: 12px;
    }

.confirm-table-operate-group-btn {
            font-size: 12px;
            line-height: 16px;
        }

.confirm-table-operate-group-btn:first-child {
                margin-right: 16px;
            }

.confirm-table-operate-group-popover {
            width: 400px;
        }

.confirm-table-operate-group-popover .one-popover-title {
                padding: 24px 24px 0;
                margin-bottom: 16px;
            }

.confirm-table-operate-group-popover .one-popover-inner-content {
                padding: 0 24px 24px;
            }

.confirm-table-operate-group-common {
            display: flex;
            align-items: center;
            justify-content: space-between;
        }

.confirm-table-operate-group-common-title {
                font-weight: 500;
                font-size: 20px;
                line-height: 28px;
                color: #282c33;
            }

.confirm-table-operate-group-common-close {
                font-size: 16px;
                cursor: pointer;
            }

.confirm-table-operate-group-reject-desc {
                display: flex;
                align-items: center;
                margin-bottom: 8px;
                font-family: "PingFang SC";
                font-size: 14px;
                line-height: 26px;
                color: #282c33;
            }

.confirm-table-operate-group-reject-box {
                display: flex;
            }

.confirm-table-operate-group-reject-box-top {
                    margin-top: 8px;
                }

.confirm-table-operate-group-reject-title {
                flex-shrink: 0;
                width: 70px;
                height: 32px;
                font-family: "PingFang SC";
                font-size: 14px;
                line-height: 26px;
                color: #282c33;
            }

.confirm-table-operate-group-reject-select {
                flex: 1;
                max-width: 282px;
            }

.confirm-table-operate-group-reject-select-dropdown {
                    width: 400px !important;
                }

.confirm-table-operate-group-reject-input {
                flex: 1;
            }

.confirm-table-operate-group-reject-input .one-input-detail {
                    width: 282px;
                }

.confirm-table-operate-group-reject-btn {
                display: flex;
                margin-top: 24px;
            }

.confirm-table-operate-group-reject-btn .confirm-cancel-btn:last-child {
                        margin-left: 12px;
                    }

.confirm-table-text {
        font-size: 12px;
    }

: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-detail {
    margin: 0 auto;
    height: 100%;
}

.bcm-order-detail .page-back {
        margin: 1px -24px 16px;
        padding: 20px 38px;
        border-radius: 4px;
        background-color: var(--white);
        color: var(--label-color);
        cursor: pointer;
    }

.bcm-order-detail .page-back .back-icon {
            margin-right: 14px;
            font-size: 10px;
            color: var(--tip-color);
        }

.bcm-order-detail .page-back .back-icon svg {
                height: 20px;
            }

.bcm-order-detail .page-back .page-title {
            font-size: 20px;
            line-height: 1;
            font-weight: 600;
        }

.bcm-order-detail .detail-container {
        margin: 0 auto;
        width: 1200px;
    }

.bcm-order-detail .detail-container .detail-section {
            position: relative;
            margin: 0 0 16px;
            padding-top: 30px;
            border-radius: 4px;
            background: var(--dls-color-brand-0);
        }

.bcm-order-detail .detail-container .detail-section .section-item {
                position: relative;
                margin: 0 24px 0;
                padding-top: 30px;
                border-bottom: 1px solid #eee;
            }

.bcm-order-detail .detail-container .detail-section .section-item:last-of-type {
                    border: 0;
                }

.bcm-order-detail .detail-container .detail-section .section-item:first-of-type {
                    padding-top: 0;
                }

.bcm-order-detail .detail-container .detail-section .section-item .item-title {
                    display: flex;
                    margin-bottom: 24px;
                    align-items: center;
                    font-size: 16px;
                    color: var(--label-color);
                    letter-spacing: 0;
                    line-height: 1;
                    font-weight: 600;
                }

.bcm-order-detail .detail-container .detail-section .section-item .item-title .data-tips {
                        margin-left: 16px;
                        color: var(--dls-color-gray-7);
                        font-size: 14px;
                        font-weight: 400;
                    }

.bcm-order-detail .detail-container .detail-section .section-item .item-title .boost-label {
                        margin-right: 8px;
                        padding: 4px 8px;
                        width: 24px;
                        height: 16px;
                        background: var(--dls-color-error-7);
                        border-radius: 2px;
                        line-height: 16px;
                        font-size: 12px;
                        color: var(--dls-color-brand-0);
                    }

.bcm-order-detail .detail-container .detail-section .section-item .item-title .question-circle-icon {
                        margin-left: 5px;
                        width: 16px;
                        height: 16px;
                        color: var(--dls-color-gray-7);
                    }

.bcm-order-detail .detail-container .detail-section .section-item .item-icon-hover {
                    margin: 0 0 24px 4px;
                    font-size: 16px;
                    color: var(--dls-color-gray-7);
                }

.bcm-order-detail .detail-container .detail-section .section-item .data-pick-content {
                    background: var(--case-background-color);
                    padding-left: 16px;
                }

.bcm-order-detail .detail-container .detail-section .section-item .data-pick-content .release-time {
                        text-align: left;
                        font-size: 14px;
                    }

.bcm-order-detail .detail-container .detail-section .section-item .data-pick-content .release-time .set-time-tltle {
                            color: var(--label-color);
                        }

.bcm-order-detail .detail-container .detail-section .section-item .data-pick-content .release-time .set-time-tltle .require {
                                color: var(--tips-color);
                            }

.bcm-order-detail .detail-container .detail-section .section-item .data-pick-content .tip {
                        margin-top: 8px;
                        font-size: 14px;
                        color: var(--tip-color);
                    }

.bcm-order-detail .detail-container .detail-section .section-item .data-pick-content .date-picker {
                        margin-top: 16px;
                    }

.bcm-order-detail .detail-container .detail-section .section-item .data-pick-content .submit {
                        margin: 16px 0;
                    }

.bcm-order-detail .detail-container .detail-section .section-item .data-pick-content .tip-feedback {
                        color: var(--tips-color);
                    }

.bcm-order-detail .detail-container .detail-section .section-item .extra-component-cards {
                    display: flex;
                    margin-bottom: -var(--extra-component-margin);
                    justify-content: space-between;
                    width: auto;
                    min-width: 1000px;
                    flex-wrap: wrap;
                }

.bcm-order-detail .detail-container .detail-section .section-item .extra-component-cards-add {
                        display: flex;
                        margin-bottom: var(--extra-component-margin);
                        width: 100%;
                        flex-wrap: wrap;
                    }

.bcm-order-detail .detail-container .detail-section .section-item .extra-component-cards-add-tip {
                            margin-left: 8px;
                            font-size: 14px;
                            line-height: 32px;
                            color: var(--dls-color-gray-7);
                        }

.bcm-order-detail .detail-container .detail-section .section-item .extra-component-cards-remove-tip {
                        width: 100%;
                        font-size: 14px;
                        line-height: 32px;
                        color: var(--dls-color-gray-7);
                    }

.bcm-order-detail .detail-container .detail-section .section-item .extra-component-cards-cards {
                        display: flex;
                        flex-wrap: wrap;
                    }

.bcm-order-detail .detail-container .detail-section .section-item .extra-component-cards-table {
                        padding-bottom: 24px;
                        margin-top: -16px;
                    }

.bcm-order-detail .detail-container .detail-section .section-item .boost-detail-container {
                        padding: 24px;
                        background: var(--dls-color-gray-1);
                        border-radius: 4px;
                    }

.bcm-order-detail .detail-container .detail-section .section-item .boost-detail-container-read-num {
                            display: flex;
                            align-items: center;
                            justify-content: space-between;
                            font-weight: 500;
                            font-size: 16px;
                            line-height: 22px;
                            color: var(--dls-color-brand-11);
                        }

.bcm-order-detail .detail-container .detail-section .section-item .boost-detail-container-read-num-all {
                                margin-right: 8px;
                                color: var(--dls-color-gray-7);
                            }

.bcm-order-detail .detail-container .detail-section .section-item .boost-detail-container-no-finish-flag,
                        .bcm-order-detail .detail-container .detail-section .section-item .boost-detail-container-arrive-flag,
                        .bcm-order-detail .detail-container .detail-section .section-item .boost-detail-container-finish-flag {
                            position: relative;
                            border-radius: 32px;
                            width: 12px;
                            height: 12px;
                            top: 14px;
                            background: var(--dls-color-gray-2);
                            box-shadow: 0 0 1px rgba(0, 0, 0, .25);
                            z-index: 2;
                        }

.bcm-order-detail .detail-container .detail-section .section-item .boost-detail-container-no-finish-flag:hover, .bcm-order-detail .detail-container .detail-section .section-item .boost-detail-container-arrive-flag:hover, .bcm-order-detail .detail-container .detail-section .section-item .boost-detail-container-finish-flag:hover {
                                width: 6px;
                                height: 6px;
                                top: 14px;
                                background: var(--dls-color-gray-1);
                                border: 3px solid var(--dls-color-gray-4);
                                box-shadow: 0 0 5px rgba(0, 0, 0, .25);
                            }

.bcm-order-detail .detail-container .detail-section .section-item .boost-detail-container-arrive-flag {
                            background: var(--dls-color-brand-7);
                        }

.bcm-order-detail .detail-container .detail-section .section-item .boost-detail-container-arrive-flag:hover {
                                border: 3px solid var(--dls-color-brand-7);
                            }

.bcm-order-detail .detail-container .detail-section .section-item .boost-detail-container-finish-flag {
                            background: var(--dls-color-success-7);
                        }

.bcm-order-detail .detail-container .detail-section .section-item .boost-detail-container-finish-flag:hover {
                                border: 3px solid var(--dls-color-success-7);
                            }

.bcm-order-detail .detail-container .detail-section .section-item .boost-detail-container-tip {
                            font-weight: 400;
                            font-size: 14px;
                            line-height: 20px;
                            color: var(--dls-color-gray-9);
                        }

.bcm-order-detail .detail-container .detail-section .section-item .boost-detail-container-tag {
                            margin: 12px 0 0 -3px;
                            height: 36px;
                        }

.bcm-order-detail .detail-container .detail-section .section-item .boost-detail-container-compensation-tip {
                            display: flex;
                            align-items: center;
                            font-weight: 400;
                            font-size: 14px;
                            line-height: 20px;
                            color: var(--dls-color-gray-7);
                        }

.bcm-order-detail .detail-container .detail-section .section-item .boost-detail-container-compensation-tip .question-circle-icon {
                                margin-left: 5px;
                                width: 16px;
                                height: 16px;
                            }

.bcm-order-detail .detail-container .detail-section .section-item .boost-detail-container-compensation-tip:hover {
                                color: var(--dls-color-gray-8);
                            }

.bcm-order-detail .detail-container .detail-section .section-item .boost-detail-container-tip {
                            margin-top: 11px;
                            color: var(--dls-color-gray-8);
                            font-weight: 400;
                            font-size: 14px;
                            line-height: 20px;
                        }

.bcm-order-detail .detail-container .detail-section .section-item .boost-detail-info {
                        margin-top: 16px;
                    }

.bcm-order-detail .detail-container .detail-section .section-item .boost-detail-info-item {
                            display: flex;
                            margin-bottom: 24px;
                            line-height: 20px;
                            justify-content: flex-start;
                            align-items: center;
                            font-size: 14px;
                        }

.bcm-order-detail .detail-container .detail-section .section-item .boost-detail-info-item-label {
                                margin-right: 24px;
                                width: 70px;
                            }

.bcm-order-detail .detail-container .detail-section .section-item .boost-detail-info-item-val {
                                flex: 1;
                                margin: 0 20px;
                                text-align: left;
                                white-space: nowrap;
                                overflow: hidden;
                                text-overflow: ellipsis;
                            }

.bcm-order-detail .detail-container .detail-component-section {
            margin-bottom: 40px;
        }

.bcm-order-detail .detail-container .task-data-section-item {
            display: flex;
            justify-content: space-between;
        }

.bcm-order-detail .detail-container .task-data-section-item-title {
                display: flex;
            }

.bcm-order-detail .detail-container .task-data-section-item-title-desc {
                    display: flex;
                    margin-left: 16px;
                    color: var(--dls-color-gray-7);
                    font-size: 14px;
                    line-height: 25px;
                }

.bcm-order-detail .detail-container .bcm-order-progress {
            position: relative;
            padding-left: 12.75%;
            padding-right: 12.75%;
            padding-bottom: 20px;
        }

.bcm-order-detail .detail-container .bcm-order-progress .one-steps-item .one-steps-item-content .one-steps-item-title {
                        font-size: 14px;
                        color: var(--label-color);
                        letter-spacing: 0;
                        line-height: 22px;
                        font-weight: 600;
                    }

.bcm-order-detail .detail-container .bcm-order-progress .one-steps-item .one-steps-item-content .one-steps-item-description {
                        font-family: PingFangSC-Regular;
                        font-size: 12px;
                        color: #666;
                        letter-spacing: 0;
                        line-height: 18px;
                        margin-top: 4px;
                        margin-left: -10px;
                        width: 130px;
                    }

.bcm-order-detail .detail-container .bcm-order-detail {
            font-size: 14px;
            color: var(--label-color);
            letter-spacing: 0;
            line-height: 1;
        }

.bcm-order-detail .detail-container .bcm-order-detail .detail-items,
            .bcm-order-detail .detail-container .bcm-order-detail .detail-item {
                text-decoration: none;
                list-style: none;
            }

.bcm-order-detail .detail-container .bcm-order-detail .detail-items .detail-item {
                    display: flex;
                    margin-bottom: 24px;
                    line-height: 20px;
                    justify-content: flex-start;
                    align-items: flex-start;
                }

.bcm-order-detail .detail-container .bcm-order-detail .detail-items .detail-item .item-label {
                        margin-right: 14px;
                        width: 100px;
                    }

.bcm-order-detail .detail-container .bcm-order-detail .detail-items .detail-item .item-label-sync-eshop {
                        width: 98px;
                    }

.bcm-order-detail .detail-container .bcm-order-detail .detail-items .detail-item .item-val-sync-eshop {
                        flex: 1;
                        margin: 0 20px 16px;
                        text-align: left;
                        word-break: break-all;
                    }

.bcm-order-detail .detail-container .bcm-order-detail .detail-items .detail-item .item-val-sync-eshop .val-txt.val-multiline {
                                line-height: 22px;
                                position: relative;
                                top: -4px;
                            }

.bcm-order-detail .detail-container .bcm-order-detail .detail-items .detail-item .item-val {
                        flex: 1;
                        margin: 0 20px;
                        text-align: left;
                        word-break: break-all;
                    }

.bcm-order-detail .detail-container .bcm-order-detail .detail-items .detail-item .item-val .val-txt.val-multiline {
                                line-height: 22px;
                                position: relative;
                            }

.bcm-order-detail .detail-container .bcm-order-detail .detail-items .detail-item .item-overflow {
                        display: -webkit-box;
                        -webkit-line-clamp: 1;
                        -webkit-box-orient: vertical;
                        overflow: hidden;
                        text-overflow: ellipsis;
                    }

.bcm-order-detail .detail-container .bcm-order-operation {
            position: relative;
            padding-bottom: 24px;
        }

.bcm-order-detail .detail-container .bcm-order-operation .operation-section {
                position: relative;
                display: flex;
                flex-direction: row;
                justify-content: flex-start;
                align-items: flex-start;
                font-size: 14px;
                letter-spacing: 0;
                line-height: 1;
                margin-bottom: 32px;
            }

.bcm-order-detail .detail-container .bcm-order-operation .operation-section:last-of-type {
                    margin-bottom: 0;
                }

.bcm-order-detail .detail-container .bcm-order-operation .operation-section .section-label {
                    position: relative;
                    padding: 0 20px 0 0;
                    color: var(--label-color);
                    text-align: right;
                    flex-shrink: 0;
                }

.bcm-order-detail .detail-container .bcm-order-operation .operation-section .section-label.label-required::before {
                            position: relative;
                            top: 1px;
                            display: inline-block;
                            margin-right: 1px;
                            color: var(--dls-foreground-color-error-primary);
                            line-height: 1;
                            content: "*";
                        }

.bcm-order-detail .detail-container .bcm-order-operation .operation-section .section-content .content-subtitle {
                        color: var(--btn-color-gray);
                        text-align: left;
                    }

.bcm-order-detail .delivery-item {
        display: flex;
    }

.bcm-order-detail .delivery-item .delivery-txt {
            margin-right: 20px;
            font-size: 14px;
            color: var(--label-color);
            letter-spacing: 0;
            margin-bottom: 8px;
        }

.bcm-order-detail .delivery-item .delivery-txt:last-of-type {
                margin-bottom: 0;
            }

.bcm-order-detail .loading {
        display: flex;
        margin-top: 300px;
        justify-content: center;
        align-items: center;
    }

.service-info-popover .one-popover-content .service-info-popover-content {
            width: 200px;
            padding: 16px 16px;
            font-size: 14px;
            color: var(--label-color);
            line-height: 28px;
            cursor: pointer;
        }

.bcm-order-detail-tooltip-overlay .one-tooltip-inner {
    max-width: 300px;
}

.order-detail-region-popover .one-popover-inner {
        max-height: 384px;
        max-width: 300px;
    }

.order-detail-region-popover .order-detail-region-row {
        display: flex;
    }

.order-detail-region-popover .order-detail-region-row div:first-of-type {
            margin-right: 10px;
        }

.detail-challenge-card {
    padding-bottom: 24px;
}

.operate-on-detail-container > span:last-child {
                margin-left: 8px;
                font-size: 16px;
            }

.operate-on-detail-container-popover {
            padding-top: 0;
            box-sizing: border-box;
            width: 400px;
            height: 166px;
            border-radius: var(--dls-spacing-unit);
            background: #fff;
        }

.operate-on-detail-container-popover .one-popover-inner {
                height: 166px;
                width: 400px;
            }

.operate-on-detail-container-popover .one-popover-inner .one-popover-title {
                    margin-bottom: 16px;
                    padding: 24px 24px 0;
                    font-family: "PingFang SC";
                    font-weight: 500;
                    font-size: 16px;
                    line-height: 22px;
                    color: #282c33;
                }

.operate-on-detail-container-popover .one-popover-inner .one-popover-inner-content {
                    padding: 0 24px 24px;
                }

.operate-on-detail-container-content-inner > span {
                    margin-right: 8px;
                    font-weight: 400;
                    font-size: 14px;
                    line-height: 20px;
                    color: var(--dls-color-gray-9);
                }

.operate-on-detail-container-content-datepicker {
                width: 288px;
            }

.operate-on-detail-container-content-btnGroup {
                margin-top: 24px;
            }

.operate-on-detail-container-content-btn:last-child {
                    margin-left: 16px;
                }

.OPmZl .one-button {
            height: 28px;
        }

.TCJPy {
    width: calc(100vw - 48px);
}

.dc5Zf {
    max-width: 600px;
    padding: 22px 24px 0 0;
    box-sizing: content-box;
}

    .dc5Zf .one-popover-arrow {
            display: none;
        }

    .dc5Zf .one-popover-inner-content {
            padding: 0;
        }