.primary-color-text[data-v-9bcc290c] {
    color: #2878ff
}

.success-color-text[data-v-9bcc290c] {
    color: #52c41a
}

.error-color-text[data-v-9bcc290c] {
    color: #f5222d
}

[data-v-9bcc290c] .ss-modal-header {
    border-bottom: none!important
}

[data-v-9bcc290c] .ss-modal-footer {
    border-top: none!important;
    padding: 10px 16px 22px
}

.container[data-v-9bcc290c] .ss-modal-content {
    border-radius: 10px;
    overflow: hidden
}

.recommend[data-v-9bcc290c] {
    display: inline-block;
    border-radius: 8px;
    background: #2878ff;
    color: #fff;
    font-size: 10px;
    padding: 2px 8px;
    text-align: center;
    margin: 0 5px
}

.disabled[data-v-9bcc290c] {
    background: #f1f3f5;
    font-size: 10px;
    border-radius: 6px;
    padding: 1px 5px;
    color: #737a87
}

.desc[data-v-9bcc290c] {
    margin-top: 10px
}

.active[data-v-9bcc290c],.primary-color-text[data-v-4c77c579] {
    color: #2878ff
}

.success-color-text[data-v-4c77c579] {
    color: #52c41a
}

.error-color-text[data-v-4c77c579] {
    color: #f5222d
}

.content[data-v-4c77c579] {
    display: flex;
    margin-top: 30px;
    width: 100%
}

.content .left-img[data-v-4c77c579] {
    flex: 1;
    height: 650px;
    border-right: 1px solid #e5e5e5;
    background: #f4f4f4;
    text-align: center;
    margin-right: 40px;
    padding: 20px
}

.content .left-img img[data-v-4c77c579] {
    width: 100%;
    height: 582px
}

.content .left-video[data-v-4c77c579] {
    flex: 1;
    height: 650px;
    text-align: center;
    margin-right: 40px;
    padding: 20px;
    overflow-y: auto
}

.content .left-video video[data-v-4c77c579] {
    width: 100%;
    height: 632px;
    background: #000
}

.content .left-video .video-oprate[data-v-4c77c579] {
    display: flex;
    justify-content: space-between;
    margin-top: 30px
}

.content .content-right[data-v-4c77c579] {
    width: 450px
}

.content .content-right .file-desc[data-v-4c77c579] {
    height: 60px;
    display: flex
}

.content .content-right .file-desc .file-desc-lf[data-v-4c77c579] {
    color: #b7b7b7;
    width: 100px
}

.content .content-right .file-desc .file-desc-rg[data-v-4c77c579] {
    display: flex;
    flex-direction: column
}

.content .content-right .file-desc .file-desc-rg img[data-v-4c77c579] {
    width: 200px;
    height: 300px
}

.content .content-right .file-desc[data-v-4c77c579]:nth-child(1) {
    margin-top: 10px
}

.content .content-right .file-desc[data-v-4c77c579]:last-child {
    height: 300px
}

.primary-color-text[data-v-167244ed] {
    color: #2878ff
}

.success-color-text[data-v-167244ed] {
    color: #52c41a
}

.error-color-text[data-v-167244ed] {
    color: #f5222d
}

.search-left[data-v-167244ed] {
    display: flex;
    margin-top: 10px
}

.material-select[data-v-167244ed] {
    display: flex;
    margin-right: 10px
}

.more-select-max[data-v-167244ed] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.more-select-mini[data-v-167244ed] {
    cursor: pointer;
    background-color: #f4f5f5
}

.more-select-mini .more-select[data-v-167244ed] {
    margin-right: 10px;
    width: 180px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.more-select-mini .more-select .more-select-count[data-v-167244ed] {
    width: 20px;
    height: 20px;
    display: inline-block;
    border-radius: 10px;
    text-align: center;
    line-height: 20px;
    margin: 0 8px;
    background-color: #0064fa;
    color: #fff
}

.file-name[data-v-167244ed] {
    display: flex;
    font-size: 20px;
    height: 30px;
    font-weight: 600;
    align-items: center;
    margin: 10px 0
}

.file-name span[data-v-167244ed]:nth-child(1) {
    margin-right: 10px
}

.material-list[data-v-167244ed] {
    margin-top: 20px;
    display: flex;
    flex-wrap: wrap;
    min-width: 800px;
    overflow-y: auto
}

.material-list .material-list-item[data-v-167244ed] {
    border-radius: 5px;
    height: 180px;
    border: 1px solid #dbdddf;
    box-sizing: border-box;
    position: relative;
    margin: 10px 10px 0 0
}

.material-list .material-item_img[data-v-167244ed],.material-list .material-item_audio[data-v-167244ed],.material-list .material-item_video[data-v-167244ed],.material-list .material-item_file[data-v-167244ed] {
    height: 120px;
    text-align: center;
    background: #f6f6f6;
    box-sizing: border-box;
    position: relative
}

.material-list .material-item_img img[data-v-167244ed],.material-list .material-item_audio img[data-v-167244ed],.material-list .material-item_video img[data-v-167244ed],.material-list .material-item_file img[data-v-167244ed] {
    height: 120px;
    width: contain
}

.material-list .material-item_img .file[data-v-167244ed],.material-list .material-item_audio .file[data-v-167244ed],.material-list .material-item_video .file[data-v-167244ed],.material-list .material-item_file .file[data-v-167244ed] {
    height: 100%;
    width: 100%;
    display: flex;
    font-size: 40px;
    justify-content: center;
    align-items: center
}

.material-list .material-item_img .audio[data-v-167244ed],.material-list .material-item_audio .audio[data-v-167244ed],.material-list .material-item_video .audio[data-v-167244ed],.material-list .material-item_file .audio[data-v-167244ed] {
    width: 100%;
    height: 100%
}

.material-list .material-item_img .item-icon-right[data-v-167244ed],.material-list .material-item_audio .item-icon-right[data-v-167244ed],.material-list .material-item_video .item-icon-right[data-v-167244ed],.material-list .material-item_file .item-icon-right[data-v-167244ed],.material-list .material-item_img .item-icon-center[data-v-167244ed],.material-list .material-item_audio .item-icon-center[data-v-167244ed],.material-list .material-item_video .item-icon-center[data-v-167244ed],.material-list .material-item_file .item-icon-center[data-v-167244ed] {
    position: absolute;
    right: 10px;
    top: 5px;
    color: #fff;
    width: 20px;
    height: 20px;
    font-size: 20px;
    font-weight: 600
}

.material-list .material-item_audio[data-v-167244ed] {
    background: #7f7f7f
}

.material-list .material-item_audio .item-icon-center[data-v-167244ed] {
    top: 50%;
    background: #7f7f7f;
    left: 50%;
    font-size: 20px;
    color: #fff;
    transform: translate(-50%,-50%)
}

.material-list .material-item_audio .item-icon-right[data-v-167244ed] {
    font-size: 20px;
    color: #fff
}

.material-list .material-item_video[data-v-167244ed] {
    background: #000
}

.material-list .material-item_video video[data-v-167244ed] {
    width: 100%;
    height: 120px
}

.material-list .material-item_video .item-icon-bottom[data-v-167244ed] {
    position: absolute;
    right: 10px;
    bottom: 10px;
    background: #1c1f23;
    height: 20px;
    color: #d5d5d5
}

.material-list .item-desc[data-v-167244ed],.material-list .item-time[data-v-167244ed] {
    padding: 3px 10px;
    width: 80%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.material-list .item-desc[data-v-167244ed] {
    font-weight: 600
}

.material-list .item-mask[data-v-167244ed] {
    position: absolute;
    left: -2px;
    top: -4px;
    width: 100%;
    display: flex
}

.material-list .item-mask .upload-btn[data-v-167244ed] {
    width: 100%;
    margin-top: 10px;
    display: flex;
    justify-content: end
}

.selected[data-v-167244ed] {
    border: 2px solid #ff6562!important
}

@media screen and (min-width: 1489px) {
    .more-select-mini[data-v-167244ed] {
        display:none
    }

    .more-select-max[data-v-167244ed] {
        display: block
    }

    .material-list-item[data-v-167244ed] {
        width: 19%
    }
}

@media screen and (max-width: 1488px) {
    .more-select-mini[data-v-167244ed] {
        display:block
    }

    .more-select-max[data-v-167244ed] {
        display: none
    }

    .material-list-item[data-v-167244ed] {
        width: 30%
    }
}

[data-v-167244ed] .ant-select-selection-overflow {
    flex-wrap: nowrap!important;
    overflow: hidden
}

.primary-color-text[data-v-54e9fa32] {
    color: #2878ff
}

.success-color-text[data-v-54e9fa32] {
    color: #52c41a
}

.error-color-text[data-v-54e9fa32] {
    color: #f5222d
}

.search-left[data-v-54e9fa32] {
    display: flex;
    margin-top: 10px
}

.material-select[data-v-54e9fa32] {
    display: flex;
    margin-right: 10px
}

.more-select-max[data-v-54e9fa32] {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.more-select-mini[data-v-54e9fa32] {
    cursor: pointer;
    background-color: #f4f5f5
}

.more-select-mini .more-select[data-v-54e9fa32] {
    margin-right: 10px;
    width: 180px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.more-select-mini .more-select .more-select-count[data-v-54e9fa32] {
    width: 20px;
    height: 20px;
    display: inline-block;
    border-radius: 10px;
    text-align: center;
    line-height: 20px;
    margin: 0 8px;
    background-color: #0064fa;
    color: #fff
}

.material-list[data-v-54e9fa32] {
    margin-top: 20px;
    display: flex;
    flex-wrap: wrap;
    min-width: 800px;
    justify-content: center;
    height: 600px;
    overflow-y: scroll
}

.material-list .material-list-item[data-v-54e9fa32] {
    border-radius: 5px;
    height: 180px;
    border: 1px solid #dbdddf;
    box-sizing: border-box;
    position: relative;
    margin: 10px 10px 0 0
}

.material-list .material-item_img[data-v-54e9fa32],.material-list .material-item_audio[data-v-54e9fa32],.material-list .material-item_video[data-v-54e9fa32],.material-list .material-item_file[data-v-54e9fa32] {
    height: 120px;
    text-align: center;
    background: #f6f6f6;
    box-sizing: border-box;
    position: relative
}

.material-list .material-item_img img[data-v-54e9fa32],.material-list .material-item_audio img[data-v-54e9fa32],.material-list .material-item_video img[data-v-54e9fa32],.material-list .material-item_file img[data-v-54e9fa32] {
    height: 120px;
    width: contain
}

.material-list .material-item_img .file[data-v-54e9fa32],.material-list .material-item_audio .file[data-v-54e9fa32],.material-list .material-item_video .file[data-v-54e9fa32],.material-list .material-item_file .file[data-v-54e9fa32] {
    height: 100%;
    width: 100%;
    display: flex;
    font-size: 40px;
    justify-content: center;
    align-items: center
}

.material-list .material-item_img .audio[data-v-54e9fa32],.material-list .material-item_audio .audio[data-v-54e9fa32],.material-list .material-item_video .audio[data-v-54e9fa32],.material-list .material-item_file .audio[data-v-54e9fa32] {
    width: 100%;
    height: 100%
}

.material-list .material-item_img .item-icon-right[data-v-54e9fa32],.material-list .material-item_audio .item-icon-right[data-v-54e9fa32],.material-list .material-item_video .item-icon-right[data-v-54e9fa32],.material-list .material-item_file .item-icon-right[data-v-54e9fa32],.material-list .material-item_img .item-icon-center[data-v-54e9fa32],.material-list .material-item_audio .item-icon-center[data-v-54e9fa32],.material-list .material-item_video .item-icon-center[data-v-54e9fa32],.material-list .material-item_file .item-icon-center[data-v-54e9fa32] {
    position: absolute;
    right: 10px;
    top: 5px;
    color: #fff;
    width: 20px;
    height: 20px;
    font-size: 20px;
    font-weight: 600
}

.material-list .material-item_audio[data-v-54e9fa32] {
    background: #7f7f7f
}

.material-list .material-item_audio .item-icon-center[data-v-54e9fa32] {
    top: 50%;
    background: #7f7f7f;
    left: 50%;
    font-size: 20px;
    color: #fff;
    transform: translate(-50%,-50%)
}

.material-list .material-item_audio .item-icon-right[data-v-54e9fa32] {
    font-size: 20px;
    color: #fff
}

.material-list .material-item_video[data-v-54e9fa32] {
    background: #000
}

.material-list .material-item_video video[data-v-54e9fa32] {
    width: 100%;
    height: 120px
}

.material-list .material-item_video .item-icon-bottom[data-v-54e9fa32] {
    position: absolute;
    right: 10px;
    bottom: 10px;
    background: #1c1f23;
    height: 20px;
    color: #d5d5d5
}

.material-list .item-desc[data-v-54e9fa32],.material-list .item-time[data-v-54e9fa32] {
    padding: 3px 10px;
    width: 80%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.material-list .item-desc[data-v-54e9fa32] {
    font-weight: 600
}

.material-list .item-mask[data-v-54e9fa32] {
    position: absolute;
    left: -2px;
    top: -4px;
    width: 100%;
    display: flex
}

.material-list .item-mask .upload-btn[data-v-54e9fa32] {
    width: 100%;
    margin-top: 10px;
    display: flex;
    justify-content: end
}

.selected[data-v-54e9fa32] {
    border: 2px solid #ff6562!important
}

@media screen and (min-width: 1489px) {
    .more-select-mini[data-v-54e9fa32] {
        display:none
    }

    .more-select-max[data-v-54e9fa32] {
        display: block
    }

    .material-list-item[data-v-54e9fa32] {
        width: 19%
    }
}

@media screen and (max-width: 1488px) {
    .more-select-mini[data-v-54e9fa32] {
        display:block
    }

    .more-select-max[data-v-54e9fa32] {
        display: none
    }

    .material-list-item[data-v-54e9fa32] {
        width: 30%
    }
}

[data-v-54e9fa32] .ant-select-selection-overflow {
    flex-wrap: nowrap!important;
    overflow: hidden
}

.primary-color-text[data-v-044a6f5a] {
    color: #2878ff
}

.success-color-text[data-v-044a6f5a] {
    color: #52c41a
}

.error-color-text[data-v-044a6f5a] {
    color: #f5222d
}

.container[data-v-044a6f5a] {
    min-height: 500px
}

.popula_materialList[data-v-044a6f5a] {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    max-height: 600px;
    overflow-y: auto
}

.popula_materialList .list_item[data-v-044a6f5a] {
    min-width: 150px;
    position: relative;
    margin: 5px 5px 0 0;
    height: 200px;
    border-radius: 10px;
    overflow: hidden;
    background: #000
}

.popula_materialList .list_item[data-v-044a6f5a]:nth-child(4n) {
    margin-right: 0
}

.popula_materialList .list_item video[data-v-044a6f5a] {
    width: 150px;
    height: 200px
}

.popula_materialList .list_item .list-item-mask[data-v-044a6f5a] {
    width: 150px;
    position: absolute;
    height: 200px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    top: 0;
    left: 0;
    color: #fff
}

.popula_materialList .list_item .list-item-mask .mask-checkbox[data-v-044a6f5a] {
    padding-left: 5px;
    padding-top: 5px
}

.popula_materialList .list_item .list-item-mask .mask-bottom[data-v-044a6f5a] {
    padding: 10px 5px;
    display: flex;
    justify-content: space-between
}

.footer-btn[data-v-044a6f5a] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.active[data-v-044a6f5a] {
    border: 1px solid #fff
}

.empty[data-v-044a6f5a] {
    height: 600px;
    display: flex;
    justify-content: center;
    align-items: center
}

.primary-color-text[data-v-f667f072] {
    color: #2878ff
}

.success-color-text[data-v-f667f072] {
    color: #52c41a
}

.error-color-text[data-v-f667f072] {
    color: #f5222d
}

.content .title[data-v-f667f072] {
    font-size: 14px
}

.content .title_text_style[data-v-f667f072] {
    font-size: 14px;
    font-weight: 600
}

.content .title_left[data-v-f667f072] {
    display: flex;
    flex-direction: column
}

.content .title_left .title_text_box[data-v-f667f072] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 3px
}

.content .title_left .dec_text[data-v-f667f072] {
    font-size: 14px;
    color: #999
}

.content .is_top_title[data-v-f667f072] {
    display: flex;
    justify-content: space-between
}

.content .line_box[data-v-f667f072] {
    height: 1px;
    background-color: #eee;
    margin: 10px 0
}

.content .self_selects .effects_box[data-v-f667f072] {
    margin-top: 10px
}

.content .self_selects .effects_box .list_box[data-v-f667f072] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    height: 400px;
    overflow-y: auto
}

.content .self_selects .effects_box .list_box[data-v-f667f072]::-webkit-scrollbar {
    width: 8px;
    height: 10px
}

.content .self_selects .effects_box .list_box[data-v-f667f072]::-webkit-scrollbar-thumb {
    background: #cecece;
    border-radius: 10px
}

.content .self_selects .effects_box .list_box .list_item[data-v-f667f072] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    position: relative;
    cursor: pointer
}

.content .self_selects .effects_box .list_box .list_item img[data-v-f667f072] {
    object-fit: cover;
    height: 135px;
    width: 240px
}

.content .self_selects .effects_box .list_box .list_item .is_checkbox[data-v-f667f072] {
    position: absolute;
    right: 5px;
    top: 5px
}

.primary-color-text[data-v-4949d0c3] {
    color: #2878ff
}

.success-color-text[data-v-4949d0c3] {
    color: #52c41a
}

.error-color-text[data-v-4949d0c3] {
    color: #f5222d
}

[data-v-4949d0c3] .ss-spin .ss-spin-text {
    width: 84px!important;
    transform: translate(-42px)
}

.item_card[data-v-4949d0c3] {
    width: 84px;
    min-width: 84px;
    height: 120px;
    border-radius: 5px;
    overflow: hidden;
    position: relative;
    background-color: #000;
    margin: 0 5px;
    border: 1px solid #e6e6e6
}

.item_card:hover .mask_common[data-v-4949d0c3] {
    opacity: 1
}

.item_card:hover .img_time[data-v-4949d0c3] {
    opacity: 0
}

.item_card[data-v-4949d0c3] ".ss-spin-text" {
    width: 84px;
    transform: translate(-10px)
}

.item_card .mask_common[data-v-4949d0c3] {
    height: 22px;
    width: 100%;
    padding: 0 3px;
    opacity: 0;
    transition: all .3s ease;
    color: #fff;
    font-size: 14px
}

.item_card .top_marsk[data-v-4949d0c3] {
    position: absolute;
    background-color: #00000080;
    top: 0;
    left: 0;
    z-index: 1
}

.item_card .top_marsk .item_name[data-v-4949d0c3] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.item_card .top_marsk[data-v-4949d0c3]:hover {
    background-color: #000c
}

.item_card .sample_material[data-v-4949d0c3] {
    position: absolute;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    top: 30%;
    left: 50%;
    transform: translate(-50%);
    z-index: 1;
    color: red;
    font-weight: 900;
    font-size: 20px
}

.item_card .sample_material span[data-v-4949d0c3] {
    line-height: 1.2;
    font-weight: 900
}

.item_card .bottom_marsk[data-v-4949d0c3] {
    display: flex;
    justify-content: space-between;
    background-color: #00000080;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1
}

.item_card .bottom_marsk span[data-v-4949d0c3] {
    cursor: pointer
}

.item_card .bottom_marsk[data-v-4949d0c3]:hover {
    background-color: #000c
}

.item_card .img_time[data-v-4949d0c3] {
    position: absolute;
    bottom: 0;
    left: 0;
    opacity: 1;
    width: 100%;
    background-color: #00000080;
    transition: all .3s ease;
    color: #fff;
    padding-left: 3px;
    font-size: 12px
}

.item_card .formation[data-v-4949d0c3] {
    height: 100%;
    width: 100%;
    background: #f1f3f5;
    display: flex;
    justify-content: center;
    align-items: center
}

.more_box[data-v-4949d0c3] {
    display: grid;
    grid-template-columns: repeat(5,1fr);
    gap: 5px;
    max-height: 300px;
    overflow-y: auto
}

.viewMore[data-v-4949d0c3] {
    min-width: 84px;
    width: 84px;
    height: 120px;
    border-radius: 5px;
    position: relative;
    background-color: #000;
    margin: 0 5px;
    opacity: .7;
    cursor: pointer;
    overflow: hidden;
    border: 1px solid #e6e6e6
}

.viewMore .more_num[data-v-4949d0c3] {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 20px;
    font-weight: 900;
    background-color: #00000080
}

.viewMore .formation[data-v-4949d0c3] {
    height: 100%;
    width: 100%;
    background: #f1f3f5;
    display: flex;
    justify-content: center;
    align-items: center
}

.primary-color-text[data-v-99e466de] {
    color: #2878ff
}

.success-color-text[data-v-99e466de] {
    color: #52c41a
}

.error-color-text[data-v-99e466de] {
    color: #f5222d
}

.content_box .item_card_header[data-v-99e466de] {
    color: #737a87;
    background: #fafbfc;
    padding: 20px;
    position: relative
}

.content_box .item_card_header .header_box[data-v-99e466de] {
    display: flex;
    justify-content: space-between
}

.content_box .item_card_header .header_box:hover .header-right .delete-btn[data-v-99e466de] {
    visibility: visible;
    color: var(--ss-primary-6)
}

.content_box .item_card_header .header_top[data-v-99e466de] {
    font-weight: 600;
    line-height: 20px
}

.content_box .item_card_header .header_bottom[data-v-99e466de] {
    display: flex;
    margin-top: 5px;
    color: var(--color-text-3);
    justify-content: space-between;
    align-items: center
}

.content_box .item_card_header .header-right[data-v-99e466de] {
    margin-top: 16px
}

.content_box .item_card_header .header-right .header-bottom-btngroup .delete-btn[data-v-99e466de] {
    font-size: 12px;
    margin-right: 10px;
    visibility: hidden;
    cursor: pointer
}

.content_box .cart_list_box[data-v-99e466de] {
    padding: 0 20px;
    display: flex;
    overflow-x: auto;
}

.content_box .cart_list_box .upload_box[data-v-99e466de] {
    width: 84px;
    height: 120px;
    border-radius: 5px;
    position: relative;
    margin: 0 5px
}

.content_box .cart_list_box .upload_box:hover .upload_img_mask[data-v-99e466de] {
    opacity: 1
}

.content_box .cart_list_box .upload_box .upload_img_mask[data-v-99e466de] {
    position: absolute;
    left: 0;
    top: 0;
    width: 84px;
    height: 114px;
    background: #f1f3f5;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    opacity: 0
}

.content_box .cart_list_box .upload_box .upload_img_mask .upload_img-local[data-v-99e466de],.content_box .cart_list_box .upload_box .upload_img_mask .upload_img-origin[data-v-99e466de] {
    align-items: center;
    justify-content: center;
    display: flex;
    height: 48%;
    font-size: 12px
}

.content_box .cart_list_box .upload_box .upload_img_mask .line[data-v-99e466de] {
    height: 1px;
    width: 80%;
    background: #dde2e9
}

.content_box .cart_list_box .upload_box .upload_img_mask span[data-v-99e466de] {
    cursor: pointer
}

.content_box .cart_list_box .upload_box .upload_desc[data-v-99e466de] {
    background: #f1f3f5;
    width: 84px;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.item-card-footer[data-v-99e466de] {
    margin-top: 10px;
    padding: 20px;
    cursor: pointer
}

.item-card-footer[data-v-99e466de] .ss-popover-inner-content {
    padding: 0
}

.item-card-footer .smart_create[data-v-99e466de] {
    padding: 6px 12px
}

.item-card-footer .smart_create .smart_create_item[data-v-99e466de] {
    width: 100%;
    padding: 2px;
    cursor: pointer
}

.item-card-footer .smart_create .smart_create_item[data-v-99e466de]:hover {
    color: var(--ss-primary-5)
}

.item-card-footer .smart_create .disable_smart_create_item[data-v-99e466de] {
    width: 100%;
    padding: 2px;
    cursor: pointer;
    color: #afafaf
}

.item-card-footer .smart_create .disable_smart_create_item[data-v-99e466de]:hover {
    color: #9a9a9a
}

.item-card-footer .smart_create_desc_box[data-v-99e466de] {
    width: 650px;
    padding: 12px 0
}

.item-card-footer .smart_create_desc_box .title[data-v-99e466de] {
    padding: 0 12px 8px;
    font-size: 14px;
    border-bottom: .5px solid #c7c7c7
}

.item-card-footer .smart_create_desc_box .desc_content[data-v-99e466de] {
    padding: 0 12px 12px;
    margin-top: 14px
}

.item-card-footer .smart_create_desc_box .btn_box[data-v-99e466de] {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    padding: 0 12px
}

.item-card-footer .item-card-footer_btn[data-v-99e466de] {
    display: inline-block;
    max-width: 200px;
    background: #f6f8fa;
    padding: 5px;
    border: 1px solid #dde2e9;
    color: #555;
    font-size: 12px;
    border-radius: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.item-card-footer .item-card-footer_btn .icon-texiao2[data-v-99e466de] {
    font-size: 14px
}

.item-card-footer .disable_card_footer_btn[data-v-99e466de] {
    color: #b4b4b4;
    background-color: #fafbfd;
    border-color: #dde2e9;
    cursor: not-allowed
}

.item_card_img:hover .upload_img[data-v-99e466de] {
    display: none
}

.item_card_img:hover .upload_img_mask[data-v-99e466de] {
    visibility: visible
}

.upload_img-local[data-v-99e466de]:hover,.upload_img-origin[data-v-99e466de]:hover,.primary-color-text[data-v-1a16df27] {
    color: #2878ff
}

.success-color-text[data-v-1a16df27] {
    color: #52c41a
}

.error-color-text[data-v-1a16df27] {
    color: #f5222d
}

.music-list[data-v-1a16df27] {
    max-height: 500px;
    min-width: 1000px;
    display: flex;
    flex-wrap: wrap;
    overflow-y: auto;
    position: relative
}

.music-list[data-v-1a16df27]::-webkit-scrollbar {
    width: 6px;
    background: #fafafa
}

.music-list[data-v-1a16df27]::-webkit-scrollbar-track {
    width: 5px;
    background-color: transparent;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.music-list[data-v-1a16df27]::-webkit-scrollbar-thumb {
    background-color: #c1c1c180;
    background-clip: padding-box;
    min-height: 28px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.music-list .music-item[data-v-1a16df27] {
    width: 30%;
    margin: 15px 15px 0 0;
    height: 80px;
    background: #f4f5f5;
    border: 1px solid #ededed;
    border-radius: 10px;
    display: flex;
    position: relative;
    cursor: pointer
}

.music-list .music-item[data-v-1a16df27]:nth-child(3n) {
    margin-right: 0
}

.music-list .music-item .item-left[data-v-1a16df27] {
    width: 30%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative
}

.music-list .music-item .item-left .play-btn[data-v-1a16df27] {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 50px;
    height: 50px;
    transform: translate(-50%,-50%);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 40px;
    color: #cccc
}

.music-list .music-item .item-right[data-v-1a16df27] {
    flex: 1;
    width: calc(100% - 100px);
    padding: 10px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    color: #000
}

.music-list .music-item .item-right .item-right-name[data-v-1a16df27] {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.music-list .music-item .checkbox[data-v-1a16df27] {
    position: absolute;
    top: -4px;
    right: -2px
}

.music-list .music-item .bottom_con[data-v-1a16df27] {
    position: absolute;
    bottom: 3px;
    right: 5px;
    font-size: 16px
}

.item-play-card[data-v-1a16df27] {
    visibility: hidden;
    position: fixed;
    display: flex;
    justify-content: center;
    left: 50%;
    transform: translate(-50%);
    bottom: 140px;
    width: 800px;
    height: 100px;
    z-index: 9999
}

.item-play-card .play-card[data-v-1a16df27] {
    width: 90%;
    height: 100px;
    border-radius: 5px;
    padding: 10px 20px;
    display: flex;
    background: #fff;
    align-items: center;
    border: 1px solid #e5e5e5;
    box-shadow: 0 0 10px #0000001a;
    cursor: pointer
}

.item-play-card .play-card .card-left[data-v-1a16df27] {
    width: 70px;
    height: 70px;
    margin-right: 10px;
    position: relative
}

.item-play-card .play-card .card-left .play-btn[data-v-1a16df27] {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 25px;
    height: 25px;
    transform: translate(-50%,-50%);
    background: #00000080;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 15px;
    color: #fff;
    z-index: 9999
}

.item-play-card .play-card .card-left img[data-v-1a16df27] {
    width: 70px;
    height: 70px;
    border-radius: 5px
}

.item-play-card .play-card .card-right[data-v-1a16df27] {
    height: 70px;
    flex: 1;
    padding-left: 10px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative
}

.item-play-card .play-card .card-right .card-right-top[data-v-1a16df27] {
    font-weight: 600;
    font-size: 16px
}

.item-play-card .play-card .card-right .card-right-bottom[data-v-1a16df27] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.item-play-card .play-card .card-right .card-right-bottom audio[data-v-1a16df27] {
    height: 30px;
    width: 90%
}

.item-play-card .play-card .card-right .card-closebtn[data-v-1a16df27] {
    position: absolute;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 50%;
    background: #f3f3f4;
    color: #ff6562;
    font-weight: 600;
    right: 0;
    top: 0
}

.primary-color-text[data-v-deb2c30a] {
    color: #2878ff
}

.success-color-text[data-v-deb2c30a] {
    color: #52c41a
}

.error-color-text[data-v-deb2c30a] {
    color: #f5222d
}

.smart-MatchLf[data-v-deb2c30a],.smart-MatchRg[data-v-deb2c30a] {
    width: 400px;
    height: 80px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 20px;
    border: 1px solid #eaedf1;
    position: relative
}

.smart-MatchLf .smart-Match-title[data-v-deb2c30a],.smart-MatchRg .smart-Match-title[data-v-deb2c30a] {
    font-weight: 600
}

.smart-MatchLf .smart-Match-desc[data-v-deb2c30a],.smart-MatchRg .smart-Match-desc[data-v-deb2c30a] {
    font-size: 12px
}

.smart-MatchLf .checkbox[data-v-deb2c30a],.smart-MatchRg .checkbox[data-v-deb2c30a] {
    position: absolute;
    top: -5px;
    right: 0
}

.smart-MatchLf[data-v-deb2c30a] {
    margin-right: 10px
}

.volume-adjust[data-v-deb2c30a] {
    justify-content: space-between
}

.isChecked[data-v-deb2c30a] {
    border: 1px solid #3261fb
}

.custom-list[data-v-deb2c30a] {
    display: flex;
    flex-wrap: wrap
}

.custom-list .custom-item[data-v-deb2c30a],.custom-list .custom-item1[data-v-deb2c30a] {
    margin-right: 15px;
    margin-top: 15px;
    width: 47%;
    height: 100px;
    border: 1px dashed #eaedf1
}

.custom-list .custom-item1[data-v-deb2c30a] {
    background: #f7f7f7
}

.custom-list .custom-item1-add[data-v-deb2c30a] {
    display: flex;
    font-size: 50px;
    color: #6b7075;
    align-items: center;
    justify-content: center;
    height: 100%
}

.custom-list .custom-item1-option[data-v-deb2c30a] {
    height: 100px;
    font-size: 12px;
    padding: 0 10px;
    visibility: hidden;
    color: #6b7075;
    font-weight: 600;
    display: flex;
    justify-content: center;
    align-items: center
}

.custom-list .custom-item1-option span[data-v-deb2c30a] {
    width: 27%
}

.custom-list .custom-item1:hover .custom-item1-option[data-v-deb2c30a] {
    visibility: visible
}

.custom-list .custom-item1:hover .custom-item1-add[data-v-deb2c30a] {
    display: none
}

.custom-item[data-v-deb2c30a] {
    display: flex;
    padding: 10px;
    align-items: center;
    position: relative
}

.custom-item-rg[data-v-deb2c30a] {
    height: 56px;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.custom-item-rg-desc[data-v-deb2c30a] {
    display: flex;
    font-size: 14px;
    font-weight: 600;
    justify-content: space-between
}

.custom-item-rg-desc .material_name[data-v-deb2c30a] {
    width: 150px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.custom-item-rg-video[data-v-deb2c30a] {
    display: flex;
    font-size: 18px;
    align-items: center;
    color: #6b7075
}

.hover-effect[data-v-deb2c30a] {
    cursor: pointer
}

.icon-play[data-v-deb2c30a]:hover {
    color: #2878ff!important
}

.close[data-v-deb2c30a] {
    width: 22px;
    height: 22px;
    text-align: center;
    line-height: inherit;
    position: absolute;
    right: 0;
    font-size: 12px;
    border-radius: 10px;
    border: 1px solid #c1c1c1;
    background: #fff;
    top: -10px;
    visibility: hidden;
    cursor: pointer
}

.custom-item:hover .close[data-v-deb2c30a] {
    visibility: visible
}

.primary-color-text[data-v-ce5a472d] {
    color: #2878ff
}

.success-color-text[data-v-ce5a472d] {
    color: #52c41a
}

.error-color-text[data-v-ce5a472d] {
    color: #f5222d
}

.custom-secendTab[data-v-ce5a472d] {
    padding: 10px
}

.custom-secendTab .custom-list[data-v-ce5a472d] {
    display: grid;
    margin-top: 13px;
    max-height: 540px;
    min-height: 82px;
    grid-gap: 12px;
    grid-template-columns: repeat(5,1fr);
    overflow-y: scroll;
    border: 1px solid #ededee;
    padding: 20px
}

.custom-secendTab .custom-list .custom-item[data-v-ce5a472d] {
    align-items: center;
    display: flex;
    flex-direction: column;
    position: relative;
    box-sizing: border-box
}

.custom-secendTab .custom-list .custom-item-img[data-v-ce5a472d] {
    border: 2px solid transparent;
    border-radius: 3px;
    box-sizing: border-box;
    cursor: pointer;
    height: 68px;
    object-fit: cover;
    width: 100%
}

.custom-secendTab .custom-list .checkbox[data-v-ce5a472d] {
    position: absolute;
    top: -4px;
    left: 0
}

.custom-secendTab .custom-list .custom-item-active[data-v-ce5a472d] {
    border: 2px solid #2878ff
}

.primary-color-text[data-v-84cd591b] {
    color: #2878ff
}

.success-color-text[data-v-84cd591b] {
    color: #52c41a
}

.error-color-text[data-v-84cd591b] {
    color: #f5222d
}

.custom-secendTab[data-v-84cd591b] {
    padding: 10px
}

.custom-secendTab .custom-list[data-v-84cd591b] {
    display: grid;
    margin-top: 13px;
    max-height: 540px;
    min-height: 82px;
    grid-gap: 12px;
    grid-template-columns: repeat(5,1fr);
    overflow-y: scroll;
    border: 1px solid #ededee;
    padding: 20px
}

.custom-secendTab .custom-list .custom-item[data-v-84cd591b] {
    align-items: center;
    display: flex;
    flex-direction: column;
    position: relative;
    box-sizing: border-box;
    cursor: pointer
}

.custom-secendTab .custom-list .custom-item img[data-v-84cd591b] {
    width: 125px;
    object-fit: cover
}

.custom-secendTab .custom-list .custom-item video[data-v-84cd591b] {
    width: 125px
}

.custom-secendTab .custom-list .custom-item-img[data-v-84cd591b] {
    border: 2px solid transparent;
    border-radius: 3px;
    box-sizing: border-box;
    cursor: pointer;
    height: 68px;
    object-fit: cover;
    width: 100%
}

.custom-secendTab .custom-list .checkbox[data-v-84cd591b] {
    position: absolute;
    top: -5px;
    left: 0
}

.custom-secendTab .custom-list .custom-item-active[data-v-84cd591b] {
    position: relative;
    border: 2px solid #2878ff
}

.primary-color-text[data-v-c41e12ea] {
    color: #2878ff
}

.success-color-text[data-v-c41e12ea] {
    color: #52c41a
}

.error-color-text[data-v-c41e12ea] {
    color: #f5222d
}

.cube[data-v-c41e12ea] {
    width: 30px;
    height: 30px;
    border-radius: 5px;
    position: relative
}

.colorList[data-v-c41e12ea] {
    margin-top: 20px;
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 12px;
    max-height: 600px;
    overflow-y: auto
}

.colorList[data-v-c41e12ea]::-webkit-scrollbar {
    width: 8px;
    height: 10px;
    display: none
}

.colorList[data-v-c41e12ea]::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 10px
}

.color-item[data-v-c41e12ea],.color-item-upload[data-v-c41e12ea] {
    cursor: pointer;
    height: 100px;
    margin-top: 10px;
    background: #f7f7f7;
    border: 1px solid #e6e6e7;
    border-radius: 5px
}

.color-item .check_btn[data-v-c41e12ea],.color-item-upload .check_btn[data-v-c41e12ea] {
    position: absolute;
    top: 0;
    left: 0
}

.color-item-upload[data-v-c41e12ea] {
    background: #f7f7f7
}

.color-item-upload .color-item-upload-add[data-v-c41e12ea] {
    width: 100%;
    font-size: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%
}

.color-item-upload .color-item-uploadOpreat[data-v-c41e12ea] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    height: 100%;
    visibility: hidden;
    cursor: pointer
}

.color-item-upload .color-item-uploadOpreat .color-item-upload-top[data-v-c41e12ea],.color-item-upload .color-item-uploadOpreat .color-item-upload-bottom[data-v-c41e12ea] {
    display: flex;
    height: 49%;
    align-items: center;
    justify-content: center
}

.color-item-upload .color-item-uploadOpreat .color-item-upload-top[data-v-c41e12ea]:hover,.color-item-upload .color-item-uploadOpreat .color-item-upload-bottom[data-v-c41e12ea]:hover {
    color: #2878ff
}

.color-item-upload .color-item-uploadOpreat .color-item-upload-middle[data-v-c41e12ea] {
    height: 1px;
    width: 80%;
    background: #e6e6e7
}

.color-item-upload:hover .color-item-uploadOpreat[data-v-c41e12ea] {
    visibility: visible
}

.color-item-upload:hover .color-item-upload-add[data-v-c41e12ea] {
    display: none
}

.color-item[data-v-c41e12ea] {
    position: relative
}

.close[data-v-c41e12ea] {
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    position: absolute;
    right: 0;
    top: 0;
    font-size: 10px;
    border-radius: 10px;
    border: 1px solid #c1c1c1;
    background: #fff;
    visibility: hidden
}

.color-item:hover .close[data-v-c41e12ea] {
    visibility: visible
}

.colorPicker[data-v-c41e12ea] {
    background: #87ceeb
}

.primary-color-text[data-v-2f1c0906] {
    color: #2878ff
}

.success-color-text[data-v-2f1c0906] {
    color: #52c41a
}

.error-color-text[data-v-2f1c0906] {
    color: #f5222d
}

.videoCoverList[data-v-2f1c0906] {
    display: flex;
    margin-top: 20px;
    flex-wrap: wrap
}

.videoCover-item[data-v-2f1c0906],.videoCover-item-upload[data-v-2f1c0906] {
    cursor: pointer;
    width: 47%;
    height: 100px;
    margin-right: 10px;
    margin-top: 10px;
    background: #f7f7f7;
    border: 1px solid #e6e6e7;
    border-radius: 5px
}

.videoCover-item-upload[data-v-2f1c0906] {
    background: #f7f7f7
}

.videoCover-item-upload .videoCover-item-upload-add[data-v-2f1c0906] {
    width: 100%;
    font-size: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%
}

.videoCover-item-upload .videoCover-item-uploadOpreat[data-v-2f1c0906] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    height: 100%;
    visibility: hidden;
    cursor: pointer
}

.videoCover-item-upload .videoCover-item-uploadOpreat .videoCover-item-upload-top[data-v-2f1c0906],.videoCover-item-upload .videoCover-item-uploadOpreat .videoCover-item-upload-bottom[data-v-2f1c0906] {
    display: flex;
    height: 49%;
    align-items: center;
    justify-content: center
}

.videoCover-item-upload .videoCover-item-uploadOpreat .videoCover-item-upload-top[data-v-2f1c0906]:hover,.videoCover-item-upload .videoCover-item-uploadOpreat .videoCover-item-upload-bottom[data-v-2f1c0906]:hover {
    color: #2878ff
}

.videoCover-item-upload .videoCover-item-uploadOpreat .videoCover-item-upload-middle[data-v-2f1c0906] {
    height: 1px;
    width: 80%;
    background: #e6e6e7
}

.videoCover-item-upload:hover .videoCover-item-uploadOpreat[data-v-2f1c0906] {
    visibility: visible
}

.videoCover-item-upload:hover .videoCover-item-upload-add[data-v-2f1c0906] {
    display: none
}

.videoCover-item[data-v-2f1c0906] {
    position: relative
}

.close[data-v-2f1c0906] {
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    position: absolute;
    right: 0;
    top: 0;
    font-size: 10px;
    border-radius: 10px;
    border: 1px solid #c1c1c1;
    background: #fff;
    visibility: hidden
}

.videoCover-item:hover .close[data-v-2f1c0906] {
    visibility: visible
}

.primary-color-text[data-v-1fbaee10] {
    color: #2878ff
}

.success-color-text[data-v-1fbaee10] {
    color: #52c41a
}

.error-color-text[data-v-1fbaee10] {
    color: #f5222d
}

.phoneConCover_content[data-v-1fbaee10] {
    position: fixed;
    border-radius: 20px;
    top: 50%;
    left: 25%;
    transform: translate(-50%,-50%);
    background-color: #000;
    display: flex;
    align-items: center;
    justify-content: center
}

.phoneConCover_content .mobile-header[data-v-1fbaee10] {
    height: 44px;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom: 1px solid rgba(255,255,255,.281);
    background: #000;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #fff;
    padding: 10px;
    overflow: hidden
}

.phoneConCover_content .bgc_content[data-v-1fbaee10] {
    position: absolute;
    top: 43.5px;
    left: 0;
    width: 100%;
    height: calc(100% - 88px);
    background-repeat: no-repeat;
    background-size: contain;
    pointer-events: none;
    z-index: 2
}

.phoneConCover_content .left_phone_view[data-v-1fbaee10] {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: calc(100% - 88px);
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid rgba(255,255,255,.281)
}

.phoneConCover_content .left_phone_view .editor_content[data-v-1fbaee10] {
    margin-bottom: 0;
    border: none;
    resize: none;
    height: auto;
    display: inline-block;
    pointer-events: none;
    white-space: pre-wrap;
    word-break: break-all
}

.phoneConCover_content .bottom_View_control[data-v-1fbaee10] {
    position: absolute;
    bottom: -50px;
    left: 50%;
    z-index: 5;
    transform: translate(-50%);
    display: flex
}

.primary-color-text[data-v-f64be750] {
    color: #2878ff
}

.success-color-text[data-v-f64be750] {
    color: #52c41a
}

.error-color-text[data-v-f64be750] {
    color: #f5222d
}

.cube[data-v-f64be750] {
    width: 30px;
    height: 30px;
    border-radius: 5px;
    position: relative
}

.colorList[data-v-f64be750] {
    margin-top: 20px;
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 12px;
    max-height: 600px;
    overflow-y: auto
}

.colorList[data-v-f64be750]::-webkit-scrollbar {
    width: 8px;
    height: 10px;
    display: none
}

.colorList[data-v-f64be750]::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 10px
}

.color-item[data-v-f64be750],.color-item-upload[data-v-f64be750] {
    cursor: pointer;
    height: 100px;
    margin-top: 10px;
    background: #f7f7f7;
    border: 1px solid #e6e6e7;
    border-radius: 5px
}

.color-item .check_btn[data-v-f64be750],.color-item-upload .check_btn[data-v-f64be750] {
    position: absolute;
    top: 0;
    left: 0
}

.color-item-upload[data-v-f64be750] {
    background: #f7f7f7
}

.color-item-upload .color-item-upload-add[data-v-f64be750] {
    width: 100%;
    font-size: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%
}

.color-item-upload .color-item-uploadOpreat[data-v-f64be750] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    height: 100%;
    visibility: hidden;
    cursor: pointer
}

.color-item-upload .color-item-uploadOpreat .color-item-upload-top[data-v-f64be750],.color-item-upload .color-item-uploadOpreat .color-item-upload-bottom[data-v-f64be750] {
    display: flex;
    height: 49%;
    align-items: center;
    justify-content: center
}

.color-item-upload .color-item-uploadOpreat .color-item-upload-top[data-v-f64be750]:hover,.color-item-upload .color-item-uploadOpreat .color-item-upload-bottom[data-v-f64be750]:hover {
    color: #2878ff
}

.color-item-upload .color-item-uploadOpreat .color-item-upload-middle[data-v-f64be750] {
    height: 1px;
    width: 80%;
    background: #e6e6e7
}

.color-item-upload:hover .color-item-uploadOpreat[data-v-f64be750] {
    visibility: visible
}

.color-item-upload:hover .color-item-upload-add[data-v-f64be750] {
    display: none
}

.color-item[data-v-f64be750] {
    position: relative
}

.close[data-v-f64be750] {
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    position: absolute;
    right: 0;
    top: 0;
    font-size: 10px;
    border-radius: 10px;
    border: 1px solid #c1c1c1;
    background: #fff;
    visibility: hidden
}

.color-item:hover .close[data-v-f64be750] {
    visibility: visible
}

.colorPicker[data-v-f64be750] {
    background: #87ceeb
}

.logo_configs[data-v-f64be750] {
    display: flex;
    flex-direction: column;
    margin-top: 20px;
    gap: 20px
}

.logo_configs .logo_configs_item[data-v-f64be750] {
    display: flex;
    align-items: center;
    gap: 20px
}

.logo_configs .logo_configs_item .logo_configs_item_title[data-v-f64be750] {
    font-size: 14px;
    color: #333;
    margin-bottom: 3px
}

.logo_configs .logo_configs_item .input_content[data-v-f64be750] {
    flex: 1
}

.primary-color-text[data-v-36b6496e] {
    color: #2878ff
}

.success-color-text[data-v-36b6496e] {
    color: #52c41a
}

.error-color-text[data-v-36b6496e] {
    color: #f5222d
}

.card-top[data-v-36b6496e] {
    font-size: 10px;
    color: #737a87;
    border: 1px solid #f3f3f3
}

.horver-box[data-v-36b6496e]:hover {
    background-color: #f9fafb
}

.cube[data-v-36b6496e] {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: #000;
    margin-right: 5px
}

.rg-sku[data-v-36b6496e] {
    flex: 1;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 35px;
    border: 1px solid #f3f3f3;
    background: linear-gradient(133deg,#f6f8fa,#f6f8fa4d);
    border-radius: 2px;
    padding: 5px
}

.rg-sku .rg-sku-left[data-v-36b6496e] {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.card-bottom[data-v-36b6496e] {
    margin-top: 10px
}

.proportion[data-v-36b6496e] {
    margin-right: 20px;
    text-align: center
}

.proportion[data-v-36b6496e]:last-child {
    margin-right: 0
}

.resolution[data-v-36b6496e] {
    margin-right: 25px;
    text-align: center
}

.resolution[data-v-36b6496e]:last-child {
    margin-right: 20px;
    text-align: center
}

.active[data-v-36b6496e] {
    background: #fff;
    color: #2878ff;
    text-align: center;
    padding: 2px 5px;
    border-radius: 5px;
    border: 1px solid #d7dbdf
}

.hover-effect[data-v-36b6496e] {
    cursor: pointer
}

.rg-sku-Title[data-v-36b6496e],.rg-sku-Title_tran[data-v-36b6496e] {
    width: 90px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.icon-bg[data-v-36b6496e] {
    position: absolute;
    top: -11px;
    left: 133px;
    z-index: 1;
    background-color: #fff;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    cursor: pointer;
    box-shadow: 0 2px 4px #00000040,inset 0 1px 2px #00000026
}

.text-title-disabled {
    opacity: 0.4;
    pointer-events: none;
    cursor: not-allowed;
}

.text_title_box .icon-bg[data-v-36b6496e] {
    display: none;
}

.text_title_box:hover .icon-bg[data-v-36b6496e] {
    display: flex;
}

.text-title-preview-item.text-title-active {
    outline: 2px dashed rgba(255,255,255,0.8);
    outline-offset: 4px;
}

.text-title-preview-item.text-title-centered {
    left: 50% !important;
    transform: translateX(-50%) !important;
    max-width: 340px !important;
}

.ai_removal[data-v-36b6496e] {
    width: 600px;
    border-radius: 10px!important;
    background-size: contain;
    background-position: center top;
    background-repeat: no-repeat;
    height: auto
}

.ai_removal .removal_box[data-v-36b6496e] {
    padding: 40px 14px 20px
}

.ai_removal .removal_box .top_title[data-v-36b6496e] {
    margin-bottom: 30px;
    font-size: 12px;
    color: #2878ff
}

.ai_removal .box_item[data-v-36b6496e] {
    margin-bottom: 20px
}

.ai_removal .box_item .item_top[data-v-36b6496e] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.ai_removal .box_item .item_top .top_lef[data-v-36b6496e] {
    display: flex;
    align-items: center
}

.ai_removal .box_item .item_top .top_lef img[data-v-36b6496e] {
    width: 40px;
    height: 40px;
    background-color: #fff;
    border-radius: 40px
}

.ai_removal .box_item .item_top .top_lef .title[data-v-36b6496e] {
    margin: 0 10px
}

.ai_removal .box_item .item_top .top_lef .tag_re[data-v-36b6496e] {
    font-size: 12px;
    padding: 2px 4px;
    color: #fff;
    border-radius: 5px;
    background: linear-gradient(to right,#3c99b9,#3a6ae1,#9768e6)
}

.ai_removal .box_item .item_bottom[data-v-36b6496e] {
    width: 100%;
    padding-left: 40px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 12px;
    color: #999
}

.primary-color-text[data-v-855cd2f6] {
    color: #2878ff
}

.success-color-text[data-v-855cd2f6] {
    color: #52c41a
}

.error-color-text[data-v-855cd2f6] {
    color: #f5222d
}

video[data-v-855cd2f6]::-webkit-media-controls-fullscreen-button {
    display: none
}

.mixed-simulation[data-v-855cd2f6] {
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    position: relative
}

.mixed-simulation .mobile-header[data-v-855cd2f6] {
    height: 30px;
    width: 270px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom: 1px solid rgba(255,255,255,.2);
    background: #000;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #fff;
    padding: 10px
}

.mixed-simulation .video-mask[data-v-855cd2f6] {
    position: absolute;
    top: 0;
    left: 0
}

.mixed-simulation .video-mask .tip-click-view[data-v-855cd2f6],.mixed-simulation .video-mask .tip-click-add[data-v-855cd2f6] {
    height: 583px;
    border-radius: 15px;
    width: 270px;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 24px;
    cursor: pointer
}

.mixed-simulation .video-mask .tip-click-add[data-v-855cd2f6] {
    background: #000
}

.mixed-simulation .video-mask .tip-click-view[data-v-855cd2f6] {
    background: #00000080
}

.mixed-simulation .top-video[data-v-855cd2f6] {
    cursor: pointer;
    height: 553px;
    width: 270px;
    position: relative;
    overflow: hidden;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px
}

.mixed-simulation .top-video video[data-v-855cd2f6] {
    width: 100%;
    height: 553px
}

.mixed-simulation .top-video .control-btn[data-v-855cd2f6] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    color: #fff;
    font-size: 50px
}

.mixed-simulation .top-video .loading[data-v-855cd2f6] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.mixed-simulation .top-video[data-v-855cd2f6] {
    background: #000
}

.mixed-simulation .bottom-desc[data-v-855cd2f6] {
    height: 80px;
    width: 270px;
    background: #fff;
    align-items: flex-start;
    background: linear-gradient(133deg,#f6f8fa,#f6f8fa4d),#fff;
    border: 1px solid #eaedf1;
    border-radius: 4px;
    box-sizing: border-box;
    display: flex;
    margin-top: 24px;
    padding: 12px 0;
    width: 268px;
    font-family: PingFang SC;
    font-style: normal
}

.mixed-simulation .bottom-desc .materials_count[data-v-855cd2f6] {
    width: 50%;
    font-size: 14px;
    display: flex;
    padding-left: 5px;
    flex-direction: column
}

.mixed-simulation .bottom-desc .materials_time[data-v-855cd2f6] {
    width: 50%;
    padding-right: 5px;
    font-size: 14px;
    display: flex;
    flex-direction: column
}

.mixed-simulation .bottom-desc span[data-v-855cd2f6] {
    font-weight: 700;
    font-size: 14px
}

.mixed-simulation .bottom-desc span i[data-v-855cd2f6] {
    font-weight: 400;
    margin-left: 2px
}

.primary-color-text[data-v-ea6bd5ae] {
    color: #2878ff
}

.success-color-text[data-v-ea6bd5ae] {
    color: #52c41a
}

.error-color-text[data-v-ea6bd5ae] {
    color: #f5222d
}

.title_box[data-v-ea6bd5ae] {
    display: flex;
    flex-direction: column
}

.title_box .title[data-v-ea6bd5ae] {
    font-size: 14px;
    font-weight: 600
}

.title_box .tips[data-v-ea6bd5ae] {
    font-size: 12px;
    color: #aaa;
    margin-top: 10px
}

.content[data-v-ea6bd5ae] {
    display: flex;
    flex-direction: column;
    align-items: center
}

.content .form[data-v-ea6bd5ae] {
    width: 100%
}

.content .textarea_box[data-v-ea6bd5ae] {
    position: relative;
    width: 100%
}

.content .textarea_box .btn[data-v-ea6bd5ae] {
    opacity: 0;
    transition: all .3s;
    position: absolute;
    right: 35px;
    top: -23px;
    width: 20px;
    font-size: 12px
}

.content .textarea_box:hover .btn[data-v-ea6bd5ae] {
    opacity: 1
}

.primary-color-text[data-v-0d22018a] {
    color: #2878ff
}

.success-color-text[data-v-0d22018a] {
    color: #52c41a
}

.error-color-text[data-v-0d22018a] {
    color: #f5222d
}

.ImportVideogroupData .split_title_box[data-v-0d22018a] {
    margin: 20px 0
}

.ImportVideogroupData .split_title_box .title_text[data-v-0d22018a] {
    font-size: 16px;
    font-weight: 900;
    margin: 0
}

.ImportVideogroupData .title[data-v-0d22018a] {
    font-size: 14px;
    margin: 0
}

.ImportVideogroupData .content[data-v-0d22018a] {
    padding: 8px 10px;
    border: 1px solid #e0e0e0;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    gap: 10px
}

.ImportVideogroupData .content .content_item .content_text[data-v-0d22018a] {
    cursor: pointer
}

.ImportVideogroupData .content .textarea_box[data-v-0d22018a] {
    position: relative;
    width: 100%;
    margin: 15px 0
}

.ImportVideogroupData .content .textarea_box .btn[data-v-0d22018a] {
    opacity: 0;
    transition: all .3s;
    position: absolute;
    width: 20px;
    font-size: 12px
}

.ImportVideogroupData .content .textarea_box .importText[data-v-0d22018a] {
    right: 90px;
    top: -23px
}

.ImportVideogroupData .content .textarea_box .edited[data-v-0d22018a] {
    right: 35px;
    top: -23px
}

.ImportVideogroupData .content .textarea_box:hover .btn[data-v-0d22018a] {
    opacity: 1
}

.ImportVideogroupData .videogroup_data_item[data-v-0d22018a] {
    display: flex;
    flex-direction: column;
    margin: 20px 0;
    border: 1px solid #e0e0e0;
    padding: 30px 15px 15px;
    border-radius: 10px;
    position: relative;
    cursor: pointer
}

.ImportVideogroupData .videogroup_data_item.active[data-v-0d22018a] {
    border-color: var(--ss-primary-5)
}

.ImportVideogroupData .videogroup_data_item .checkBox[data-v-0d22018a] {
    position: absolute;
    top: 7px;
    left: 14px
}

.ImportVideogroupData .videogroup_data_item .title_box[data-v-0d22018a] {
    display: flex;
    flex-direction: column;
    position: relative
}

.ImportVideogroupData .videogroup_data_item .title_box .btn[data-v-0d22018a] {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0 10px;
    height: 25px;
    font-size: 14px
}

.ImportVideogroupData .videogroup_data_item .title_box .min_title[data-v-0d22018a] {
    font-weight: 900;
    margin-bottom: 10px
}

.ImportVideogroupData .videogroup_data_item .title_box .min_title .number[data-v-0d22018a] {
    margin-right: 5px
}

.ImportVideogroupData .videogroup_data_item .title_box .min_title .edit_target[data-v-0d22018a] {
    cursor: pointer;
    margin-left: 5px
}

.ImportVideogroupData .videogroup_data_item .title_box .min_title .edit_target[data-v-0d22018a]:hover {
    color: var(--ss-primary-color)
}

.ImportVideogroupData .videogroup_data_item .title_box .subhead[data-v-0d22018a] {
    margin-bottom: 10px
}

.primary-color-text[data-v-49a59573] {
    color: #2878ff
}

.success-color-text[data-v-49a59573] {
    color: #52c41a
}

.error-color-text[data-v-49a59573] {
    color: #f5222d
}

.title_box[data-v-49a59573] {
    width: 100%;
    padding-bottom: 10px;
    padding-top: 24px;
    position: sticky;
    top: 0;
    background-color: #fff;
    z-index: 999
}

.title_box[data-v-49a59573]:after {
    content: "";
    height: 1px;
    width: calc(100% + 48px);
    background-color: #e8e8e8;
    position: absolute;
    bottom: 0;
    left: -24px
}

.title_box .title_top[data-v-49a59573] {
    display: flex;
    justify-content: space-between;
    color: #0c0d0e
}

.title_box .title_top h1[data-v-49a59573] {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 4px
}

.title_box .title_top .close[data-v-49a59573] {
    cursor: pointer;
    text-align: center;
    line-height: 29px;
    padding: 0 6px
}

.title_box .title_top .close[data-v-49a59573]:hover {
    background-color: #f3f3f4
}

.title_box .title_bottom .btn_prev[data-v-49a59573] {
    border-radius: 5px;
    padding: 0 16px;
    font-size: 12px;
    height: 28px
}

.steps[data-v-49a59573] {
    margin: 20px 0
}

.steps[data-v-49a59573] .ss-steps-item-container {
    display: flex
}

.steps[data-v-49a59573] .ss-steps-item-container .ss-steps-item-icon {
    display: flex;
    justify-content: center;
    align-items: center
}

.split_title_box[data-v-49a59573] {
    margin: 20px 0
}

.split_title_box .title_text[data-v-49a59573] {
    font-size: 16px;
    font-weight: 900;
    margin: 0
}

.importOk[data-v-49a59573] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%
}

.importOk h2[data-v-49a59573] {
    font-size: 20px;
    font-weight: 900
}

.importOk .btn_group[data-v-49a59573] {
    display: flex;
    gap: 10px
}

.AIWritingAssistant[data-v-49a59573] .ss-checkbox-wrapper :nth-child(2) {
    flex: 1
}

.AIWritingAssistant .input[data-v-49a59573] {
    position: relative
}

.AIWritingAssistant .input[data-v-49a59573] .ss-input-prefix {
    opacity: 0;
    transition: all .3s;
    position: absolute;
    right: -15px;
    top: -23px
}

.AIWritingAssistant .input[data-v-49a59573] .ss-input-prefix span {
    font-size: 12px
}

.AIWritingAssistant .input[data-v-49a59573]:hover .ss-input-prefix {
    opacity: 1
}

.AIWritingAssistant .textarea_box[data-v-49a59573] {
    position: relative
}

.AIWritingAssistant .textarea_box .btn[data-v-49a59573] {
    opacity: 0;
    transition: all .3s;
    position: absolute;
    right: 35px;
    top: -23px;
    width: 20px;
    font-size: 12px
}

.AIWritingAssistant .textarea_box:hover .btn[data-v-49a59573] {
    opacity: 1
}

.AIWritingAssistant .select_content[data-v-49a59573] {
    display: flex;
    flex-direction: column
}

.AIWritingAssistant .select_content .title_min[data-v-49a59573] {
    font-size: 14px;
    font-weight: 900;
    width: 100%
}

.AIWritingAssistant .select_content .subtitle[data-v-49a59573] {
    font-size: 14px;
    width: 100%;
    margin-bottom: 8px
}

.AIWritingAssistant .select_content[data-v-49a59573] .ss-checkbox-wrapper {
    margin: 0
}

.AIWritingAssistant .select_content .bottom_control[data-v-49a59573] {
    display: flex;
    gap: 20px;
    align-items: center;
    margin-top: 10px
}

.AIWritingAssistant .get_title_btn[data-v-49a59573] {
    margin-bottom: 20px
}

.AIWritingAssistant .dynamic_form .form_item[data-v-49a59573] {
    position: relative
}

.AIWritingAssistant .dynamic_form .form_item .btn_box[data-v-49a59573] {
    position: absolute;
    top: -30px;
    right: 0;
    display: flex;
    align-items: center;
    gap: 3px;
    opacity: 0;
    transition: all .3s
}

.AIWritingAssistant .dynamic_form .form_item .btn_box .btn[data-v-49a59573] {
    padding: 3px
}

.AIWritingAssistant .dynamic_form .form_item:hover .btn_box[data-v-49a59573] {
    opacity: 1
}

.AIWritingAssistant .form_item[data-v-49a59573] {
    display: flex;
    justify-content: space-between;
    gap: 20px
}

.primary-color-text[data-v-acfaa359] {
    color: #2878ff
}

.success-color-text[data-v-acfaa359] {
    color: #52c41a
}

.error-color-text[data-v-acfaa359] {
    color: #f5222d
}

.container[data-v-acfaa359] {
    font-family: Helvetica Neue;
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 32px;
    color: #171b23;
    z-index: 9999;
    background: #87ceeb
}

.container .header[data-v-acfaa359] {
    color: #434c5b;
    font-family: PingFang SC
}

.intro4 {
    width: 100%;
    display: flex;
    align-items: center;
    flex-direction: column
}

.intro4 img {
    width: 100%
}

.warper {
    width: 200px;
    height: 100px;
    line-height: 100px;
    text-align: center;
    border: 1px solid saddlebrown
}

.intro-tooltip {
    color: #fff;
    background: #2c3e50
}

.introjs-bottom-left-aligned {
    left: 45%!important
}

.introjs-right,.introjs-left {
    top: 30%
}

.intro-highlight {
    background: #ffffff80
}

.introjs-arrow.left {
    border-right-color: #2c3e50
}

.introjs-arrow.top {
    border-bottom-color: #2c3e50
}

.introjs-arrow.right {
    border-left-color: #2c3e50
}

.introjs-arrow.bottom {
    border-top-color: #2c3e50
}

.introjs-tooltip-header {
    padding-right: 0!important;
    padding-top: 0!important
}

.introjs-skipbutton {
    color: #409eff!important;
    font-size: 14px!important;
    font-weight: 400!important;
    padding: 8px 10px!important
}

.introjs-tooltipbuttons {
    border: none!important
}

.introjs-tooltiptext {
    font-size: 14px!important;
    padding: 15px!important
}

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

.introjs-button {
    width: 50px!important;
    text-align: center;
    padding: 4px!important;
    font-size: 12px!important;
    font-weight: 500!important;
    border-radius: 3px!important;
    border: none!important
}

.introjs-button:last-child {
    margin-left: 10px
}

.introjs-prevbutton {
    color: #606266!important;
    background: #fff!important;
    border: 1px solid #dcdfe6!important
}

.introjs-nextbutton {
    color: #fff!important;
    background-color: #409eff!important;
    border-color: #409eff!important
}

.introjs-disabled {
    color: #9e9e9e!important;
    border-color: #bdbdbd!important;
    background-color: #f4f4f4!important
}

.primary-color-text[data-v-86594add] {
    color: #2878ff
}

.success-color-text[data-v-86594add] {
    color: #52c41a
}

.error-color-text[data-v-86594add] {
    color: #f5222d
}

.content_item_box_ai_illustration[data-v-86594add] {
    display: flex;
    flex-direction: column
}

.content_item_box_ai_illustration .ai_illustration[data-v-86594add] {
    width: 99%;
    display: grid;
    grid-template-columns: repeat(6,1fr);
    gap: 15px;
    overflow-y: auto
}

.content_item_box_ai_illustration .ai_illustration[data-v-86594add]::-webkit-scrollbar {
    width: 8px;
    height: 10px
}

.content_item_box_ai_illustration .ai_illustration[data-v-86594add]::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 10px
}

.content_item_box_ai_illustration .ai_illustration .style_item[data-v-86594add] {
    width: 100px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
    cursor: pointer;
    position: relative
}

.content_item_box_ai_illustration .ai_illustration .style_item:hover img[data-v-86594add],.content_item_box_ai_illustration .ai_illustration .style_item.active_select img[data-v-86594add] {
    border-color: var(--ss-primary-6)
}

.content_item_box_ai_illustration .ai_illustration .style_item .desc[data-v-86594add] {
    font-size: 12px;
    color: #363636;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.content_item_box_ai_illustration .ai_illustration .style_item img[data-v-86594add] {
    height: 88px;
    width: 100%;
    border-radius: 6px;
    overflow: hidden;
    object-fit: cover;
    border: 1px solid transparent
}

.content_item_box_ai_illustration .ai_illustration .style_item .isSelect[data-v-86594add] {
    position: absolute;
    top: 5px;
    right: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 19px;
    height: 19px;
    color: #fff;
    font-weight: 900;
    background-color: var(--ss-primary-6)
}

.primary-color-text[data-v-c6add58e] {
    color: #2878ff
}

.success-color-text[data-v-c6add58e] {
    color: #52c41a
}

.error-color-text[data-v-c6add58e] {
    color: #f5222d
}

[data-v-c6add58e] .ant-form-item {
    margin-bottom: 20px
}

.content .content_min_box[data-v-c6add58e] {
    padding-top: 20px
}

.content .content_min_box .content_item_box_ai_illustration[data-v-c6add58e] {
    display: flex;
    flex-direction: column
}

.content .content_min_box .content_item_box_ai_illustration .ai_illustration[data-v-c6add58e] {
    width: 99%;
    display: grid;
    grid-template-columns: repeat(6,1fr);
    gap: 15px
}

.content .content_min_box .content_item_box_ai_illustration .ai_illustration .style_item[data-v-c6add58e] {
    width: 100px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
    cursor: pointer;
    position: relative
}

.content .content_min_box .content_item_box_ai_illustration .ai_illustration .style_item:hover img[data-v-c6add58e],.content .content_min_box .content_item_box_ai_illustration .ai_illustration .style_item.active_select img[data-v-c6add58e] {
    border-color: var(--ss-primary-6)
}

.content .content_min_box .content_item_box_ai_illustration .ai_illustration .style_item .desc[data-v-c6add58e] {
    font-size: 12px;
    color: #363636;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.content .content_min_box .content_item_box_ai_illustration .ai_illustration .style_item img[data-v-c6add58e] {
    height: 88px;
    width: 100%;
    border-radius: 6px;
    overflow: hidden;
    object-fit: cover;
    border: 1px solid transparent
}

.content .content_min_box .content_item_box_ai_illustration .ai_illustration .style_item .isSelect[data-v-c6add58e] {
    position: absolute;
    top: 5px;
    right: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 19px;
    height: 19px;
    color: #fff;
    font-weight: 900;
    background-color: var(--ss-primary-6)
}

.content .content_min_box .mode-wrapper[data-v-c6add58e] {
    display: flex;
    align-items: center
}

.content .content_min_box .mode-wrapper img[data-v-c6add58e] {
    width: 70px;
    height: 70px;
    border-radius: 5px 0 0 5px
}

.content .content_min_box .mode-wrapper .mode-icon-wrap[data-v-c6add58e] {
    width: 28px;
    height: 28px;
    display: flex;
    border-radius: 5px;
    flex-shrink: 0;
    justify-content: center;
    align-items: center
}

.content .content_min_box .mode-wrapper .mode-icon-wrap[data-v-c6add58e]:hover {
    background-color: #e0d9d9
}

.content .content_min_box .mode-wrapper .mode-icon[data-v-c6add58e] {
    font-size: 16px;
    color: #898d93;
    cursor: pointer;
    transform: rotate(-90deg)
}

.content .content_min_box .mode-wrapper .mode-info[data-v-c6add58e] {
    display: flex;
    flex: 1;
    width: calc(100% - 54px);
    flex-direction: column
}

.content .content_min_box .mode-wrapper .mode-info .mode-desc[data-v-c6add58e] {
    width: 100%;
    font-size: 12px;
    color: #c1b9b9;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.content .content_min_box .mode-wrapper .mode-right[data-v-c6add58e] {
    width: calc(100% - 54px);
    display: flex;
    height: 70px;
    gap: 5px;
    align-items: center;
    background-color: #f7f0f0;
    justify-content: space-between;
    border-radius: 0 5px 5px 0;
    padding: 0 10px
}

.content .content_min_box .mode-header[data-v-c6add58e] {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.content .content_min_box .creation-mode[data-v-c6add58e] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 320px
}

.content .content_min_box .mode-item[data-v-c6add58e] {
    display: flex;
    cursor: pointer
}

.content .content_min_box .mode-item img[data-v-c6add58e] {
    width: 68px;
    height: 68px;
    border-radius: 5px 0 0 5px
}

.content .content_min_box .mode-item-right[data-v-c6add58e] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: calc(100% - 54px);
    height: 68px;
    background-color: #f7f0f0;
    border-radius: 0 5px 5px 0;
    padding: 0 10px
}

.content .content_min_box .mode-item-right .mode-item-desc[data-v-c6add58e] {
    color: #c1b9b9;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.content .content_min_box .mode-item-right[data-v-c6add58e]:hover {
    background-color: #e0d9d9
}

.content .content_min_box .curror-pointer[data-v-c6add58e] {
    cursor: pointer
}

.content .content_min_box .mode-item-info[data-v-c6add58e] {
    width: calc(100% - 20px);
    display: flex;
    flex-direction: column;
    justify-content: center
}

.content .content_min_box .checked-icon[data-v-c6add58e] {
    color: var(--ss-primary-color)
}

.content .content_min_box .scale-list[data-v-c6add58e] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px
}

.content .content_min_box .scale-list .scale-item[data-v-c6add58e] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
    width: 80px;
    height: 70px;
    border: 1px solid #f7f0f0;
    border-radius: 5px;
    cursor: pointer
}

.content .content_min_box .scale-list .scale-item .scale-icon-wrap[data-v-c6add58e] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    height: 50px
}

.content .content_min_box .scale-list .scale-item[data-v-c6add58e]:hover {
    background-color: #f7f0f0
}

.content .content_min_box .scale-list .scale-item:hover .scale-icon[data-v-c6add58e] {
    border: 1px solid var(--ss-primary-color)
}

.content .content_min_box .scale-list .scale-item.active-scale[data-v-c6add58e] {
    background-color: #f7f0f0
}

.content .content_min_box .scale-list .scale-item.active-scale .scale-icon[data-v-c6add58e] {
    border: 1px solid var(--ss-primary-color)
}

.content .content_min_box .scale-list .scale-item .scale-icon[data-v-c6add58e] {
    border: 1px solid #f7f0f0;
    border-radius: 3px
}

.content .content_min_box .content_top_img_box[data-v-c6add58e] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px
}

.content .content_min_box .content_top_img_box .content_top_img[data-v-c6add58e] {
    background: #000;
    border: 1px solid transparent;
    border-radius: 10px;
    overflow: hidden;
    width: 60%;
    height: 280px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center
}

.content .content_min_box .content_top_img_box .content_top_img img[data-v-c6add58e] {
    height: 100%;
    object-fit: cover
}

.content .content_min_box .content_top_img_box .content_top_img .placeholder[data-v-c6add58e] {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.content .content_min_box .content_top_img_box .content_top_img .placeholder span[data-v-c6add58e] {
    color: #fff
}

.content .content_min_box .content_top_img_box .content_top_img .desc_box[data-v-c6add58e] {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    padding: 0 10px
}

.content .content_min_box .content_top_img_box .content_top_img .desc_box .desc_content[data-v-c6add58e] {
    padding: 0 8px;
    margin-bottom: 10px;
    background: #00000070;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    text-align: center;
    line-height: 38px
}

.content .content_min_box .content_top_img_box .content_img_desc[data-v-c6add58e] {
    flex: 1;
    height: 280px;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.content .content_min_box .content_top_img_box .content_img_desc .import_meatiner_btn[data-v-c6add58e] {
    transition: all .3s;
    opacity: 0
}

.content .content_min_box .content_top_img_box .content_img_desc:hover .import_meatiner_btn[data-v-c6add58e] {
    opacity: 1
}

.content .content_min_box .content_top_img_box .content_img_desc[data-v-c6add58e] .ant-input {
    resize: none;
    padding-right: 14px
}

.content .content_min_box .content_top_img_box .content_img_desc[data-v-c6add58e] .ant-input::-webkit-scrollbar {
    height: 5px;
    width: 8px
}

.content .content_min_box .content_top_img_box .content_img_desc[data-v-c6add58e] .ant-input::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 10px
}

.content .content_min_box .content_top_img_box .content_img_desc[data-v-c6add58e] .ant-input::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px
}

.content .content_min_box .content_bottom_img_box[data-v-c6add58e] {
    padding: 15px;
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    border: 1px solid transparent;
    border-radius: 10px
}

.content .content_min_box .content_bottom_img_box .bottom_title_num[data-v-c6add58e] {
    font-size: 14px;
    margin-bottom: 10px
}

.content .content_min_box .content_bottom_img_box .select_img_box[data-v-c6add58e] {
    display: flex;
    align-items: center
}

.content .content_min_box .content_bottom_img_box .select_img_box .next[data-v-c6add58e] {
    height: 155px;
    width: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid transparent;
    border-radius: 5px;
    cursor: pointer;
    transition: all .3s
}

.content .content_min_box .content_bottom_img_box .select_img_box .next[data-v-c6add58e]:hover {
    border-color: #5297ff;
    color: #5297ff
}

.content .content_min_box .content_bottom_img_box .select_img_box .img_content_box[data-v-c6add58e] {
    flex: 1;
    display: flex;
    padding: 8px 20px;
    overflow-x: auto;
    white-space: nowrap
}

.content .content_min_box .content_bottom_img_box .select_img_box .img_content_box[data-v-c6add58e]:hover::-webkit-scrollbar {
    display: block
}

.content .content_min_box .content_bottom_img_box .select_img_box .img_content_box[data-v-c6add58e]::-webkit-scrollbar {
    height: 8px
}

.content .content_min_box .content_bottom_img_box .select_img_box .img_content_box[data-v-c6add58e]::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 10px
}

.content .content_min_box .content_bottom_img_box .select_img_box .img_content_box[data-v-c6add58e]::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px
}

.content .content_min_box .content_bottom_img_box .select_img_box .img_content_box .img_content_item[data-v-c6add58e] {
    height: 155px;
    min-width: 240px;
    cursor: pointer;
    margin: 3px 8px;
    border: 2px solid transparent;
    transition: all .3s
}

.content .content_min_box .content_bottom_img_box .select_img_box .img_content_box .img_content_item[data-v-c6add58e]:hover {
    border-color: #5297ff
}

.content .content_min_box .content_bottom_img_box .select_img_box .img_content_box .img_content_item .content_box[data-v-c6add58e] {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    height: 151px;
    width: 240px;
    overflow: hidden;
    background: #000
}

.content .content_min_box .content_bottom_img_box .select_img_box .img_content_box .img_content_item .content_box:hover .del_btn[data-v-c6add58e] {
    opacity: 1
}

.content .content_min_box .content_bottom_img_box .select_img_box .img_content_box .img_content_item .content_box img[data-v-c6add58e] {
    height: 100%;
    width: auto;
    object-fit: contain
}

.content .content_min_box .content_bottom_img_box .select_img_box .img_content_box .img_content_item .content_box .select_tag[data-v-c6add58e] {
    position: absolute;
    left: 5px;
    top: 5px
}

.content .content_min_box .content_bottom_img_box .select_img_box .img_content_box .img_content_item .content_box .del_btn[data-v-c6add58e] {
    position: absolute;
    right: 5px;
    top: 5px;
    padding: 0;
    height: 22px;
    opacity: 0;
    transition: opacity .3s
}

.content .content_min_box .content_bottom_img_box .select_img_box .img_content_box .img_content_item.active_item[data-v-c6add58e] {
    border: 2px solid #5297ff
}

.content .content_min_box .content_bottom_img_box .select_img_box .img_content_box .img_content_item .placeholder span[data-v-c6add58e] {
    color: #fff
}

.content .content_min_box .content_bottom_img_box .select_img_box .img_content_box .creat_new_img[data-v-c6add58e] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    border: 2px solid transparent
}

.content .content_min_box .content_bottom_img_box .select_img_box .img_content_box .creat_new_img .icon[data-v-c6add58e] {
    font-size: 30px
}

.content .content_min_box .content_bottom_img_box .select_img_box .img_content_box .creat_new_img[data-v-c6add58e]:hover {
    color: #5297ff
}

.content .title_box[data-v-c6add58e] {
    width: 100%;
    padding-bottom: 10px;
    padding-top: 24px;
    position: sticky;
    top: 0;
    background-color: #fff;
    z-index: 999
}

.content .title_box[data-v-c6add58e]:after {
    content: "";
    height: 1px;
    width: calc(100% + 48px);
    background-color: #e8e8e8;
    position: absolute;
    bottom: 0;
    left: -24px
}

.content .title_box .title_top[data-v-c6add58e] {
    display: flex;
    justify-content: space-between;
    color: #0c0d0e
}

.content .title_box .title_top h1[data-v-c6add58e] {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 4px
}

.content .title_box .title_top .close[data-v-c6add58e] {
    cursor: pointer;
    text-align: center;
    line-height: 29px;
    padding: 0 6px
}

.content .title_box .title_top .close[data-v-c6add58e]:hover {
    background-color: #f3f3f4
}

.content .title_box .title_bottom .btn_prev[data-v-c6add58e] {
    border-radius: 5px;
    padding: 0 16px;
    font-size: 12px;
    height: 28px
}

.content .bottom_btn[data-v-c6add58e] {
    display: flex;
    justify-content: flex-end
}

.primary-color-text[data-v-a0f9ad69] {
    color: #2878ff
}

.success-color-text[data-v-a0f9ad69] {
    color: #52c41a
}

.error-color-text[data-v-a0f9ad69] {
    color: #f5222d
}

.risk_word_box[data-v-a0f9ad69] .ss-collapse-item .ss-collapse-header {
    padding: 0;
    margin-top: 16px
}

.risk_word_box[data-v-a0f9ad69] .ss-collapse-item .ss-collapse-header:hover {
    color: var(--ss-primary-6)
}

.risk_word_box[data-v-a0f9ad69] .ss-collapse-item .ss-collapse-content-box {
    padding: 0!important
}

.risk_word_box .risk_word_content[data-v-a0f9ad69] {
    background: #fff;
    min-height: 200px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.risk_word_box .risk_word_content .btn[data-v-a0f9ad69] {
    width: 50%;
    border-radius: 5px
}

.risk_word_box .risk_word_content .aging_btn[data-v-a0f9ad69] {
    width: 100%;
    display: flex;
    justify-content: end
}

.risk_word_box .risk_word_content .aging_btn[data-v-a0f9ad69] .ss-btn span {
    margin: 0
}

.risk_word_box .risk_word_content .risk_show_box[data-v-a0f9ad69] {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    padding: 8px;
    gap: 5px
}

.risk_word_box .risk_word_content .risk_show_box .risk_word_item[data-v-a0f9ad69] {
    flex: 1;
    border: 1px solid #dde2e9;
    border-radius: 10px
}

.risk_word_box .risk_word_content .risk_show_box .risk_word_item .risk_title_box[data-v-a0f9ad69] {
    line-height: 30px;
    font-weight: 900;
    padding-left: 10px;
    border-radius: 10px 10px 0 0
}

.risk_word_box .risk_word_content .risk_show_box .risk_word_item .risk_word_list[data-v-a0f9ad69] {
    display: flex;
    flex-direction: column;
    padding: 8px;
    gap: 14px
}

.risk_word_box .risk_word_content .risk_show_box .risk_word_item .risk_word_list .risk_list_item[data-v-a0f9ad69] {
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid #dde2e9;
    gap: 10px;
    padding-bottom: 7px
}

.risk_word_box .risk_word_content .risk_show_box .risk_word_item .risk_word_list .risk_list_item[data-v-a0f9ad69]:last-child {
    border-bottom: none
}

.risk_word_box .risk_word_content .risk_show_box .risk_word_item .risk_word_list .risk_list_item .risk_title[data-v-a0f9ad69] {
    font-size: 16px
}

.risk_word_box .risk_word_content .risk_show_box .risk_word_item .risk_word_list .risk_list_item .risk_text[data-v-a0f9ad69] {
    font-size: 13px;
    color: #737a87
}

.primary-color-text[data-v-b2b892f0] {
    color: #2878ff
}

.success-color-text[data-v-b2b892f0] {
    color: #52c41a
}

.error-color-text[data-v-b2b892f0] {
    color: #f5222d
}

.content .title[data-v-b2b892f0] {
    font-size: 14px
}

.content .title_text_style[data-v-b2b892f0] {
    font-size: 14px;
    font-weight: 600
}

.content .title_left[data-v-b2b892f0] {
    display: flex;
    flex-direction: column;
    margin-bottom: 10px
}

.content .title_left .title_text_box[data-v-b2b892f0] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 3px
}

.content .title_left .dec_text[data-v-b2b892f0] {
    font-size: 14px;
    color: #999
}

.content .is_top_title[data-v-b2b892f0] {
    display: flex;
    justify-content: space-between
}

.content .line_box[data-v-b2b892f0] {
    height: 1px;
    background-color: #eee;
    margin: 10px 0
}

.content .self_selects .effects_box[data-v-b2b892f0] {
    margin-top: 10px
}

.content .self_selects .effects_box .top_tips_box .top_tips_title[data-v-b2b892f0] {
    position: relative;
    font-weight: 700
}

.content .self_selects .effects_box .top_tips_box .top_tips_title[data-v-b2b892f0]:before {
    content: "*";
    position: absolute;
    left: -10px;
    top: -5px;
    color: red;
    font-size: 14px
}

.content .self_selects .effects_box .top_tips_box .tips_text[data-v-b2b892f0] {
    margin: 0;
    font-size: 14px;
    color: #999
}

.content .self_selects .effects_box .list_box[data-v-b2b892f0] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    height: 400px;
    overflow-y: auto
}

.content .self_selects .effects_box .list_box[data-v-b2b892f0]::-webkit-scrollbar {
    width: 8px;
    height: 10px
}

.content .self_selects .effects_box .list_box[data-v-b2b892f0]::-webkit-scrollbar-thumb {
    background: #cecece;
    border-radius: 10px
}

.content .self_selects .effects_box .list_box .list_item[data-v-b2b892f0] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    position: relative;
    cursor: pointer
}

.content .self_selects .effects_box .list_box .list_item img[data-v-b2b892f0] {
    object-fit: cover;
    height: 135px;
    width: 240px
}

.content .self_selects .effects_box .list_box .list_item .is_checkbox[data-v-b2b892f0] {
    position: absolute;
    right: 5px;
    top: 5px
}

.primary-color-text[data-v-56b7b0e0] {
    color: #2878ff
}

.success-color-text[data-v-56b7b0e0] {
    color: #52c41a
}

.error-color-text[data-v-56b7b0e0] {
    color: #f5222d
}

.content .statistics[data-v-56b7b0e0] {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.content .filtered_data[data-v-56b7b0e0] {
    max-height: 700px;
    overflow-y: auto;
    padding-right: 10px
}

.content .filtered_data[data-v-56b7b0e0]::-webkit-scrollbar {
    width: 8px;
    height: 10px
}

.content .filtered_data[data-v-56b7b0e0]::-webkit-scrollbar-thumb {
    background: #eee;
    border-radius: 10px
}

.content .filtered_data .filtered_data_item[data-v-56b7b0e0] {
    margin-top: 10px;
    flex: 1
}

.content .filtered_data .filtered_data_item .hit_risk_words[data-v-56b7b0e0] {
    border: 1px solid #dde2e9;
    border-radius: 10px
}

.content .filtered_data .filtered_data_item .hit_risk_words .risk_title[data-v-56b7b0e0] {
    line-height: 30px;
    font-weight: 900;
    padding-left: 10px;
    border-radius: 10px 10px 0 0
}

.content .filtered_data .filtered_data_item .hit_risk_words .type_risk_list[data-v-56b7b0e0] {
    margin-top: 10px;
    padding-left: 10px;
    font-weight: 600
}

.content .filtered_data .filtered_data_item .hit_risk_words .type_risk_list .text[data-v-56b7b0e0] {
    color: #bac0cb
}

.content .spin-box[data-v-56b7b0e0] {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 100px
}

.primary-color-text[data-v-1d6f8618] {
    color: #2878ff
}

.success-color-text[data-v-1d6f8618] {
    color: #52c41a
}

.error-color-text[data-v-1d6f8618] {
    color: #f5222d
}

.TextEditing[data-v-1d6f8618] {
    background-color: #f6f8fa;
    padding: 16px;
    margin-top: 10px
}

.TextEditing .import_meatiner_btn[data-v-1d6f8618] {
    padding: 0
}

.TextEditing .manual_title[data-v-1d6f8618] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px
}

.TextEditing .manual_title .title_left .title_text[data-v-1d6f8618] {
    font-size: 14px;
    color: #0c0d0e;
    font-weight: 600
}

.TextEditing .manual_title .title_left .import_text_btn[data-v-1d6f8618] {
    margin-left: 10px;
    opacity: 0
}

.TextEditing .manual_title .operation[data-v-1d6f8618] {
    display: flex;
    align-items: center;
    gap: 10px
}

.TextEditing .manual_title .operation .time[data-v-1d6f8618] {
    background-color: #fff;
    border: 1px solid #dde2e9;
    font-size: 12px;
    color: #42464e;
    border-radius: 3px;
    padding: 0 7px;
    cursor: pointer;
    line-height: 1.9
}

.TextEditing .manual_title .operation .time[data-v-1d6f8618]:hover {
    border-color: #3261fb
}

.TextEditing .manual_title .operation .disable_delete_btn[data-v-1d6f8618],.TextEditing .manual_title .operation .disable_delete_btn[data-v-1d6f8618]:hover {
    cursor: not-allowed;
    border-color: #dde2e9;
    color: #c7ccd6
}

.TextEditing .content[data-v-1d6f8618] {
    background-color: #fff;
    padding-bottom: 10px
}

.TextEditing .content[data-v-1d6f8618] .ProseMirror {
    outline: none!important;
    min-height: 120px
}

.TextEditing .content .btn_box[data-v-1d6f8618] {
    padding: 0 10px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.TextEditing .content .btn_box .edit_show_msg[data-v-1d6f8618] {
    display: flex;
    align-items: center;
    gap: 10px
}

.TextEditing .content .btn_box .edit_show_msg .duration[data-v-1d6f8618] {
    color: #737a87
}

.TextEditing .content .btn_box .edit_show_msg .character-count[data-v-1d6f8618] {
    align-items: center;
    color: var(--ss-primary-5);
    display: flex;
    font-size: .75rem;
    gap: .5rem
}

.TextEditing .content .btn_box .edit_show_msg .character-count svg[data-v-1d6f8618] {
    color: var(--ss-primary-5)
}

.TextEditing .content .btn_box .edit_show_msg .character-count--warning[data-v-1d6f8618],.TextEditing .content .btn_box .edit_show_msg .character-count--warning svg[data-v-1d6f8618] {
    color: red
}

.primary-color-text[data-v-ad551ca2] {
    color: #2878ff
}

.success-color-text[data-v-ad551ca2] {
    color: #52c41a
}

.error-color-text[data-v-ad551ca2] {
    color: #f5222d
}

[data-v-ad551ca2] .ss-tabs-nav-wrap .ss-tabs-nav-list .ss-tabs-tab {
    padding-top: 0
}

[data-v-ad551ca2] .ss-collapse-item .ss-collapse-header {
    padding: 23px 0 13px
}

[data-v-ad551ca2] .ss-collapse-item .ss-collapse-content-box {
    padding: 0
}

.font_settings_content[data-v-ad551ca2] {
    border: 1px solid #e8e8e8;
    padding: 16px
}

.font_settings_content .title[data-v-ad551ca2] {
    display: flex;
    justify-content: space-between
}

.font_settings_content .title span[data-v-ad551ca2] {
    font-size: 13px;
    font-weight: 600;
    color: #1e1c23
}

.font_settings_content .font_setting[data-v-ad551ca2] {
    margin-top: 10px
}

.font_settings_content .font_setting .font_setting_item[data-v-ad551ca2] {
    display: flex;
    position: relative;
    align-items: center
}

.font_settings_content .font_setting .font_setting_item .flower_box_settings[data-v-ad551ca2] {
    margin-bottom: 20px;
    display: flex
}

.font_settings_content .font_setting .font_setting_item .flower_box_settings .flower_settings_item[data-v-ad551ca2] {
    display: flex;
    align-items: center
}

.font_settings_content .font_setting .font_setting_item .flower_box_settings .flower_settings_item .slider[data-v-ad551ca2] {
    width: 135px;
    margin: 0 15px
}

.font_settings_content .font_setting .font_setting_item .flower_box_settings .flower_settings_item span[data-v-ad551ca2] {
    font-size: 13px;
    color: #42464e;
    white-space: nowrap
}

.font_settings_content .font_setting .font_setting_item .font_style_box .font_style_content_box[data-v-ad551ca2] {
    overflow-y: auto;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    overflow: hidden
}

.font_settings_content .font_setting .font_setting_item .font_style_box .font_style_content_box .font_style_content_item[data-v-ad551ca2] {
    border: 2px solid #ededee;
    cursor: pointer;
    border-radius: 8px;
    overflow: hidden
}

.font_settings_content .font_setting .font_setting_item .font_style_box .font_style_content_box .font_style_content_item .font_img[data-v-ad551ca2] {
    width: 200px;
    height: 51px;
    object-fit: contain
}

.font_settings_content .font_setting .font_setting_item .font_style_box .font_style_content_box .font_style_content_item[data-v-ad551ca2]:hover {
    border-color: #1664ff;
    background-color: #e8f7ff
}

.font_settings_content .font_setting .font_setting_item .font_style_box .font_style_content_box .font_style_content_item .font_style_content_item_text[data-v-ad551ca2] {
    width: 51px;
    font-size: 20px;
    line-height: 51px;
    text-align: center;
    margin: 0;
    font-weight: 900
}

.font_settings_content .font_setting .font_setting_item .font_style_box .font_style_content_box .active_font_style[data-v-ad551ca2] {
    border-color: #1664ff
}

.font_settings_content .font_setting .font_setting_item .font_style_box .font_disabled[data-v-ad551ca2] {
    width: 51px;
    font-size: 32px;
    text-align: center
}

.font_settings_content .font_setting .font_setting_item .font_style_box .folding_panel[data-v-ad551ca2] {
    color: #737a87;
    text-align: center;
    width: 100%;
    display: block;
    cursor: pointer;
    margin-top: 15px
}

.font_settings_content .font_setting .font_setting_item .font_setting_item_title[data-v-ad551ca2] {
    color: #42464e;
    font-size: 13px;
    padding-right: 15px;
    min-width: 67px
}

.font_settings_content .font_setting .font_setting_item .font_style_title[data-v-ad551ca2] {
    color: #42464e;
    font-size: 13px;
    padding-right: 15px;
    display: flex;
    align-self: flex-start;
    white-space: nowrap
}

.font_settings_content .font_setting .font_setting_item .font_setting_box[data-v-ad551ca2] {
    flex: 1;
    max-width: 550px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    background-color: #f6f8fa;
    overflow-x: auto;
    overflow-y: hidden
}

.font_settings_content .font_setting .font_setting_item .font_setting_box[data-v-ad551ca2]::-webkit-scrollbar {
    height: 4px
}

.font_settings_content .font_setting .font_setting_item .font_setting_box[data-v-ad551ca2]::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 10px
}

.font_settings_content .font_setting .font_setting_item .font_setting_box[data-v-ad551ca2] .ant-popover-inner-content {
    padding: 0
}

.font_settings_content .font_setting .font_setting_item .font_setting_box[data-v-ad551ca2] .ant-input-number {
    background-color: transparent;
    border: none;
    width: 56px
}

.font_settings_content .font_setting .font_setting_item .font_setting_box[data-v-ad551ca2] .ant-input-number-input {
    text-align: center
}

.font_settings_content .font_setting .font_setting_item .font_setting_box[data-v-ad551ca2] .zs-color-picker-panel {
    margin-top: 16px;
    left: 0
}

.font_settings_content .font_setting .font_setting_item .font_setting_box .select_font_box[data-v-ad551ca2] {
    display: flex;
    flex-direction: column;
    height: 400px;
    overflow-y: auto;
    padding-right: 4px
}

.font_settings_content .font_setting .font_setting_item .font_setting_box .select_font_box[data-v-ad551ca2]:hover {
    padding-right: 0
}

.font_settings_content .font_setting .font_setting_item .font_setting_box .select_font_box[data-v-ad551ca2]:hover::-webkit-scrollbar {
    display: block
}

.font_settings_content .font_setting .font_setting_item .font_setting_box .select_font_box[data-v-ad551ca2]::-webkit-scrollbar {
    width: 4px;
    height: 10px;
    display: none
}

.font_settings_content .font_setting .font_setting_item .font_setting_box .select_font_box[data-v-ad551ca2]::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 10px
}

.font_settings_content .font_setting .font_setting_item .font_setting_box .select_font_box .select_font_item[data-v-ad551ca2] {
    padding: 8px 16px;
    cursor: pointer;
    min-width: 157px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.font_settings_content .font_setting .font_setting_item .font_setting_box .select_font_box .select_font_item[data-v-ad551ca2]:hover {
    background-color: #eeefef
}

.font_settings_content .font_setting .font_setting_item .font_setting_box .select_font_box .font_active[data-v-ad551ca2] {
    font-weight: 600
}

.font_settings_content .font_setting .font_setting_item .font_setting_box .font_settings_style[data-v-ad551ca2] {
    cursor: pointer;
    color: #0c0d0e;
    margin: 0 5px;
    padding: 3px;
    display: flex;
    align-items: center
}

.font_settings_content .font_setting .font_setting_item .font_setting_box .font_settings_style span[data-v-ad551ca2] {
    max-width: 70px;
    margin-right: 5px;
    font-size: 13px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.font_settings_content .font_setting .font_setting_item .font_setting_box .font_settings_style[data-v-ad551ca2]:hover {
    background-color: #eeefef
}

.font_settings_content .font_setting .font_setting_item .font_setting_box .font_settings_size[data-v-ad551ca2] {
    margin: 0 5px;
    height: 40px;
    line-height: 40px;
    display: flex;
    align-items: center
}

.font_settings_content .font_setting .font_setting_item .font_setting_box .font_settings_size[data-v-ad551ca2]:hover {
    background-color: #eeefef
}

.font_settings_content .font_setting .font_setting_item .font_setting_box .font_settings_size .change_btn[data-v-ad551ca2] {
    cursor: pointer;
    padding: 0 10px;
    color: #42464e;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.font_settings_content .font_setting .font_setting_item .font_setting_box .split_line[data-v-ad551ca2] {
    margin: 0 10px;
    height: 20px;
    width: 1px;
    background-color: #e2e2e2
}

.font_settings_content .font_setting .font_setting_item .font_setting_box .color_settings_box[data-v-ad551ca2] {
    display: flex;
    gap: 7px
}

.font_settings_content .font_setting .font_setting_item .font_setting_box .color_settings_box .settings_color[data-v-ad551ca2] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 7px;
    position: relative;
    border-radius: 5px;
    overflow: hidden
}

.font_settings_content .font_setting .font_setting_item .font_setting_box .color_settings_box .settings_color:hover .del_bgc[data-v-ad551ca2] {
    opacity: 1
}

.font_settings_content .font_setting .font_setting_item .font_setting_box .color_settings_box .settings_color .del_bgc[data-v-ad551ca2] {
    position: absolute;
    top: -5px;
    right: -5px;
    font-size: 22px;
    opacity: 0
}

.font_settings_content .font_setting .font_setting_item .font_setting_box .color_settings_box .settings_color .del_bgc[data-v-ad551ca2]:hover {
    color: red
}

.font_settings_content .font_setting .font_setting_item .font_setting_box .color_settings_box .settings_color[data-v-ad551ca2]:hover {
    background-color: #eeefef;
    cursor: pointer
}

.font_settings_content .font_setting .font_setting_item .font_setting_box .color_settings_box .settings_color .color_line[data-v-ad551ca2] {
    height: 2px;
    width: 60%;
    background-color: #000;
    position: absolute;
    bottom: 0;
    left: 20%
}

.font_settings_content .font_setting .font_setting_item .font_setting_box .font_settings_style_control[data-v-ad551ca2] {
    display: flex;
    align-items: center;
    gap: 10px
}

.font_settings_content .font_setting .font_setting_item .font_setting_box .font_settings_style_control[data-v-ad551ca2] .ant-popover-inner-content {
    padding: 0
}

.font_settings_content .font_setting .font_setting_item .font_setting_box .font_settings_style_control .select_alignment[data-v-ad551ca2] {
    display: flex
}

.font_settings_content .font_setting .font_setting_item .font_setting_box .font_settings_style_control .select_alignment span[data-v-ad551ca2] {
    padding: 5px;
    cursor: pointer
}

.font_settings_content .font_setting .font_setting_item .font_setting_box .font_settings_style_control .select_alignment span[data-v-ad551ca2]:hover,.font_settings_content .font_setting .font_setting_item .font_setting_box .font_settings_style_control .select_alignment .active_alignment[data-v-ad551ca2] {
    background-color: #eeefef
}

.font_settings_content .font_setting .font_setting_item .font_setting_box .font_settings_style_control .font_settings_style_itme[data-v-ad551ca2] {
    padding: 2px 7px;
    cursor: pointer;
    border-radius: 5px;
    overflow: hidden
}

.font_settings_content .font_setting .font_setting_item .font_setting_box .font_settings_style_control .font_settings_style_itme[data-v-ad551ca2]:hover {
    background-color: #eeefef
}

.font_settings_content .font_setting .font_setting_item .font_setting_box .font_settings_style_control .is_active[data-v-ad551ca2] {
    background-color: #d8e7fc!important
}

.font_settings_content .font_setting .font_setting_item .font_setting_box .font_settings_style_control .alignment[data-v-ad551ca2] {
    display: flex;
    padding: 4px
}

.font_settings_content .font_setting .font_setting_item .setting_time[data-v-ad551ca2] {
    border: 1px solid #e2e2e2;
    display: flex;
    align-items: center
}

.font_settings_content .font_setting .font_setting_item .setting_time[data-v-ad551ca2] .ant-input-number-group-addon {
    border: none;
    background-color: transparent
}

.font_settings_content .font_setting .font_setting_item .setting_time[data-v-ad551ca2] .ant-input-number-input,.font_settings_content .font_setting .font_setting_item .setting_time[data-v-ad551ca2] .ant-input-number,.font_settings_content .font_setting .font_setting_item .setting_time[data-v-ad551ca2] .ant-input-number:hover {
    border: none
}

.font_settings_content .font_setting .font_setting_item .setting_time[data-v-ad551ca2] .ant-input-number-focused {
    box-shadow: none
}

.font_settings_content .font_setting .font_setting_item .setting_time[data-v-ad551ca2] .ant-input-number-handler {
    border-right: 1px solid #d9d9d9
}

.font_settings_content .font_setting .font_setting_item .focus_input[data-v-ad551ca2] {
    border-color: #1890ff
}

.font_settings_content .font_setting .font_setting_item .timbre_selection[data-v-ad551ca2] {
    width: 284px;
    border-radius: 4px;
    background: #f6f8fa;
    border: 1px solid rgba(0,0,0,.05);
    padding: 12px;
    display: flex;
    justify-content: space-between
}

.font_settings_content .font_setting .font_setting_item .timbre_selection .timbre_selection_cart_left[data-v-ad551ca2] {
    display: flex;
    align-items: center
}

.font_settings_content .font_setting .font_setting_item .timbre_selection .timbre_selection_cart_left img[data-v-ad551ca2] {
    width: 37px;
    margin-right: 12px
}

.font_settings_content .font_setting .font_setting_item .timbre_selection .timbre_selection_cart_left strong[data-v-ad551ca2] {
    color: #42464e
}

.font_settings_content .font_setting .font_setting_item .timbre_selection .timbre_selection_cart_right[data-v-ad551ca2] {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #42464e;
    font-size: 17px;
    cursor: pointer;
    width: 38px
}

.font_settings_content .font_setting .font_setting_item .timbre_selection .timbre_selection_cart_right[data-v-ad551ca2]:hover {
    background-color: #eeefef
}

.font_settings_content .font_setting .font_setting_item .volume_adjust[data-v-ad551ca2] {
    width: 254px
}

.font_settings_content .font_setting .font_setting_item .setting_item_box[data-v-ad551ca2] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-top: 26px
}

.font_settings_content .font_setting .font_setting_item .setting_item_box .setting_item_content_box_[data-v-ad551ca2] {
    display: flex;
    align-items: center
}

.font_settings_content .font_setting .font_setting_item .setting_item_box .setting_item_content_box_ .setting_content .slider_box[data-v-ad551ca2] {
    width: 249px
}

.font_settings_content .font_setting .font_setting_item .setting_item_box .setting_item_content_box_ .setting_content .settings_color[data-v-ad551ca2] {
    position: relative;
    border-radius: 5px;
    width: 100px;
    display: flex;
    border: 1px solid #ccced0
}

.font_settings_content .font_setting .font_setting_item .setting_item_box .setting_item_content_box_ .setting_content .settings_color .downOutlined[data-v-ad551ca2] {
    background: #f3f3f3;
    display: flex;
    align-items: center
}

.font_settings_content .font_setting .font_setting_item .setting_item_box .setting_item_content_box_ .setting_content .settings_color[data-v-ad551ca2]:hover {
    cursor: pointer
}

.font_settings_content .font_setting .font_setting_item .setting_item_box .setting_item_content_box_ .setting_content .settings_color:hover .del_bgc[data-v-ad551ca2] {
    opacity: 1
}

.font_settings_content .font_setting .font_setting_item .setting_item_box .setting_item_content_box_ .setting_content .settings_color:hover .downOutlined[data-v-ad551ca2] {
    background-color: #e4e4e4
}

.font_settings_content .font_setting .font_setting_item .setting_item_box .setting_item_content_box_ .setting_content .settings_color .del_bgc[data-v-ad551ca2] {
    position: absolute;
    top: -5px;
    right: -5px;
    font-size: 22px;
    opacity: 0
}

.font_settings_content .font_setting .font_setting_item .setting_item_box .setting_item_content_box_ .setting_content .settings_color .del_bgc[data-v-ad551ca2]:hover {
    color: red
}

.font_settings_content .font_setting .font_setting_item .setting_item_box .setting_item_content_box_ .setting_content .settings_color .color_line[data-v-ad551ca2] {
    width: 90%;
    height: 20px;
    background-color: #000
}

.font_settings_content .font_setting .font_setting_item .setting_item_box .font_setting_box[data-v-ad551ca2] {
    flex: 1;
    max-width: 560px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    background-color: #f6f8fa;
    overflow-x: auto;
    overflow-y: hidden
}

.font_settings_content .font_setting .font_setting_item .setting_item_box .font_setting_box[data-v-ad551ca2]::-webkit-scrollbar {
    height: 4px
}

.font_settings_content .font_setting .font_setting_item .setting_item_box .font_setting_box[data-v-ad551ca2]::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 10px
}

.font_settings_content .font_setting .font_setting_item .setting_item_box .split_line[data-v-ad551ca2] {
    margin: 0 10px;
    height: 20px;
    width: 1px;
    background-color: #e2e2e2
}

.font_settings_content .font_setting .font_setting_item .setting_item_box .color_settings_box[data-v-ad551ca2] {
    display: flex;
    gap: 7px
}

.font_settings_content .font_setting .font_setting_item .setting_item_box .color_settings_box .settings_color[data-v-ad551ca2] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 7px;
    position: relative;
    border-radius: 5px;
    overflow: hidden
}

.font_settings_content .font_setting .font_setting_item .setting_item_box .color_settings_box .settings_color[data-v-ad551ca2]:hover {
    background-color: #eeefef;
    cursor: pointer
}

.font_settings_content .font_setting .font_setting_item .setting_item_box .color_settings_box .settings_color:hover .del_bgc[data-v-ad551ca2] {
    opacity: 1
}

.font_settings_content .font_setting .font_setting_item .setting_item_box .color_settings_box .settings_color .del_bgc[data-v-ad551ca2] {
    position: absolute;
    top: -5px;
    right: -5px;
    font-size: 22px;
    opacity: 0
}

.font_settings_content .font_setting .font_setting_item .setting_item_box .color_settings_box .settings_color .del_bgc[data-v-ad551ca2]:hover {
    color: red
}

.font_settings_content .font_setting .font_setting_item .setting_item_box .color_settings_box .settings_color .color_line[data-v-ad551ca2] {
    height: 2px;
    width: 60%;
    background-color: #000;
    position: absolute;
    bottom: 0;
    left: 20%
}

.font_settings_content .font_setting .font_setting_item .setting_item_box .color_settings_box .disable_settings_color[data-v-ad551ca2] {
    filter: grayscale(80%)
}

.font_settings_content .font_setting .font_setting_item .setting_item_box .color_settings_box .disable_settings_color .color_line[data-v-ad551ca2] {
    background: #ccced0!important
}

.font_settings_content .font_setting .font_setting_item .setting_item_box .font_settings_style_control[data-v-ad551ca2] {
    display: flex;
    align-items: center;
    gap: 10px
}

.font_settings_content .font_setting .font_setting_item .setting_item_box .font_settings_style_control[data-v-ad551ca2] .ant-popover-inner-content {
    padding: 0
}

.font_settings_content .font_setting .font_setting_item .setting_item_box .font_settings_style_control .alignment[data-v-ad551ca2] {
    display: flex;
    padding: 4px
}

.primary-color-text[data-v-e822249b] {
    color: #2878ff
}

.success-color-text[data-v-e822249b] {
    color: #52c41a
}

.error-color-text[data-v-e822249b] {
    color: #f5222d
}

.FontStyleComponent[data-v-e822249b] {
    min-height: 270px
}

.FontStyleComponent .font_settings_content[data-v-e822249b] {
    border: 1px solid #e8e8e8;
    padding: 16px
}

.FontStyleComponent .font_settings_content .title[data-v-e822249b] {
    display: flex;
    justify-content: space-between
}

.FontStyleComponent .font_settings_content .title span[data-v-e822249b] {
    font-size: 13px;
    font-weight: 600;
    color: #1e1c23
}

.FontStyleComponent .font_settings_content .font_setting[data-v-e822249b] {
    margin-top: 10px
}

.FontStyleComponent .font_settings_content .font_setting .font_setting_item[data-v-e822249b] {
    display: flex;
    position: relative;
    align-items: center
}

.FontStyleComponent .font_settings_content .font_setting .font_setting_item .font_setting_item_title[data-v-e822249b] {
    color: #42464e;
    font-size: 13px;
    padding-right: 15px;
    min-width: 67px
}

.FontStyleComponent .font_settings_content .font_setting .font_setting_item .font_style_title[data-v-e822249b] {
    color: #42464e;
    font-size: 13px;
    padding-right: 15px;
    display: flex;
    align-self: flex-start;
    white-space: nowrap
}

.FontStyleComponent .font_settings_content .font_setting .font_setting_item .font_style_box .font_style_content_box[data-v-e822249b] {
    overflow-y: auto;
    display: flex;
    flex-wrap: wrap;
    gap: 10px
}

.FontStyleComponent .font_settings_content .font_setting .font_setting_item .font_style_box .font_style_content_box .font_style_content_item[data-v-e822249b] {
    border: 1px solid #ededee;
    cursor: pointer;
    border-radius: 8px
}

.FontStyleComponent .font_settings_content .font_setting .font_setting_item .font_style_box .font_style_content_box .font_style_content_item[data-v-e822249b]:hover {
    border-color: #1664ff;
    background-color: #f4f6f5
}

.FontStyleComponent .font_settings_content .font_setting .font_setting_item .font_style_box .font_style_content_box .active_font_style[data-v-e822249b] {
    border-color: #1664ff
}

.FontStyleComponent .font_settings_content .font_setting .font_setting_item .font_style_box .font_style_content_box .font_disabled[data-v-e822249b] {
    width: 51px;
    font-size: 32px;
    text-align: center
}

.FontStyleComponent .font_settings_content .font_setting .font_setting_item .font_style_box .folding_panel[data-v-e822249b] {
    color: #737a87;
    text-align: center;
    width: 100%;
    display: block;
    cursor: pointer;
    margin-top: 15px
}

.FontStyleComponent .font_settings_content .font_setting .font_setting_item .font_setting_box[data-v-e822249b] {
    flex: 1;
    max-width: 560px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    background-color: #f6f8fa;
    overflow-x: auto;
    overflow-y: hidden
}

.FontStyleComponent .font_settings_content .font_setting .font_setting_item .font_setting_box[data-v-e822249b]::-webkit-scrollbar {
    height: 4px
}

.FontStyleComponent .font_settings_content .font_setting .font_setting_item .font_setting_box[data-v-e822249b]::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 10px
}

.FontStyleComponent .font_settings_content .font_setting .font_setting_item .font_setting_box[data-v-e822249b] .ant-popover-inner-content {
    padding: 0
}

.FontStyleComponent .font_settings_content .font_setting .font_setting_item .font_setting_box[data-v-e822249b] .ant-input-number {
    background-color: transparent;
    border: none;
    width: 56px
}

.FontStyleComponent .font_settings_content .font_setting .font_setting_item .font_setting_box[data-v-e822249b] .ant-input-number-input {
    text-align: center
}

.FontStyleComponent .font_settings_content .font_setting .font_setting_item .font_setting_box[data-v-e822249b] .zs-color-picker-panel {
    margin-top: 16px;
    left: 0
}

.FontStyleComponent .font_settings_content .font_setting .font_setting_item .font_setting_box .select_font_box[data-v-e822249b] {
    display: flex;
    flex-direction: column;
    height: 400px;
    overflow-y: auto;
    padding-right: 4px
}

.FontStyleComponent .font_settings_content .font_setting .font_setting_item .font_setting_box .select_font_box[data-v-e822249b]:hover {
    padding-right: 0
}

.FontStyleComponent .font_settings_content .font_setting .font_setting_item .font_setting_box .select_font_box[data-v-e822249b]:hover::-webkit-scrollbar {
    display: block
}

.FontStyleComponent .font_settings_content .font_setting .font_setting_item .font_setting_box .select_font_box[data-v-e822249b]::-webkit-scrollbar {
    width: 4px;
    height: 10px;
    display: none
}

.FontStyleComponent .font_settings_content .font_setting .font_setting_item .font_setting_box .select_font_box[data-v-e822249b]::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 10px
}

.FontStyleComponent .font_settings_content .font_setting .font_setting_item .font_setting_box .select_font_box .select_font_item[data-v-e822249b] {
    padding: 8px 16px;
    cursor: pointer;
    min-width: 157px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.FontStyleComponent .font_settings_content .font_setting .font_setting_item .font_setting_box .select_font_box .select_font_item[data-v-e822249b]:hover {
    background-color: #eeefef
}

.FontStyleComponent .font_settings_content .font_setting .font_setting_item .font_setting_box .select_font_box .font_active[data-v-e822249b] {
    font-weight: 600
}

.FontStyleComponent .font_settings_content .font_setting .font_setting_item .font_setting_box .font_settings_style[data-v-e822249b] {
    cursor: pointer;
    color: #0c0d0e;
    margin: 0 5px;
    padding: 3px;
    display: flex;
    align-items: center
}

.FontStyleComponent .font_settings_content .font_setting .font_setting_item .font_setting_box .font_settings_style span[data-v-e822249b] {
    max-width: 70px;
    margin-right: 5px;
    font-size: 13px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.FontStyleComponent .font_settings_content .font_setting .font_setting_item .font_setting_box .font_settings_style[data-v-e822249b]:hover {
    background-color: #eeefef
}

.FontStyleComponent .font_settings_content .font_setting .font_setting_item .font_setting_box .font_settings_size[data-v-e822249b] {
    margin: 0 5px;
    height: 40px;
    line-height: 40px;
    display: flex;
    align-items: center
}

.FontStyleComponent .font_settings_content .font_setting .font_setting_item .font_setting_box .font_settings_size[data-v-e822249b]:hover {
    background-color: #eeefef
}

.FontStyleComponent .font_settings_content .font_setting .font_setting_item .font_setting_box .font_settings_size .change_btn[data-v-e822249b] {
    cursor: pointer;
    padding: 0 10px;
    color: #42464e;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.FontStyleComponent .font_settings_content .font_setting .font_setting_item .font_setting_box .split_line[data-v-e822249b] {
    margin: 0 10px;
    height: 20px;
    width: 1px;
    background-color: #e2e2e2
}

.FontStyleComponent .font_settings_content .font_setting .font_setting_item .font_setting_box .color_settings_box[data-v-e822249b] {
    display: flex;
    gap: 7px
}

.FontStyleComponent .font_settings_content .font_setting .font_setting_item .font_setting_box .color_settings_box .settings_color[data-v-e822249b] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 5px 7px;
    position: relative
}

.FontStyleComponent .font_settings_content .font_setting .font_setting_item .font_setting_box .color_settings_box .settings_color[data-v-e822249b]:hover {
    background-color: #eeefef;
    cursor: pointer
}

.FontStyleComponent .font_settings_content .font_setting .font_setting_item .font_setting_box .color_settings_box .settings_color .color_line[data-v-e822249b] {
    height: 2px;
    width: 60%;
    background-color: #000;
    position: absolute;
    bottom: 0;
    left: 20%
}

.FontStyleComponent .font_settings_content .font_setting .font_setting_item .font_setting_box .font_settings_style_control[data-v-e822249b] {
    display: flex;
    align-items: center;
    gap: 10px
}

.FontStyleComponent .font_settings_content .font_setting .font_setting_item .font_setting_box .font_settings_style_control[data-v-e822249b] .ant-popover-inner-content {
    padding: 0
}

.FontStyleComponent .font_settings_content .font_setting .font_setting_item .font_setting_box .font_settings_style_control .select_alignment[data-v-e822249b] {
    display: flex
}

.FontStyleComponent .font_settings_content .font_setting .font_setting_item .font_setting_box .font_settings_style_control .select_alignment span[data-v-e822249b] {
    padding: 5px;
    cursor: pointer
}

.FontStyleComponent .font_settings_content .font_setting .font_setting_item .font_setting_box .font_settings_style_control .select_alignment span[data-v-e822249b]:hover,.FontStyleComponent .font_settings_content .font_setting .font_setting_item .font_setting_box .font_settings_style_control .select_alignment .active_alignment[data-v-e822249b] {
    background-color: #eeefef
}

.FontStyleComponent .font_settings_content .font_setting .font_setting_item .font_setting_box .font_settings_style_control .font_settings_style_itme[data-v-e822249b] {
    padding: 2px 7px;
    cursor: pointer
}

.FontStyleComponent .font_settings_content .font_setting .font_setting_item .font_setting_box .font_settings_style_control .font_settings_style_itme[data-v-e822249b]:hover {
    background-color: #eeefef
}

.FontStyleComponent .font_settings_content .font_setting .font_setting_item .font_setting_box .font_settings_style_control .alignment[data-v-e822249b] {
    display: flex;
    padding: 4px
}

.FontStyleComponent .font_settings_content .font_setting .font_setting_item .setting_time[data-v-e822249b] {
    border: 1px solid #e2e2e2;
    display: flex;
    align-items: center
}

.FontStyleComponent .font_settings_content .font_setting .font_setting_item .setting_time[data-v-e822249b] .ant-input-number-group-addon {
    border: none;
    background-color: transparent
}

.FontStyleComponent .font_settings_content .font_setting .font_setting_item .setting_time[data-v-e822249b] .ant-input-number-input {
    border: none;
    padding: none
}

.FontStyleComponent .font_settings_content .font_setting .font_setting_item .setting_time[data-v-e822249b] .ant-input-number,.FontStyleComponent .font_settings_content .font_setting .font_setting_item .setting_time[data-v-e822249b] .ant-input-number:hover {
    border: none
}

.FontStyleComponent .font_settings_content .font_setting .font_setting_item .setting_time[data-v-e822249b] .ant-input-number-focused {
    box-shadow: none
}

.FontStyleComponent .font_settings_content .font_setting .font_setting_item .setting_time[data-v-e822249b] .ant-input-number-handler {
    border-right: 1px solid #d9d9d9
}

.FontStyleComponent .font_settings_content .font_setting .font_setting_item .focus_input[data-v-e822249b] {
    border-color: #1890ff
}

.FontStyleComponent .font_settings_content .font_setting .font_setting_item .timbre_selection[data-v-e822249b] {
    width: 284px;
    border-radius: 4px;
    background: #f6f8fa;
    border: 1px solid rgba(0,0,0,.05);
    padding: 12px;
    display: flex;
    justify-content: space-between
}

.FontStyleComponent .font_settings_content .font_setting .font_setting_item .timbre_selection .timbre_selection_cart_left[data-v-e822249b] {
    display: flex;
    align-items: center
}

.FontStyleComponent .font_settings_content .font_setting .font_setting_item .timbre_selection .timbre_selection_cart_left img[data-v-e822249b] {
    width: 37px;
    margin-right: 12px
}

.FontStyleComponent .font_settings_content .font_setting .font_setting_item .timbre_selection .timbre_selection_cart_left strong[data-v-e822249b] {
    color: #42464e
}

.FontStyleComponent .font_settings_content .font_setting .font_setting_item .timbre_selection .timbre_selection_cart_right[data-v-e822249b] {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #42464e;
    font-size: 17px;
    cursor: pointer;
    width: 38px
}

.FontStyleComponent .font_settings_content .font_setting .font_setting_item .timbre_selection .timbre_selection_cart_right[data-v-e822249b]:hover {
    background-color: #eeefef
}

.FontStyleComponent .font_settings_content .font_setting .font_setting_item .volume_adjust[data-v-e822249b] {
    width: 254px
}

.primary-color-text[data-v-fc86e98a] {
    color: #2878ff
}

.success-color-text[data-v-fc86e98a] {
    color: #52c41a
}

.error-color-text[data-v-fc86e98a] {
    color: #f5222d
}

[data-v-fc86e98a] .ant-spin-container {
    background-color: #131313;
    overflow: hidden
}

.title_box[data-v-fc86e98a] {
    width: 100%;
    padding-bottom: 10px;
    padding-top: 24px;
    position: sticky;
    top: 0;
    background-color: #fff;
    z-index: 999
}

.title_box[data-v-fc86e98a]:after {
    content: "";
    height: 1px;
    width: calc(100% + 48px);
    background-color: #e8e8e8;
    position: absolute;
    bottom: 0;
    left: -24px
}

.title_box .title_top[data-v-fc86e98a] {
    display: flex;
    justify-content: space-between;
    color: #0c0d0e
}

.title_box .title_top h1[data-v-fc86e98a] {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 4px
}

.title_box .title_top .close[data-v-fc86e98a] {
    cursor: pointer;
    text-align: center;
    line-height: 29px;
    padding: 0 6px
}

.title_box .title_top .close[data-v-fc86e98a]:hover {
    background-color: #f3f3f4
}

.title_box .title_bottom .btn_prev[data-v-fc86e98a] {
    border-radius: 5px;
    padding: 0 16px;
    font-size: 12px;
    height: 28px
}

.content[data-v-fc86e98a] {
    padding-top: 20px;
    position: relative
}

.content .phoneConCover_content[data-v-fc86e98a] {
    position: fixed;
    border-radius: 20px;
    top: 50%;
    left: 25%;
    transform: translate(-50%,-50%);
    background-color: #000;
    display: flex;
    align-items: center;
    justify-content: center
}

.content .phoneConCover_content .mobile-header[data-v-fc86e98a] {
    height: 44px;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom: 1px solid rgba(255,255,255,.281);
    background: #000;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #fff;
    padding: 10px;
    overflow: hidden
}

.content .phoneConCover_content .bgc_content[data-v-fc86e98a] {
    position: absolute;
    top: 43.5px;
    left: 0;
    width: 100%;
    height: calc(100% - 88px);
    background-repeat: no-repeat;
    background-size: contain;
    pointer-events: none;
    z-index: 2
}

.content .phoneConCover_content .left_phone_view[data-v-fc86e98a] {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: calc(100% - 88px);
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid rgba(255,255,255,.281)
}

.content .phoneConCover_content .left_phone_view .editor_content[data-v-fc86e98a] {
    margin-bottom: 0;
    border: none;
    resize: none;
    height: auto;
    display: inline-block;
    pointer-events: none;
    white-space: pre-wrap;
    word-break: break-all
}

.content .phoneConCover_content .bottom_View_control[data-v-fc86e98a] {
    position: absolute;
    bottom: -50px;
    left: 50%;
    z-index: 5;
    transform: translate(-50%);
    display: flex
}

.content .content_item .fold_manual_box[data-v-fc86e98a] {
    width: 100%;
    line-height: 33px;
    background-color: #f6f8fa;
    padding: 1px 15px;
    cursor: pointer;
    border-radius: 5px;
    margin-top: 10px;
    font-size: 12px;
    color: #737a87;
    display: flex;
    align-items: center;
    gap: 0 15px;
    border: 1px solid transparent;
    transition: all .3s
}

.content .content_item .fold_manual_box[data-v-fc86e98a]:hover {
    border-color: var(--ss-primary-color-hover)
}

.content .content_item .fold_manual_box .edit_show_msg[data-v-fc86e98a] {
    display: flex;
    align-items: center;
    gap: 10px
}

.content .content_item .fold_manual_box .edit_show_msg .duration[data-v-fc86e98a] {
    color: #737a87
}

.content .content_item .fold_manual_box .edit_show_msg .character-count[data-v-fc86e98a] {
    align-items: center;
    color: var(--ss-primary-5);
    display: flex;
    font-size: .75rem;
    gap: .5rem
}

.content .content_item .fold_manual_box .edit_show_msg .character-count svg[data-v-fc86e98a] {
    color: var(--ss-primary-5)
}

.content .content_item .fold_manual_box .edit_show_msg .character-count--warning[data-v-fc86e98a],.content .content_item .fold_manual_box .edit_show_msg .character-count--warning svg[data-v-fc86e98a] {
    color: red
}

.content .content_item .upload_btn_box[data-v-fc86e98a] {
    margin-top: 20px
}

.content .content_item .upload_btn_box .upload_one[data-v-fc86e98a] {
    width: 97%;
    background-color: #f5f7f9;
    margin-top: 20px;
    padding: 6px 12px;
    display: flex;
    justify-content: space-between
}

.content .content_item .upload_btn_box .upload_one .upload_one_left[data-v-fc86e98a] {
    width: 85%;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.content .content_item .upload_btn_box .upload_one .upload_one_left_tile[data-v-fc86e98a] {
    width: 96%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #0c0d0e
}

.content .content_item .content_item_title[data-v-fc86e98a] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px
}

.content .content_item .content_item_title h2[data-v-fc86e98a] {
    font-size: 13px;
    font-weight: 600;
    color: #1e1c23;
    margin-bottom: 0
}

.content .content_item .content_item_title span[data-v-fc86e98a] {
    font-size: 12px;
    color: #737a87
}

.content .content_item .switch[data-v-fc86e98a] {
    margin-top: 10px;
    display: flex;
    justify-content: space-between
}

.content .content_item .switch .switch_box[data-v-fc86e98a] {
    width: 213px;
    padding: 3px;
    background-color: #f1f3f5;
    display: flex;
    border-radius: 3px;
    overflow: hidden
}

.content .content_item .switch .switch_box .switch_item[data-v-fc86e98a] {
    line-height: 28px;
    flex: 1;
    font-size: 13px;
    color: #42464e;
    border-radius: 3px;
    overflow: hidden;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer
}

.content .content_item .switch .switch_box .switch_item[data-v-fc86e98a]:hover {
    color: #3261fb
}

.content .content_item .switch .switch_box .activeSwitch[data-v-fc86e98a] {
    background-color: #fff;
    color: #3261fb
}

.content .content_item .switch .content_item_AI[data-v-fc86e98a] {
    display: flex;
    gap: 10px
}

.content .content_item .switch .content_item_AI .icon[data-v-fc86e98a] {
    display: flex;
    align-items: center;
    color: #2580fd;
    font-size: 18px
}

.content .content_item .manual_box[data-v-fc86e98a] {
    background-color: #f6f8fa;
    padding: 15px;
    margin-top: 18px;
    border-radius: 5px
}

.content .content_item .manual_box .editor_container[data-v-fc86e98a] {
    background-color: #fff;
    border-radius: 8px;
    position: relative;
    padding: 7px 20px 35px
}

.content .content_item .manual_box .editor_container .editor_content_box[data-v-fc86e98a] {
    display: flex;
    flex-direction: column
}

.content .content_item .manual_box .editor_container .editor_content_box .editor_content_item[data-v-fc86e98a] {
    display: flex;
    flex-direction: column;
    position: relative
}

.content .content_item .manual_box .editor_container .editor_content_box .editor_content_item .editor_content_iatem_box[data-v-fc86e98a] {
    position: relative;
    display: flex
}

.content .content_item .manual_box .editor_container .editor_content_box .editor_content_item .editor_content_iatem_box .editor_content_ele_point[data-v-fc86e98a] {
    cursor: pointer;
    color: #c7ccd6;
    position: absolute;
    left: -14px;
    top: 0
}

.content .content_item .manual_box .editor_container .editor_content_box .editor_content_item .editor_content_iatem_box .editor_content[data-v-fc86e98a] {
    outline: none;
    color: #0c0d0e;
    margin-bottom: 0;
    padding-left: 3px;
    padding-right: 2px;
    border: none;
    resize: none;
    height: auto;
    min-height: 24px
}

.content .content_item .manual_box .editor_container .editor_operation[data-v-fc86e98a] {
    display: flex;
    position: absolute;
    bottom: 5px;
    left: 5px;
    overflow: hidden
}

.content .content_item .manual_box .editor_container .editor_operation .editor_operation_item[data-v-fc86e98a] {
    min-width: 78px;
    display: flex;
    align-items: center;
    gap: 2px;
    margin-right: 6px;
    padding: 2px 8px;
    background-color: #f4f5f5;
    border-radius: 3px;
    overflow: hidden;
    cursor: pointer;
    font-size: 12px;
    color: #1c1f23b3;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.content .content_item .manual_box .editor_container .editor_operation .editor_operation_item[data-v-fc86e98a]:hover {
    background-color: #eceded
}

.content .content_item .manual_box .editor_container .editor_operation .disable_editor_operation_item[data-v-fc86e98a] {
    cursor: not-allowed;
    background-color: #f9fafa;
    color: #aeafb0
}

.content .content_item .manual_box .editor_container .editor_operation .disable_editor_operation_item[data-v-fc86e98a]:hover {
    background-color: #f9fafa;
    color: #aeafb0
}

.content .content_item .manual_box .manual_title[data-v-fc86e98a] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px
}

.content .content_item .manual_box .manual_title .title_text[data-v-fc86e98a] {
    font-size: 14px;
    color: #0c0d0e;
    font-weight: 600
}

.content .content_item .manual_box .manual_title .operation[data-v-fc86e98a] {
    display: flex;
    align-items: center;
    gap: 10px
}

.content .content_item .manual_box .manual_title .operation .delete_btn[data-v-fc86e98a] {
    background-color: #fff;
    border: 1px solid #dde2e9;
    font-size: 13px;
    color: #42464e;
    border-radius: 3px;
    padding: 0 7px;
    cursor: pointer
}

.content .content_item .manual_box .manual_title .operation .delete_btn[data-v-fc86e98a]:hover {
    border-color: #3261fb
}

.content .content_item .manual_box .manual_title .operation .disable_delete_btn[data-v-fc86e98a],.content .content_item .manual_box .manual_title .operation .disable_delete_btn[data-v-fc86e98a]:hover {
    cursor: not-allowed;
    border-color: #dde2e9;
    color: #c7ccd6
}

.content .content_item .manual_box .manual_audio[data-v-fc86e98a] {
    width: 100%;
    height: 86px;
    background-color: #fff;
    margin-bottom: 20px;
    padding: 14px;
    display: flex
}

.content .content_item .manual_box .manual_audio .video_box_left_one[data-v-fc86e98a] {
    width: 50px;
    height: 50px;
    background-color: #bec0c2;
    border-radius: 3px;
    text-align: center;
    line-height: 56px;
    margin-right: 20px
}

.content .content_item .manual_box .manual_audio .manual_audio_right[data-v-fc86e98a] {
    color: #000;
    flex: 1
}

.content .content_item .manual_box .manual_audio .manual_audio_right .manual_audio_right_top[data-v-fc86e98a] {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 14px;
    font-weight: 600;
    color: #000;
    margin-bottom: 5px
}

.content .content_item .add_subtitle_btn[data-v-fc86e98a] {
    width: 100%;
    background-color: #fafbfc;
    border-color: #dde2e9;
    color: #42464e;
    margin-top: 10px
}

.content .content_item .add_subtitle_btn[data-v-fc86e98a]:hover {
    border-color: #3261fb
}

.bottom_btn[data-v-fc86e98a] {
    padding: 8px 24px;
    display: flex;
    justify-content: flex-end;
    background-color: #fff
}

.primary-color-text[data-v-03178cab] {
    color: #2878ff
}

.success-color-text[data-v-03178cab] {
    color: #52c41a
}

.error-color-text[data-v-03178cab] {
    color: #f5222d
}

.vue-component[data-v-03178cab] {
    color: #000;
    position: relative;
    padding: 5px 20px
}

.vue-component .content[data-v-03178cab] {
    margin: 5px 0
}

.vue-component .editor_content_ele_point[data-v-03178cab] {
    cursor: pointer;
    color: #c7ccd6;
    position: absolute;
    left: 2px;
    top: 20px;
    transform: translateY(-50%)
}

.primary-color-text[data-v-185c2cd7] {
    color: #2878ff
}

.success-color-text[data-v-185c2cd7] {
    color: #52c41a
}

.error-color-text[data-v-185c2cd7] {
    color: #f5222d
}

.TextEditing[data-v-185c2cd7] {
    background-color: #f6f8fa;
    padding: 16px;
    margin-top: 10px
}

.TextEditing .import_meatiner_btn[data-v-185c2cd7] {
    padding: 0
}

.TextEditing .manual_title[data-v-185c2cd7] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px
}

.TextEditing .manual_title .title_text[data-v-185c2cd7] {
    font-size: 14px;
    color: #0c0d0e;
    font-weight: 600
}

.TextEditing .manual_title .operation[data-v-185c2cd7] {
    display: flex;
    align-items: center;
    gap: 10px
}

.TextEditing .manual_title .operation .time[data-v-185c2cd7] {
    background-color: #fff;
    border: 1px solid #dde2e9;
    font-size: 13px;
    color: #42464e;
    border-radius: 3px;
    padding: 0 7px;
    cursor: pointer
}

.TextEditing .manual_title .operation .time[data-v-185c2cd7]:hover {
    border-color: #3261fb
}

.TextEditing .manual_title .operation .disable_delete_btn[data-v-185c2cd7],.TextEditing .manual_title .operation .disable_delete_btn[data-v-185c2cd7]:hover {
    cursor: not-allowed;
    border-color: #dde2e9;
    color: #c7ccd6
}

.TextEditing .content[data-v-185c2cd7] {
    background-color: #fff;
    padding-bottom: 10px
}

.TextEditing .content[data-v-185c2cd7] .ProseMirror {
    outline: none!important;
    min-height: 120px
}

.TextEditing .content .btn_box[data-v-185c2cd7] {
    padding: 0 10px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.TextEditing .content .btn_box .edit_show_msg[data-v-185c2cd7] {
    display: flex;
    align-items: center;
    gap: 10px
}

.TextEditing .content .btn_box .edit_show_msg .duration[data-v-185c2cd7] {
    color: #737a87
}

.TextEditing .content .btn_box .edit_show_msg .character-count[data-v-185c2cd7] {
    align-items: center;
    color: var(--ss-primary-5);
    display: flex;
    font-size: .75rem;
    gap: .5rem
}

.TextEditing .content .btn_box .edit_show_msg .character-count svg[data-v-185c2cd7] {
    color: var(--ss-primary-5)
}

.TextEditing .content .btn_box .edit_show_msg .character-count--warning[data-v-185c2cd7],.TextEditing .content .btn_box .edit_show_msg .character-count--warning svg[data-v-185c2cd7] {
    color: red
}

.primary-color-text[data-v-0b5d0383] {
    color: #2878ff
}

.success-color-text[data-v-0b5d0383] {
    color: #52c41a
}

.error-color-text[data-v-0b5d0383] {
    color: #f5222d
}

[data-v-0b5d0383] .ss-tabs-nav-wrap .ss-tabs-nav-list .ss-tabs-tab {
    padding-top: 0
}

[data-v-0b5d0383] .ss-collapse-item .ss-collapse-header {
    padding: 23px 0 13px
}

[data-v-0b5d0383] .ss-collapse-item .ss-collapse-content-box {
    padding: 0
}

.font_settings_content[data-v-0b5d0383] {
    border: 1px solid #e8e8e8;
    padding: 16px
}

.font_settings_content .title[data-v-0b5d0383] {
    display: flex;
    justify-content: space-between
}

.font_settings_content .title span[data-v-0b5d0383] {
    font-size: 13px;
    font-weight: 600;
    color: #1e1c23
}

.font_settings_content .font_setting[data-v-0b5d0383] {
    margin-top: 10px
}

.font_settings_content .font_setting .font_setting_item[data-v-0b5d0383] {
    display: flex;
    position: relative;
    align-items: center
}

.font_settings_content .font_setting .font_setting_item .font_setting_item_title[data-v-0b5d0383] {
    color: #42464e;
    font-size: 13px;
    padding-right: 15px;
    min-width: 67px
}

.font_settings_content .font_setting .font_setting_item .font_style_title[data-v-0b5d0383] {
    color: #42464e;
    font-size: 13px;
    padding-right: 15px;
    display: flex;
    align-self: flex-start;
    white-space: nowrap
}

.font_settings_content .font_setting .font_setting_item .font_style_box .font_style_content_box[data-v-0b5d0383] {
    overflow-y: auto;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    overflow: hidden
}

.font_settings_content .font_setting .font_setting_item .font_style_box .font_style_content_box .font_style_content_item[data-v-0b5d0383] {
    border: 2px solid #ededee;
    cursor: pointer;
    border-radius: 8px;
    overflow: hidden
}

.font_settings_content .font_setting .font_setting_item .font_style_box .font_style_content_box .font_style_content_item[data-v-0b5d0383]:hover {
    border-color: #1664ff;
    background-color: #e8f7ff
}

.font_settings_content .font_setting .font_setting_item .font_style_box .font_style_content_box .font_style_content_item .font_style_content_item_text[data-v-0b5d0383] {
    width: 51px;
    font-size: 20px;
    line-height: 51px;
    text-align: center;
    margin: 0;
    font-weight: 900
}

.font_settings_content .font_setting .font_setting_item .font_style_box .font_style_content_box .active_font_style[data-v-0b5d0383] {
    border-color: #1664ff
}

.font_settings_content .font_setting .font_setting_item .font_style_box .font_style_content_box .font_disabled[data-v-0b5d0383] {
    width: 51px;
    font-size: 32px;
    text-align: center
}

.font_settings_content .font_setting .font_setting_item .font_style_box .folding_panel[data-v-0b5d0383] {
    color: #737a87;
    text-align: center;
    width: 100%;
    display: block;
    cursor: pointer;
    margin-top: 15px
}

.font_settings_content .font_setting .font_setting_item .font_setting_box[data-v-0b5d0383] {
    flex: 1;
    max-width: 550px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    background-color: #f6f8fa;
    overflow-x: auto;
    overflow-y: hidden
}

.font_settings_content .font_setting .font_setting_item .font_setting_box[data-v-0b5d0383]::-webkit-scrollbar {
    height: 4px
}

.font_settings_content .font_setting .font_setting_item .font_setting_box[data-v-0b5d0383]::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 10px
}

.font_settings_content .font_setting .font_setting_item .font_setting_box[data-v-0b5d0383] .ant-popover-inner-content {
    padding: 0
}

.font_settings_content .font_setting .font_setting_item .font_setting_box[data-v-0b5d0383] .ant-input-number {
    background-color: transparent;
    border: none;
    width: 56px
}

.font_settings_content .font_setting .font_setting_item .font_setting_box[data-v-0b5d0383] .ant-input-number-input {
    text-align: center
}

.font_settings_content .font_setting .font_setting_item .font_setting_box[data-v-0b5d0383] .zs-color-picker-panel {
    margin-top: 16px;
    left: 0
}

.font_settings_content .font_setting .font_setting_item .font_setting_box .select_font_box[data-v-0b5d0383] {
    display: flex;
    flex-direction: column;
    height: 400px;
    overflow-y: auto;
    padding-right: 4px
}

.font_settings_content .font_setting .font_setting_item .font_setting_box .select_font_box[data-v-0b5d0383]:hover {
    padding-right: 0
}

.font_settings_content .font_setting .font_setting_item .font_setting_box .select_font_box[data-v-0b5d0383]:hover::-webkit-scrollbar {
    display: block
}

.font_settings_content .font_setting .font_setting_item .font_setting_box .select_font_box[data-v-0b5d0383]::-webkit-scrollbar {
    width: 4px;
    height: 10px;
    display: none
}

.font_settings_content .font_setting .font_setting_item .font_setting_box .select_font_box[data-v-0b5d0383]::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 10px
}

.font_settings_content .font_setting .font_setting_item .font_setting_box .select_font_box .select_font_item[data-v-0b5d0383] {
    padding: 8px 16px;
    cursor: pointer;
    min-width: 157px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.font_settings_content .font_setting .font_setting_item .font_setting_box .select_font_box .select_font_item[data-v-0b5d0383]:hover {
    background-color: #eeefef
}

.font_settings_content .font_setting .font_setting_item .font_setting_box .select_font_box .font_active[data-v-0b5d0383] {
    font-weight: 600
}

.font_settings_content .font_setting .font_setting_item .font_setting_box .font_settings_style[data-v-0b5d0383] {
    cursor: pointer;
    color: #0c0d0e;
    margin: 0 5px;
    padding: 3px;
    display: flex;
    align-items: center
}

.font_settings_content .font_setting .font_setting_item .font_setting_box .font_settings_style span[data-v-0b5d0383] {
    max-width: 70px;
    margin-right: 5px;
    font-size: 13px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.font_settings_content .font_setting .font_setting_item .font_setting_box .font_settings_style[data-v-0b5d0383]:hover {
    background-color: #eeefef
}

.font_settings_content .font_setting .font_setting_item .font_setting_box .font_settings_size[data-v-0b5d0383] {
    margin: 0 5px;
    height: 40px;
    line-height: 40px;
    display: flex;
    align-items: center
}

.font_settings_content .font_setting .font_setting_item .font_setting_box .font_settings_size[data-v-0b5d0383]:hover {
    background-color: #eeefef
}

.font_settings_content .font_setting .font_setting_item .font_setting_box .font_settings_size .change_btn[data-v-0b5d0383] {
    cursor: pointer;
    padding: 0 10px;
    color: #42464e;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.font_settings_content .font_setting .font_setting_item .font_setting_box .split_line[data-v-0b5d0383] {
    margin: 0 10px;
    height: 20px;
    width: 1px;
    background-color: #e2e2e2
}

.font_settings_content .font_setting .font_setting_item .font_setting_box .color_settings_box[data-v-0b5d0383] {
    display: flex;
    gap: 7px
}

.font_settings_content .font_setting .font_setting_item .font_setting_box .color_settings_box .settings_color[data-v-0b5d0383] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 7px;
    position: relative;
    border-radius: 5px
}

.font_settings_content .font_setting .font_setting_item .font_setting_box .color_settings_box .settings_color[data-v-0b5d0383]:hover {
    background-color: #eeefef;
    cursor: pointer
}

.font_settings_content .font_setting .font_setting_item .font_setting_box .color_settings_box .settings_color:hover .del_bgc[data-v-0b5d0383] {
    opacity: 1
}

.font_settings_content .font_setting .font_setting_item .font_setting_box .color_settings_box .settings_color .del_bgc[data-v-0b5d0383] {
    position: absolute;
    top: -5px;
    right: -5px;
    font-size: 22px;
    opacity: 0;
    color: #333
}

.font_settings_content .font_setting .font_setting_item .font_setting_box .color_settings_box .settings_color .del_bgc[data-v-0b5d0383]:hover {
    color: red
}

.font_settings_content .font_setting .font_setting_item .font_setting_box .color_settings_box .settings_color .color_line[data-v-0b5d0383] {
    height: 2px;
    width: 60%;
    background-color: #000;
    position: absolute;
    bottom: 0;
    left: 20%
}

.font_settings_content .font_setting .font_setting_item .font_setting_box .color_settings_box .disable_settings_color[data-v-0b5d0383] {
    filter: grayscale(80%)
}

.font_settings_content .font_setting .font_setting_item .font_setting_box .color_settings_box .disable_settings_color .color_line[data-v-0b5d0383] {
    background: #ccced0!important
}

.font_settings_content .font_setting .font_setting_item .font_setting_box .font_settings_style_control[data-v-0b5d0383] {
    display: flex;
    align-items: center;
    gap: 10px
}

.font_settings_content .font_setting .font_setting_item .font_setting_box .font_settings_style_control[data-v-0b5d0383] .ant-popover-inner-content {
    padding: 0
}

.font_settings_content .font_setting .font_setting_item .font_setting_box .font_settings_style_control .select_alignment[data-v-0b5d0383] {
    display: flex
}

.font_settings_content .font_setting .font_setting_item .font_setting_box .font_settings_style_control .select_alignment span[data-v-0b5d0383] {
    padding: 5px;
    cursor: pointer
}

.font_settings_content .font_setting .font_setting_item .font_setting_box .font_settings_style_control .select_alignment span[data-v-0b5d0383]:hover,.font_settings_content .font_setting .font_setting_item .font_setting_box .font_settings_style_control .select_alignment .active_alignment[data-v-0b5d0383] {
    background-color: #eeefef
}

.font_settings_content .font_setting .font_setting_item .font_setting_box .font_settings_style_control .font_settings_style_itme[data-v-0b5d0383] {
    padding: 2px 7px;
    cursor: pointer;
    border-radius: 5px;
    overflow: hidden
}

.font_settings_content .font_setting .font_setting_item .font_setting_box .font_settings_style_control .font_settings_style_itme[data-v-0b5d0383]:hover {
    background-color: #eeefef
}

.font_settings_content .font_setting .font_setting_item .font_setting_box .font_settings_style_control .is_active[data-v-0b5d0383] {
    background-color: #d8e7fc!important
}

.font_settings_content .font_setting .font_setting_item .font_setting_box .font_settings_style_control .alignment[data-v-0b5d0383] {
    display: flex;
    padding: 4px
}

.font_settings_content .font_setting .font_setting_item .setting_time[data-v-0b5d0383] {
    border: 1px solid #e2e2e2;
    display: flex;
    align-items: center
}

.font_settings_content .font_setting .font_setting_item .setting_time[data-v-0b5d0383] .ant-input-number-group-addon {
    border: none;
    background-color: transparent
}

.font_settings_content .font_setting .font_setting_item .setting_time[data-v-0b5d0383] .ant-input-number-input,.font_settings_content .font_setting .font_setting_item .setting_time[data-v-0b5d0383] .ant-input-number,.font_settings_content .font_setting .font_setting_item .setting_time[data-v-0b5d0383] .ant-input-number:hover {
    border: none
}

.font_settings_content .font_setting .font_setting_item .setting_time[data-v-0b5d0383] .ant-input-number-focused {
    box-shadow: none
}

.font_settings_content .font_setting .font_setting_item .setting_time[data-v-0b5d0383] .ant-input-number-handler {
    border-right: 1px solid #d9d9d9
}

.font_settings_content .font_setting .font_setting_item .focus_input[data-v-0b5d0383] {
    border-color: #1890ff
}

.font_settings_content .font_setting .font_setting_item .timbre_selection[data-v-0b5d0383] {
    width: 284px;
    border-radius: 4px;
    background: #f6f8fa;
    border: 1px solid rgba(0,0,0,.05);
    padding: 12px;
    display: flex;
    justify-content: space-between
}

.font_settings_content .font_setting .font_setting_item .timbre_selection .timbre_selection_cart_left[data-v-0b5d0383] {
    display: flex;
    align-items: center
}

.font_settings_content .font_setting .font_setting_item .timbre_selection .timbre_selection_cart_left img[data-v-0b5d0383] {
    width: 37px;
    margin-right: 12px
}

.font_settings_content .font_setting .font_setting_item .timbre_selection .timbre_selection_cart_left strong[data-v-0b5d0383] {
    color: #42464e
}

.font_settings_content .font_setting .font_setting_item .timbre_selection .timbre_selection_cart_right[data-v-0b5d0383] {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #42464e;
    font-size: 17px;
    cursor: pointer;
    width: 38px
}

.font_settings_content .font_setting .font_setting_item .timbre_selection .timbre_selection_cart_right[data-v-0b5d0383]:hover {
    background-color: #eeefef
}

.font_settings_content .font_setting .font_setting_item .volume_adjust[data-v-0b5d0383] {
    width: 254px
}

.font_settings_content .font_setting .font_setting_item .setting_item_box[data-v-0b5d0383] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-top: 26px
}

.font_settings_content .font_setting .font_setting_item .setting_item_box .setting_item_content_box_[data-v-0b5d0383] {
    display: flex;
    align-items: center
}

.font_settings_content .font_setting .font_setting_item .setting_item_box .setting_item_content_box_ .setting_content .slider_box[data-v-0b5d0383] {
    width: 249px
}

.font_settings_content .font_setting .font_setting_item .setting_item_box .setting_item_content_box_ .setting_content .settings_color[data-v-0b5d0383] {
    position: relative;
    border-radius: 5px;
    width: 100px;
    display: flex;
    border: 1px solid #ccced0
}

.font_settings_content .font_setting .font_setting_item .setting_item_box .setting_item_content_box_ .setting_content .settings_color .downOutlined[data-v-0b5d0383] {
    background: #f3f3f3;
    display: flex;
    align-items: center
}

.font_settings_content .font_setting .font_setting_item .setting_item_box .setting_item_content_box_ .setting_content .settings_color[data-v-0b5d0383]:hover {
    cursor: pointer
}

.font_settings_content .font_setting .font_setting_item .setting_item_box .setting_item_content_box_ .setting_content .settings_color:hover .del_bgc[data-v-0b5d0383] {
    opacity: 1
}

.font_settings_content .font_setting .font_setting_item .setting_item_box .setting_item_content_box_ .setting_content .settings_color:hover .downOutlined[data-v-0b5d0383] {
    background-color: #e4e4e4
}

.font_settings_content .font_setting .font_setting_item .setting_item_box .setting_item_content_box_ .setting_content .settings_color .del_bgc[data-v-0b5d0383] {
    position: absolute;
    top: -5px;
    right: -5px;
    font-size: 22px;
    opacity: 0
}

.font_settings_content .font_setting .font_setting_item .setting_item_box .setting_item_content_box_ .setting_content .settings_color .del_bgc[data-v-0b5d0383]:hover {
    color: red
}

.font_settings_content .font_setting .font_setting_item .setting_item_box .setting_item_content_box_ .setting_content .settings_color .color_line[data-v-0b5d0383] {
    width: 90%;
    height: 20px;
    background-color: #000
}

.font_settings_content .font_setting .font_setting_item .setting_item_box .font_setting_box[data-v-0b5d0383] {
    flex: 1;
    max-width: 550px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    background-color: #f6f8fa;
    overflow-x: auto;
    overflow-y: hidden
}

.font_settings_content .font_setting .font_setting_item .setting_item_box .font_setting_box[data-v-0b5d0383]::-webkit-scrollbar {
    height: 4px
}

.font_settings_content .font_setting .font_setting_item .setting_item_box .font_setting_box[data-v-0b5d0383]::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 10px
}

.font_settings_content .font_setting .font_setting_item .setting_item_box .split_line[data-v-0b5d0383] {
    margin: 0 10px;
    height: 20px;
    width: 1px;
    background-color: #e2e2e2
}

.font_settings_content .font_setting .font_setting_item .setting_item_box .color_settings_box[data-v-0b5d0383] {
    display: flex;
    gap: 7px
}

.font_settings_content .font_setting .font_setting_item .setting_item_box .color_settings_box .settings_color[data-v-0b5d0383] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 7px;
    position: relative;
    border-radius: 5px;
    overflow: hidden
}

.font_settings_content .font_setting .font_setting_item .setting_item_box .color_settings_box .settings_color[data-v-0b5d0383]:hover {
    background-color: #eeefef;
    cursor: pointer
}

.font_settings_content .font_setting .font_setting_item .setting_item_box .color_settings_box .settings_color:hover .del_bgc[data-v-0b5d0383] {
    opacity: 1
}

.font_settings_content .font_setting .font_setting_item .setting_item_box .color_settings_box .settings_color .del_bgc[data-v-0b5d0383] {
    position: absolute;
    top: -5px;
    right: -5px;
    font-size: 22px;
    opacity: 0
}

.font_settings_content .font_setting .font_setting_item .setting_item_box .color_settings_box .settings_color .del_bgc[data-v-0b5d0383]:hover {
    color: red
}

.font_settings_content .font_setting .font_setting_item .setting_item_box .color_settings_box .settings_color .color_line[data-v-0b5d0383] {
    height: 2px;
    width: 60%;
    background-color: #000;
    position: absolute;
    bottom: 0;
    left: 20%
}

.font_settings_content .font_setting .font_setting_item .setting_item_box .color_settings_box .disable_settings_color[data-v-0b5d0383] {
    filter: grayscale(80%)
}

.font_settings_content .font_setting .font_setting_item .setting_item_box .color_settings_box .disable_settings_color .color_line[data-v-0b5d0383] {
    background: #ccced0!important
}

.font_settings_content .font_setting .font_setting_item .setting_item_box .font_settings_style_control[data-v-0b5d0383] {
    display: flex;
    align-items: center;
    gap: 10px
}

.font_settings_content .font_setting .font_setting_item .setting_item_box .font_settings_style_control[data-v-0b5d0383] .ant-popover-inner-content {
    padding: 0
}

.font_settings_content .font_setting .font_setting_item .setting_item_box .font_settings_style_control .alignment[data-v-0b5d0383] {
    display: flex;
    padding: 4px
}

.primary-color-text[data-v-2a9d9d5b] {
    color: #2878ff
}

.success-color-text[data-v-2a9d9d5b] {
    color: #52c41a
}

.error-color-text[data-v-2a9d9d5b] {
    color: #f5222d
}

.FontStyleComponent[data-v-2a9d9d5b] {
    min-height: 270px
}

.FontStyleComponent .font_settings_content[data-v-2a9d9d5b] {
    border: 1px solid #e8e8e8;
    padding: 16px
}

.FontStyleComponent .font_settings_content .title[data-v-2a9d9d5b] {
    display: flex;
    justify-content: space-between
}

.FontStyleComponent .font_settings_content .title span[data-v-2a9d9d5b] {
    font-size: 13px;
    font-weight: 600;
    color: #1e1c23
}

.FontStyleComponent .font_settings_content .font_setting[data-v-2a9d9d5b] {
    margin-top: 10px
}

.FontStyleComponent .font_settings_content .font_setting .font_setting_item[data-v-2a9d9d5b] {
    display: flex;
    position: relative;
    align-items: center
}

.FontStyleComponent .font_settings_content .font_setting .font_setting_item .font_setting_item_title[data-v-2a9d9d5b] {
    color: #42464e;
    font-size: 13px;
    padding-right: 15px;
    min-width: 67px
}

.FontStyleComponent .font_settings_content .font_setting .font_setting_item .font_style_title[data-v-2a9d9d5b] {
    color: #42464e;
    font-size: 13px;
    padding-right: 15px;
    display: flex;
    align-self: flex-start;
    white-space: nowrap
}

.FontStyleComponent .font_settings_content .font_setting .font_setting_item .font_style_box .font_style_content_box[data-v-2a9d9d5b] {
    overflow-y: auto;
    display: flex;
    flex-wrap: wrap;
    gap: 10px
}

.FontStyleComponent .font_settings_content .font_setting .font_setting_item .font_style_box .font_style_content_box .font_style_content_item[data-v-2a9d9d5b] {
    border: 1px solid #ededee;
    cursor: pointer;
    border-radius: 8px
}

.FontStyleComponent .font_settings_content .font_setting .font_setting_item .font_style_box .font_style_content_box .font_style_content_item[data-v-2a9d9d5b]:hover {
    border-color: #1664ff;
    background-color: #f4f6f5
}

.FontStyleComponent .font_settings_content .font_setting .font_setting_item .font_style_box .font_style_content_box .active_font_style[data-v-2a9d9d5b] {
    border-color: #1664ff
}

.FontStyleComponent .font_settings_content .font_setting .font_setting_item .font_style_box .font_style_content_box .font_disabled[data-v-2a9d9d5b] {
    width: 51px;
    font-size: 32px;
    text-align: center
}

.FontStyleComponent .font_settings_content .font_setting .font_setting_item .font_style_box .folding_panel[data-v-2a9d9d5b] {
    color: #737a87;
    text-align: center;
    width: 100%;
    display: block;
    cursor: pointer;
    margin-top: 15px
}

.FontStyleComponent .font_settings_content .font_setting .font_setting_item .font_setting_box[data-v-2a9d9d5b] {
    flex: 1;
    max-width: 560px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    background-color: #f6f8fa;
    overflow-x: auto;
    overflow-y: hidden
}

.FontStyleComponent .font_settings_content .font_setting .font_setting_item .font_setting_box[data-v-2a9d9d5b]::-webkit-scrollbar {
    height: 4px
}

.FontStyleComponent .font_settings_content .font_setting .font_setting_item .font_setting_box[data-v-2a9d9d5b]::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 10px
}

.FontStyleComponent .font_settings_content .font_setting .font_setting_item .font_setting_box[data-v-2a9d9d5b] .ant-popover-inner-content {
    padding: 0
}

.FontStyleComponent .font_settings_content .font_setting .font_setting_item .font_setting_box[data-v-2a9d9d5b] .ant-input-number {
    background-color: transparent;
    border: none;
    width: 56px
}

.FontStyleComponent .font_settings_content .font_setting .font_setting_item .font_setting_box[data-v-2a9d9d5b] .ant-input-number-input {
    text-align: center
}

.FontStyleComponent .font_settings_content .font_setting .font_setting_item .font_setting_box[data-v-2a9d9d5b] .zs-color-picker-panel {
    margin-top: 16px;
    left: 0
}

.FontStyleComponent .font_settings_content .font_setting .font_setting_item .font_setting_box .select_font_box[data-v-2a9d9d5b] {
    display: flex;
    flex-direction: column;
    height: 400px;
    overflow-y: auto;
    padding-right: 4px
}

.FontStyleComponent .font_settings_content .font_setting .font_setting_item .font_setting_box .select_font_box[data-v-2a9d9d5b]:hover {
    padding-right: 0
}

.FontStyleComponent .font_settings_content .font_setting .font_setting_item .font_setting_box .select_font_box[data-v-2a9d9d5b]:hover::-webkit-scrollbar {
    display: block
}

.FontStyleComponent .font_settings_content .font_setting .font_setting_item .font_setting_box .select_font_box[data-v-2a9d9d5b]::-webkit-scrollbar {
    width: 4px;
    height: 10px;
    display: none
}

.FontStyleComponent .font_settings_content .font_setting .font_setting_item .font_setting_box .select_font_box[data-v-2a9d9d5b]::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 10px
}

.FontStyleComponent .font_settings_content .font_setting .font_setting_item .font_setting_box .select_font_box .select_font_item[data-v-2a9d9d5b] {
    padding: 8px 16px;
    cursor: pointer;
    min-width: 157px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.FontStyleComponent .font_settings_content .font_setting .font_setting_item .font_setting_box .select_font_box .select_font_item[data-v-2a9d9d5b]:hover {
    background-color: #eeefef
}

.FontStyleComponent .font_settings_content .font_setting .font_setting_item .font_setting_box .select_font_box .font_active[data-v-2a9d9d5b] {
    font-weight: 600
}

.FontStyleComponent .font_settings_content .font_setting .font_setting_item .font_setting_box .font_settings_style[data-v-2a9d9d5b] {
    cursor: pointer;
    color: #0c0d0e;
    margin: 0 5px;
    padding: 3px;
    display: flex;
    align-items: center
}

.FontStyleComponent .font_settings_content .font_setting .font_setting_item .font_setting_box .font_settings_style span[data-v-2a9d9d5b] {
    max-width: 70px;
    margin-right: 5px;
    font-size: 13px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.FontStyleComponent .font_settings_content .font_setting .font_setting_item .font_setting_box .font_settings_style[data-v-2a9d9d5b]:hover {
    background-color: #eeefef
}

.FontStyleComponent .font_settings_content .font_setting .font_setting_item .font_setting_box .font_settings_size[data-v-2a9d9d5b] {
    margin: 0 5px;
    height: 40px;
    line-height: 40px;
    display: flex;
    align-items: center
}

.FontStyleComponent .font_settings_content .font_setting .font_setting_item .font_setting_box .font_settings_size[data-v-2a9d9d5b]:hover {
    background-color: #eeefef
}

.FontStyleComponent .font_settings_content .font_setting .font_setting_item .font_setting_box .font_settings_size .change_btn[data-v-2a9d9d5b] {
    cursor: pointer;
    padding: 0 10px;
    color: #42464e;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.FontStyleComponent .font_settings_content .font_setting .font_setting_item .font_setting_box .split_line[data-v-2a9d9d5b] {
    margin: 0 10px;
    height: 20px;
    width: 1px;
    background-color: #e2e2e2
}

.FontStyleComponent .font_settings_content .font_setting .font_setting_item .font_setting_box .color_settings_box[data-v-2a9d9d5b] {
    display: flex;
    gap: 7px
}

.FontStyleComponent .font_settings_content .font_setting .font_setting_item .font_setting_box .color_settings_box .settings_color[data-v-2a9d9d5b] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 5px 7px;
    position: relative
}

.FontStyleComponent .font_settings_content .font_setting .font_setting_item .font_setting_box .color_settings_box .settings_color[data-v-2a9d9d5b]:hover {
    background-color: #eeefef;
    cursor: pointer
}

.FontStyleComponent .font_settings_content .font_setting .font_setting_item .font_setting_box .color_settings_box .settings_color .color_line[data-v-2a9d9d5b] {
    height: 2px;
    width: 60%;
    background-color: #000;
    position: absolute;
    bottom: 0;
    left: 20%
}

.FontStyleComponent .font_settings_content .font_setting .font_setting_item .font_setting_box .font_settings_style_control[data-v-2a9d9d5b] {
    display: flex;
    align-items: center;
    gap: 10px
}

.FontStyleComponent .font_settings_content .font_setting .font_setting_item .font_setting_box .font_settings_style_control[data-v-2a9d9d5b] .ant-popover-inner-content {
    padding: 0
}

.FontStyleComponent .font_settings_content .font_setting .font_setting_item .font_setting_box .font_settings_style_control .select_alignment[data-v-2a9d9d5b] {
    display: flex
}

.FontStyleComponent .font_settings_content .font_setting .font_setting_item .font_setting_box .font_settings_style_control .select_alignment span[data-v-2a9d9d5b] {
    padding: 5px;
    cursor: pointer
}

.FontStyleComponent .font_settings_content .font_setting .font_setting_item .font_setting_box .font_settings_style_control .select_alignment span[data-v-2a9d9d5b]:hover,.FontStyleComponent .font_settings_content .font_setting .font_setting_item .font_setting_box .font_settings_style_control .select_alignment .active_alignment[data-v-2a9d9d5b] {
    background-color: #eeefef
}

.FontStyleComponent .font_settings_content .font_setting .font_setting_item .font_setting_box .font_settings_style_control .font_settings_style_itme[data-v-2a9d9d5b] {
    padding: 2px 7px;
    cursor: pointer
}

.FontStyleComponent .font_settings_content .font_setting .font_setting_item .font_setting_box .font_settings_style_control .font_settings_style_itme[data-v-2a9d9d5b]:hover {
    background-color: #eeefef
}

.FontStyleComponent .font_settings_content .font_setting .font_setting_item .font_setting_box .font_settings_style_control .alignment[data-v-2a9d9d5b] {
    display: flex;
    padding: 4px
}

.FontStyleComponent .font_settings_content .font_setting .font_setting_item .setting_time[data-v-2a9d9d5b] {
    border: 1px solid #e2e2e2;
    display: flex;
    align-items: center
}

.FontStyleComponent .font_settings_content .font_setting .font_setting_item .setting_time[data-v-2a9d9d5b] .ant-input-number-group-addon {
    border: none;
    background-color: transparent
}

.FontStyleComponent .font_settings_content .font_setting .font_setting_item .setting_time[data-v-2a9d9d5b] .ant-input-number-input {
    border: none;
    padding: none
}

.FontStyleComponent .font_settings_content .font_setting .font_setting_item .setting_time[data-v-2a9d9d5b] .ant-input-number,.FontStyleComponent .font_settings_content .font_setting .font_setting_item .setting_time[data-v-2a9d9d5b] .ant-input-number:hover {
    border: none
}

.FontStyleComponent .font_settings_content .font_setting .font_setting_item .setting_time[data-v-2a9d9d5b] .ant-input-number-focused {
    box-shadow: none
}

.FontStyleComponent .font_settings_content .font_setting .font_setting_item .setting_time[data-v-2a9d9d5b] .ant-input-number-handler {
    border-right: 1px solid #d9d9d9
}

.FontStyleComponent .font_settings_content .font_setting .font_setting_item .focus_input[data-v-2a9d9d5b] {
    border-color: #1890ff
}

.FontStyleComponent .font_settings_content .font_setting .font_setting_item .timbre_selection[data-v-2a9d9d5b] {
    cursor: pointer;
    width: 284px;
    border-radius: 4px;
    background: #f6f8fa;
    border: 1px solid rgba(0,0,0,.05);
    padding: 12px;
    display: flex;
    justify-content: space-between
}

.FontStyleComponent .font_settings_content .font_setting .font_setting_item .timbre_selection .timbre_selection_cart_left[data-v-2a9d9d5b] {
    display: flex;
    align-items: center
}

.FontStyleComponent .font_settings_content .font_setting .font_setting_item .timbre_selection .timbre_selection_cart_left img[data-v-2a9d9d5b] {
    width: 37px;
    margin-right: 12px
}

.FontStyleComponent .font_settings_content .font_setting .font_setting_item .timbre_selection .timbre_selection_cart_left strong[data-v-2a9d9d5b] {
    color: #42464e;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis
}

.FontStyleComponent .font_settings_content .font_setting .font_setting_item .timbre_selection .timbre_selection_cart_right[data-v-2a9d9d5b] {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #42464e;
    font-size: 17px;
    width: 38px
}

.FontStyleComponent .font_settings_content .font_setting .font_setting_item .timbre_selection .timbre_selection_cart_right[data-v-2a9d9d5b]:hover {
    background-color: #eeefef
}

.FontStyleComponent .font_settings_content .font_setting .font_setting_item .volume_adjust[data-v-2a9d9d5b] {
    width: 254px
}

.primary-color-text[data-v-0d3fbf43] {
    color: #2878ff
}

.success-color-text[data-v-0d3fbf43] {
    color: #52c41a
}

.error-color-text[data-v-0d3fbf43] {
    color: #f5222d
}

.fold_manual_box[data-v-0d3fbf43] {
    width: 100%;
    line-height: 33px;
    background-color: #f6f8fa;
    padding: 1px 15px;
    cursor: pointer;
    border-radius: 20px;
    margin-top: 10px;
    font-size: 12px;
    color: #737a87;
    display: flex;
    align-items: center;
    gap: 0 15px;
    border: 1px solid transparent;
    transition: all .3s
}

.fold_manual_box .mobile-header[data-v-0d3fbf43] {
    height: 44px;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom: 1px solid rgba(255,255,255,.281);
    background: #000;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #fff;
    padding: 10px;
    overflow: hidden
}

.fold_manual_box[data-v-0d3fbf43]:hover {
    border-color: var(--ss-primary-color-hover)
}

.fold_manual_box .edit_show_msg[data-v-0d3fbf43] {
    display: flex;
    align-items: center;
    gap: 10px
}

.fold_manual_box .edit_show_msg .duration[data-v-0d3fbf43] {
    color: #737a87
}

.fold_manual_box .edit_show_msg .character-count[data-v-0d3fbf43] {
    align-items: center;
    color: var(--ss-primary-5);
    display: flex;
    font-size: .75rem;
    gap: .5rem
}

.fold_manual_box .edit_show_msg .character-count svg[data-v-0d3fbf43] {
    color: var(--ss-primary-5)
}

.fold_manual_box .edit_show_msg .character-count--warning[data-v-0d3fbf43],.fold_manual_box .edit_show_msg .character-count--warning svg[data-v-0d3fbf43] {
    color: red
}

.title_box[data-v-0d3fbf43] {
    width: 100%;
    padding-bottom: 10px;
    padding-top: 24px;
    position: sticky;
    top: 0;
    background-color: #fff;
    z-index: 999
}

.title_box[data-v-0d3fbf43]:after {
    content: "";
    height: 1px;
    width: calc(100% + 48px);
    background-color: #e8e8e8;
    position: absolute;
    bottom: 0;
    left: -24px
}

.title_box .title_top[data-v-0d3fbf43] {
    display: flex;
    justify-content: space-between;
    color: #0c0d0e
}

.title_box .title_top h1[data-v-0d3fbf43] {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 4px
}

.title_box .title_top .close[data-v-0d3fbf43] {
    cursor: pointer;
    text-align: center;
    line-height: 29px;
    padding: 0 6px
}

.title_box .title_top .close[data-v-0d3fbf43]:hover {
    background-color: #f3f3f4
}

.title_box .title_bottom .btn_prev[data-v-0d3fbf43] {
    border-radius: 5px;
    padding: 0 16px;
    font-size: 12px;
    height: 28px
}

.content[data-v-0d3fbf43] {
    padding-top: 20px;
    position: relative
}

.content .phoneConCover_content[data-v-0d3fbf43] {
    position: fixed;
    border-radius: 40px;
    top: 50%;
    left: 25%;
    transform: translate(-50%,-50%);
    background-color: #000;
    display: flex;
    align-items: center;
    justify-content: center
}

.content .phoneConCover_content .mobile-header[data-v-0d3fbf43] {
    height: 44px;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom: 1px solid rgba(255,255,255,.281);
    background: #000;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #fff;
    padding: 10px;
    overflow: hidden
}

.content .phoneConCover_content .bgc_content[data-v-0d3fbf43] {
    position: absolute;
    top: 43.5px;
    left: 0;
    width: 100%;
    height: calc(100% - 88px);
    background-repeat: no-repeat;
    background-size: contain;
    background-size: cover;
    background-size: 100%;
    pointer-events: none;
    z-index: 2
}

.content .phoneConCover_content .left_phone_view[data-v-0d3fbf43] {
    overflow: hidden;
    position: relative;
    height: calc(100% - 88px);
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid rgba(255,255,255,.281)
}

.content .phoneConCover_content .left_phone_view .editor_content[data-v-0d3fbf43] {
    margin-bottom: 0;
    border: none;
    resize: none;
    height: auto;
    display: inline-block;
    pointer-events: none;
    white-space: pre-wrap;
    word-break: break-all
}

.content .phoneConCover_content .bottom_View_control[data-v-0d3fbf43] {
    position: absolute;
    bottom: -50px;
    left: 50%;
    transform: translate(-50%);
    display: flex
}

.content .content_item .upload_btn_box[data-v-0d3fbf43] {
    margin-top: 20px
}

.content .content_item .content_item_title[data-v-0d3fbf43] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px
}

.content .content_item .content_item_title h2[data-v-0d3fbf43] {
    font-size: 13px;
    font-weight: 600;
    color: #1e1c23;
    margin-bottom: 0
}

.content .content_item .content_item_title span[data-v-0d3fbf43] {
    font-size: 12px;
    color: #737a87
}

.content .content_item .switch[data-v-0d3fbf43] {
    margin-top: 10px
}

.content .content_item .switch .switch_box[data-v-0d3fbf43] {
    width: 213px;
    padding: 3px;
    background-color: #f1f3f5;
    display: flex;
    border-radius: 3px;
    overflow: hidden
}

.content .content_item .switch .switch_box .switch_item[data-v-0d3fbf43] {
    line-height: 28px;
    flex: 1;
    font-size: 13px;
    color: #42464e;
    border-radius: 3px;
    overflow: hidden;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer
}

.content .content_item .switch .switch_box .switch_item[data-v-0d3fbf43]:hover {
    color: #3261fb
}

.content .content_item .switch .switch_box .activeSwitch[data-v-0d3fbf43] {
    background-color: #fff;
    color: #3261fb
}

.content .content_item .switch .content_item_AI[data-v-0d3fbf43] {
    display: flex;
    gap: 10px
}

.content .content_item .switch .content_item_AI .icon[data-v-0d3fbf43] {
    display: flex;
    align-items: center;
    color: #2580fd;
    font-size: 18px
}

.content .content_item .manual_box[data-v-0d3fbf43] {
    background-color: #f6f8fa;
    padding: 15px;
    margin-top: 18px;
    border-radius: 5px
}

.content .content_item .manual_box .editor_container[data-v-0d3fbf43] {
    background-color: #fff;
    border-radius: 8px;
    position: relative;
    padding: 7px 20px 35px;
    outline: none
}
#globalSubtitlePanel .editor_container:focus,
#globalSubtitlePanel .edit_component:focus {
    outline: none
}

.content .content_item .manual_box .editor_container .editor_content_box[data-v-0d3fbf43] {
    display: flex;
    flex-direction: column
}

.content .content_item .manual_box .editor_container .editor_content_box .editor_content_item[data-v-0d3fbf43] {
    display: flex;
    flex-direction: column;
    position: relative
}

.content .content_item .manual_box .editor_container .editor_content_box .editor_content_item .editor_content_iatem_box[data-v-0d3fbf43] {
    position: relative
}

.content .content_item .manual_box .editor_container .editor_content_box .editor_content_item .editor_content_iatem_box .editor_content_item_point[data-v-0d3fbf43] {
    cursor: pointer;
    color: #c7ccd6;
    position: absolute;
    left: -14px;
    top: 0
}

.content .content_item .manual_box .editor_container .editor_content_box .editor_content_item .editor_content_iatem_box .editor_content[data-v-0d3fbf43] {
    margin-bottom: 0;
    border: none;
    resize: none;
    height: auto;
    display: inline-block;
    overflow: hidden;
    pointer-events: none;
    white-space: pre-wrap;
    word-break: break-all
}

.content .content_item .manual_box .editor_container .editor_operation[data-v-0d3fbf43] {
    display: flex;
    position: absolute;
    bottom: 5px;
    left: 5px;
    overflow: hidden
}

.content .content_item .manual_box .editor_container .editor_operation .editor_operation_item[data-v-0d3fbf43] {
    min-width: 78px;
    display: flex;
    align-items: center;
    gap: 2px;
    margin-right: 6px;
    padding: 2px 8px;
    background-color: #f4f5f5;
    border-radius: 3px;
    overflow: hidden;
    cursor: pointer;
    font-size: 12px;
    color: #1c1f23b3;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.content .content_item .manual_box .editor_container .editor_operation .editor_operation_item[data-v-0d3fbf43]:hover {
    background-color: #eceded
}

.content .content_item .manual_box .editor_container .editor_operation .disable_editor_operation_item[data-v-0d3fbf43] {
    cursor: not-allowed;
    background-color: #f9fafa;
    color: #aeafb0
}

.content .content_item .manual_box .editor_container .editor_operation .disable_editor_operation_item[data-v-0d3fbf43]:hover {
    background-color: #f9fafa;
    color: #aeafb0
}

.content .content_item .manual_box .manual_title[data-v-0d3fbf43] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px
}

.content .content_item .manual_box .manual_title .title_text[data-v-0d3fbf43] {
    font-size: 14px;
    color: #0c0d0e;
    font-weight: 600
}

.content .content_item .manual_box .manual_title .operation[data-v-0d3fbf43] {
    display: flex;
    align-items: center;
    gap: 10px
}

.content .content_item .manual_box .manual_title .operation .delete_btn[data-v-0d3fbf43] {
    background-color: #fff;
    border: 1px solid #dde2e9;
    font-size: 13px;
    color: #42464e;
    border-radius: 3px;
    padding: 0 7px;
    cursor: pointer
}

.content .content_item .manual_box .manual_title .operation .delete_btn[data-v-0d3fbf43]:hover {
    border-color: #3261fb
}

.content .content_item .manual_box .manual_title .operation .disable_delete_btn[data-v-0d3fbf43],.content .content_item .manual_box .manual_title .operation .disable_delete_btn[data-v-0d3fbf43]:hover {
    cursor: not-allowed;
    border-color: #dde2e9;
    color: #c7ccd6
}

.content .content_item .add_subtitle_btn[data-v-0d3fbf43] {
    width: 100%;
    color: #42464e;
    margin-top: 10px
}

.bottom_btn[data-v-0d3fbf43] {
    padding: 8px 24px;
    display: flex;
    justify-content: flex-end;
    background-color: #fff
}

[data-v-0d3fbf43] .ant-upload-list-item-info,[data-v-0d3fbf43] .ant-progress-outer,[data-v-0d3fbf43] .ant-upload-list,[data-v-0d3fbf43] .ant-upload-list-text {
    display: none!important
}

.upload_one[data-v-0d3fbf43] {
    width: 97%;
    background-color: #f5f7f9;
    margin-top: 20px;
    padding: 6px 12px;
    display: flex;
    justify-content: space-between
}

.upload_one .upload_one_left[data-v-0d3fbf43] {
    width: 85%;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.upload_one .upload_one_left_tile[data-v-0d3fbf43] {
    width: 96%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #0c0d0e
}

.ant-popover-buttons[data-v-0d3fbf43] {
    display: flex!important
}

.manual_audio[data-v-0d3fbf43] {
    width: 100%;
    height: 86px;
    background-color: #fff;
    margin-bottom: 20px;
    padding: 14px;
    display: flex
}

.manual_audio .video_box_left_one[data-v-0d3fbf43] {
    width: 50px;
    height: 50px;
    background-color: #bec0c2;
    border-radius: 3px;
    text-align: center;
    line-height: 56px;
    margin-right: 20px
}

.manual_audio .manual_audio_right[data-v-0d3fbf43] {
    color: #000;
    flex: 1
}

.manual_audio .manual_audio_right .manual_audio_right_top[data-v-0d3fbf43] {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 14px;
    font-weight: 600;
    color: #000;
    margin-bottom: 5px
}

.primary-color-text[data-v-f1e9cb90] {
    color: #2878ff
}

.success-color-text[data-v-f1e9cb90] {
    color: #52c41a
}

.error-color-text[data-v-f1e9cb90] {
    color: #f5222d
}

[data-v-f1e9cb90] .ss-tabs-nav-wrap .ss-tabs-nav-list .ss-tabs-tab {
    padding-top: 0
}

[data-v-f1e9cb90] .ss-collapse-item .ss-collapse-header {
    padding: 23px 0 13px
}

[data-v-f1e9cb90] .ss-collapse-item .ss-collapse-content-box {
    padding: 0
}

.font_settings_content[data-v-f1e9cb90] {
    border: 1px solid #e8e8e8;
    padding: 16px
}

.font_settings_content .title[data-v-f1e9cb90] {
    display: flex;
    justify-content: space-between
}

.font_settings_content .title span[data-v-f1e9cb90] {
    font-size: 13px;
    font-weight: 600;
    color: #1e1c23
}

.font_settings_content .font_setting[data-v-f1e9cb90] {
    margin-top: 10px
}

.font_settings_content .font_setting .font_setting_item[data-v-f1e9cb90] {
    display: flex;
    position: relative;
    align-items: center
}

.font_settings_content .font_setting .font_setting_item .flower_box_settings[data-v-f1e9cb90] {
    margin-bottom: 20px;
    display: flex
}

.font_settings_content .font_setting .font_setting_item .flower_box_settings .flower_settings_item[data-v-f1e9cb90] {
    display: flex;
    align-items: center
}

.font_settings_content .font_setting .font_setting_item .flower_box_settings .flower_settings_item .slider[data-v-f1e9cb90] {
    width: 135px;
    margin: 0 15px
}

.font_settings_content .font_setting .font_setting_item .flower_box_settings .flower_settings_item span[data-v-f1e9cb90] {
    font-size: 13px;
    color: #42464e;
    white-space: nowrap
}

.font_settings_content .font_setting .font_setting_item .font_style_box .font_style_content_box[data-v-f1e9cb90] {
    overflow-y: auto;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    overflow: hidden
}

.font_settings_content .font_setting .font_setting_item .font_style_box .font_style_content_box .font_style_content_item[data-v-f1e9cb90] {
    border: 2px solid #ededee;
    cursor: pointer;
    border-radius: 8px;
    overflow: hidden
}

.font_settings_content .font_setting .font_setting_item .font_style_box .font_style_content_box .font_style_content_item[data-v-f1e9cb90]:hover {
    border-color: #1664ff;
    background-color: #e8f7ff
}

.font_settings_content .font_setting .font_setting_item .font_style_box .font_style_content_box .font_style_content_item .font_style_content_item_text[data-v-f1e9cb90] {
    width: 51px;
    font-size: 20px;
    line-height: 51px;
    text-align: center;
    margin: 0;
    font-weight: 900
}

.font_settings_content .font_setting .font_setting_item .font_style_box .font_style_content_box .active_font_style[data-v-f1e9cb90] {
    border-color: #1664ff
}

.font_settings_content .font_setting .font_setting_item .font_style_box .font_style_content_box .font_disabled[data-v-f1e9cb90] {
    width: 51px;
    font-size: 32px;
    text-align: center
}

.font_settings_content .font_setting .font_setting_item .font_style_box .folding_panel[data-v-f1e9cb90] {
    color: #737a87;
    text-align: center;
    width: 100%;
    display: block;
    cursor: pointer;
    margin-top: 15px
}

.font_settings_content .font_setting .font_setting_item .font_setting_item_title[data-v-f1e9cb90] {
    color: #42464e;
    font-size: 13px;
    padding-right: 15px;
    min-width: 67px
}

.font_settings_content .font_setting .font_setting_item .font_style_title[data-v-f1e9cb90] {
    color: #42464e;
    font-size: 13px;
    padding-right: 15px;
    display: flex;
    align-self: flex-start;
    white-space: nowrap
}

.font_settings_content .font_setting .font_setting_item .font_setting_box[data-v-f1e9cb90] {
    flex: 1;
    max-width: 550px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    background-color: #f6f8fa;
    overflow-x: auto;
    overflow-y: hidden
}

.font_settings_content .font_setting .font_setting_item .font_setting_box[data-v-f1e9cb90]::-webkit-scrollbar {
    height: 4px
}

.font_settings_content .font_setting .font_setting_item .font_setting_box[data-v-f1e9cb90]::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 10px
}

.font_settings_content .font_setting .font_setting_item .font_setting_box[data-v-f1e9cb90] .ant-popover-inner-content {
    padding: 0
}

.font_settings_content .font_setting .font_setting_item .font_setting_box[data-v-f1e9cb90] .ant-input-number {
    background-color: transparent;
    border: none;
    width: 56px
}

.font_settings_content .font_setting .font_setting_item .font_setting_box[data-v-f1e9cb90] .ant-input-number-input {
    text-align: center
}

.font_settings_content .font_setting .font_setting_item .font_setting_box[data-v-f1e9cb90] .zs-color-picker-panel {
    margin-top: 16px;
    left: 0
}

.font_settings_content .font_setting .font_setting_item .font_setting_box .select_font_box[data-v-f1e9cb90] {
    display: flex;
    flex-direction: column;
    height: 400px;
    overflow-y: auto;
    padding-right: 4px
}

.font_settings_content .font_setting .font_setting_item .font_setting_box .select_font_box[data-v-f1e9cb90]:hover {
    padding-right: 0
}

.font_settings_content .font_setting .font_setting_item .font_setting_box .select_font_box[data-v-f1e9cb90]:hover::-webkit-scrollbar {
    display: block
}

.font_settings_content .font_setting .font_setting_item .font_setting_box .select_font_box[data-v-f1e9cb90]::-webkit-scrollbar {
    width: 4px;
    height: 10px;
    display: none
}

.font_settings_content .font_setting .font_setting_item .font_setting_box .select_font_box[data-v-f1e9cb90]::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 10px
}

.font_settings_content .font_setting .font_setting_item .font_setting_box .select_font_box .select_font_item[data-v-f1e9cb90] {
    padding: 8px 16px;
    cursor: pointer;
    min-width: 157px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.font_settings_content .font_setting .font_setting_item .font_setting_box .select_font_box .select_font_item[data-v-f1e9cb90]:hover {
    background-color: #eeefef
}

.font_settings_content .font_setting .font_setting_item .font_setting_box .select_font_box .font_active[data-v-f1e9cb90] {
    font-weight: 600
}

.font_settings_content .font_setting .font_setting_item .font_setting_box .font_settings_style[data-v-f1e9cb90] {
    cursor: pointer;
    color: #0c0d0e;
    margin: 0 5px;
    padding: 3px;
    display: flex;
    align-items: center
}

.font_settings_content .font_setting .font_setting_item .font_setting_box .font_settings_style span[data-v-f1e9cb90] {
    max-width: 70px;
    margin-right: 5px;
    font-size: 13px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.font_settings_content .font_setting .font_setting_item .font_setting_box .font_settings_style[data-v-f1e9cb90]:hover {
    background-color: #eeefef
}

.font_settings_content .font_setting .font_setting_item .font_setting_box .font_settings_size[data-v-f1e9cb90] {
    margin: 0 5px;
    height: 40px;
    line-height: 40px;
    display: flex;
    align-items: center
}

.font_settings_content .font_setting .font_setting_item .font_setting_box .font_settings_size[data-v-f1e9cb90]:hover {
    background-color: #eeefef
}

.font_settings_content .font_setting .font_setting_item .font_setting_box .font_settings_size .change_btn[data-v-f1e9cb90] {
    cursor: pointer;
    padding: 0 10px;
    color: #42464e;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.font_settings_content .font_setting .font_setting_item .font_setting_box .split_line[data-v-f1e9cb90] {
    margin: 0 10px;
    height: 20px;
    width: 1px;
    background-color: #e2e2e2
}

.font_settings_content .font_setting .font_setting_item .font_setting_box .color_settings_box[data-v-f1e9cb90] {
    display: flex;
    gap: 7px
}

.font_settings_content .font_setting .font_setting_item .font_setting_box .color_settings_box .settings_color[data-v-f1e9cb90] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 7px;
    position: relative;
    border-radius: 5px
}

.font_settings_content .font_setting .font_setting_item .font_setting_box .color_settings_box .settings_color[data-v-f1e9cb90]:hover {
    background-color: #eeefef;
    cursor: pointer
}

.font_settings_content .font_setting .font_setting_item .font_setting_box .color_settings_box .settings_color:hover .del_bgc[data-v-f1e9cb90] {
    opacity: 1
}

.font_settings_content .font_setting .font_setting_item .font_setting_box .color_settings_box .settings_color .del_bgc[data-v-f1e9cb90] {
    position: absolute;
    top: -5px;
    right: -5px;
    font-size: 22px;
    opacity: 0
}

.font_settings_content .font_setting .font_setting_item .font_setting_box .color_settings_box .settings_color .del_bgc[data-v-f1e9cb90]:hover {
    color: red
}

.font_settings_content .font_setting .font_setting_item .font_setting_box .color_settings_box .settings_color .color_line[data-v-f1e9cb90] {
    height: 2px;
    width: 60%;
    background-color: #000;
    position: absolute;
    bottom: 0;
    left: 20%
}

.font_settings_content .font_setting .font_setting_item .font_setting_box .color_settings_box .disable_settings_color[data-v-f1e9cb90] {
    filter: grayscale(80%)
}

.font_settings_content .font_setting .font_setting_item .font_setting_box .color_settings_box .disable_settings_color .color_line[data-v-f1e9cb90] {
    background: #ccced0!important
}

.font_settings_content .font_setting .font_setting_item .font_setting_box .font_settings_style_control[data-v-f1e9cb90] {
    display: flex;
    align-items: center;
    gap: 10px
}

.font_settings_content .font_setting .font_setting_item .font_setting_box .font_settings_style_control[data-v-f1e9cb90] .ant-popover-inner-content {
    padding: 0
}

.font_settings_content .font_setting .font_setting_item .font_setting_box .font_settings_style_control .select_alignment[data-v-f1e9cb90] {
    display: flex
}

.font_settings_content .font_setting .font_setting_item .font_setting_box .font_settings_style_control .select_alignment span[data-v-f1e9cb90] {
    padding: 5px;
    cursor: pointer
}

.font_settings_content .font_setting .font_setting_item .font_setting_box .font_settings_style_control .select_alignment span[data-v-f1e9cb90]:hover,.font_settings_content .font_setting .font_setting_item .font_setting_box .font_settings_style_control .select_alignment .active_alignment[data-v-f1e9cb90] {
    background-color: #eeefef
}

.font_settings_content .font_setting .font_setting_item .font_setting_box .font_settings_style_control .font_settings_style_itme[data-v-f1e9cb90] {
    padding: 2px 7px;
    cursor: pointer;
    border-radius: 5px;
    overflow: hidden
}

.font_settings_content .font_setting .font_setting_item .font_setting_box .font_settings_style_control .font_settings_style_itme[data-v-f1e9cb90]:hover {
    background-color: #eeefef
}

.font_settings_content .font_setting .font_setting_item .font_setting_box .font_settings_style_control .is_active[data-v-f1e9cb90] {
    background-color: #d8e7fc!important
}

.font_settings_content .font_setting .font_setting_item .font_setting_box .font_settings_style_control .alignment[data-v-f1e9cb90] {
    display: flex;
    padding: 4px
}

.font_settings_content .font_setting .font_setting_item .setting_time[data-v-f1e9cb90] {
    border: 1px solid #e2e2e2;
    display: flex;
    align-items: center
}

.font_settings_content .font_setting .font_setting_item .setting_time[data-v-f1e9cb90] .ant-input-number-group-addon {
    border: none;
    background-color: transparent
}

.font_settings_content .font_setting .font_setting_item .setting_time[data-v-f1e9cb90] .ant-input-number-input,.font_settings_content .font_setting .font_setting_item .setting_time[data-v-f1e9cb90] .ant-input-number,.font_settings_content .font_setting .font_setting_item .setting_time[data-v-f1e9cb90] .ant-input-number:hover {
    border: none
}

.font_settings_content .font_setting .font_setting_item .setting_time[data-v-f1e9cb90] .ant-input-number-focused {
    box-shadow: none
}

.font_settings_content .font_setting .font_setting_item .setting_time[data-v-f1e9cb90] .ant-input-number-handler {
    border-right: 1px solid #d9d9d9
}

.font_settings_content .font_setting .font_setting_item .focus_input[data-v-f1e9cb90] {
    border-color: #1890ff
}

.font_settings_content .font_setting .font_setting_item .timbre_selection[data-v-f1e9cb90] {
    width: 284px;
    border-radius: 4px;
    background: #f6f8fa;
    border: 1px solid rgba(0,0,0,.05);
    padding: 12px;
    display: flex;
    justify-content: space-between
}

.font_settings_content .font_setting .font_setting_item .timbre_selection .timbre_selection_cart_left[data-v-f1e9cb90] {
    display: flex;
    align-items: center
}

.font_settings_content .font_setting .font_setting_item .timbre_selection .timbre_selection_cart_left img[data-v-f1e9cb90] {
    width: 37px;
    margin-right: 12px
}

.font_settings_content .font_setting .font_setting_item .timbre_selection .timbre_selection_cart_left strong[data-v-f1e9cb90] {
    color: #42464e
}

.font_settings_content .font_setting .font_setting_item .timbre_selection .timbre_selection_cart_right[data-v-f1e9cb90] {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #42464e;
    font-size: 17px;
    cursor: pointer;
    width: 38px
}

.font_settings_content .font_setting .font_setting_item .timbre_selection .timbre_selection_cart_right[data-v-f1e9cb90]:hover {
    background-color: #eeefef
}

.font_settings_content .font_setting .font_setting_item .volume_adjust[data-v-f1e9cb90] {
    width: 254px
}

.font_settings_content .font_setting .font_setting_item .setting_item_box[data-v-f1e9cb90] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-top: 26px
}

.font_settings_content .font_setting .font_setting_item .setting_item_box .setting_item_content_box_[data-v-f1e9cb90] {
    display: flex;
    align-items: center
}

.font_settings_content .font_setting .font_setting_item .setting_item_box .setting_item_content_box_ .setting_content .slider_box[data-v-f1e9cb90] {
    width: 249px
}

.font_settings_content .font_setting .font_setting_item .setting_item_box .setting_item_content_box_ .setting_content .settings_color[data-v-f1e9cb90] {
    position: relative;
    border-radius: 5px;
    width: 100px;
    display: flex;
    border: 1px solid #ccced0
}

.font_settings_content .font_setting .font_setting_item .setting_item_box .setting_item_content_box_ .setting_content .settings_color .downOutlined[data-v-f1e9cb90] {
    background: #f3f3f3;
    display: flex;
    align-items: center
}

.font_settings_content .font_setting .font_setting_item .setting_item_box .setting_item_content_box_ .setting_content .settings_color[data-v-f1e9cb90]:hover {
    cursor: pointer
}

.font_settings_content .font_setting .font_setting_item .setting_item_box .setting_item_content_box_ .setting_content .settings_color:hover .del_bgc[data-v-f1e9cb90] {
    opacity: 1
}

.font_settings_content .font_setting .font_setting_item .setting_item_box .setting_item_content_box_ .setting_content .settings_color:hover .downOutlined[data-v-f1e9cb90] {
    background-color: #e4e4e4
}

.font_settings_content .font_setting .font_setting_item .setting_item_box .setting_item_content_box_ .setting_content .settings_color .del_bgc[data-v-f1e9cb90] {
    position: absolute;
    top: -5px;
    right: -5px;
    font-size: 22px;
    opacity: 0
}

.font_settings_content .font_setting .font_setting_item .setting_item_box .setting_item_content_box_ .setting_content .settings_color .del_bgc[data-v-f1e9cb90]:hover {
    color: red
}

.font_settings_content .font_setting .font_setting_item .setting_item_box .setting_item_content_box_ .setting_content .settings_color .color_line[data-v-f1e9cb90] {
    width: 90%;
    height: 20px;
    background-color: #000
}

.font_settings_content .font_setting .font_setting_item .setting_item_box .font_setting_box[data-v-f1e9cb90] {
    flex: 1;
    max-width: 550px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    background-color: #f6f8fa;
    overflow-x: auto;
    overflow-y: hidden
}

.font_settings_content .font_setting .font_setting_item .setting_item_box .font_setting_box[data-v-f1e9cb90]::-webkit-scrollbar {
    height: 4px
}

.font_settings_content .font_setting .font_setting_item .setting_item_box .font_setting_box[data-v-f1e9cb90]::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 10px
}

.font_settings_content .font_setting .font_setting_item .setting_item_box .split_line[data-v-f1e9cb90] {
    margin: 0 10px;
    height: 20px;
    width: 1px;
    background-color: #e2e2e2
}

.font_settings_content .font_setting .font_setting_item .setting_item_box .color_settings_box[data-v-f1e9cb90] {
    display: flex;
    gap: 7px
}

.font_settings_content .font_setting .font_setting_item .setting_item_box .color_settings_box .settings_color[data-v-f1e9cb90] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 7px;
    position: relative;
    border-radius: 5px;
    overflow: hidden
}

.font_settings_content .font_setting .font_setting_item .setting_item_box .color_settings_box .settings_color[data-v-f1e9cb90]:hover {
    background-color: #eeefef;
    cursor: pointer
}

.font_settings_content .font_setting .font_setting_item .setting_item_box .color_settings_box .settings_color:hover .del_bgc[data-v-f1e9cb90] {
    opacity: 1
}

.font_settings_content .font_setting .font_setting_item .setting_item_box .color_settings_box .settings_color .del_bgc[data-v-f1e9cb90] {
    position: absolute;
    top: -5px;
    right: -5px;
    font-size: 22px;
    opacity: 0
}

.font_settings_content .font_setting .font_setting_item .setting_item_box .color_settings_box .settings_color .del_bgc[data-v-f1e9cb90]:hover {
    color: red
}

.font_settings_content .font_setting .font_setting_item .setting_item_box .color_settings_box .settings_color .color_line[data-v-f1e9cb90] {
    height: 2px;
    width: 60%;
    background-color: #000;
    position: absolute;
    bottom: 0;
    left: 20%
}

.font_settings_content .font_setting .font_setting_item .setting_item_box .color_settings_box .disable_settings_color[data-v-f1e9cb90] {
    filter: grayscale(80%)
}

.font_settings_content .font_setting .font_setting_item .setting_item_box .color_settings_box .disable_settings_color .color_line[data-v-f1e9cb90] {
    background: #ccced0!important
}

.font_settings_content .font_setting .font_setting_item .setting_item_box .font_settings_style_control[data-v-f1e9cb90] {
    display: flex;
    align-items: center;
    gap: 10px
}

.font_settings_content .font_setting .font_setting_item .setting_item_box .font_settings_style_control[data-v-f1e9cb90] .ant-popover-inner-content {
    padding: 0
}

.font_settings_content .font_setting .font_setting_item .setting_item_box .font_settings_style_control .alignment[data-v-f1e9cb90] {
    display: flex;
    padding: 4px
}

.primary-color-text[data-v-b77a5947] {
    color: #2878ff
}

.success-color-text[data-v-b77a5947] {
    color: #52c41a
}

.error-color-text[data-v-b77a5947] {
    color: #f5222d
}

.content[data-v-b77a5947] {
    padding-top: 20px;
    position: relative
}

.content .phoneConCover_content[data-v-b77a5947] {
    background-color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    border-radius: 20px;
    top: 50%;
    left: 25%;
    transform: translate(-50%,-50%);
    z-index: 9999
}

.content .phoneConCover_content .mobile-header[data-v-b77a5947] {
    height: 44px;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom: 1px solid rgba(255,255,255,.281);
    background: #000;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #fff;
    padding: 10px;
    overflow: hidden
}

.content .phoneConCover_content .bgc_content[data-v-b77a5947] {
    position: absolute;
    top: 43.5px;
    left: 0;
    width: 100%;
    height: calc(100% - 88px);
    background-repeat: no-repeat;
    background-size: contain;
    background-size: cover;
    background-size: 100%;
    pointer-events: none;
    z-index: 2
}

.content .phoneConCover_content .left_phone_view[data-v-b77a5947] {
    overflow: hidden;
    height: calc(100% - 88px);
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid rgba(255,255,255,.281)
}

.content .phoneConCover_content .left_phone_view .editor_content[data-v-b77a5947] {
    outline: none;
    margin-bottom: 0;
    border: none;
    resize: none;
    height: auto;
    display: inline-block;
    pointer-events: none;
    white-space: pre-wrap;
    word-break: break-all
}

.content .phoneConCover_content .bottom_View_control[data-v-b77a5947] {
    position: absolute;
    bottom: -50px;
    left: 50%;
    transform: translate(-50%);
    display: flex
}

.content .content_item .control_time[data-v-b77a5947] {
    display: flex;
    flex-direction: column
}

.content .content_item .control_time .control_time_item span[data-v-b77a5947] {
    margin-right: 16px;
    line-height: 30px
}

.content .content_item .control_time .control_time_item[data-v-b77a5947]:nth-child(1) {
    margin: 20px 0
}

.content .content_item .control_time .control_time_item .info_msg[data-v-b77a5947] {
    margin-left: 12px;
    padding-top: 2px
}

.content .content_item .control_time[data-v-b77a5947] .ant-input-number-group-wrapper {
    border-radius: 5px;
    overflow: hidden
}

.content .content_item .control_time[data-v-b77a5947] .ant-input-number-group-addon {
    border: none;
    background-color: transparent;
    padding: 0 5px;
    max-width: 30px
}

.content .content_item .control_time[data-v-b77a5947] .ant-input-number-group-addon span {
    margin-right: 0
}

.content .content_item .control_time[data-v-b77a5947] .ant-input-number-group {
    background-color: #f4f5f5
}

.content .content_item .control_time[data-v-b77a5947] .ant-input-number-input {
    border: none;
    padding-left: 6px
}

.content .content_item .control_time[data-v-b77a5947] .ant-input-number {
    border: none;
    background-color: #f4f5f5
}

.content .content_item .control_time[data-v-b77a5947] .ant-input-number:hover {
    border: none
}

.content .content_item .control_time[data-v-b77a5947] .ant-input-number-focused {
    box-shadow: none
}

.content .content_item .control_time[data-v-b77a5947] .ant-input-number-handler {
    border-right: 1px solid #d9d9d9
}

.content .content_item .content_main[data-v-b77a5947] {
    background-color: #f6f8fa;
    padding: 30px 12px;
    border-radius: 10px
}

.content .content_item .content_main .content_main_item[data-v-b77a5947] {
    margin-bottom: 10px
}

.content .content_item .content_main .content_main_item .textarea_box[data-v-b77a5947] {
    width: 100%;
    border: 3px solid transparent;
    display: flex;
    padding: 5px 8px;
    position: relative
}

.content .content_item .content_main .content_main_item .textarea_box:hover .textarea_right_btn .btn_tolead[data-v-b77a5947],.content .content_item .content_main .content_main_item .textarea_box:hover .textarea_top_btn .subtitle_effect[data-v-b77a5947] {
    opacity: 1
}

.content .content_item .content_main .content_main_item .textarea_box .textarea_span[data-v-b77a5947] {
    font-size: 12px;
    align-self: flex-start;
    color: #737a87;
    line-height: 26px;
    margin: 0 5px
}

.content .content_item .content_main .content_main_item .textarea_box .textarea_right_btn[data-v-b77a5947] {
    align-self: flex-end
}

.content .content_item .content_main .content_main_item .textarea_box .textarea_right_btn .btn_tolead[data-v-b77a5947] {
    opacity: 0;
    margin-right: 5px
}

.content .content_item .content_main .content_main_item .textarea_box .textarea_top_btn[data-v-b77a5947] {
    position: absolute;
    top: -30px;
    right: 0
}

.content .content_item .content_main .content_main_item .textarea_box .textarea_top_btn .subtitle_effect[data-v-b77a5947] {
    opacity: 1
}

.content .content_item .content_main .content_main_item .textarea_box textarea[data-v-b77a5947] {
    flex: 1;
    overflow: hidden;
    line-height: 26px;
    resize: none;
    border: none;
    outline: none;
    font-size: 12px;
    color: #1c1f23;
    background-color: transparent;
    padding: 0
}

.content .content_item .content_main .content_main_item .textarea_box .lose_focus[data-v-b77a5947] {
    flex: 1;
    line-height: 26px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
    color: #1c1f23
}

.content .content_item .content_main .content_main_item .active_textarea_box[data-v-b77a5947] {
    border-color: var(--ss-primary-color-deprecated-t-20);
    border-radius: 5px
}

.content .content_item .content_item_title[data-v-b77a5947] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px
}

.content .content_item .content_item_title .content_item_title_left[data-v-b77a5947] {
    display: flex;
    align-items: center
}

.content .content_item .content_item_title .textarea_title[data-v-b77a5947] {
    margin-left: 20px;
    display: flex;
    align-items: center;
    gap: 10px
}

.content .content_item .content_item_title h2[data-v-b77a5947] {
    font-size: 13px;
    font-weight: 600;
    color: #1e1c23;
    margin-bottom: 0;
    margin-right: 10px
}

.content .content_item .content_item_title span[data-v-b77a5947] {
    font-size: 12px;
    color: #737a87
}

.content .content_item .video_settings_title[data-v-b77a5947] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px
}

.content .content_item .video_settings_title h2[data-v-b77a5947] {
    font-size: 13px;
    font-weight: 600;
    color: #1e1c23;
    margin-bottom: 0;
    margin-right: 10px
}

.bottom_btn[data-v-b77a5947] {
    padding: 8px 24px;
    display: flex;
    justify-content: flex-end;
    background-color: #fff
}

.title_box[data-v-b77a5947] {
    width: 100%;
    padding-bottom: 10px;
    padding-top: 24px;
    position: sticky;
    top: 0;
    z-index: 999;
    background-color: #fff
}

.title_box[data-v-b77a5947]:after {
    content: "";
    height: 1px;
    width: calc(100% + 48px);
    background-color: #e8e8e8;
    position: absolute;
    bottom: 0;
    left: -24px
}

.title_box .title_top[data-v-b77a5947] {
    display: flex;
    justify-content: space-between;
    color: #0c0d0e
}

.title_box .title_top h1[data-v-b77a5947] {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 4px
}

.title_box .title_top .close[data-v-b77a5947] {
    cursor: pointer;
    text-align: center;
    line-height: 29px;
    padding: 0 6px
}

.title_box .title_top .close[data-v-b77a5947]:hover {
    background-color: #f3f3f4
}

.title_box .title_bottom .btn_prev[data-v-b77a5947] {
    border-radius: 5px;
    padding: 0 16px;
    font-size: 12px;
    height: 28px
}

.primary-color-text[data-v-3bcb7c29] {
    color: #2878ff
}

.success-color-text[data-v-3bcb7c29] {
    color: #52c41a
}

.error-color-text[data-v-3bcb7c29] {
    color: #f5222d
}

.content[data-v-3bcb7c29] {
    padding-top: 20px;
    position: relative
}

.content .phoneConCover_content[data-v-3bcb7c29] {
    background-color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    border-radius: 20px;
    top: 50%;
    left: 25%;
    transform: translate(-50%,-50%);
    z-index: 9999
}

.content .phoneConCover_content .mobile-header[data-v-3bcb7c29] {
    height: 44px;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom: 1px solid rgba(255,255,255,.281);
    background: #000;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #fff;
    padding: 10px;
    overflow: hidden
}

.content .phoneConCover_content .bgc_content[data-v-3bcb7c29] {
    position: absolute;
    top: 43.5px;
    left: 0;
    width: 100%;
    height: calc(100% - 88px);
    background-repeat: no-repeat;
    background-size: contain;
    background-size: 100%;
    pointer-events: none;
    z-index: 2
}

.content .phoneConCover_content .left_phone_view[data-v-3bcb7c29] {
    overflow: hidden;
    height: calc(100% - 88px);
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid rgba(255,255,255,.281)
}

.content .phoneConCover_content .left_phone_view .editor_content[data-v-3bcb7c29] {
    outline: none;
    margin-bottom: 0;
    border: none;
    resize: none;
    height: auto;
    display: inline-block;
    pointer-events: none;
    white-space: pre-wrap;
    word-break: break-all
}

.content .phoneConCover_content .bottom_View_control[data-v-3bcb7c29] {
    position: absolute;
    bottom: -50px;
    left: 50%;
    transform: translate(-50%);
    display: flex
}

.content .content_item .control_time[data-v-3bcb7c29] {
    display: flex;
    flex-direction: column
}

.content .content_item .control_time .control_time_item span[data-v-3bcb7c29] {
    margin-right: 16px;
    line-height: 30px
}

.content .content_item .control_time .control_time_item[data-v-3bcb7c29]:nth-child(1) {
    margin: 20px 0
}

.content .content_item .control_time .control_time_item .info_msg[data-v-3bcb7c29] {
    margin-left: 12px;
    padding-top: 2px
}

.content .content_item .control_time[data-v-3bcb7c29] .ant-input-number-group-wrapper {
    border-radius: 5px;
    overflow: hidden
}

.content .content_item .control_time[data-v-3bcb7c29] .ant-input-number-group-addon {
    border: none;
    background-color: transparent;
    padding: 0 5px;
    max-width: 30px
}

.content .content_item .control_time[data-v-3bcb7c29] .ant-input-number-group-addon span {
    margin-right: 0
}

.content .content_item .control_time[data-v-3bcb7c29] .ant-input-number-group {
    background-color: #f4f5f5
}

.content .content_item .control_time[data-v-3bcb7c29] .ant-input-number-input {
    border: none;
    padding-left: 6px
}

.content .content_item .control_time[data-v-3bcb7c29] .ant-input-number {
    border: none;
    background-color: #f4f5f5
}

.content .content_item .control_time[data-v-3bcb7c29] .ant-input-number:hover {
    border: none
}

.content .content_item .control_time[data-v-3bcb7c29] .ant-input-number-focused {
    box-shadow: none
}

.content .content_item .control_time[data-v-3bcb7c29] .ant-input-number-handler {
    border-right: 1px solid #d9d9d9
}

.content .content_item .content_main[data-v-3bcb7c29] {
    background-color: #f6f8fa;
    padding: 30px 12px;
    border-radius: 10px
}

.content .content_item .content_main .textarea_title[data-v-3bcb7c29] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px
}

.content .content_item .content_main .textarea_title .textarea_tips[data-v-3bcb7c29] {
    color: #737a8780;
    font-size: 12px
}

.content .content_item .content_main .content_main_item[data-v-3bcb7c29] {
    margin-bottom: 10px
}

.content .content_item .content_main .content_main_item .textarea_box[data-v-3bcb7c29] {
    width: 100%;
    border: 3px solid transparent;
    display: flex;
    padding: 5px 8px;
    position: relative
}

.content .content_item .content_main .content_main_item .textarea_box:hover .textarea_right_btn .btn_tolead[data-v-3bcb7c29],.content .content_item .content_main .content_main_item .textarea_box:hover .textarea_top_btn .subtitle_effect[data-v-3bcb7c29] {
    opacity: 1
}

.content .content_item .content_main .content_main_item .textarea_box .textarea_span[data-v-3bcb7c29] {
    font-size: 12px;
    align-self: flex-start;
    color: #737a87;
    line-height: 26px;
    margin: 0 5px
}

.content .content_item .content_main .content_main_item .textarea_box .textarea_right_btn[data-v-3bcb7c29] {
    align-self: flex-end
}

.content .content_item .content_main .content_main_item .textarea_box .textarea_right_btn .btn_tolead[data-v-3bcb7c29] {
    opacity: 0;
    margin-right: 5px
}

.content .content_item .content_main .content_main_item .textarea_box .textarea_top_btn[data-v-3bcb7c29] {
    position: absolute;
    top: -30px;
    right: 0
}

.content .content_item .content_main .content_main_item .textarea_box .textarea_top_btn .subtitle_effect[data-v-3bcb7c29] {
    opacity: 1
}

.content .content_item .content_main .content_main_item .textarea_box textarea[data-v-3bcb7c29] {
    flex: 1;
    overflow: hidden;
    line-height: 26px;
    resize: none;
    border: none;
    outline: none;
    font-size: 12px;
    color: #1c1f23;
    background-color: transparent;
    padding: 0
}

.content .content_item .content_main .content_main_item .textarea_box .lose_focus[data-v-3bcb7c29] {
    flex: 1;
    line-height: 26px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
    color: #1c1f23
}

.content .content_item .content_main .content_main_item .active_textarea_box[data-v-3bcb7c29] {
    border-color: var(--ss-primary-color-deprecated-t-20);
    border-radius: 5px
}

.content .content_item .content_item_title[data-v-3bcb7c29] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px
}

.content .content_item .content_item_title .content_item_title_left[data-v-3bcb7c29] {
    display: flex;
    align-items: center
}

.content .content_item .content_item_title .textarea_title[data-v-3bcb7c29] {
    margin-left: 20px;
    display: flex;
    align-items: center;
    gap: 10px
}

.content .content_item .content_item_title h2[data-v-3bcb7c29] {
    font-size: 13px;
    font-weight: 600;
    color: #1e1c23;
    margin-bottom: 0;
    margin-right: 10px
}

.content .content_item .content_item_title span[data-v-3bcb7c29] {
    font-size: 12px;
    color: #737a87
}

.content .content_item .video_settings_title[data-v-3bcb7c29] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px
}

.content .content_item .video_settings_title h2[data-v-3bcb7c29] {
    font-size: 13px;
    font-weight: 600;
    color: #1e1c23;
    margin-bottom: 0;
    margin-right: 10px
}

.bottom_btn[data-v-3bcb7c29] {
    padding: 8px 24px;
    display: flex;
    justify-content: flex-end;
    background-color: #fff
}

.title_box[data-v-3bcb7c29] {
    width: 100%;
    padding-bottom: 10px;
    padding-top: 24px;
    position: sticky;
    top: 0;
    z-index: 999;
    background-color: #fff
}

.title_box[data-v-3bcb7c29]:after {
    content: "";
    height: 1px;
    width: calc(100% + 48px);
    background-color: #e8e8e8;
    position: absolute;
    bottom: 0;
    left: -24px;
    z-index: 99
}

.title_box .no-title[data-v-3bcb7c29] {
    width: 25px;
    height: 39px;
    background-color: #fff;
    position: absolute;
    top: 30px;
    left: -25px
}

.title_box .no-titles[data-v-3bcb7c29] {
    width: 25px;
    height: 39px;
    background-color: #fff;
    position: absolute;
    top: 30px;
    right: -25px
}

.title_box .title_top[data-v-3bcb7c29] {
    display: flex;
    justify-content: space-between;
    color: #0c0d0e
}

.title_box .title_top h1[data-v-3bcb7c29] {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 4px
}

.title_box .title_top .close[data-v-3bcb7c29] {
    cursor: pointer;
    text-align: center;
    line-height: 29px;
    padding: 0 6px
}

.title_box .title_top .close[data-v-3bcb7c29]:hover {
    background-color: #f3f3f4
}

.title_box .title_bottom .btn_prev[data-v-3bcb7c29] {
    border-radius: 5px;
    padding: 0 16px;
    font-size: 12px;
    height: 28px
}

.tab-content[data-v-3bcb7c29] {
    margin-top: 12px;
    padding-bottom: 5px;
    display: flex;
    position: sticky;
    top: 0;
    z-index: 996;
    overflow-x: auto
}

.tab-content[data-v-3bcb7c29]::-webkit-scrollbar {
    width: 8px;
    height: 6px
}

.tab-content[data-v-3bcb7c29]::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 10px
}

.tab-content .tab-card[data-v-3bcb7c29] {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    background-color: #f5f7f9;
    padding: 7px 16px;
    color: #5e5e5e;
    margin-right: 10px;
    box-shadow: inset 0 1px #e8e8e8,inset -1px 0 #e8e8e8,inset 1px 0 #e8e8e8;
    cursor: pointer;
    text-wrap: nowrap
}

.tab-content .tab-card[data-v-3bcb7c29] :hover {
    color: var(--ss-primary-color-active)!important
}

.tab-content .tab-card .tab-card-icons[data-v-3bcb7c29] {
    font-size: 10px;
    margin-top: 4px
}

.tab-content .activeTab[data-v-3bcb7c29] {
    color: var(--ss-primary-color-active)!important;
    background-color: #fff!important
}

.tab-content .ai-batch-writing-titles[data-v-3bcb7c29] {
    top: 6px;
    margin-left: 40px
}

.tab-content[data-v-3bcb7c29] .ss-tabs>.ss-tabs-nav {
    margin-bottom: 0
}

.primary-color-text[data-v-79d3178b] {
    color: #2878ff
}

.success-color-text[data-v-79d3178b] {
    color: #52c41a
}

.error-color-text[data-v-79d3178b] {
    color: #f5222d
}

.primary-color-text[data-v-17ddebfc] {
    color: #2878ff
}

.success-color-text[data-v-17ddebfc] {
    color: #52c41a
}

.error-color-text[data-v-17ddebfc] {
    color: #f5222d
}

.content .title[data-v-17ddebfc] {
    font-size: 15px;
    margin: 25px 0 10px;
    color: #7f7f7f
}

.content .title_box[data-v-17ddebfc] {
    width: calc(100% - 1px);
    padding: 10px 0;
    position: sticky;
    top: 0;
    z-index: 999;
    background-color: #fff
}

.content .title_box[data-v-17ddebfc]:after {
    content: "";
    height: 1px;
    width: calc(100% + 48px);
    background-color: #e8e8e8;
    position: absolute;
    bottom: 0;
    left: -24px;
    z-index: 99
}

.content .title_box .no-title[data-v-17ddebfc] {
    width: 25px;
    height: 39px;
    background-color: #fff;
    position: absolute;
    top: 30px;
    left: -25px
}

.content .title_box .title_top[data-v-17ddebfc] {
    display: flex;
    justify-content: space-between;
    color: #0c0d0e;
    align-items: center
}

.content .title_box .title_top h1[data-v-17ddebfc] {
    font-size: 16px;
    font-weight: 600;
    color: #0c0d0e
}

.content .title_box .title_top .close[data-v-17ddebfc] {
    cursor: pointer;
    text-align: center;
    line-height: 29px;
    padding: 0 6px;
    width: 30px;
    height: 30px
}

.content .title_box .title_top .close[data-v-17ddebfc]:hover {
    background-color: #f3f3f4
}

.content .title_box .title_bottom .btn_prev[data-v-17ddebfc] {
    border-radius: 5px;
    padding: 0 16px;
    font-size: 12px;
    height: 28px
}

.content .bottom_btn[data-v-17ddebfc] {
    display: flex;
    justify-content: flex-end
}

.content .content_item_box_ai_illustration[data-v-17ddebfc] {
    display: flex;
    flex-direction: column
}

.content .content_item_box_ai_illustration .title[data-v-17ddebfc] {
    margin: 25px 0 10px
}

.content .mode-wrapper[data-v-17ddebfc] {
    display: flex;
    align-items: center
}

.content .mode-wrapper img[data-v-17ddebfc] {
    width: 70px;
    height: 70px;
    border-radius: 5px 0 0 5px
}

.content .mode-wrapper .mode-icon-wrap[data-v-17ddebfc] {
    width: 28px;
    height: 28px;
    display: flex;
    border-radius: 5px;
    flex-shrink: 0;
    justify-content: center;
    align-items: center
}

.content .mode-wrapper .mode-icon-wrap[data-v-17ddebfc]:hover {
    background-color: #e0d9d9
}

.content .mode-wrapper .mode-icon[data-v-17ddebfc] {
    font-size: 16px;
    color: #898d93;
    cursor: pointer;
    transform: rotate(-90deg)
}

.content .mode-wrapper .mode-info[data-v-17ddebfc] {
    display: flex;
    flex: 1;
    width: calc(100% - 54px);
    flex-direction: column
}

.content .mode-wrapper .mode-info .mode-desc[data-v-17ddebfc] {
    width: 100%;
    font-size: 12px;
    color: #c1b9b9;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.content .mode-wrapper .mode-right[data-v-17ddebfc] {
    width: calc(100% - 54px);
    display: flex;
    height: 70px;
    gap: 5px;
    align-items: center;
    background-color: #f7f0f0;
    justify-content: space-between;
    border-radius: 0 5px 5px 0;
    padding: 0 10px
}

.content .mode-header[data-v-17ddebfc] {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.content .creation-mode[data-v-17ddebfc] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 320px
}

.content .mode-item[data-v-17ddebfc] {
    display: flex;
    cursor: pointer
}

.content .mode-item img[data-v-17ddebfc] {
    width: 68px;
    height: 68px;
    border-radius: 5px 0 0 5px
}

.content .mode-item-right[data-v-17ddebfc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: calc(100% - 54px);
    height: 68px;
    background-color: #f7f0f0;
    border-radius: 0 5px 5px 0;
    padding: 0 10px
}

.content .mode-item-right .mode-item-desc[data-v-17ddebfc] {
    color: #c1b9b9;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.content .mode-item-right[data-v-17ddebfc]:hover {
    background-color: #e0d9d9
}

.content .curror-pointer[data-v-17ddebfc] {
    cursor: pointer
}

.content .mode-item-info[data-v-17ddebfc] {
    width: calc(100% - 20px);
    display: flex;
    flex-direction: column;
    justify-content: center
}

.content .checked-icon[data-v-17ddebfc] {
    color: var(--ss-primary-color)
}

.content .title_old_text[data-v-17ddebfc] {
    font-size: 15px;
    color: #7f7f7f
}

.content .scale-list[data-v-17ddebfc] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px
}

.content .scale-list .scale-item[data-v-17ddebfc] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
    width: 80px;
    height: 70px;
    border: 1px solid #f7f0f0;
    border-radius: 5px;
    cursor: pointer
}

.content .scale-list .scale-item .scale-icon-wrap[data-v-17ddebfc] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    height: 50px
}

.content .scale-list .scale-item[data-v-17ddebfc]:hover {
    background-color: #f7f0f0
}

.content .scale-list .scale-item:hover .scale-icon[data-v-17ddebfc] {
    border: 1px solid var(--ss-primary-color)
}

.content .scale-list .scale-item.active-scale[data-v-17ddebfc] {
    background-color: #f7f0f0
}

.content .scale-list .scale-item.active-scale .scale-icon[data-v-17ddebfc] {
    border: 1px solid var(--ss-primary-color)
}

.content .scale-list .scale-item .scale-icon[data-v-17ddebfc] {
    border: 1px solid #f7f0f0;
    border-radius: 3px
}

.content .old_text[data-v-17ddebfc] {
    display: flex;
    flex-direction: column
}

.content .old_text .old_text_title_box[data-v-17ddebfc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 25px;
    margin-bottom: 10px
}

.content .old_text .old_text_title_box .btn_box[data-v-17ddebfc] {
    display: flex;
    justify-self: end;
    gap: 10px
}

.content .old_text .old_text_content[data-v-17ddebfc] .ant-input {
    resize: none;
    padding-right: 14px
}

.content .old_text .old_text_content[data-v-17ddebfc] .ant-input::-webkit-scrollbar {
    height: 5px;
    width: 8px
}

.content .old_text .old_text_content[data-v-17ddebfc] .ant-input::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 10px
}

.content .old_text .old_text_content[data-v-17ddebfc] .ant-input::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px
}

.content .optimize_text[data-v-17ddebfc] {
    display: flex;
    flex-direction: column
}

.primary-color-text {
    color: #2878ff
}

.success-color-text {
    color: #52c41a
}

.error-color-text {
    color: #f5222d
}

.dw .ss-popover-inner {
    border-radius: 20px!important
}

.dw .ss-popover-inner-content {
    padding: 0!important
}

.dw .ss-popover-arrow {
    display: none!important
}

.dw .ss-popover-placement-bottomRight {
    padding-top: 8px!important;
    top: 45px!important
}

.primary-color-text[data-v-c22555dd] {
    color: #2878ff
}

.success-color-text[data-v-c22555dd] {
    color: #52c41a
}

.error-color-text[data-v-c22555dd] {
    color: #f5222d
}

.container[data-v-c22555dd] {
    height: 100vh;
    width: 100%;
    overflow: hidden
}

.container .right_btns[data-v-c22555dd] {
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 10px
}

.container .right_btns .guide_box[data-v-c22555dd] {
    color: #4e5969;
    display: flex;
    align-items: center;
    cursor: pointer
}

.container .right_btns .guide_box span[data-v-c22555dd] {
    margin-left: 6px
}

.container .content[data-v-c22555dd] {
    height: calc(100% - 64px)
}

.container .content .content-box[data-v-c22555dd] {
    display: flex;
    height: 100%;
    overflow: hidden
}

.container .content .content-box .content-lf[data-v-c22555dd] {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-width: 650px;
    border-right: 1px solid #f3f3f3
}

.container .content .content-box .content-lf .content-lf-header[data-v-c22555dd] {
    padding: 24px 32px;
    height: 98px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.container .content .content-box .content-lf .lf-header-btn-group[data-v-c22555dd] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 40px;
    gap: 10px
}

.container .content .content-box .content-lf .lf-header-btn-group .ai_plot[data-v-c22555dd] {
    margin-right: 15px;
    display: flex;
    gap: 5px
}

.container .content .content-box .content-lf .lf-header-btn-group .ai_plot .trigger_span[data-v-c22555dd] {
    cursor: pointer
}

.container .content .content-box .content-lf .videoGroupCard_box[data-v-c22555dd] {
    flex: 1;
    overflow-y: scroll;
    padding: 0 32px
}

.container .content .content-box .content-lf .videoGroupCard_box[data-v-c22555dd]::-webkit-scrollbar {
    width: 8px;
    height: 10px
}

.container .content .content-box .content-lf .videoGroupCard_box[data-v-c22555dd]::-webkit-scrollbar-thumb {
    background: #cecece;
    border-radius: 10px
}

.container .content .content-box .content-lf .videoGroupCard_box .tongs[data-v-c22555dd] {
    cursor: grab;
    display: inline-block;
    transform: translate(-20px,20px);
    position: absolute;
    left: 23px;
    top: 12px
}

.container .content .content-box .content-lf .videoGroupCard_box .tongs[data-v-c22555dd]:hover {
    background-color: #f1f1f1
}

.container .content .content-box .content-middle[data-v-c22555dd] {
    padding: 24px 28px 24px 32px;
    width: 350px;
    min-width: 350px
}

.container .content .content-box .content-middle .content-middle-context[data-v-c22555dd] {
    width: 100%;
    margin-top: 30px
}

.container .content .content-box .content-rg[data-v-c22555dd] {
    min-width: 350px;
    padding: 24px 28px 24px 32px;
    height: 100%;
    background: #f6f8fa
}

.container .content .content-box .content-rg .content-rg-context[data-v-c22555dd] {
    height: 100%
}

.filtration_data_title[data-v-c22555dd] .ss-popover-inner-content {
    padding: 0!important
}

.up_load_btn[data-v-c22555dd] {
    position: relative;
    margin-right: 10px
}

.up_load_btn .up_load_num[data-v-c22555dd] {
    position: absolute;
    width: 15px;
    height: 15px;
    top: 9px;
    left: 19px;
    font-size: 12px;
    border-radius: 10px;
    background-color: #c82547;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center
}

.upload_top[data-v-c22555dd] {
    width: 450px;
    border-bottom: 1px solid #ccc;
    padding: 10px;
    font-weight: 700
}

.upload_content[data-v-c22555dd] {
    width: 450px;
    height: 300px;
    padding: 20px 10px;
    overflow-y: auto
}

.upload_content .upload_item[data-v-c22555dd] {
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between
}

.upload_content .upload_item .up_left[data-v-c22555dd] {
    width: 90%
}

.upload_content .upload_item .up_left .up_left_top[data-v-c22555dd] {
    width: 100%;
    display: flex;
    justify-content: space-between
}

.upload_content .upload_item .up_left .up_left_top .up_left_top_one[data-v-c22555dd] {
    width: 70%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 14px
}

.upload_content .upload_item .up_left .up_left_top .up_left_top_two[data-v-c22555dd] {
    width: 30%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 14px;
    display: flex;
    justify-content: flex-end
}

.upload_content .upload_item .up_left .up_left_bottom[data-v-c22555dd] {
    width: 100%
}

.upload_content .upload_item .up_right[data-v-c22555dd] {
    margin-left: 10px;
    width: 10%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #999;
    font-size: 20px
}

.ai_removal[data-v-c22555dd] {
    width: 600px;
    border-radius: 10px!important;
    background-size: contain;
    background-position: center top;
    background-repeat: no-repeat;
    height: auto
}

.ai_removal .removal_box[data-v-c22555dd] {
    padding: 40px 14px 20px
}

.ai_removal .removal_box .top_title[data-v-c22555dd] {
    margin-bottom: 30px;
    font-size: 12px;
    color: #2878ff
}

.ai_removal .box_item[data-v-c22555dd] {
    margin-bottom: 20px
}

.ai_removal .box_item .item_top[data-v-c22555dd] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.ai_removal .box_item .item_top .top_lef[data-v-c22555dd] {
    display: flex;
    align-items: center
}

.ai_removal .box_item .item_top .top_lef img[data-v-c22555dd] {
    width: 40px;
    height: 40px;
    background-color: #fff;
    border-radius: 40px
}

.ai_removal .box_item .item_top .top_lef .title[data-v-c22555dd] {
    margin: 0 10px
}

.ai_removal .box_item .item_top .top_lef .tag_re[data-v-c22555dd] {
    font-size: 12px;
    padding: 2px 4px;
    color: #fff;
    border-radius: 5px;
    background: linear-gradient(to right,#3c99b9,#3a6ae1,#9768e6)
}

.ai_removal .box_item .item_bottom[data-v-c22555dd] {
    width: 100%;
    padding-left: 40px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 12px;
    color: #999
}