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

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

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

.textarea-wrap[data-v-e358a337] {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    background-color: #f5f5fc;
    border-radius: 5px;
    padding: 10px 10px 5px;
    height: 260px;
    box-sizing: border-box
}

.btn-box[data-v-e358a337] {
    display: flex;
    gap: 5px;
    justify-content: space-between;
    align-items: center;
    padding-top: 25px
}

.btn-wrap[data-v-e358a337] {
    width: 50%;
    display: flex;
    align-items: center;
    background-color: #fff;
    border-radius: 5px;
    padding: 5px 20px;
    cursor: pointer
}

.btn-wrap[data-v-e358a337]:hover,.btn-wrap:hover .text-active[data-v-e358a337] {
    color: var(--ss-primary-color)
}

.btn-wrap img[data-v-e358a337] {
    width: 20px;
    height: 20px;
    margin-right: 5px
}

.input-area[data-v-e358a337] {
    background-color: #fff;
    border-radius: 5px
}

.input-btn-area[data-v-e358a337] {
    display: flex;
    justify-content: flex-end;
    gap: 5px;
    margin-top: 5px;
    padding: 5px
}

.loading-area[data-v-e358a337] {
    background-color: #fff;
    padding: 20px;
    border-radius: 5px
}

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

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

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

[data-v-252a87ee] .ss-drawer-wrapper-body {
    background-color: #f2f5fd!important
}

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

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

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

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

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

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

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

.content[data-v-252a87ee] {
    color: #000;
    display: flex;
    gap: 30px;
    width: 100%;
    height: calc(100% - 64px)
}

.content .content_left[data-v-252a87ee] {
    flex: 1;
    padding-top: 20px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.content .content_left .content_left_box[data-v-252a87ee] {
    height: calc(100% - 50px);
    padding-right: 5px;
    overflow-y: auto;
    overflow-x: hidden
}

.content .content_left .content_left_box[data-v-252a87ee]::-webkit-scrollbar {
    width: 8px;
    height: 10px;
    display: none
}

.content .content_left .content_left_box[data-v-252a87ee]::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 10px
}

.content .content_left .content_left_box .script_title_box[data-v-252a87ee] {
    display: flex;
    border-radius: 5px 5px 0 0;
    background-color: #f4f4f5;
    overflow: hidden;
    padding: 2px 2px 0;
    margin-bottom: 20px
}

.content .content_left .content_left_box .script_title_box .script_title_item[data-v-252a87ee] {
    cursor: pointer;
    width: 85px;
    line-height: 35px;
    text-align: center;
    border-right: 1px solid #e6e6e6
}

.content .content_left .content_left_box .script_title_box .script_title_item[data-v-252a87ee]:nth-last-child(1) {
    border-right: none
}

.content .content_left .content_left_box .script_title_box .script_title_item.scriptActive[data-v-252a87ee] {
    color: var(--ss-primary-color);
    background: #fff;
    border: 1px solid #e6e6e6;
    border-bottom: none;
    border-left: none
}

.content .content_left .content_left_box .dynamic_form[data-v-252a87ee] {
    display: flex;
    flex-direction: column
}

.content .content_left .content_left_box .dynamic_form .input[data-v-252a87ee] {
    padding-right: 0;
    position: relative
}

.content .content_left .content_left_box .dynamic_form .input[data-v-252a87ee] .ss-input-prefix {
    opacity: 0;
    transition: all .3s;
    position: absolute;
    right: -15px;
    top: -23px
}

.content .content_left .content_left_box .dynamic_form .input[data-v-252a87ee] .ss-input-prefix span {
    font-size: 12px
}

.content .content_left .content_left_box .dynamic_form .input[data-v-252a87ee] .ss-input-prefix .btn_box {
    display: flex;
    align-items: center;
    gap: 8px;
    padding-right: 10px
}

.content .content_left .content_left_box .dynamic_form .input[data-v-252a87ee] .ss-input-prefix .btn_box .btn {
    padding: 0
}

.content .content_left .content_left_box .dynamic_form .input[data-v-252a87ee]:hover .ss-input-prefix {
    opacity: 1
}

.content .content_left .content_left_box .dynamic_form .form_item[data-v-252a87ee] {
    position: relative
}

.content .content_left .content_left_box .dynamic_form .form_item .btn_box[data-v-252a87ee] {
    position: absolute;
    top: -30px;
    right: 0;
    display: flex;
    align-items: center;
    gap: 3px;
    opacity: 0;
    transition: all .3s
}

.content .content_left .content_left_box .dynamic_form .form_item .btn_box .btn[data-v-252a87ee] {
    padding: 3px
}

.content .content_left .content_left_box .dynamic_form .form_item:hover .btn_box[data-v-252a87ee] {
    opacity: 1
}

.content .content_left .left_bottom_controls[data-v-252a87ee] {
    padding-top: 10px;
    display: flex;
    gap: 10px
}

.content .content_right[data-v-252a87ee] {
    flex: 1;
    padding-top: 20px;
    position: relative
}

.content .content_right[data-v-252a87ee]:before {
    content: "";
    background-color: #d6d6d6;
    width: 1px;
    height: 100%;
    position: absolute;
    left: -15.5px;
    top: 15px
}

.content .content_right .right_title[data-v-252a87ee] {
    display: flex;
    position: sticky;
    left: 0;
    top: 0;
    margin-bottom: 25px
}

.content .content_right .right_title .title_text[data-v-252a87ee] {
    font-weight: 600;
    text-wrap: nowrap;
    margin: 0;
    font-size: 15px
}

.content .content_right .right_title .title_desc[data-v-252a87ee] {
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 0 10px;
    flex: 1
}

.content .content_right .right_title .title_desc .desc_text[data-v-252a87ee] {
    padding-top: 1px;
    font-size: 12px;
    color: #888;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    width: auto
}

.content .content_right .right_content_box[data-v-252a87ee] {
    height: calc(100% - 64px);
    display: flex;
    flex-direction: column
}

.content .content_right .right_content_box .creat_more[data-v-252a87ee] {
    font-size: 12px
}

.content .content_right .right_content_box .creat_more .des_more[data-v-252a87ee] {
    color: #323335
}

.content .content_right .right_content_box .creat_more .btn[data-v-252a87ee] {
    font-size: 12px
}

.content .content_right .right_content_box .spin[data-v-252a87ee] {
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 15px
}

.content .content_right .right_content_box .not_content[data-v-252a87ee] {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px
}

.content .content_right .right_content_box .not_content .isEmpty[data-v-252a87ee] {
    width: 80%;
    object-fit: contain
}

.content .content_right .right_content_box .not_content .not_content_desc_one[data-v-252a87ee] {
    font-weight: 600
}

.content .content_right .right_content_box .not_content .not_content_desc_two[data-v-252a87ee] {
    color: #888
}

.content .content_right .right_content_box .script_item_box[data-v-252a87ee] {
    flex: 1;
    overflow-y: auto;
    padding-top: 22px
}

.content .content_right .right_content_box .script_item_box[data-v-252a87ee]::-webkit-scrollbar {
    display: none
}

.content .content_right .right_content_box .script_item_box .script_item[data-v-252a87ee] {
    padding: 15px;
    border: 1px solid #d6d6d6;
    border-radius: 7px;
    position: relative;
    margin-bottom: 40px
}

.content .content_right .right_content_box .script_item_box .script_item .script_item_title[data-v-252a87ee] {
    margin: 0;
    position: absolute;
    font-weight: 600;
    top: -25px;
    font-size: 14px;
    left: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    width: auto
}

.content .content_right .right_content_box .script_item_box .script_item .script_content .script_content_top[data-v-252a87ee] {
    display: flex;
    flex-direction: column
}

.content .content_right .right_content_box .script_item_box .script_item .script_content .script_content_top .hide_content[data-v-252a87ee] {
    margin: 0;
    font-size: 13px;
    color: #323335
}

.content .content_right .right_content_box .script_item_box .script_item .script_content .script_content_top .dec_text_num[data-v-252a87ee] {
    display: inline-block;
    font-size: 13px;
    color: #888;
    margin-left: auto
}

.content .content_right .right_content_box .script_item_box .script_item .script_content .script_content_top .show_content[data-v-252a87ee]::-webkit-scrollbar {
    width: 8px;
    height: 10px
}

.content .content_right .right_content_box .script_item_box .script_item .script_content .script_content_top .show_content[data-v-252a87ee]::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 10px
}

.content .content_right .right_content_box .script_item_box .script_item .script_content .script_content_bottom[data-v-252a87ee] {
    padding-top: 10px;
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #e4e4e4
}

.content .content_right .right_content_box .script_item_box .script_item .title_tags[data-v-252a87ee] {
    margin-bottom: 10px;
    display: flex;
    flex-wrap: wrap;
    gap: 5px 20px
}

.content .content_right .right_content_box .script_item_box .script_item .title_tags .title_tags_item[data-v-252a87ee] {
    position: relative;
    display: inline-block;
    padding: 2px 6px;
    line-height: 16px;
    font-size: 12px;
    background-color: #e5f5ff;
    color: #2a55e5
}

.content .content_right .right_content_box .script_item_box .script_item .title_tags .title_tags_item[data-v-252a87ee]:after {
    content: "+";
    position: absolute;
    right: -10px;
    top: 15%;
    transform: translate(50%)
}

.content .content_right .right_content_box .script_item_box .script_item .title_tags .title_tags_item[data-v-252a87ee]:nth-last-child(1):after {
    content: ""
}

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

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

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

.video_con[data-v-22233088] {
    width: 150px;
    height: 250px;
    background-color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative
}

.video_con .operate_con[data-v-22233088] {
    display: none
}

.video_con:hover .operate_con[data-v-22233088] {
    width: 150px;
    height: 250px;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #0000004d;
    display: flex;
    align-items: center;
    justify-content: center
}

.video_con:hover .operate_con .play_icon[data-v-22233088] {
    color: #fff;
    font-size: 24px;
    cursor: pointer
}

.video_con:hover .operate_con .play_icon[data-v-22233088]:hover {
    color: #ff5652
}

.video_con:hover .operate_con .delete_icon[data-v-22233088] {
    color: #fff;
    font-size: 24px;
    cursor: pointer
}

.video_con:hover .operate_con .delete_icon[data-v-22233088]:hover {
    color: #ff5652
}

.video_con video[data-v-22233088] {
    max-width: 100%;
    max-height: 100%
}

.ant-input-number[data-v-22233088],button[data-v-22233088] {
    border-radius: 5px
}

[data-v-22233088] .ant-select-selector {
    border-radius: 0 5px 5px 0!important
}

.textarea-wrapper[data-v-22233088],input[data-v-22233088] {
    border-radius: 5px
}

[data-v-22233088] .ant-card {
    border-radius: 15px
}

.upload-wrapper[data-v-22233088] {
    width: 200px;
    height: 324px;
    margin: 0 20px 20px 0;
    padding: 20px;
    background-color: #f3f4f6;
    border-radius: 15px
}

.upload-content[data-v-22233088] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 46px;
    width: 160px;
    height: 284px;
    background-color: #fff;
    border-radius: 15px;
    cursor: pointer
}

.text-16[data-v-22233088] {
    font-size: 16px
}

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

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

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

.title_box[data-v-90045419] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px
}

.title_box .title_left span[data-v-90045419] {
    margin-right: 10px
}

.content_main .upload_box .upload_icon[data-v-90045419] {
    font-size: 60px;
    color: #216fff
}

.content_main .upload_box .upload_text[data-v-90045419] {
    font-size: 16px;
    margin-bottom: 5px
}

.content_main .upload_box .upload_hint[data-v-90045419] {
    font-size: 12px;
    color: #acacac
}

.bottom_p[data-v-90045419] {
    text-align: start;
    color: var(--ss-error-color)
}

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

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

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

.TextlibraryContent[data-v-cce404e1] {
    padding: 14px;
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column
}

.TextlibraryContent .content[data-v-cce404e1] {
    flex: 1;
    display: flex;
    width: 100%;
    margin-top: 20px;
    gap: 20px;
    overflow: hidden
}

.TextlibraryContent .content .list-left[data-v-cce404e1] {
    height: 100%;
    background-color: #fff;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.TextlibraryContent .content .list-left .left-list[data-v-cce404e1] {
    margin-top: 20px;
    width: 200px;
    flex: 1;
    overflow-y: auto
}

.TextlibraryContent .content .list-left .left-list[data-v-cce404e1]::-webkit-scrollbar {
    width: 8px;
    height: 10px
}

.TextlibraryContent .content .list-left .left-list[data-v-cce404e1]::-webkit-scrollbar-thumb {
    background: #eee;
    border-radius: 10px
}

.TextlibraryContent .content .list-left .left-list .list-item[data-v-cce404e1] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 10px;
    height: 40px;
    border-radius: 5px;
    cursor: pointer;
    margin-top: 5px
}

.TextlibraryContent .content .list-left .left-list .list-item .item-name[data-v-cce404e1] {
    flex: 1;
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical
}

.TextlibraryContent .content .list-left .left-list .list-item[data-v-cce404e1]:hover {
    background-color: #f4f4f5
}

.TextlibraryContent .content .list-left .left-list .list-item:hover>.item-btn-area[data-v-cce404e1] {
    opacity: 1
}

.TextlibraryContent .content .list-left .left-list .active-item[data-v-cce404e1] {
    background-color: #f2f4fc!important
}

.TextlibraryContent .content .list-left .item-btn-area[data-v-cce404e1] {
    opacity: 0
}

.TextlibraryContent .content .list-left .empty[data-v-cce404e1] {
    width: 100%;
    height: 100%;
    display: flex;
    margin-top: 20px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    opacity: .4
}

.TextlibraryContent .content .list-left .lib-name[data-v-cce404e1] {
    font-weight: 600;
    font-size: 15px
}

.TextlibraryContent .content .right-table[data-v-cce404e1] {
    flex: 1;
    background-color: #fff;
    overflow-y: auto
}

.TextlibraryContent .content .right-table .caozuo_btn[data-v-cce404e1] {
    margin: 20px 0;
    padding: 0 10px;
    width: 100%;
    display: flex;
    justify-content: space-between
}

.TextlibraryContent .content .right-table .caozuo_btn .btn_left[data-v-cce404e1] {
    display: flex;
    gap: 130px
}

.TextlibraryContent .content .right-table .caozuo_btn .btn_left .btn_left_left[data-v-cce404e1] {
    display: flex
}

.TextlibraryContent .content .right-table .caozuo_btn .btn_left .btn_left_item[data-v-cce404e1] {
    margin-right: 10px;
    border-radius: 3px
}

.TextlibraryContent .content .right-table .caozuo_btn .btn_left .search-title[data-v-cce404e1],.TextlibraryContent .content .right-table .caozuo_btn .btn_right[data-v-cce404e1] {
    display: flex;
    gap: 10px
}

.TextlibraryContent .content .right-table[data-v-cce404e1]::-webkit-scrollbar {
    width: 8px;
    height: 10px;
    display: none
}

.TextlibraryContent .content .right-table[data-v-cce404e1]::-webkit-scrollbar-thumb {
    background: #eee;
    border-radius: 10px
}

.TextlibraryContent .content .right-table[data-v-cce404e1] .ss-table-body {
    margin-right: 5px
}

.TextlibraryContent .content .right-table[data-v-cce404e1] .ss-table-body::-webkit-scrollbar {
    width: 8px;
    height: 10px
}

.TextlibraryContent .content .right-table[data-v-cce404e1] .ss-table-body::-webkit-scrollbar-thumb {
    background: #eee;
    border-radius: 10px
}

.smart-clip-header[data-v-cce404e1] {
    padding: 30px;
    border-radius: 12px;
    min-width: 1140px;
    background: linear-gradient(220deg,#f3f7ff,#9fbfff66);
    display: flex;
    flex-direction: column
}

.smart-clip-header .smart-clip-header-title_top[data-v-cce404e1] {
    font-size: 24px;
    color: #0c0d0e;
    line-height: 1.5
}

.smart-clip-header .smart-clip-header-desc[data-v-cce404e1] {
    font-size: 14px;
    color: #737a87;
    margin-top: 5px;
    line-height: 1.5
}

.smart-clip-header .smart-clip-header-btngroup[data-v-cce404e1] {
    margin-top: 15px
}

[data-v-cce404e1] .ss-table-wrapper,[data-v-cce404e1] .ss-table {
    margin-top: 0!important
}

.lib-name[data-v-cce404e1] {
    font-weight: 600;
    font-size: 15px
}

.left-head[data-v-cce404e1] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 5px;
    padding: 0 10px
}

.left-btn[data-v-cce404e1] {
    display: flex;
    align-items: center;
    cursor: pointer;
    color: var(--ss-primary-color)
}

.material-content[data-v-cce404e1] {
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    width: auto
}

[data-v-cce404e1] .ss-table-pagination.ss-pagination {
    margin: 10px 16px 5px 0!important;
    padding-bottom: 10px;
    padding-right: 10px;
    background-color: #fff;
    width: 100%;
    display: flex
}