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

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

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

.vue-component[data-v-6b2b9b8e] {
    position: relative;
    padding: 5px 20px
}

.vue-component .content[data-v-6b2b9b8e] {
    margin: 5px 0
}

.vue-component .editor_content_ele_point[data-v-6b2b9b8e] {
    cursor: pointer;
    color: #c7ccd6;
    position: absolute;
    left: 2px;
    top: 20px;
    transform: translateY(-50%)
}

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

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

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

.editor_component[data-v-92e523a8] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px
}

.editor_component .editor_controls[data-v-92e523a8] {
    line-height: 2;
    background-color: #87cfeb7a
}

.editor_component .content[data-v-92e523a8] {
    background-color: #fff;
    padding-bottom: 10px;
    position: relative
}

.editor_component .content .content_tips[data-v-92e523a8] {
    position: absolute;
    bottom: 45px;
    left: 10px;
    margin: 0;
    color: red;
    opacity: 0;
    transition: opacity .2s
}

.editor_component .content[data-v-92e523a8] .ProseMirror {
    height: 100%;
    outline-color: var(--ss-primary-color);
    height: 165px !important;
    width: 100%;
    padding: 10px;
    overflow-y: auto
}

.editor_component .content[data-v-92e523a8] .ProseMirror::-webkit-scrollbar {
    width: 6px;
    height: 10px
}

.editor_component .content[data-v-92e523a8] .ProseMirror::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 10px
}

.editor_component .content .btn_box[data-v-92e523a8] {
    margin-top: 10px;
    padding: 0 10px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.editor_component .content .btn_box .edit_show_msg[data-v-92e523a8] {
    display: flex;
    align-items: center;
    gap: 10px
}

.editor_component .content .btn_box .edit_show_msg .duration[data-v-92e523a8] {
    color: #737a87
}

.editor_component .content .btn_box .edit_show_msg .duration .time_content[data-v-92e523a8] {
    transition: all .3s
}

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

.editor_component .content .btn_box .edit_show_msg .character-count svg[data-v-92e523a8] {
    color: var(--ss-primary-5)
}

.editor_component .content .btn_box .edit_show_msg .character-count--warning[data-v-92e523a8], .editor_component .content .btn_box .edit_show_msg .character-count--warning svg[data-v-92e523a8] {
    color: red
}

[data-v-92e523a8] .is-editor-empty:first-child:before {
    color: #adb5bd;
    content: attr(data-placeholder);
    float: left;
    height: 0;
    pointer-events: none
}

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

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

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

.container[data-v-e1108f74] {
    width: 100%
}

.container .content-page[data-v-e1108f74] {
    padding: 40px 30px
}

.container .content-page .top-ipt[data-v-e1108f74] {
    height: 60px;
    margin-bottom: 30px;
    display: flex;
    align-items: center;
    width: 100%
}

.container .content-page .top-ipt .ipt[data-v-e1108f74] {
    width: 100%;
    border: none;
    height: 100%;
    display: flex;
    align-items: center;
    padding: 5px
}

.container .content-page .top-ipt .ipt .ant-input[data-v-e1108f74] {
    width: 100%;
    font-size: 20px
}

.container .content-page .delet-btn[data-v-e1108f74] {
    width: 20px;
    height: 20px;
    font-size: 15px;
    background: #f6f8fa
}

.container .content-page .th_line_audio[data-v-e1108f74] {
    display: flex;
    height: 100%;
    padding: 0 20px;
    justify-content: space-between
}

.container .content-page .td_storyboard_name[data-v-e1108f74] {
    display: flex;
    width: 100%;
    flex-direction: column;
    height: 180px
}

.container .content-page .td_storyboard_name .font-count[data-v-e1108f74] {
    text-align: right;
    color: #c5c5d4
}

.container .content-page .td_storyboard_desc[data-v-e1108f74] {
    display: flex;
    height: 180px
}

.container .content-page .td_storyboard_desc .td_storyboard_descLf[data-v-e1108f74] {
    display: flex;
    flex: 1;
    flex-direction: column;
    margin-right: 30px
}

.container .content-page .td_storyboard_desc .td_storyboard_descLf .font-count[data-v-e1108f74] {
    text-align: right;
    color: #c5c5d4
}

.container .content-page .td_line_audio[data-v-e1108f74] {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 200px;
    justify-content: space-between
}

.container .content-page .td_line_audio .line_dubbing-textarea[data-v-e1108f74] {
    flex: 1
}

.container .content-page .td_line_audio .line_dubbing[data-v-e1108f74] {
    width: 100%;
    padding: 10px;
    display: flex;
    align-items: center
}

.container .content-page .td_line_audio .line_dubbing .line_dubbing_btn[data-v-e1108f74] {
    border: 1px solid #eaedf1;
    display: flex;
    align-items: center;
    padding: 2px 5px;
    cursor: pointer
}

.container .content-page .td_line_audio .line_dubbing .import_material[data-v-e1108f74] {
    opacity: 0;
    transition: all .3s
}

.container .content-page .td_line_audio .hasurl_line_dubbing[data-v-e1108f74] {
    width: 100%;
    padding: 10px;
    display: flex;
    align-items: center
}

.container .content-page .td_line_audio .hasurl_line_dubbing .line_dubbing_btn[data-v-e1108f74] {
    border: 1px solid #eaedf1;
    display: flex;
    align-items: center;
    padding: 2px 5px;
    cursor: pointer
}

.container .content-page .td_line_audio .hasurl_line_dubbing .import_material[data-v-e1108f74] {
    opacity: 0;
    transition: all .3s
}

.container .content-page .td_line_audio:hover .import_material[data-v-e1108f74] {
    opacity: 1
}

.container .content-page .no-resize[data-v-e1108f74] {
    resize: none
}

.container .content-page .file-upload-img[data-v-e1108f74] {
    cursor: pointer;
    display: flex;
    justify-content: center
}

.container .content-page .file-upload-img .upload-img[data-v-e1108f74] {
    background: #f6f8fa;
    height: 160px;
    width: 125px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #c7ccd6;
    border: 1px dotted #dde2e9
}

.container .content-page .file-upload-img .upload-img[data-v-e1108f74]:hover {
    background: #f1f3f5
}

.container .content-page .file-upload-img .file-img[data-v-e1108f74] {
    height: 180px;
    width: 140px;
    background: #000;
    position: relative
}

.container .content-page .file-upload-img .file-img .img-count[data-v-e1108f74] {
    position: absolute;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 3px;
    background: #201f20;
    color: #fff;
    right: 0;
    bottom: 0
}

.container .content-page .addLine[data-v-e1108f74] {
    widows: 100%;
    display: flex;
    justify-content: center;
    font-weight: 500;
    cursor: pointer
}

.container .content-page .addLine span[data-v-e1108f74] {
    width: 130px;
    height: 35px;
    text-align: center;
    line-height: 30px;
    border: 1px solid #f2f4f6;
    background: #fafbfc;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    position: relative
}

.container .btn[data-v-e1108f74] {
    display: flex;
    align-items: center
}

[data-v-e1108f74] .ant-table-body {
    max-height: 600px;
    overflow-y: auto
}

[data-v-e1108f74] .ant-table-body::-webkit-scrollbar {
    width: 6px;
    background: #fafafa
}

[data-v-e1108f74] .ant-table-body::-webkit-scrollbar-track {
    width: 5px;
    background-color: transparent;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

[data-v-e1108f74] .ant-table-body::-webkit-scrollbar-thumb {
    background-color: #c1c1c180;
    background-clip: padding-box;
    min-height: 28px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.textarea[data-v-e1108f74]::-webkit-scrollbar {
    display: none
}

.textarea[data-v-e1108f74]::-webkit-scrollbar-track {
    width: 5px;
    background-color: transparent;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

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