.equity-services-container {
    display: flex;
    width: 1051px;
    margin-bottom: 16px;
    background-color: #fff;
}

    .equity-services-container-left {
        flex: 1;
        width: 644px;
        padding: 24px;
    }

    .equity-services-container-left-header {
            display: flex;
            align-items: center;
            margin: 0 0 24px 8px;
        }

    .equity-services-container-left-header >span:first-child {
                    font-weight: 500;
                    font-size: 16px;
                    line-height: 22px;
                    color: #282c33;
                }

    .equity-services-container-left-header >span:last-child {
                    margin-left: 12px;
                    font-size: 14px;
                    line-height: 20px;
                    color: #848b99;
                }

    .equity-services-container-left-switchContent {
            margin-left: 8px;
        }

    .equity-services-container-right {
        border-left: 1px solid #e2f6f0;
        flex-shrink: 0;
        width: 380px;
    }

.equity-info {
    padding: 0 24px;
    margin-top: 24px;
    border-radius: 4px;
    background-color: #f6f7fa;
}

.equity-info-noChild {
        padding-top: 0;
        margin-top: 0;
    }

.equity-info-input {
        padding: 24px 0;
        border-bottom: 1px solid #e2e6f0;
    }

.equity-info-input-noLine {
            border-bottom: 0;
        }

.equity-info-input-header {
            font-weight: 600;
            font-size: 14px;
            line-height: 20px;
            color: #282c33;
        }

.equity-info-input-header-title {
                margin-left: 8px;
            }

.equity-info-input-header-iconRotate svg {
                    transform: rotate(-180deg);
                }

.equity-info-input-header-icon {
                font-size: 16px;
                line-height: 20px;
                cursor: pointer;
            }

.equity-info-input-header-icon svg {
                    transition: transform .3s;
                }

.equity-info-input-content {
            align-items: flex-start;
            margin-top: 24px;
        }

.equity-info-input-content .common-with-container {
                margin-bottom: 24px;
            }

.equity-info-input-content .common-with-container:last-child {
                    margin-bottom: 0;
                }

.equity-info-input-content .common-with-container .one-ui-pro-multiLabel-body {
                    margin-bottom: 0;
                }

.equity-info-input-content .one-ui-pro-multiLabel-input-area {
                min-height: 34px;
            }

.equity-info-input-multi {
            width: 400px !important;
        }

.equity-info-input-multi .one-ui-pro-multiLabel-input-area-inner {
                align-items: center;
            }

.equity-info-input-start {
            align-items: flex-start;
        }

.equity-info-input-keyword .common-with-container-label {
                display: flex;
                align-items: center;
                height: 34px;
            }

.equity-info-input-keyword {

            align-items: flex-start;
}

.equity-services-error {
    color: #d9150b;
}

.equity-chart-container {
    display: flex;
    justify-content: center;
    align-items: center;
}

.equity-chart-container-carousel {
        width: 290px;
    }

.equity-chart-container-carousel-item {
            display: flex;
            flex-direction: column;
            justify-content: center;
            padding-bottom: 60px;
        }

.equity-chart-container-carousel-item-note {
                width: 200px !important;
                padding: 0 45px !important;
            }

.equity-chart-container-carousel-item >div {
                display: flex;
                align-items: center;
                padding: 0 4px;
                margin: 40px 0;
                object-fit: cover;
            }

.equity-chart-container-carousel-item >div img {
                    max-width: 100%;
                }

.equity-chart-container-carousel-item >span {
                text-align: center;
                font-family: "PingFang SC";
                font-weight: 500;
                font-size: 14px;
                line-height: 20px;
                color: #282c33;
            }

.equity-chart-container-carousel .slick-slider .slick-dots {
                bottom: 40px;
            }

.equity-chart-container-carousel .slick-slider .slick-dots >li {
                    background-color: #ebedf5;
                    width: 12px;
                    height: 3px;
                    border-radius: 2px;
                }

.equity-chart-container-carousel .slick-slider .slick-dots .slick-active {
                    width: 36px;
                    height: 3px;
                }

.equity-chart-container-carousel .slick-slider .slick-dots .slick-active >button {
                        background: #0054e6;
                    }

.equity-chart-container-carousel-operate {
            opacity: 1;
            width: 22px !important;
            height: 44px !important;
            border-radius: 4px;
            background: #fff;
            color: #000;
        }

.equity-chart-container-carousel-operate:hover {
                background: #ebedf5;
            }

.equity-chart-container-carousel-operate:active {
                background: #d3d9e5;
            }

.equity-chart-container-carousel-operate-next {
                right: -35px;
            }

.equity-chart-container-carousel-operate-prev {
                left: -35px;
            }

.custom-multi-label {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    height: 24px;
    padding: 3px 6px 3px 8px;
    margin: 2px 4px 0 0;
    margin-right: 4px;
    border-radius: 4px;
    background-color: #ebedf5;
    cursor: pointer;
}

.custom-multi-label:last-child {
        margin-right: 0;
    }

.custom-multi-label-error {
        background: #fff2f2;
    }

.custom-multi-label-error .custom-multi-label-name,
            .custom-multi-label-error .custom-multi-label-icon > svg {
                color: #fa2314;
                background: #fff2f2;
            }

.custom-multi-label-name {
        margin-right: 2px;
        font-size: 12px;
        line-height: 18px;
        font-family: "PingFang SC";
        color: #282c33;
    }

.custom-multi-label-icon {
        display: flex;
        align-items: center;
    }

.custom-multi-label-icon > svg {
            width: 14px;
            height: 14px;
            background: #ebedf5;
        }

.order-equity-services {
    padding-bottom: 24px;
}

    .order-equity-services-header {
        display: flex;
        align-items: center;
    }

    .order-equity-services-header-switchContent {
            margin-bottom: 24px;
        }

    .order-equity-services-header >span {
            margin: 0 32px 24px 0;
            font-family: "PingFang SC";
            font-size: 14px;
            line-height: 20px;
            color: #282c33;
        }

    .order-equity-services-panel {
        border-radius: 4px;
        background-color: #f6f7fa;
    }

    .order-equity-services-panel-content {
            padding: 0 32px 0 88px;
        }

    .order-equity-services-panel-show-multiInput {
                width: 540px;
            }

    .order-equity-services-panel-show-multiInput .one-ui-pro-multiLabel-search {
                    margin-left: 4px;
                }

    .order-equity-services-panel-show-multiInput .one-ui-pro-multiLabel-body .one-ui-pro-multiLabel-input-area {
                        min-height: 34px;
                        max-height: 82px;
                    }

    .order-equity-services-panel-show-multiInput .one-ui-pro-multiLabel-body .one-ui-pro-multiLabel-input-area-inner {
                        align-items: center;
                    }

    .order-equity-services-panel-show-noLine {
                border-bottom: 0;
            }

    .order-equity-services-panel-show .expand-downward-header {
                padding: 24px 0;
            }

    .order-equity-services-panel-show-add {
                margin-bottom: 24px;
            }

    .order-equity-services-panel-show-add .common-with-container-label {
                    height: 34px;
                }

    .order-equity-services-panel-show-label {
                display: flex;
                align-items: flex-start;
            }

    .order-equity-services-panel-show-label .common-with-container-label {
                        display: flex;
                        align-items: center;
                        padding-right: 20px;
                        margin-left: 24px;
                        width: 150px;
                    }

    .order-equity-services-panel-show-label .common-with-container-content {
                        width: 100%;
                    }

.bcm-star-case-dialog {
    display: flex;
    justify-content: center;
    background-color: var(--dls-color-brand-0);
}

    .bcm-star-case-dialog video {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .bcm-star-case-dialog-detail {
        margin-right: -16px;
        padding-right: 16px;
        width: 100%;
        height: 600px;
        overflow-y: scroll;
        overflow-x: hidden;
    }

    .bcm-star-case-dialog-detail-header {
            margin-bottom: 27px;
        }

    .bcm-star-case-dialog-detail-header-title {
                margin-bottom: 16px;
                font-size: 32px;
                font-weight: 600;
                line-height: 45px;
                word-wrap: break-word;
            }

    .bcm-star-case-dialog-detail-header-author {
                display: flex;
                align-items: center;
                line-height: 20px;
                font-size: 14px;
                color: var(--font-color-mid-gray);
            }

    .bcm-star-case-dialog-detail-header-author-avater {
                    margin-right: 8px;
                    width: 24px;
                    height: 24px;
                    border-radius: 12px;
                }

    .bcm-star-case-dialog-detail-header-author-name {
                    display: flex;
                    margin-right: 16px;
                    justify-content: center;
                }

    .bcm-star-case-dialog-detail-header-author-info {
                    display: flex;
                    margin-top: 3px;
                    padding: 0 20px;
                    height: 14px;
                    justify-content: center;
                    border-left: 1px var(--font-color-mid-gray) solid;
                    line-height: 14px;
                }

    .bcm-star-case-dialog-detail-header-introduction {
                display: flex;
                margin: 27px 0 32px 0;
                width: 100%;
                border-radius: 8px;
                line-height: 25px;
                color: var(--font-color-mid-gray);
                background-color: var(--case-background-color);
            }

    .bcm-star-case-dialog-detail-header-introduction-mark-left {
                    display: inline-block;
                    margin-top: 24px;
                    font-size: 50px;
                    color: var(--font-color-mark-gray);
                }

    .bcm-star-case-dialog-detail-header-introduction-content {
                    margin: 24px 13px;
                    width: 100%;
                    font-size: 14px;
                }

    .bcm-star-case-dialog-detail-header-introduction-mark-right {
                    display: inline-block;
                    position: relative;
                    align-self: flex-end;
                    margin-bottom: -7px;
                    font-size: 50px;
                    color: var(--font-color-mark-gray);
                }

    .bcm-star-case-dialog-detail-large-title,
        .bcm-star-case-dialog-detail-medium-title,
        .bcm-star-case-dialog-detail-small-title,
        .bcm-star-case-dialog-detail-main-content {
            margin-bottom: 16px;
            word-wrap: break-word;
        }

    .bcm-star-case-dialog-detail-large-title {
            font-size: 32px;
            font-weight: 600;
        }

    .bcm-star-case-dialog-detail-medium-title {
            font-size: 20px;
            font-weight: 600;
            line-height: 36px;
        }

    .bcm-star-case-dialog-detail-small-title {
            font-size: 16px;
            font-weight: 600;
            line-height: 29px;
        }

    .bcm-star-case-dialog-detail-main-content {
            margin-bottom: 32px;
            font-size: 16px;
            line-height: 29px;
        }

    .bcm-star-case-dialog-detail-image {
            margin: 16px 0 32px 0;
            width: 100%;
            display: block;
        }

    .bcm-star-case-dialog-detail-talent-card {
            display: inline-block;
            margin: 0 24px 24px;
            padding: 28px;
            width: 282px;
            border-radius: 12px;
            box-shadow: 0 4px 20px rgba(0, 0, 0, .08);
        }

    .bcm-star-case-dialog-detail-talent-card-author {
                display: flex;
                width: 100%;
                height: 60px;
                flex-direction: column;
                flex-wrap: wrap;
            }

    .bcm-star-case-dialog-detail-talent-card-author-avater {
                    display: inline-block;
                    margin-right: 12px;
                    width: 60px;
                    height: 60px;
                    border-radius: 30px;
                    font-size: 14px;
                }

    .bcm-star-case-dialog-detail-talent-card-author-avater:hover {
                    cursor: pointer;
                }

    .bcm-star-case-dialog-detail-talent-card-author-name {
                    margin-bottom: 8px;
                    margin-top: 5px;
                    width: calc(100% - 80px);
                    height: 22px;
                    font-size: 16px;
                    font-weight: 600;
                    line-height: 22px;
                }

    .bcm-star-case-dialog-detail-talent-card-author-name:hover {
                    cursor: pointer;
                }

    .bcm-star-case-dialog-detail-talent-card-author-info {
                    color: var(--font-color-gray);
                    font-family: PingFang SC;
                    font-size: 14px;
                    line-height: 20px;
                }

    .bcm-star-case-dialog-detail-talent-card-tag {
                margin: 16px 0 20px 0;
            }

    .bcm-star-case-dialog-detail-talent-card-tag span {
                    margin-right: 8px;
                    padding: 4px 8px;
                    width: 40px;
                    height: 20px;
                    text-align: center;
                    background-color: var(--tag-background-color);
                    border-radius: 2px;
                }

    .bcm-star-case-dialog-detail-talent-card-case {
                width: 282px;
                border-radius: 10px;
                background-color: var(--case-background-color);
            }

    .bcm-star-case-dialog-detail-talent-card-case:hover {
                    box-shadow: 0 4px 20px rgba(0, 0, 0, .08);
                }

    .bcm-star-case-dialog-detail-talent-card-case-horizon,
                .bcm-star-case-dialog-detail-talent-card-case-vertical {
                    display: flex;
                    width: 100%;
                    border-radius: 4px 4px 0 0;
                }

    .bcm-star-case-dialog-detail-talent-card-case-horizon-video, .bcm-star-case-dialog-detail-talent-card-case-vertical-video {
                        display: flex;
                        width: 100%;
                        height: 100%;
                        justify-content: center;
                        border-radius: 10px 10px 0 0;
                        background-color: var(--replace-image);
                        opacity: .8;
                    }

    .bcm-star-case-dialog-detail-talent-card-case-horizon-video-icon, .bcm-star-case-dialog-detail-talent-card-case-vertical-video-icon {
                            position: relative;
                            border: none;
                            background-color: rgba(0, 0, 0, 0);
                        }

    .bcm-star-case-dialog-detail-talent-card-case-horizon {
                    height: 159px;
                }

    .bcm-star-case-dialog-detail-talent-card-case-vertical {
                    height: 351px;
                }

    .bcm-star-case-dialog-detail-talent-card-case-info {
                    display: flex;
                    padding: 20px;
                    width: 250px;
                    flex-wrap: wrap;
                    border-radius: 10px;
                    background-color: var(--case-background-color);
                }

    .bcm-star-case-dialog-detail-talent-card-case-info-desc {
                        display: flex;
                        margin: 8px 0;
                        width: 100%;
                        font-size: 14px;
                    }

    .bcm-star-case-dialog-detail-talent-card-case-info-desc-title {
                            display: inline-block;
                            margin-right: 24px;
                            width: 60px;
                            height: 20px;
                            line-height: 20px;
                            color: var(--font-color-gray);
                        }

    .bcm-star-case-dialog-detail-talent-card-case-info-desc-data {
                            display: -webkit-box;
                            width: 166px;
                            overflow: hidden;
                            font-size: 14px;
                            font-weight: 600;
                            line-height: 20px;
                            color: var(--dls-color-gray-9);
                            text-align: justify;
                            text-overflow: ellipsis;
                            -webkit-line-clamp: 2;
                            -webkit-box-orient: vertical;
                        }

    .bcm-star-case-dialog-detail-talent-card-img-height {
                height: 263px;
            }

    .bcm-star-case-dialog-detail-talent-card-video-height {
                height: 455px;
            }

    .bcm-star-case-dialog-detail-talent-card-video-height {
            height: 571px;
        }

    .bcm-star-case-dialog-detail-talent-card-img:hover {
            cursor: pointer;
        }

    .bcm-star-case-dialog-detail .page-container {
            margin-bottom: 24px;
        }

    .bcm-star-case-dialog-detail .page-container canvas {
                border: 1px solid var(--dls-color-gray-3);
            }

    .bcm-star-case-dialog-detail-with-talent {
        margin-right: 0;
        padding-right: 32px;
    }

    .bcm-star-case-dialog-talent-title {
            height: 28px;
            font-weight: 600;
            font-size: 20px;
            line-height: 28px;
        }

    .bcm-star-case-dialog-talent-main-wrapper {
                height: 608px;
                border-radius: 12px;
                background-color: var(--dls-color-gray-0);
                overflow-y: scroll;
                overflow-x: hidden;
            }

    .bcm-star-case-dialog-talent-main-wrapper .bcm-star-case-dialog-detail-talent-card {
                    margin: 0;
                    padding: 28px 0;
                    box-shadow: none;
                }

    .bcm-star-case-dialog-talent-main-line {
                margin-left: 32px;
                width: 274px;
                height: 1px;
                border-bottom: 1px solid var(--tag-background-color);
            }

    .bcm-star-case-dialog-talent-height {
        height: 100%;
        max-height: 1120px;
    }

    .bcm-star-case-dialog-share {
        position: fixed;
        right: 72px;
        top: 28px;
    }

    .bcm-star-case-dialog-share-content {
            position: absolute;
            left: 200px;
            opacity: 0;
        }

    .bcm-star-case-dialog-share svg {
            width: 22px;
            height: 22px;
            cursor: pointer;
        }

.back-to-top {
    width: 54px;
    height: 54px;
    position: fixed;
    right: 4px;
    bottom: 100px;
    cursor: pointer;
}

.one-toast {
    top: 100px !important;
}

.loading-pdf {
    display: flex;
    margin-top: 150px;
}

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

.case-table {
    margin-top: 24px;
    font-size: 14px;
}

.case-table-space-between {
        display: flex;
        justify-content: space-between;
    }

.case-table button {
        margin-right: 24px;
    }

.case-table-block {
        display: flex;
        flex-wrap: wrap;
    }

.case-table-block-item {
            display: flex;
            margin-right: 24px;
            margin-bottom: 28px;
        }

@media (max-width: 1416px) {

.case-table-block-item {
                width: calc(33.3% - 16px)
        }
            }

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

.case-table-block-item {
                width: calc(25% - 18px)
        }
            }

@media (min-width: 1716px) {

.case-table-block-item {
                width: calc(20% - 19.6px)
        }
            }

.case-table-block-item {

            height: 302px;
            flex-wrap: wrap;
            border-radius: 4px;
            transition: transform .5s;
            background-color: var(--dls-color-gray-1);
}

.case-table-block-item-picture {
                width: 100%;
                height: 158px;
                border-radius: 4px 4px 0 0;
            }

.case-table-block-item-field {
                width: 100%;
                height: 144px;
            }

.case-table-block-item-field-title {
                    display: -webkit-box;
                    margin: 20px 20px 12px 20px;
                    height: 52px;
                    overflow: hidden;
                    font-size: 16px;
                    font-weight: 600;
                    color: var(--dls-color-gray-9);
                    line-height: 26px;
                    text-align: justify;
                    text-overflow: ellipsis;
                    -webkit-line-clamp: 2;
                    -webkit-box-orient: vertical;
                }

.case-table-block-item-field-detail {
                    display: -webkit-box;
                    margin: 0 20px 20px 20px;
                    font-size: 14px;
                    line-height: 20px;
                    overflow: hidden;
                    color: var(--dls-color-gray-9);
                    text-overflow: ellipsis;
                    -webkit-line-clamp: 2;
                    -webkit-box-orient: vertical;
                }

.case-table-block-item:hover {
            transform: translate(0, -8px);
            cursor: pointer;
            box-shadow: 0 6px 32px 2px rgba(0, 0, 0, .06), 0 5px 30px 1px rgba(0, 0, 0, .05), 0 4px 28px 1px rgba(0, 0, 0, .04);
        }

@media (max-width: 1416px) {
            .case-table-block-item:nth-child(3n) {
                margin-right: 0;
            }
        }

@media (min-width: 1416px) and (max-width: 1716px) {
            .case-table-block-item:nth-child(4n) {
                margin-right: 0;
            }
        }

@media (min-width: 1716px) {
            .case-table-block-item:nth-child(5n) {
                margin-right: 0;
            }
        }

.case-table-pagination {
        margin: 10px 20px 20px 0;
    }

.case-table-loading {
    display: flex;
    height: 500px;
    justify-content: center;
}

.case-table-detail-dialog {
    z-index: var(--drawer-z-index);
    overflow: hidden;
}

.case-table-detail-dialog .one-dialog,
    .case-table-detail-dialog .one-dialog-body {
        overflow: hidden;
    }

.case-table-detail-dialog .one-dialog-content {
        padding: 0 0 24px 0;
    }

.case-table-detail-dialog .one-dialog-content .one-dialog-header,
        .case-table-detail-dialog .one-dialog-content .one-dialog-body {
            padding: 0 24px;
        }

.case-table-detail-dialog .one-dialog-content .one-dialog-header {
            padding-top: 24px;
            height: 38px;
        }

.case-table-detail-dialog .one-dialog-content .one-dialog-header > .one-dialog-title {
            display: -webkit-box;
            margin-right: 110px;
            overflow: hidden;
            text-align: justify;
            text-overflow: ellipsis;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
        }

.case-table-detail-dialog .one-dialog-close svg {
            width: 28px;
            height: 28px;
            color: black;
        }

.prev-dialog,
.next-dialog {
    position: fixed;
    top: calc(50% - 18px);
    width: 48px;
    height: 48px;
    border-radius: 50%;
    z-index: var(--dialog-button-z-index);
}

.prev-dialog {
    left: 24px;
}

.next-dialog {
    right: 24px;
}

.dialog-header-shadow {
    box-shadow: 0 4px 10px rgba(161, 131, 131, .03), 0 3px 9px rgba(0, 0, 0, .02), 0 2px 8px rgba(0, 0, 0, .01);
}

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

.content-table {
    margin-top: 38px;
    font-size: 14px;
}

.content-table video {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.content-table-space-between {
        display: flex;
        justify-content: space-between;
    }

.content-table-block {
        display: flex;
        flex-wrap: wrap;
    }

.content-table-block-item {
            display: flex;
            margin-right: 24px;
            margin-bottom: 24px;
        }

@media (max-width: 1248px) {

.content-table-block-item {
                width: 276px
        }
            }

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

.content-table-block-item {
                width: calc(25% - 24px)
        }
            }

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

.content-table-block-item {
                width: calc(20% - 24px)
        }
            }

@media (min-width: 2016px) {

.content-table-block-item {
                width: calc(16% - 24px)
        }
            }

.content-table-block-item {

            flex-wrap: wrap;
            border-radius: 4px;
            transition: transform .5s;
            background-color: var(--dls-color-gray-1);
}

.content-table-block-item-cover-horizon,
            .content-table-block-item-cover-vertical {
                display: flex;
                width: 100%;
                border-radius: 10px 10px 0 0;
            }

.content-table-block-item-cover-horizon-video, .content-table-block-item-cover-vertical-video {
                    display: flex;
                    width: 100%;
                    justify-content: center;
                    border-radius: 4px 4px 0 0;
                    background-color: var(--replace-image);
                    opacity: .8;
                }

.content-table-block-item-cover-horizon-video-icon, .content-table-block-item-cover-vertical-video-icon {
                        margin: 0;
                        position: relative;
                        border: none;
                        background-color: rgba(0, 0, 0, 0);
                    }

.content-table-block-item-cover-horizon {
                height: 159px;
            }

.content-table-block-item-cover-vertical {
                height: 301px;
            }

.content-table-block-item-field {
                width: 100%;
                height: 172px;
            }

.content-table-block-item-field-title {
                    display: -webkit-box;
                    margin: 20px 20px 14px 20px;
                    width: 100%;
                    height: 52px;
                    overflow: hidden;
                    font-size: 16px;
                    font-weight: 600;
                    color: var(--dls-color-gray-9);
                    line-height: 26px;
                    text-align: justify;
                    text-overflow: ellipsis;
                    -webkit-line-clamp: 2;
                    -webkit-box-orient: vertical;
                }

.content-table-block-item-field-author {
                    display: flex;
                    margin: 0 20px 19px 20px;
                    width: 100%;
                    height: 24px;
                }

.content-table-block-item-field-author-avater {
                        margin-right: 8px;
                        width: 24px;
                        border-radius: 12px;
                    }

.content-table-block-item-field-author-name {
                        display: flex;
                        margin-right: 20px;
                        justify-content: center;
                        line-height: 24px;
                        color: var(--dls-color-gray-9);
                    }

.content-table-block-item-field-display-num {
                    display: flex;
                    align-items: center;
                    margin: 0 20px 24px 20px;
                    width: 100%;
                    height: 28px;
                    font-family: PingFang SC;
                    font-weight: bold;
                    font-size: 20px;
                    line-height: 28px;
                    color: var(--dls-color-gray-7);
                }

.content-table-block-item:hover {
            transform: translate(0, -8px);
            cursor: pointer;
            box-shadow: 0 6px 32px 2px rgba(0, 0, 0, .06), 0 5px 30px 1px rgba(0, 0, 0, .05), 0 4px 28px 1px rgba(0, 0, 0, .04);
        }

.content-table-block-item-horizon {
            height: 331px;
        }

.content-table-block-item-vertical {
            height: 481px;
        }

.content-table-pagination {
        margin: 10px 20px 20px 0;
    }

.content-table-drawer {
        width: 570px;
        overflow-x: hidden;
        line-height: 1;
    }

.content-table-drawer-author {
            display: flex;
            align-items: center;
            margin: 0 8px;
            width: 554px;
            border-radius: 8px;
            background-color: var(--case-background-color);
        }

.content-table-drawer-author-avater {
                margin: 16px;
                width: 60px;
                height: 60px;
                border-radius: 30px;
            }

.content-table-drawer-author-name-container {
                display: flex;
                flex-direction: column;
                justify-content: space-between;
            }

.content-table-drawer-author-name {
                margin-bottom: 8px;
                width: 100%;
                font-size: 16px;
                font-weight: 600;
            }

.content-table-drawer-author-fans-num {
                display: inline-block;
                font-size: 14px;
                color: var(--font-color-mid-gray);
            }

.content-table-drawer-author-tag {
                display: inline-block;
                margin-left: 8px;
            }

.content-table-drawer-author-tag span {
                    margin-right: 8px;
                    padding: 4px 8px;
                    width: 40px;
                    height: 20px;
                    text-align: center;
                    font-size: 12px;
                    background-color: var(--tag-background-color);
                    border-radius: 2px;
                }

.content-table-drawer-author:hover {
            cursor: pointer;
        }

.content-table-drawer-introduction {
            margin: 16px 8px;
            width: 100%;
            line-height: 22px;
            font-size: 14px;
            color: var(--font-color-mid-gray);
        }

.content-table-drawer-title {
            margin: 16px 8px;
            width: 100%;
            font-size: 20px;
            font-weight: 600;
            line-height: 28px;
        }

.content-table-drawer-data {
            display: flex;
            margin: 0 8px 32px 8px;
        }

.content-table-drawer-data-item {
                display: flex;
                align-items: center;
                margin-right: 50px;
            }

.content-table-drawer-data-item svg {
                    margin-right: 6px;
                }

.content-table-drawer-content-vertical,
        .content-table-drawer-content-horizon {
            border-radius: 8px;
        }

.content-table-drawer-content-vertical video, .content-table-drawer-content-horizon video {
                margin-left: 8px;
            }

.content-table-drawer-content-vertical-video, .content-table-drawer-content-horizon-video {
                display: flex;
                height: 100%;
                justify-content: center;
                border-radius: 10px;
                background-color: var(--replace-image);
                opacity: .8;
                margin-left: 8px;
            }

.content-table-drawer-content-vertical-video-icon, .content-table-drawer-content-horizon-video-icon {
                    position: relative;
                    border: none;
                    background-color: rgba(0, 0, 0, 0);
                }

.content-table-drawer-content-vertical {
            width: 320px;
            height: 569px;
        }

.content-table-drawer-content-horizon {
            width: 546px;
            height: 313px;
        }

.content-table-drawer-another-content {
            display: flex;
            margin: 16px 8px 20px 8px;
        }

.content-table-drawer-another-content-next {
                margin-left: auto;
            }

.content-table-drawer-another-content-arrow-container {
                    display: flex;
                    align-items: center;
                }

.content-table-drawer-another-content-arrow-left {
                    margin-right: 5px;
                    color: var(--dls-color-brand);
                }

.content-table-drawer-another-content-arrow-right {
                    margin-left: 5px;
                    color: var(--dls-color-brand);
                }

.content-table-loading {
    display: flex;
    height: 500px;
    justify-content: center;
}

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

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

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

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

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

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

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

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

    /**
    * Global layer styles
    */

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

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

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

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

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

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

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

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

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

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

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

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

.bcm-star-list {
    margin: 26px auto;
    padding: 24px;
    background-color: white;
    border-radius: 6px;
}

@media (max-width: 1248px) {

.bcm-star-list {
        width: 1008px
}
    }

@media (min-width: 1248px) and (max-width: 1920px) {

.bcm-star-list {
        width: calc(100% - 240px)
}
    }

@media (min-width: 1920px) {

.bcm-star-list {
        margin: 26px auto;
        width: calc(100% - 100px)
}
    }

.bcm-star-list img {
        object-fit: cover;
    }

.bcm-star-list-query-type {
            margin-bottom: 32px;
        }

.bcm-star-list-query-type button {
                margin-right: 48px;
            }

.bcm-star-list-query-type-not-selected {
                font-size: 20px;
                font-weight: 600;
                line-height: 28px;
            }

.bcm-star-list-query-type-selected {
                color: var(--dls-color-brand-11);
                font-size: 24px;
                font-weight: 600;
                line-height: 32px;
            }

.bcm-star-list-query-type-title {
                display: block;
                margin-bottom: 20px;
                text-align: left;
                font-size: 18px;
            }

.bcm-star-list-query-content {
            display: flex;
            margin: 16px 0 8px;
            line-height: 36px;
            font-size: 14px;
        }

.bcm-star-list-query-content-label {
                margin-right: 20px;
                width: 56px;
                color: var(--font-color-gray);
                font-weight: 500;
            }

.bcm-star-list-query-content-group {
                display: flex;
                width: 840px;
                flex-wrap: wrap;
            }

.bcm-star-list-query-content-group-button {
                    margin-right: 8px;
                    height: 40px;
                    padding: 0 10px;
                    border-radius: 5px;
                }

.bcm-star-list-query-content-group-button,
                .bcm-star-list-query-content-group-button:hover {
                    border: none;
                }

.bcm-star-list-query-content-more {
                align-items: flex-start;
            }

.bcm-star-list-loading {
    width: 100%;
    height: 1000px;
    display: flex;
    justify-content: center;
}

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

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

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

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

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

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

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

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

    /**
    * Global layer styles
    */

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

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

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

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

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

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

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

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

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

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

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

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

.bcm-star-case {
    display: flex;
    padding: 33px 84px;
    justify-content: center;
    background-color: var(--dls-color-brand-0);
}

.bcm-star-case video {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.bcm-star-case-detail {
        margin-right: 40px;
        width: 1024px;
        overflow-x: scroll;
        overflow-y: hidden;
    }

.bcm-star-case-detail-header {
            margin-bottom: 27px;
        }

.bcm-star-case-detail-header-title {
                margin-bottom: 16px;
                font-size: 32px;
                font-weight: 600;
                line-height: 45px;
                word-wrap: break-word;
            }

.bcm-star-case-detail-header-author {
                display: flex;
                align-items: center;
                line-height: 20px;
                font-size: 14px;
                color: var(--font-color-mid-gray);
            }

.bcm-star-case-detail-header-author-avater {
                    margin-right: 8px;
                    width: 24px;
                    height: 24px;
                    border-radius: 12px;
                }

.bcm-star-case-detail-header-author-name {
                    display: flex;
                    margin-right: 20px;
                    justify-content: center;
                }

.bcm-star-case-detail-header-author-info {
                    display: flex;
                    margin-top: 3px;
                    padding: 0 20px;
                    height: 14px;
                    justify-content: center;
                    border-left: 1px var(--font-color-mid-gray) solid;
                    line-height: 14px;
                }

.bcm-star-case-detail-header-introduction {
                display: flex;
                margin: 27px 0 32px 0;
                width: 1024px;
                border-radius: 8px;
                line-height: 25px;
                color: var(--font-color-mid-gray);
                background-color: var(--case-background-color);
            }

.bcm-star-case-detail-header-introduction-mark-left {
                    display: inline-block;
                    margin-top: 24px;
                    font-size: 50px;
                    color: var(--font-color-mark-gray);
                }

.bcm-star-case-detail-header-introduction-content {
                    margin: 24px 13px;
                    width: 100%;
                    font-size: 14px;
                }

.bcm-star-case-detail-header-introduction-mark-right {
                    display: inline-block;
                    position: relative;
                    align-self: flex-end;
                    margin-bottom: -7px;
                    font-size: 50px;
                    color: var(--font-color-mark-gray);
                }

.bcm-star-case-detail-large-title,
        .bcm-star-case-detail-medium-title,
        .bcm-star-case-detail-small-title,
        .bcm-star-case-detail-main-content {
            margin-bottom: 16px;
            word-wrap: break-word;
        }

.bcm-star-case-detail-large-title {
            font-size: 32px;
            font-weight: 600;
        }

.bcm-star-case-detail-medium-title {
            font-size: 20px;
            font-weight: 600;
            line-height: 36px;
        }

.bcm-star-case-detail-small-title {
            font-size: 16px;
            font-weight: 600;
            line-height: 29px;
        }

.bcm-star-case-detail-main-content {
            margin-bottom: 32px;
            font-size: 16px;
            line-height: 29px;
        }

.bcm-star-case-detail-image {
            margin: 16px 0 32px 0;
            width: 100%;
            display: block;
        }

.bcm-star-case-detail-talent-card {
            display: block;
            padding: 28px;
            margin-bottom: 24px;
            width: 282px;
            border-radius: 12px;
            box-shadow: 0 4px 20px rgba(0, 0, 0, .08);
        }

.bcm-star-case-detail-talent-card-author {
                display: flex;
                width: 100%;
                height: 60px;
                flex-direction: column;
                flex-wrap: wrap;
            }

.bcm-star-case-detail-talent-card-author-avater {
                    display: inline-block;
                    margin-right: 12px;
                    width: 60px;
                    height: 60px;
                    border-radius: 30px;
                    font-size: 14px;
                }

.bcm-star-case-detail-talent-card-author-avater:hover {
                    cursor: pointer;
                }

.bcm-star-case-detail-talent-card-author-name {
                    margin-bottom: 8px;
                    margin-top: 5px;
                    width: calc(100% - 80px);
                    height: 22px;
                    font-size: 16px;
                    font-weight: 600;
                    line-height: 22px;
                }

.bcm-star-case-detail-talent-card-author-name:hover {
                    cursor: pointer;
                }

.bcm-star-case-detail-talent-card-author-info {
                    color: var(--font-color-gray);
                    font-family: PingFang SC;
                    font-size: 14px;
                    line-height: 20px;
                }

.bcm-star-case-detail-talent-card-tag {
                margin: 16px 0 20px 0;
            }

.bcm-star-case-detail-talent-card-tag span {
                    margin-right: 8px;
                    padding: 4px 8px;
                    width: 40px;
                    height: 20px;
                    text-align: center;
                    background-color: var(--tag-background-color);
                    border-radius: 2px;
                }

.bcm-star-case-detail-talent-card-case {
                width: 282px;
                border-radius: 10px;
                background-color: var(--case-background-color);
            }

.bcm-star-case-detail-talent-card-case:hover {
                    box-shadow: 0 4px 20px rgba(0, 0, 0, .08);
                }

.bcm-star-case-detail-talent-card-case-horizon,
                .bcm-star-case-detail-talent-card-case-vertical {
                    display: flex;
                    width: 100%;
                    border-radius: 10px 10px 0 0;
                }

.bcm-star-case-detail-talent-card-case-horizon-video, .bcm-star-case-detail-talent-card-case-vertical-video {
                        display: flex;
                        width: 100%;
                        height: 100%;
                        justify-content: center;
                        border-radius: 10px 10px 0 0;
                        background-color: var(--replace-image);
                        opacity: .8;
                    }

.bcm-star-case-detail-talent-card-case-horizon-video-icon, .bcm-star-case-detail-talent-card-case-vertical-video-icon {
                            position: relative;
                            border: none;
                            background-color: rgba(0, 0, 0, 0);
                        }

.bcm-star-case-detail-talent-card-case-horizon {
                    height: 159px;
                }

.bcm-star-case-detail-talent-card-case-vertical {
                    height: 351px;
                }

.bcm-star-case-detail-talent-card-case-info {
                    display: flex;
                    padding: 16px;
                    width: 250px;
                    flex-wrap: wrap;
                    border-radius: 10px;
                    background-color: var(--case-background-color);
                }

.bcm-star-case-detail-talent-card-case-info-desc {
                        display: flex;
                        margin: 8px 0;
                        width: 100%;
                        font-size: 14px;
                    }

.bcm-star-case-detail-talent-card-case-info-desc-title {
                            display: inline-block;
                            margin-right: 24px;
                            width: 60px;
                            height: 20px;
                            line-height: 20px;
                            color: var(--font-color-gray);
                        }

.bcm-star-case-detail-talent-card-case-info-desc-data {
                            display: -webkit-box;
                            width: 166px;
                            overflow: hidden;
                            font-size: 14px;
                            font-weight: 600;
                            line-height: 20px;
                            text-align: justify;
                            text-overflow: ellipsis;
                            -webkit-line-clamp: 2;
                            -webkit-box-orient: vertical;
                        }

.bcm-star-case-detail-talent-card-img-height {
                height: 263px;
            }

.bcm-star-case-detail-talent-card-video-height {
                height: 455px;
            }

.bcm-star-case-detail-talent-card-video-height {
            height: 571px;
        }

.bcm-star-case-detail-talent-card-img:hover {
            cursor: pointer;
        }

.bcm-star-case-talent {
        width: 348px;
    }

.bcm-star-case-talent-title {
            margin-left: 28px;
            margin-top: 32px;
            height: 28px;
            font-weight: 600;
            font-size: 20px;
            line-height: 28px;
        }

.bcm-star-case-talent-main {
            width: 368px;
        }

.bcm-star-case-talent-main-wrapper {
                width: 338px;
                height: 90%;
                border-radius: 12px;
                background-color: var(--dls-color-gray-0);
                overflow-y: scroll;
                overflow-x: hidden;
                box-shadow: 0 4px 20px rgba(0, 0, 0, .08);
            }

.bcm-star-case-talent-main-wrapper .bcm-star-case-detail-talent-card {
                    box-shadow: none;
                }

.bcm-star-case-talent-main-line {
                margin-left: 32px;
                width: 274px;
                height: 1px;
                border-bottom: 1px solid var(--tag-background-color);
            }

.bcm-star-case-talent-height {
        height: 100%;
        max-height: 1120px;
    }

.bcm-star-case .page-container {
        margin-bottom: 24px;
    }

.bcm-star-case .page-container canvas {
            border: 1px solid var(--dls-color-gray-3);
        }

.back-to-top {
    width: 54px;
    height: 54px;
    position: fixed;
    right: 4px;
    bottom: 100px;
    cursor: pointer;
}

.bcm-star-case-mobile {
    flex-direction: column;
    justify-content: flex-start;
    padding: 0;
}

.bcm-star-case-mobile-with-talent {
        background: var(--dls-color-gray-1);
    }

.bcm-star-case-mobile .bcm-star-case-detail {
            width: auto;
            margin-right: 0;
            padding: .15rem .2rem .2rem;
            overflow-x: initial;
            overflow-y: initial;
            background: var(--dls-color-info-0);
        }

.bcm-star-case-mobile .bcm-star-case-detail-header-area {
                    display: flex;
                    justify-content: space-between;
                    margin-bottom: .09rem;
                }

.bcm-star-case-mobile .bcm-star-case-detail-header-title {
                    margin-bottom: 0;
                    color: var(--dls-color-gray-9);
                    font-weight: 500;
                    font-size: .18rem;
                    line-height: .28rem;
                }

.bcm-star-case-mobile .bcm-star-case-detail-header-title-share {
                        width: .2rem;
                        height: .2rem;
                        margin-top: .05rem;
                        margin-left: .25rem;
                        color: var(--dls-color-gray-7);
                        font-size: .18rem;
                    }

.bcm-star-case-mobile .bcm-star-case-detail-header-author {
                    font-size: .12rem;
                    line-height: .16rem;
                    color: var(--dls-color-gray-7);
                }

.bcm-star-case-mobile .bcm-star-case-detail-header-author-avater {
                        width: .2rem;
                        height: .2rem;
                        border-radius: 50%;
                        margin-right: .08rem;
                    }

.bcm-star-case-mobile .bcm-star-case-detail-header-author-name {
                        margin-right: .08rem;
                    }

.bcm-star-case-mobile .bcm-star-case-detail-header-author-info {
                        padding: 0 .08rem;
                        height: .1rem;
                        line-height: .1rem;
                    }

.bcm-star-case-mobile .bcm-star-case-detail-header-introduction {
                    width: 100%;
                    margin: .12rem 0 .15rem 0;
                    color: var(--dls-color-gray-7);
                    border-radius: .09rem;
                }

.bcm-star-case-mobile .bcm-star-case-detail-header-introduction-content {
                        margin: .12rem .08rem;
                        font-size: .14rem;
                        line-height: .2rem;
                    }

.bcm-star-case-mobile .bcm-star-case-detail-header-introduction-mark-left,
                    .bcm-star-case-mobile .bcm-star-case-detail-header-introduction-mark-right {
                        font-size: .3rem;
                        line-height: .3rem;
                        width: .25rem;
                    }

.bcm-star-case-mobile .bcm-star-case-detail-header-introduction-mark-left {
                        margin-top: .1rem;
                        text-align: right;
                    }

.bcm-star-case-mobile .bcm-star-case-detail-header-introduction-mark-right {
                        margin-bottom: -.1rem;
                    }

.bcm-star-case-mobile .bcm-star-case-detail-image {
                margin-bottom: .15rem;
                border: 1px solid var(--dls-color-gray-1);
                border-radius: .09rem;
            }

.bcm-star-case-mobile .bcm-star-case-detail-image-container,
            .bcm-star-case-mobile .bcm-star-case-detail-pdf-container {
                position: relative;
            }

.bcm-star-case-mobile .bcm-star-case-detail-image-zoom-in,
            .bcm-star-case-mobile .bcm-star-case-detail-pdf-zoom-in {
                position: absolute;
                top: .06rem;
                right: .06rem;
                width: .28rem;
                height: .28rem;
                background: rgba(0, 0, 0, .4);
                border-radius: 50%;
                font-size: .14rem;
                color: var(--dls-color-info-0);
            }

.bcm-star-case-mobile .bcm-star-case-detail-image-zoom-in svg, .bcm-star-case-mobile .bcm-star-case-detail-pdf-zoom-in svg {
                    display: inline-block;
                    margin: .07rem;
                }

.bcm-star-case-mobile .bcm-star-case-detail-large-title {
                font-weight: 500;
                font-size: .18rem;
                line-height: .28rem;
                color: var(--dls-color-gray-9);
            }

.bcm-star-case-mobile .bcm-star-case-detail-medium-title {
                font-weight: 500;
                font-size: .16rem;
                line-height: .24rem;
                color: var(--dls-color-gray-9);
            }

.bcm-star-case-mobile .bcm-star-case-detail-small-title {
                font-size: .14rem;
                line-height: .22rem;
                font-weight: 400;
            }

.bcm-star-case-mobile .bcm-star-case-detail-main-content {
                font-size: .12rem;
                line-height: .18rem;
            }

.bcm-star-case-mobile .bcm-star-case-talent {
            width: 100%;
            margin-top: .05rem;
            background: var(--dls-color-info-0);
        }

.bcm-star-case-mobile .bcm-star-case-talent-title {
                margin: 0 0 .16rem;
                height: initial;
                font-size: .16rem;
                line-height: .22rem;
                font-weight: 500;
            }

.bcm-star-case-mobile .bcm-star-case-talent-main {
                width: 100%;
                height: initial;
                max-height: initial;
            }

.bcm-star-case-mobile .bcm-star-case-talent-main-wrapper {
                    width: calc(100% - 0.4rem);
                    height: initial;
                    padding: .2rem;
                    overflow-x: initial;
                    overflow-y: initial;
                }

.bcm-star-case-mobile .bcm-star-case-detail-talent-card {
            width: auto;
            height: auto;
            padding: .16rem;
            margin-bottom: .22rem;
            box-shadow:
                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);
            border-radius: .12rem;
        }

.bcm-star-case-mobile .bcm-star-case-detail-talent-card-author {
                height: .4rem;
            }

.bcm-star-case-mobile .bcm-star-case-detail-talent-card-author-avater {
                    width: .4rem;
                    height: .4rem;
                    margin-right: .08rem;
                    border-radius: 50%;
                }

.bcm-star-case-mobile .bcm-star-case-detail-talent-card-author-name {
                    margin-top: 0;
                    margin-bottom: .04rem;
                    height: .2rem;
                    line-height: .2rem;
                    font-weight: 500;
                    font-size: .14rem;
                    color: var(--dls-color-gray-10);
                }

.bcm-star-case-mobile .bcm-star-case-detail-talent-card-author-info {
                    font-size: .12rem;
                    line-height: .16rem;
                    color: var(--dls-color-gray-8);
                }

.bcm-star-case-mobile .bcm-star-case-detail-talent-card-tag {
                margin: .13rem 0 .16rem 0;
            }

.bcm-star-case-mobile .bcm-star-case-detail-talent-card-tag span {
                    padding: .04rem .08rem;
                    margin-right: .08rem;
                    font-size: .12rem;
                    line-height: .12rem;
                    border-radius: .2rem;
                    color: var(--dls-color-gray-9);
                }

.bcm-star-case-mobile .bcm-star-case-detail-talent-card-case {
                width: 100%;
                background: var(--dls-color-gray-0);
            }

.bcm-star-case-mobile .bcm-star-case-detail-talent-card-case:hover {
                    box-shadow: none;
                }

.bcm-star-case-mobile .bcm-star-case-detail-talent-card-case-horizon,
                .bcm-star-case-mobile .bcm-star-case-detail-talent-card-case-vertical {
                    height: auto;
                    border-radius: .12rem;
                }

.bcm-star-case-mobile .bcm-star-case-detail-talent-card-case-horizon-video,
                .bcm-star-case-mobile .bcm-star-case-detail-talent-card-case-vertical-video {
                    position: relative;
                    background: var(--dls-color-gray-0);
                }

.bcm-star-case-mobile .bcm-star-case-detail-talent-card-case-horizon-video-icon, .bcm-star-case-mobile .bcm-star-case-detail-talent-card-case-vertical-video-icon {
                        position: absolute;
                        top: calc(50% - 0.195rem);
                        left: calc(50% - 0.195rem);
                    }

.bcm-star-case-mobile .bcm-star-case-detail-talent-card-case-horizon-video-icon svg, .bcm-star-case-mobile .bcm-star-case-detail-talent-card-case-vertical-video-icon svg {
                            width: .39rem;
                            height: .39rem;
                        }

.bcm-star-case-mobile .bcm-star-case-detail-talent-card-case-content {
                    position: relative;
                }

.bcm-star-case-mobile .bcm-star-case-detail-talent-card-case-data {
                    display: flex;
                    position: absolute;
                    bottom: .06rem;
                    left: .06rem;
                    padding: .04rem .1rem;
                    background: rgba(0, 0, 0, .6);
                    border-radius: .06rem;
                }

.bcm-star-case-mobile .bcm-star-case-detail-talent-card-case-data svg {
                        width: .16rem;
                        height: auto;
                        margin-right: .04rem;
                    }

.bcm-star-case-mobile .bcm-star-case-detail-talent-card-case-info {
                    width: auto;
                    padding: .09rem 0 0;
                    background: var(--dls-color-gray-0);
                    border-radius: 0;
                }

.bcm-star-case-mobile .bcm-star-case-detail-talent-card-case-info-desc {
                        margin: 0;
                        font-weight: 500;
                        font-size: .14rem;
                        line-height: .22rem;
                        color: var(--dls-color-gray-9);
                    }

.bcm-star-case-mobile .bcm-star-case-detail-talent-card-case-info-desc-data {
                        width: auto;
                        line-height: .16rem;
                        font-family: PingFang SC;
                        font-size: .12rem;
                        font-weight: 400;
                        color: var(--dls-color-gray-0);
                    }

.bcm-star-case-mobile-toast {
        margin-left: .1rem;
        font-size: .14rem;
    }

.bcm-star-case-mobile .page-container {
        margin-bottom: .16rem;
    }

.bcm-star-case-mobile .page-container canvas {
            border-radius: .09rem;
        }

div.one-toast-multiple-line.one-toast-widthout-header .one-toast-success {
    top: 20px;
}

.star-college-mobile-img-preview {
    position: fixed;
    overflow: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 60;
}

    .star-college-mobile-img-preview-mask {
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        background-color: var(--dls-color-gray-11);
        height: 100%;
        width: 100%;
        opacity: 1;
        transition: opacity .3s ease;
        pointer-events: none;
    }

    .star-college-mobile-img-preview-vertical,
    .star-college-mobile-img-preview-horizon {
        position: absolute;
    }

    .star-college-mobile-img-preview-vertical {
        width: 100%;
        top: 50%;
        transform: translate(0, -50%);
    }

    .star-college-mobile-img-preview-vertical-overflow {
            top: 0;
            transform: translate(0, 0);
            width: 100vw;
        }

    .star-college-mobile-img-preview-horizon,
    .star-college-mobile-img-preview-horizon-overflow {
        transform: rotate(90deg) translateY(-100%);
        transform-origin: top left;
    }

    .star-college-mobile-img-preview-horizon {
        top: 50%;
        transform: rotate(90deg) translate(-50%, -100%);
    }

    .star-college-mobile-img-preview-img-container {
        width: 100vw;
        height: 100vh;
        overflow-x: hidden;
    }

.star-college-mobile-pdf-preview {
        position: fixed;
        overflow: auto;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 60;
        background-color: var(--dls-color-gray-11);
        transition: opacity .3s ease;
    }

        .star-college-mobile-pdf-preview .pdf-container,
        .star-college-mobile-pdf-preview .bcm-star-case-detail-pdf-container {
            height: inherit;
        }

        .star-college-mobile-pdf-preview-page-container-horizon,
            .star-college-mobile-pdf-preview-page-container-vertical {
                display: flex;
                align-items: center;
                width: 100vw;
                height: inherit;
            }

        .star-college-mobile-pdf-preview-loading {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            font-size: .32rem;
        }

        .star-college-mobile-pdf-preview-preview-page-hidden {
            display: none;
        }
    .star-college-mobile-pdf-loading {
        display: flex;
        margin-top: 1.5rem;
        font-size: .14rem;
    }

.word-page-manage {
    display: flex;
    flex-direction: column;
}

    .word-page-manage-choose {
        display: flex;
        justify-content: space-between;
        margin-bottom: 24px;
        padding: 36px;
        border-radius: 3px;
        width: calc(100vw - 320px);
        background: var(--dls-background-color-base-1);
    }

    @media (max-width: 1248px) {

    .word-page-manage-choose {
            width: 952px
    }
        }

.word-page-table {
    width: calc(100vw - 303px);
}

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

.DzBUL .one-button {
            display: flex;
            justify-content: flex-start;
            width: var(--container-width);
            overflow: hidden;
            padding-left: 8px;
        }
        .DzBUL .one-button-icon:hover {
            opacity: 0;
        }
        .DzBUL .one-button-basic:hover {
            border-color: #a8b0bf;
            background-color: white;
        }

.Q4cM2 {
    margin-right: 6px !important;
}

.DVW3Z .dls-icon:hover + .one-overlay-header > .one-button > .one-button-icon {
            opacity: 0;
        }

.DVW3Z svg {
            padding-right: 4px;
            color: rgba(80, 90, 107, .8);
        }

.xTVjJ {
    padding: 3px 7px !important;
    font-size: 14px !important;
    line-height: 20px !important;
    margin-top: 16px !important;
    margin-right: 8px !important;
}

._10_Bd .one-checkbox-group-items {
            margin-top: -16px !important;
        }

._10_Bd .one-checkbox-button-wrapper-checked {
            color: #0054e6;
        }

.QLDam {
    min-width: 104px !important;
}

    .QLDam .one-cascader-picker-placeholder {
            color: #848b99;
        }

    .QLDam .one-cascader-picker-label {
            color: #282c33;
        }

.cfiAp .one-select-selection__placeholder {
            color: #848b99;
        }
        .cfiAp .one-select-selection-selected-value {
            color: #282c33;
        }
        .cfiAp .one-select-selection-selected-value {
            opacity: 1 !important;
        }

.MUH_0 {
    padding: 3px 7px !important;
    font-size: 14px !important;
    line-height: 20px !important;
    margin-right: 8px !important;
}

.eMgs5 span {
            color: #0054e6;
        }


.mbLpc {
    width: auto;
    height: 4px;
    background: linear-gradient(90deg, #5e3af0 0%, #d4c2ff 100%);
}

.V8y9s {
    position: relative;
    top: -10px;
    left: 15px;
    width: 28px;
    height: 14px;
    font-size: 10px;
    color: #fff;
    background: linear-gradient(241.26deg, #fc499d 8.41%, #ff85ba 83.53%);
    text-align: center;
    border-radius: 2px;
}

.wsaEZ {
    width: 57.2px;
    height: 57.2px;
    border-radius: 50%;
    background: linear-gradient(241.26deg, #fc499d 8.41%, #ff85ba 83.53%);
}

.fQ9GN {
    padding: 2.6px 0 0 2.6px;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    cursor: pointer;
}

.oUZIN {
    display: inline-block;
    width: 90px;
}

    .oUZIN .QIXb5 button {
            font-size: 14px;
        }

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

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

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