.mission-info-form {
    font-size: 14px;
    color: var(--label-color);
    padding: 30px 20px;
    background-color: var(--dls-color-brand-0);
}

    .mission-info-form .one-form-item-label,
    .mission-info-form .delivery-label,
    .mission-info-form .selected-label {
        margin-right: 32px;
        width: 104px;
        text-align: right;
    }

    .mission-info-form .one-form-item-label > label::after {
        margin: 0;
    }

    .mission-info-form .bcm-cart-table {
        margin-bottom: 27px;
    }

    .mission-info-form .date-tip {
        margin: -24px 0 32px 128px;
        font-size: var(--dls-font-size-1);
        color: var(--dls-color-gray-7);
        vertical-align: middle;
    }

    .mission-info-form .delivery-form-item {
        margin-bottom: 24px;
    }

    .mission-info-form .delivery-label,
    .mission-info-form .selected-label {
        display: inline-block;
    }

    .mission-info-form .cancel-btn {
        width: 90px;
        margin-left: 20px;
    }

    .mission-info-form .selected-content-box {
        display: flex;
        justify-content: space-between;
        margin-bottom: 32px;
    }

    .mission-info-form .selected-content-box button {
            margin-left: 16px;
        }

    .mission-info-form .selected-content-box-tip {
            color: var(--tip-color);
        }

    .mission-info-form .one-form-item-control .one-form-medium .one-form-extra {
            display: none;
        }

    .mission-info-form .one-form-item-control .one-date-picker {
            width: 300px;
        }

    .mission-info-form .one-form-item-control .one-date-picker button {
                width: 100%;
                text-align: left;
            }

    .mission-info-form .essay-info-tip {
        margin-top: 8px;
        line-height: 20px;
        color: var(--tip-color);
        letter-spacing: 0;
    }

    .mission-info-form .info-form-with-tip .one-form-item-label {
            line-height: 28px;
        }

    .mission-info-form .input-with-select {
        border-radius: 4px 0 0 4px;
    }

.one-transfer .one-transfer-search-box-bar .one-transfer-category {
    min-width: 120px !important;
}

.info-form-switch .mission-info-essay-block-title,
    .info-form-switch .mission-info-main-block-title,
    .info-form-switch .mission-info-topic-block-title {
        margin-bottom: 0;
    }

.info-form-switch .switch-content .content {
            display: flex;
            align-items: center;
            margin: 5px 15px 10px 0;
        }

.info-form-switch .switch-content .content .switch {
                margin: 0 20px;
            }

.info-form-switch .switch-content .tip {
            color: #848b99;
        }

.mcn-title {
    color: #282c33;
    font-weight: 400;
}

.mcn-title .mcn-bugget {
        margin-left: 240px;
    }

.mcn-title .mcn-clear-btn {
        margin-left: 28px;
        font-family: PingFang SC;
        font-size: 14px;
        font-weight: 400;
        line-height: 1;
        color: rgba(143, 188, 255, 1);
        pointer-events: none;
    }

.mcn-title .mcn-clear-btn-light {
        color: rgba(0, 84, 230, 1);
        cursor: pointer;
        pointer-events: auto;
    }

.mcn-title .mcn-recruit {
        margin-left: 330px;
    }

.candiate-title {
    color: #282c33;
    font-weight: 400;
}

.mcn-name {
    width: 243;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-left: 10px;
}

.mcn-money {
    margin-left: 12px;
    height: 28px;
}

.mcn-money .one-number-input {
        height: 28px;
    }

.mcn-money .one-number-input input {
            height: 28px;
        }

.mcn-select-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 12px;
}

.mcn-select-item .mcn-icon {
        cursor: pointer;
    }

.mcn-seletedEmpty {
    width: 100%;
    font-family: "PingFang SC";
    font-size: 14px;
    font-weight: 400;
    height: 328px;
    line-height: 328px;
    color: rgba(132, 139, 153, 1);
    text-align: center;
}

.mcn-candidateEmpty {
    width: 100%;
    height: 280px;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

.mcn-candidateEmpty .mcn-empty-img {
        width: 80px;
        height: 80px;
        display: inline-block;
    }

.mcn-candidateEmpty .tender-tips {
        margin-top: 8px;
        color: #848b99;
    }

.mcn-recommend-transfer .one-tree-treenode-switcher-open {
        height: 44px;
    }

.mcn-recommend-transfer .one-tree .one-tree-treenode-container-title {
        max-width: 100%;
        margin: 0;
    }

.mcn-recommend-transfer .one-tree li .one-tree-node-content-wrapper {
        height: auto;
    }

.mcn-recommend-transfer .one-number-input-medium .one-number-input-main {
        height: 28px;
    }

.mcn-recommend-transfer .one-transfer-select .one-tree-treenode-container .one-transfer-select-selected {
        justify-content: flex-end;
    }

.mcn-recommend-transfer .mcn-item {
        height: 36px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        display: flex;
        align-items: center;
    }

.mcn-recommend-transfer .mcn-item .mcn-name {
            width: auto;
            max-width: 243px;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
        }

.mcn-recommend-transfer .mcn-item .mcn-tag-one {
            display: inline-block;
            font-size: 12px;
            height: 12px;
            line-height: 1;
            padding: 1px;
            border: 2px solid rgba(255, 132, 0, 1);
            border-radius: 4px;
            color: rgba(255, 132, 0, 1);
            margin-left: 4px;
        }

.mcn-recommend-transfer .mcn-item .mcn-tag-two {
            display: inline-block;
            margin-left: 4px;
            font-size: 12px;
            padding: 1px;
            height: 12px;
            line-height: 1;
            border-radius: 4px;
            border: 2px solid rgba(252, 73, 157, 1);
            color: rgba(252, 73, 157, 1);
        }

.mcn-recommend-transfer .mcn-select-item {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        padding: 6px 0;
        flex: 1;
        margin-right: 8px;
    }

.mcn-recommend-transfer .mcn-select-item .mcn-name {
            width: 243px;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
            flex: 1;
        }

.mcn-recommend-transfer .mcn-select-item .mcn-tag-one {
            display: inline-block;
            font-size: 12px;
            height: 12px;
            line-height: 1;
            padding: 1px;
            border: 2px solid rgba(255, 132, 0, 1);
            border-radius: 4px;
            color: rgba(255, 132, 0, 1);
            margin-left: 4px;
        }

.mcn-recommend-transfer .mcn-select-item .mcn-tag-two {
            display: inline-block;
            margin-left: 4px;
            font-size: 12px;
            padding: 1px;
            height: 12px;
            line-height: 1;
            border-radius: 4px;
            border: 2px solid rgba(252, 73, 157, 1);
            color: rgba(252, 73, 157, 1);
        }

.mcn-recommend-transfer .mcn-select-item .mcn-money {
            margin-left: 12px;
            height: 30px;
            align-content: flex-end;
        }

.mcn-recommend-transfer .mcn-select-item .mcn-money .one-number-input {
                height: 28px;
            }

.mcn-recommend-transfer .mcn-select-item .mcn-money .one-number-input input {
                    height: 28px;
                }

.mcn-recommend-transfer .mcn-select-item .mcn-icon {
            cursor: pointer;
        }

.mission-info-main .input-custom-comp .tip {
            margin-top: 5px;
            font-weight: 400;
            font-size: 14px;
            line-height: 20px;
            color: var(--tip-color);
        }

.mission-info-main .input-custom-comp .tip .browse-com {
                cursor: pointer;
                color: var(--dls-color-brand-7);
            }

.mission-info-main .input-custom-comp .comp-content .input {
                display: flex;
                margin-top: 14px;
                align-items: center;
            }

.mission-info-main .input-custom-comp .comp-content .input .one-number-input-wrapper-strong {
                    flex: none;
                }

.mission-info-main .input-custom-comp .comp-content .input .price {
                    display: flex;
                    margin-left: 9px;
                    align-items: center;
                }

.mission-info-main .input-custom-comp .comp-content .input .price .price-num {
                        margin-left: 4px;
                        font-size: 16px;
                        font-weight: 500;
                    }

.mission-info-main .form-item-port .baidu-account {
            display: flex;
            align-items: center;
        }

.mission-info-main .form-item-port .baidu-account .tip .placeholder {
                    margin-left: 12px;
                    color: var(--dls-color-gray-7);
                }

.mission-info-main .form-item-port .baidu-account .tip .account-example {
                    margin-left: 20px;
                    color: var(--dls-color-brand-7);
                    cursor: pointer;
                }

.mission-info-main .form-item-port .baidu-account .tip .link {
                    color: var(--dls-color-brand-7);
                    cursor: pointer;
                }

.bcm-mission-info-page {
    margin: -15px -24px;
}

.bcm-mission-info-page .one-loading-container::after {
        z-index: 4;
    }

.bcm-mission-info-page .bcm-page-title {
        display: flex;
        margin-top: 16px;
        padding-left: 34px;
        width: 100%;
        height: 60px;
        background-color: white;
    }

.talent-drawer {
    font-size: var(--dls-font-size-1);
    line-height: 20px;
}

.talent-drawer a {
        color: var(--info-color-primary);
    }

.talent-drawer-tabs {
        margin-bottom: 80px;
    }

.talent-drawer-footer {
        display: flex;
        position: fixed;
        bottom: 0;
        margin-left: -24px;
        padding: 24px;
        width: 100%;
        height: 32px;
        z-index: 2;
        box-shadow: 0 6px 28px rgba(0, 0, 0, .04), 0 4px 26px rgba(0, 0, 0, .03), 0 2px 24px rgba(0, 0, 0, .02);
        background-color: white;
    }

.talent-drawer-footer button {
            margin-right: 8px;
        }

.talent-drawer-footer-selected {
            display: flex;
            margin-left: 26px;
            align-items: center;
        }

.talent-drawer-footer-selected-images {
                display: flex;
                margin-left: 16px;
            }

.talent-drawer-footer-selected-image {
                margin-left: var(--dls-spacing-unit);
                width: 36px;
                height: 36px;
                border-radius: 18px;
            }

.one-tabs-tabpane .tableWrapper {
        margin-top: -4px;
    }

.one-tabs-tabpane .tableWrapper .talent-detail {
            display: flex;
            position: relative;
            justify-content: space-between;
        }

.one-tabs-tabpane .tableWrapper .search-group {
            display: flex;
            margin-bottom: 12px;
        }

.one-tabs-tabpane .tableWrapper .search-group .radio-group {
                margin-right: 16px;
            }

.first-upload-talent {
    display: flex;
    margin: 80px auto;
    width: 500px;
    height: 240px;
    justify-content: center;
    flex-direction: column;
    border-radius: 4px;
    border: 1px dashed #a8b0bf;
    cursor: pointer;
}

.first-upload-talent .first-uploader .one-uploader-file-item {
            margin-left: 150px;
        }

.first-upload-talent-button {
        width: 316px;
    }

.first-upload-talent-size {
        margin: 14px 0 0 -32px;
        color: var(--dls-color-gray-7);
    }

.first-upload-talent a {
        margin: 24px auto 0;
    }

.first-upload-talent .one-uploader-anchor {
        margin-left: 184px;
    }

.first-upload-talent .one-uploader-anchor-file-container {
            display: flex;
            flex-wrap: wrap;
        }

.first-upload-talent:hover {
    background: var(--dls-color-gray-1);
}

.first-upload-talent:active {
    background: var(--uploader-color-gray);
}

.upload-talent {
    display: flex;
    margin-bottom: var(--dls-spacing-unit);
    line-height: 32px;
}

.upload-talent .talent-uploader {
        width: 144px;
    }

.upload-talent .talent-uploader .one-uploader-file-item-progress {
                top: 30px;
            }

.upload-talent .talent-uploader .one-uploader-file-item-container {
                margin-top: 12px;
            }

.upload-talent-size {
        margin-right: 18px;
        color: var(--dls-color-gray-7);
    }

.loading-or-msg {
    display: flex;
    width: 100%;
    flex-direction: column;
    color: var(--dls-color-error);
}

.mission-info-block {
    margin: 24px auto;
    padding: 24px;
    width: 1200px;
    border-radius: 4px;
    font-size: var(--dls-font-size-1);
    color: var(--dls-color-gray-9);
    background-color: white;
}

.mission-info-footer {
    display: flex;
    align-items: center;
    width: 1152px;
}

.mission-info-footer button {
        margin-right: 8px;
    }

.mission-info-footer .tip {
        margin-left: 16px;
        color: var(--dls-color-gray-7);
    }

.mission-info-footer .tip svg {
            margin-right: var(--dls-spacing-unit);
        }

.mission-info-footer .tip-one-line {
        line-height: 32px;
    }

.challenge-mission-block {
    margin-bottom: 24px;
    padding: 24px;
    width: calc(100% - 48px);
    background-color: white;
}

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

.one-uploader-file-item-flag {
    z-index: 1;
}

.protocol-dialog span {
        font-weight: bold;
    }

.mission-info-essay,
.mission-info-topic,
.mission-info-main {
    display: flex;
    margin: 16px auto;
    width: 1200px;
    font-size: var(--dls-font-size-1);
    font-family: 'PingFang SC';
    line-height: 20px;
}

.mission-info-essay-left, .mission-info-topic-left, .mission-info-main-left {
        margin-right: 16px;
        width: 136px;
    }

.mission-info-essay-left-anchor, .mission-info-topic-left-anchor, .mission-info-main-left-anchor {
            position: sticky;
            top: 80px;
            left: 0;
            padding: 24px;
            width: 88px;
            background-color: white;
        }

.mission-info-essay-left-fixed, .mission-info-topic-left-fixed, .mission-info-main-left-fixed {
        width: 138px;
    }

.mission-info-essay-right, .mission-info-topic-right, .mission-info-main-right {
        width: 1064px;
    }

.mission-info-essay-block, .mission-info-topic-block, .mission-info-main-block {
        margin-bottom: 16px;
        padding: 24px;
        width: calc(100% - 48px);
        background-color: white;
    }

.mission-info-essay-block-title, .mission-info-topic-block-title, .mission-info-main-block-title {
            margin-bottom: 20px;
            font-weight: 500;
            font-size: 20px;
            line-height: 28px;
            display: flex;
        }

.mission-info-essay-block-title-tip, .mission-info-topic-block-title-tip, .mission-info-main-block-title-tip {
                margin-left: 16px;
                font-size: 14px;
                line-height: 20px;
                font-weight: normal;
                color: var(--dls-color-gray-7);
            }

.mission-info-essay-block-title-link, .mission-info-topic-block-title-link, .mission-info-main-block-title-link {
                font-size: 14px;
                line-height: 20px;
                font-weight: normal;
                color: var(--link-color);
            }

.mission-info-essay-block .order-form-extra-service-label, .mission-info-topic-block .order-form-extra-service-label, .mission-info-main-block .order-form-extra-service-label {
                width: 93px;
            }

.mission-info-essay-block .order-form-extra-service .one-ui-pro-multiLabel, .mission-info-topic-block .order-form-extra-service .one-ui-pro-multiLabel, .mission-info-main-block .order-form-extra-service .one-ui-pro-multiLabel {
                width: 600px;
            }

.mission-info-essay-block .order-form-extra-service .one-ui-pro-multiLabel .one-ui-pro-multiLabel-input-area, .mission-info-topic-block .order-form-extra-service .one-ui-pro-multiLabel .one-ui-pro-multiLabel-input-area, .mission-info-main-block .order-form-extra-service .one-ui-pro-multiLabel .one-ui-pro-multiLabel-input-area {
                    min-height: 0;
                }

.mission-info-essay-block .order-form-extra-service .one-textarea-wrapper, .mission-info-topic-block .order-form-extra-service .one-textarea-wrapper, .mission-info-main-block .order-form-extra-service .one-textarea-wrapper {
                width: 600px !important;
            }

.mission-info-essay-block .order-form-extra-service .one-textarea-wrapper .one-textarea, .mission-info-topic-block .order-form-extra-service .one-textarea-wrapper .one-textarea, .mission-info-main-block .order-form-extra-service .one-textarea-wrapper .one-textarea {
                    width: 600px !important;
                }

.mission-info-essay-block .essay-banner-hide-anchor .one-uploader-anchor, .mission-info-topic-block .essay-banner-hide-anchor .one-uploader-anchor, .mission-info-main-block .essay-banner-hide-anchor .one-uploader-anchor {
                display: none;
            }

.mission-info-essay-block .essay-info-tip, .mission-info-topic-block .essay-info-tip, .mission-info-main-block .essay-info-tip {
            margin-top: 8px;
            line-height: 20px;
            color: var(--tip-color);
            letter-spacing: 0;
        }

.mission-info-essay-block-protocol, .mission-info-topic-block-protocol, .mission-info-main-block-protocol {
            padding-bottom: 24px;
            font-size: 14px;
            line-height: 21px;
        }

.mission-info-essay-block-protocol-checkbox .one-checkbox + span, .mission-info-topic-block-protocol-checkbox .one-checkbox + span, .mission-info-main-block-protocol-checkbox .one-checkbox + span {
                    color: var(--btn-color-gray);
                }

.mission-info-essay-block-protocol-link, .mission-info-topic-block-protocol-link, .mission-info-main-block-protocol-link {
                color: #3d88f2;
                cursor: pointer;
                padding-left: 0;
            }

.mission-info-essay-block-item, .mission-info-topic-block-item, .mission-info-main-block-item {
            display: flex;
            margin-top: 32px;
        }

.mission-info-essay-block-item .one-form-item-label, .mission-info-topic-block-item .one-form-item-label, .mission-info-main-block-item .one-form-item-label {
                margin-right: 24px;
                width: 125px;
            }

.mission-info-essay-block-item-task-mode .one-form-item-control-wrapper, .mission-info-topic-block-item-task-mode .one-form-item-control-wrapper, .mission-info-main-block-item-task-mode .one-form-item-control-wrapper {
                    transform: translateY(-4px);
                }

.mission-info-essay-block-item-marketing-target .one-select, .mission-info-topic-block-item-marketing-target .one-select, .mission-info-main-block-item-marketing-target .one-select {
                    width: 144px;
                }

.mission-info-essay-block-item-marketing-target .one-select .one-select-selection-selected-value, .mission-info-topic-block-item-marketing-target .one-select .one-select-selection-selected-value, .mission-info-main-block-item-marketing-target .one-select .one-select-selection-selected-value {
                        display: flex !important;
                        align-items: center;
                    }

.mission-info-essay-block-item-marketing-target .one-select .one-select-selection-selected-value svg, .mission-info-topic-block-item-marketing-target .one-select .one-select-selection-selected-value svg, .mission-info-main-block-item-marketing-target .one-select .one-select-selection-selected-value svg {
                            margin-right: 8px;
                            width: 16px;
                            height: 16px;
                        }

.mission-info-essay-block-item-add-talent, .mission-info-topic-block-item-add-talent, .mission-info-main-block-item-add-talent {
                margin-right: 16px;
                color: var(--dls-color-gray-7);
            }

.mission-info-essay-block-item-scene-total .one-input-all-container, .mission-info-topic-block-item-scene-total .one-input-all-container, .mission-info-main-block-item-scene-total .one-input-all-container {
                    margin-right: 16px;
                }

.mission-info-essay-block-item-scene-total table, .mission-info-topic-block-item-scene-total table, .mission-info-main-block-item-scene-total table {
                    margin-top: 12px;
                }

.mission-info-essay-block-item-tip, .mission-info-topic-block-item-tip, .mission-info-main-block-item-tip {
                display: flex;
                margin-top: 8px;
                color: var(--dls-color-gray-7);
                line-height: 20px;
            }

.mission-info-essay-block-item-tip button, .mission-info-topic-block-item-tip button, .mission-info-main-block-item-tip button {
                    margin-left: 8px;
                }

.mission-info-essay-block-item-tip button svg, .mission-info-topic-block-item-tip button svg, .mission-info-main-block-item-tip button svg {
                        margin-right: var(--dls-spacing-unit);
                    }

.mission-info-essay-block-item-content-type .one-checkbox-wrapper, .mission-info-topic-block-item-content-type .one-checkbox-wrapper, .mission-info-main-block-item-content-type .one-checkbox-wrapper {
                    margin: 4px 36px 0 0;
                }

.mission-info-essay-block-item-sync-eshop .one-form-item-children, .mission-info-topic-block-item-sync-eshop .one-form-item-children, .mission-info-main-block-item-sync-eshop .one-form-item-children {
                    display: flex;
                    align-items: center;
                }

.mission-info-essay-block-item-sync-eshop-tips, .mission-info-topic-block-item-sync-eshop-tips, .mission-info-main-block-item-sync-eshop-tips {
                    margin-left: 8px;
                    font-size: 14px;
                    color: var(--dls-color-gray-7);
                }

.mission-info-essay-block-item-mcn-add .one-table-wrapper, .mission-info-topic-block-item-mcn-add .one-table-wrapper, .mission-info-main-block-item-mcn-add .one-table-wrapper {
                    margin-top: 16px;
                    width: 480px;
                }

.mission-info-essay-block-item-mcn-add-tip, .mission-info-topic-block-item-mcn-add-tip, .mission-info-main-block-item-mcn-add-tip {
                    margin-top: 12px;
                    color: var(--dls-color-gray-7);
                }

.mission-info-essay-block-item-mcn-add-tip span, .mission-info-topic-block-item-mcn-add-tip span, .mission-info-main-block-item-mcn-add-tip span {
                        color: var(--dls-color-gray-9);
                    }

.mission-info-essay-block-item-stop-date div span, .mission-info-topic-block-item-stop-date div span, .mission-info-main-block-item-stop-date div span {
                        color: var(--dls-color-gray-7);
                    }

.mission-info-essay-block-item-number-input, .mission-info-topic-block-item-number-input, .mission-info-main-block-item-number-input {
                margin: 0 var(--dls-spacing-unit);
            }

.mission-info-essay-block-item-banner-tip, .mission-info-topic-block-item-banner-tip, .mission-info-main-block-item-banner-tip {
                    margin-bottom: 16px;
                    line-height: 32px;
                    color: var(--dls-color-gray-9);
                }

.mission-info-essay-block-item-banner-size-tip, .mission-info-topic-block-item-banner-size-tip, .mission-info-main-block-item-banner-size-tip {
                    font-size: 14px;
                    font-family: 'PingFang SC';
                    line-height: 26px;
                    color: var(--dls-color-gray-7);
                }

.mission-info-essay-block-item-banner img, .mission-info-topic-block-item-banner img, .mission-info-main-block-item-banner img {
                    width: 160px;
                    height: 160px;
                }

.mission-info-essay-block-item-headimage-tip, .mission-info-essay-block-item-actimage-tip, .mission-info-essay-block-item-topic-actimage-tip, .mission-info-topic-block-item-headimage-tip, .mission-info-topic-block-item-actimage-tip, .mission-info-topic-block-item-topic-actimage-tip, .mission-info-main-block-item-headimage-tip, .mission-info-main-block-item-actimage-tip, .mission-info-main-block-item-topic-actimage-tip {
                    margin-bottom: 16px;
                    line-height: 32px;
                    color: var(--dls-color-gray-9);
                }

.mission-info-essay-block-item-headimage-size-tip, .mission-info-essay-block-item-actimage-size-tip, .mission-info-essay-block-item-topic-actimage-size-tip, .mission-info-topic-block-item-headimage-size-tip, .mission-info-topic-block-item-actimage-size-tip, .mission-info-topic-block-item-topic-actimage-size-tip, .mission-info-main-block-item-headimage-size-tip, .mission-info-main-block-item-actimage-size-tip, .mission-info-main-block-item-topic-actimage-size-tip {
                    font-size: 14px;
                    font-family: 'PingFang SC';
                    line-height: 26px;
                    color: var(--dls-color-gray-7);
                }

.mission-info-essay-block-item-headimage-size-tip .one-chedbox-wrapper, .mission-info-essay-block-item-actimage-size-tip .one-chedbox-wrapper, .mission-info-essay-block-item-topic-actimage-size-tip .one-chedbox-wrapper, .mission-info-topic-block-item-headimage-size-tip .one-chedbox-wrapper, .mission-info-topic-block-item-actimage-size-tip .one-chedbox-wrapper, .mission-info-topic-block-item-topic-actimage-size-tip .one-chedbox-wrapper, .mission-info-main-block-item-headimage-size-tip .one-chedbox-wrapper, .mission-info-main-block-item-actimage-size-tip .one-chedbox-wrapper, .mission-info-main-block-item-topic-actimage-size-tip .one-chedbox-wrapper {
                        margin-top: 12px;
                    }

.mission-info-essay-block-item-headimage-size-tip .one-chedbox-wrapper .one-checkbox-item, .mission-info-essay-block-item-actimage-size-tip .one-chedbox-wrapper .one-checkbox-item, .mission-info-essay-block-item-topic-actimage-size-tip .one-chedbox-wrapper .one-checkbox-item, .mission-info-topic-block-item-headimage-size-tip .one-chedbox-wrapper .one-checkbox-item, .mission-info-topic-block-item-actimage-size-tip .one-chedbox-wrapper .one-checkbox-item, .mission-info-topic-block-item-topic-actimage-size-tip .one-chedbox-wrapper .one-checkbox-item, .mission-info-main-block-item-headimage-size-tip .one-chedbox-wrapper .one-checkbox-item, .mission-info-main-block-item-actimage-size-tip .one-chedbox-wrapper .one-checkbox-item, .mission-info-main-block-item-topic-actimage-size-tip .one-chedbox-wrapper .one-checkbox-item {
                            color: var(--dls-color-gray-7);
                        }

.mission-info-essay-block-item-headimage-size-tip .one-chedbox-wrapper .one-checkbox-item svg, .mission-info-essay-block-item-actimage-size-tip .one-chedbox-wrapper .one-checkbox-item svg, .mission-info-essay-block-item-topic-actimage-size-tip .one-chedbox-wrapper .one-checkbox-item svg, .mission-info-topic-block-item-headimage-size-tip .one-chedbox-wrapper .one-checkbox-item svg, .mission-info-topic-block-item-actimage-size-tip .one-chedbox-wrapper .one-checkbox-item svg, .mission-info-topic-block-item-topic-actimage-size-tip .one-chedbox-wrapper .one-checkbox-item svg, .mission-info-main-block-item-headimage-size-tip .one-chedbox-wrapper .one-checkbox-item svg, .mission-info-main-block-item-actimage-size-tip .one-chedbox-wrapper .one-checkbox-item svg, .mission-info-main-block-item-topic-actimage-size-tip .one-chedbox-wrapper .one-checkbox-item svg {
                                margin-left: var(--dls-spacing-unit);
                            }

.mission-info-essay-block-item-topic-actimage-default, .mission-info-topic-block-item-topic-actimage-default, .mission-info-main-block-item-topic-actimage-default {
                display: flex;
                align-items: center;
                color: var(--dls-color-gray-7);
            }

.mission-info-essay-block-item-topic-actimage-sample, .mission-info-topic-block-item-topic-actimage-sample, .mission-info-main-block-item-topic-actimage-sample {
                display: flex;
                margin-left: 8px;
                align-items: center;
                line-height: 20px;
            }

.mission-info-essay-block-item-topic-actimage-sample svg, .mission-info-topic-block-item-topic-actimage-sample svg, .mission-info-main-block-item-topic-actimage-sample svg {
                    margin-right: var(--dls-spacing-unit);
                }

.mission-info-essay-block-item-headimage-default, .mission-info-topic-block-item-headimage-default, .mission-info-main-block-item-headimage-default {
                --dls-uploader-media-item-width: 160px;
                --dls-uploader-media-item-height: 160px;
            }

.mission-info-essay-block-item-headimage-default img, .mission-info-topic-block-item-headimage-default img, .mission-info-main-block-item-headimage-default img {
                    width: 160px;
                    height: 160px;
                }

.mission-info-essay-block-item-headimage-atomsphere, .mission-info-topic-block-item-headimage-atomsphere, .mission-info-main-block-item-headimage-atomsphere {
                --dls-uploader-media-item-width: 250px;
                --dls-uploader-media-item-height: 140px;
            }

.mission-info-essay-block-item-headimage-atomsphere img, .mission-info-topic-block-item-headimage-atomsphere img, .mission-info-main-block-item-headimage-atomsphere img {
                    width: 250px;
                    height: 140px;
                }

.mission-info-essay-block-item-actimage, .mission-info-topic-block-item-actimage, .mission-info-main-block-item-actimage {
                --dls-uploader-media-item-width: 160px;
                --dls-uploader-media-item-height: 90px;
            }

.mission-info-essay-block-item-actimage img, .mission-info-topic-block-item-actimage img, .mission-info-main-block-item-actimage img {
                    width: 160px;
                    height: 90px;
                }

.mission-info-essay-block-item .one-uploader-anchor-image, .mission-info-topic-block-item .one-uploader-anchor-image, .mission-info-main-block-item .one-uploader-anchor-image {
                min-width: 78px;
            }

.mission-info-essay-block-item-topic-actimage, .mission-info-topic-block-item-topic-actimage, .mission-info-main-block-item-topic-actimage {
                --dls-uploader-media-item-width: 380px;
                --dls-uploader-media-item-height: 78px;
            }

.mission-info-essay-block-item-topic-actimage img, .mission-info-topic-block-item-topic-actimage img, .mission-info-main-block-item-topic-actimage img {
                    width: 380px;
                    height: 78px;
                }

.mission-info-essay-block-item-actimage-default, .mission-info-topic-block-item-actimage-default, .mission-info-main-block-item-actimage-default {
                display: flex;
                align-items: center;
                padding: 24px 29px;
                width: 102px;
                height: 42px;
                font-size: 12px;
                line-height: 16px;
                color: var(--dls-color-gray-7);
                border: 1px solid var(--dls-color-gray-3);
                background: var(--dls-color-gray-1);
                border-radius: 2px;
                text-align: center;
            }

.mission-info-essay-block-item-actimage-label, .mission-info-topic-block-item-actimage-label, .mission-info-main-block-item-actimage-label {
                display: inline-block;
            }

.mission-info-essay-block-item-host .one-radio-group-items, .mission-info-topic-block-item-host .one-radio-group-items, .mission-info-main-block-item-host .one-radio-group-items {
                    margin-bottom: 16px;
                }

.mission-info-essay-block-item-sample, .mission-info-topic-block-item-sample, .mission-info-main-block-item-sample {
                display: flex;
                flex-direction: column;
                font-family: 'PingFang SC';
            }

.mission-info-essay-block-item-sample-title, .mission-info-topic-block-item-sample-title, .mission-info-main-block-item-sample-title {
                    margin-bottom: 12px;
                    font-size: 16px;
                    font-weight: 500;
                    line-height: 22px;
                    color: var(--dls-color-gray-9);
                }

.mission-info-essay-block-item-sample-text, .mission-info-topic-block-item-sample-text, .mission-info-main-block-item-sample-text {
                    margin-bottom: 16px;
                }

.mission-info-essay-block-item-sample-text-img, .mission-info-topic-block-item-sample-text-img, .mission-info-main-block-item-sample-text-img {
                        margin-top: 16px;
                    }

.mission-info-essay-block-item-sample-copy, .mission-info-topic-block-item-sample-copy, .mission-info-main-block-item-sample-copy {
                    align-self: flex-end;
                }

.mission-info-essay-block-item-sample-detail .one-radio-group-items, .mission-info-topic-block-item-sample-detail .one-radio-group-items, .mission-info-main-block-item-sample-detail .one-radio-group-items {
                    margin-bottom: 16px;
                }

.mission-info-essay-block-item-monitor, .mission-info-topic-block-item-monitor, .mission-info-main-block-item-monitor {
                margin-top: 24px;
            }

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

.mission-info-essay-block-item-monitor-url:last-child, .mission-info-topic-block-item-monitor-url:last-child, .mission-info-main-block-item-monitor-url:last-child {
                        margin-bottom: 0;
                    }

.mission-info-essay-block-item-monitor-url-icon, .mission-info-topic-block-item-monitor-url-icon, .mission-info-main-block-item-monitor-url-icon {
                        margin: 0 28px 0 4px;
                        color: var(--dls-color-gray-7);
                    }

.mission-info-essay-block-item-monitor-url .fe-link-components-insert-content-content, .mission-info-topic-block-item-monitor-url .fe-link-components-insert-content-content, .mission-info-main-block-item-monitor-url .fe-link-components-insert-content-content {
                        margin-bottom: 0;
                    }

.mission-info-essay-block-item-warning, .mission-info-topic-block-item-warning, .mission-info-main-block-item-warning {
                color: var(--dls-color-error-7);
            }

.mission-info-essay-block-style, .mission-info-topic-block-style, .mission-info-main-block-style {
            display: flex;
            justify-content: space-between;
        }

.mission-info-essay-block-style-challenge-preview, .mission-info-topic-block-style-challenge-preview, .mission-info-main-block-style-challenge-preview {
                display: flex;
                flex-direction: column;
                padding: 0 32px;
                width: 140px;
                border-left: 1px solid var(--dls-color-gray-1);
            }

.mission-info-essay-block-style-challenge-preview-bg, .mission-info-topic-block-style-challenge-preview-bg, .mission-info-main-block-style-challenge-preview-bg {
                    width: 140px;
                    height: 300px;
                    background: url(https://now.bdstatic.com/store/v2/e8a15f8/fe-commercial/a1054eb/fa8a742812a166bfe0d2.png);
                    background-size: 100% 100%;
                }

.mission-info-essay-block-style-preview, .mission-info-topic-block-style-preview, .mission-info-main-block-style-preview {
                display: flex;
                flex-direction: column;
                padding: 48px;
                width: 184px;
                border-left: 1px solid var(--dls-color-gray-1);
            }

.mission-info-essay-block-style-preview-bg-default, .mission-info-topic-block-style-preview-bg-default, .mission-info-main-block-style-preview-bg-default {
                    background: url(https://now.bdstatic.com/store/v2/e8a15f8/fe-commercial/a1054eb/35e29da7ffc36ee8bbc9.png);
                    background-size: 100% 100%;
                }

.mission-info-essay-block-style-preview-bg-default-topic, .mission-info-topic-block-style-preview-bg-default-topic, .mission-info-main-block-style-preview-bg-default-topic {
                    background: url(https://now.bdstatic.com/store/v2/e8a15f8/fe-commercial/a1054eb/e49c0318605cf9433971.png);
                    background-size: 100% 100%;
                }

.mission-info-essay-block-style-preview-bg-default,
                .mission-info-essay-block-style-preview-bg-default-topic,
                .mission-info-essay-block-style-preview-bg-atomosphere-topic,
                .mission-info-essay-block-style-preview-bg-atomosphere,
                .mission-info-topic-block-style-preview-bg-default,
                .mission-info-topic-block-style-preview-bg-default-topic,
                .mission-info-topic-block-style-preview-bg-atomosphere-topic,
                .mission-info-topic-block-style-preview-bg-atomosphere,
                .mission-info-main-block-style-preview-bg-default,
                .mission-info-main-block-style-preview-bg-default-topic,
                .mission-info-main-block-style-preview-bg-atomosphere-topic,
                .mission-info-main-block-style-preview-bg-atomosphere {
                    height: 400px;
                }

.mission-info-essay-block-style-preview-bg-atomosphere-topic-bg, .mission-info-essay-block-style-preview-bg-atomosphere-bg, .mission-info-topic-block-style-preview-bg-atomosphere-topic-bg, .mission-info-topic-block-style-preview-bg-atomosphere-bg, .mission-info-main-block-style-preview-bg-atomosphere-topic-bg, .mission-info-main-block-style-preview-bg-atomosphere-bg {
                        position: absolute;
                        z-index: 4;
                        width: 184px;
                        height: 400px;
                    }

.mission-info-essay-block-style-preview-bg-atomosphere-topic-image, .mission-info-essay-block-style-preview-bg-atomosphere-image, .mission-info-topic-block-style-preview-bg-atomosphere-topic-image, .mission-info-topic-block-style-preview-bg-atomosphere-image, .mission-info-main-block-style-preview-bg-atomosphere-topic-image, .mission-info-main-block-style-preview-bg-atomosphere-image {
                        position: absolute;
                        z-index: 3;
                        margin-top: -16px;
                        width: 183px;
                        height: 105px;
                    }

.mission-info-essay-block-style-preview-bg-atomosphere-topic-title, .mission-info-essay-block-style-preview-bg-atomosphere-title, .mission-info-topic-block-style-preview-bg-atomosphere-topic-title, .mission-info-topic-block-style-preview-bg-atomosphere-title, .mission-info-main-block-style-preview-bg-atomosphere-topic-title, .mission-info-main-block-style-preview-bg-atomosphere-title {
                        position: relative;
                        top: 122px;
                        left: 1px;
                        transform: scale(.917);
                        width: 168px;
                        z-index: 5;
                        font-size: 12px;
                        line-height: 24px;
                        font-weight: 500;
                        color: white;
                    }

.mission-info-essay-block-style-preview-bg-atomosphere-topic-guide, .mission-info-essay-block-style-preview-bg-atomosphere-guide, .mission-info-topic-block-style-preview-bg-atomosphere-topic-guide, .mission-info-topic-block-style-preview-bg-atomosphere-guide, .mission-info-main-block-style-preview-bg-atomosphere-topic-guide, .mission-info-main-block-style-preview-bg-atomosphere-guide {
                        position: relative;
                        top: 102px;
                        left: -72px;
                        display: -webkit-box;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        -webkit-line-clamp: 2;
                        -webkit-box-orient: vertical;
                        transform: scale(.5);
                        width: 320px;
                        height: 56px;
                        z-index: 5;
                        font-size: 14px;
                        line-height: 28px;
                        font-weight: 400;
                        color: white;
                    }

.mission-info-essay-block-style-preview-bg-atomosphere-topic-actimage, .mission-info-essay-block-style-preview-bg-atomosphere-actimage, .mission-info-topic-block-style-preview-bg-atomosphere-topic-actimage, .mission-info-topic-block-style-preview-bg-atomosphere-actimage, .mission-info-main-block-style-preview-bg-atomosphere-topic-actimage, .mission-info-main-block-style-preview-bg-atomosphere-actimage {
                        position: relative;
                        top: 120px;
                        left: 8px;
                        width: 168px;
                        height: 41px;
                        border-radius: 4px;
                        z-index: 5;
                    }

.mission-info-essay-block-style-preview-bg-default-title, .mission-info-essay-block-style-preview-bg-default-topic-title, .mission-info-topic-block-style-preview-bg-default-title, .mission-info-topic-block-style-preview-bg-default-topic-title, .mission-info-main-block-style-preview-bg-default-title, .mission-info-main-block-style-preview-bg-default-topic-title {
                        position: relative;
                        top: 77px;
                        left: 51px;
                        transform: scale(.917);
                        width: 130px;
                        font-size: 12px;
                        line-height: 24px;
                        font-weight: 500;
                        color: white;
                    }

.mission-info-essay-block-style-preview-bg-default-guide, .mission-info-essay-block-style-preview-bg-default-topic-guide, .mission-info-topic-block-style-preview-bg-default-guide, .mission-info-topic-block-style-preview-bg-default-topic-guide, .mission-info-main-block-style-preview-bg-default-guide, .mission-info-main-block-style-preview-bg-default-topic-guide {
                        position: relative;
                        top: 84px;
                        left: -70px;
                        display: -webkit-box;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        -webkit-line-clamp: 2;
                        -webkit-box-orient: vertical;
                        transform: scale(.5);
                        width: 320px;
                        height: 56px;
                        font-size: 14px;
                        line-height: 28px;
                        font-weight: 400;
                        color: white;
                    }

.mission-info-essay-block-style-preview-bg-default-image, .mission-info-essay-block-style-preview-bg-default-topic-image, .mission-info-topic-block-style-preview-bg-default-image, .mission-info-topic-block-style-preview-bg-default-topic-image, .mission-info-main-block-style-preview-bg-default-image, .mission-info-main-block-style-preview-bg-default-topic-image {
                        position: relative;
                        top: 2px;
                        left: 10px;
                        width: 39px;
                        height: 39px;
                        border-radius: 4px;
                    }

.mission-info-essay-block-style-preview-bg-default-actimage, .mission-info-essay-block-style-preview-bg-default-topic-actimage, .mission-info-topic-block-style-preview-bg-default-actimage, .mission-info-topic-block-style-preview-bg-default-topic-actimage, .mission-info-main-block-style-preview-bg-default-actimage, .mission-info-main-block-style-preview-bg-default-topic-actimage {
                        position: relative;
                        top: 42px;
                        left: 8px;
                        width: 168px;
                        height: 41px;
                        border-radius: 4px;
                    }

.mission-info-essay-block-style-preview-title, .mission-info-topic-block-style-preview-title, .mission-info-main-block-style-preview-title {
                    display: flex;
                    margin-top: 16px;
                    justify-content: center;
                    align-items: center;
                }

.mission-info-essay-block-style-content, .mission-info-topic-block-style-content, .mission-info-main-block-style-content {

            }

.mission-info-essay-block-monitor, .mission-info-topic-block-monitor, .mission-info-main-block-monitor {
            display: block;
            margin-top: 24px;
        }

.mission-info-essay-block-label, .mission-info-topic-block-label, .mission-info-main-block-label {
            margin-right: 32px;
            width: 115px;
            height: 20px;
            text-align: right;
        }

.mission-info-essay-block-activity, .mission-info-topic-block-activity, .mission-info-main-block-activity {
            height: 20px;
        }

.mission-info-essay-block .extra-component, .mission-info-topic-block .extra-component, .mission-info-main-block .extra-component {
            margin: 0 0 -24px;
        }

.mission-info-essay-block-submit,
        .mission-info-essay-block-cancel,
        .mission-info-topic-block-submit,
        .mission-info-topic-block-cancel,
        .mission-info-main-block-submit,
        .mission-info-main-block-cancel {
            width: 88px;
            margin-right: 12px;
        }

.mission-info-essay .one-ui-pro-multiLabel-input-area, .mission-info-topic .one-ui-pro-multiLabel-input-area, .mission-info-main .one-ui-pro-multiLabel-input-area {
        width: 540px;
        min-height: 88px;
        max-height: 400px;
    }

.mission-info-essay-block-item-marketing-target-option li > span, .mission-info-topic-block-item-marketing-target-option li > span {
        display: flex;
        align-items: center;
    }

.mission-info-essay-block-item-marketing-target-option li > span svg, .mission-info-topic-block-item-marketing-target-option li > span svg {
            margin-right: 8px;
            width: 16px;
            height: 16px;
        }

.mission-info-topic-block-item-topic-actimage-sample-popover .one-popover-content {
        width: 680px;
    }

.mission-info-essay-block-item-mcn-add-dialog .one-dialog-body {
        overflow: hidden;
    }

.mission-info-essay-block-item-mcn-add-dialog-content {
        display: flex;
        height: 446px;
        line-height: 20px;
    }

.mission-info-essay-block-item-mcn-add-dialog-content-list {
            display: flex;
            flex-direction: column;
            margin-right: 40px;
            width: 464px;
        }

.mission-info-essay-block-item-mcn-add-dialog-content-list .one-search-box-detail input {
                    height: 32px;
                }

.mission-info-essay-block-item-mcn-add-dialog-content-list-empty {
                margin: auto;
                color: var(--dls-color-gray-7);
            }

.mission-info-essay-block-item-mcn-add-dialog-content-list-history,
            .mission-info-essay-block-item-mcn-add-dialog-content-list-query {
                display: flex;
                flex-direction: column;
                margin-top: 24px;
                overflow-y: scroll;
            }

.mission-info-essay-block-item-mcn-add-dialog-content-list-history-title, .mission-info-essay-block-item-mcn-add-dialog-content-list-query-title {
                    margin-bottom: 24px;
                }

.mission-info-essay-block-item-mcn-add-dialog-content-list-history-item, .mission-info-essay-block-item-mcn-add-dialog-content-list-query-item {
                    display: flex;
                    margin-bottom: 20px;
                }

.mission-info-essay-block-item-mcn-add-dialog-content-list-history-item-head, .mission-info-essay-block-item-mcn-add-dialog-content-list-query-item-head {
                        margin-right: 12px;
                        width: 48px;
                    }

.mission-info-essay-block-item-mcn-add-dialog-content-list-history-item-head-image, .mission-info-essay-block-item-mcn-add-dialog-content-list-query-item-head-image {
                            width: 48px;
                            height: 48px;
                            border-radius: 50%;
                        }

.mission-info-essay-block-item-mcn-add-dialog-content-list-history-item-main, .mission-info-essay-block-item-mcn-add-dialog-content-list-query-item-main {
                        display: flex;
                        flex-direction: column;
                        width: 342px;
                    }

.mission-info-essay-block-item-mcn-add-dialog-content-list-history-item-main-name, .mission-info-essay-block-item-mcn-add-dialog-content-list-query-item-main-name {
                            margin-bottom: 4px;
                            font-weight: 500;
                            color: var(--dls-color-gray-9);
                        }

.mission-info-essay-block-item-mcn-add-dialog-content-list-history-item-main-type, .mission-info-essay-block-item-mcn-add-dialog-content-list-query-item-main-type {
                            margin-bottom: 8px;
                            color: var(--dls-color-gray-7);
                        }

.mission-info-essay-block-item-mcn-add-dialog-content-list-history-item-main-domain, .mission-info-essay-block-item-mcn-add-dialog-content-list-query-item-main-domain {
                            display: flex;
                            overflow: hidden;
                            overflow-x: scroll;
                        }

.mission-info-essay-block-item-mcn-add-dialog-content-list-history-item-main-domain .one-tag, .mission-info-essay-block-item-mcn-add-dialog-content-list-query-item-main-domain .one-tag {
                                margin: 0 12px 0 0 !important;
                            }

.mission-info-essay-block-item-mcn-add-dialog-content-list-history-item-operation, .mission-info-essay-block-item-mcn-add-dialog-content-list-query-item-operation {
                        padding-top: 8px;
                    }

.mission-info-essay-block-item-mcn-add-dialog-content-selected {
            display: flex;
            flex-direction: column;
            width: 268px;
        }

.mission-info-essay-block-item-mcn-add-dialog-content-selected-operation {
                display: flex;
                margin-bottom: 24px;
                justify-content: space-between;
                align-items: center;
                height: 32px;
                color: var(--dls-color-gray-9);
            }

.mission-info-essay-block-item-mcn-add-dialog-content-selected-list {
                display: flex;
                flex-direction: column;
                min-height: 390px;
                overflow-y: scroll;
            }

.mission-info-essay-block-item-mcn-add-dialog-content-selected-list-item {
                    display: flex;
                    margin-bottom: 20px;
                    height: 48px;
                }

.mission-info-essay-block-item-mcn-add-dialog-content-selected-list-item-image {
                        margin-right: 12px;
                        width: 48px;
                        height: 48px;
                        border-radius: 50%;
                    }

.mission-info-essay-block-item-mcn-add-dialog-content-selected-list-item-main {
                        display: flex;
                        flex-direction: column;
                        width: 166px;
                        margin-right: 22px;
                    }

.mission-info-essay-block-item-mcn-add-dialog-content-selected-list-item-main-name {
                            display: -webkit-box;
                            margin-bottom: 4px;
                            overflow: hidden;
                            text-overflow: ellipsis;
                            -webkit-line-clamp: 1;
                            -webkit-box-orient: vertical;
                            font-weight: 500;
                            color: var(--dls-color-gray-9);
                        }

.mission-info-essay-block-item-mcn-add-dialog-content-selected-list-item-main-type {
                            color: var(--dls-color-gray-7);
                        }

.mission-info-essay-block-item-mcn-add-dialog-content-selected-list-item-operation {
                        display: flex;
                        align-items: center;
                    }

.mission-info-essay-block-item-mcn-add-dialog-content-selected-empty {
                margin: auto;
                color: var(--dls-color-gray-7);
            }

.challenge-card-default {
    display: flex;
    align-items: center;
    padding: 10px;
    width: max-content;
    height: 16px;
    font-size: 14px;
    border-radius: 12px;
    background: #f5f5f5;
    font-family: 'PingFang SC';
}

.challenge-card-default-icon {
        display: flex;
        align-items: center;
        margin-right: 4px;
        color: #fd503e;
    }

.challenge-card-default-icon span {
            margin-right: 4px;
        }

.challenge-card-default-icon svg {
            width: 16px;
            height: 16px;
        }

.challenge-card-default-preview {
    position: relative;
    left: 7px;
    top: 24px;
    transform: scale(.367);
    transform-origin: left;
    background: white !important;
}

.challenge-card-activity {
    display: flex;
    flex-direction: column;
    padding: 12px;
    width: 168px;
    font-size: 14px;
    line-height: 20px;
    font-family: 'PingFang SC';
    border-radius: 12px;
    background: #f5f5f5;
    word-break: break-all;
}

.challenge-card-activity-title,
    .challenge-card-activity-describe,
    .challenge-card-activity-icon {
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
    }

.challenge-card-activity-icon {
        color: #fd503e;
    }

.challenge-card-activity-icon span {
            margin-right: 4px;
        }

.challenge-card-activity-icon svg {
            width: 18px;
            height: 18px;
        }

.challenge-card-activity-describe {
        margin-bottom: 10px;
        padding: 8px 0 10px;
        color: #858585;
        border-bottom: 1px solid rgba(0, 0, 0, .05);
    }

.challenge-card-activity-preview {
    position: relative;
    left: -55px;
    top: 35px;
    transform: scale(.357);
    transform-origin: top;
    background: white !important;
}

.topic-item-newBtn {
    cursor: pointer;
    color: rgba(0, 84, 230, 1);
}