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

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

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

.preview_item[data-v-707b491c] {
    z-index: 9999!important
}

.preview_item .audio_item[data-v-707b491c] {
    width: 100%!important;
    height: 55px!important
}

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

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

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

.no_data[data-v-08e51012] {
    color: 14px;
    width: 100%;
    height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #666
}

.top_con[data-v-08e51012] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%
}

.top_con .left_back[data-v-08e51012] {
    display: flex;
    align-items: center;
    cursor: pointer;
    font-size: 14px
}

.top_con .left_back[data-v-08e51012]:hover {
    color: #0076ff
}

.top_con .top_con-right[data-v-08e51012] {
    display: flex;
    justify-content: space-between;
    padding-right: 10px
}

.material_con[data-v-08e51012] {
    width: 100%;
    max-height: 430px;
    flex: 1;
    display: flex;
    flex-wrap: wrap;
    overflow-y: scroll;
    margin-top: 10px;
    flex-direction: row;
    align-items: stretch;
    justify-content: flex-start;
    align-content: flex-start
}

.material_con[data-v-08e51012]::-webkit-scrollbar {
    width: 6px
}

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

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

.material_con .custom_upload[data-v-08e51012] {
    width: 225px;
    height: 178px;
    background: #f9f9f9!important;
    border: 3px dashed #ddd;
    color: #696969;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    cursor: pointer;
    margin-left: 10px;
    margin-top: 10px
}

.material_con .custom_upload .upload_txt[data-v-08e51012] {
    margin-top: 5px
}

.material_con .material_item_image[data-v-08e51012] {
    margin-right: 20px;
    margin-bottom: 10px;
    position: relative
}

.material_con .material_item_image:hover .bottom_icon[data-v-08e51012] {
    opacity: 1
}

.material_con .material_item_image:hover .operate_con[data-v-08e51012] {
    background: #00000041;
    border-radius: 10px
}

.material_con .material_item_image .bottom_icon[data-v-08e51012] {
    margin-right: 5px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    opacity: 0;
    transition: all .3s ease;
    z-index: 100;
    color: #fff;
    font-size: 25px
}

.material_con .material_item_image .bottom_icon[data-v-08e51012]:hover {
    color: var(--ss-primary-3)
}

.material_con .material_item_image .material_item_image_top[data-v-08e51012] {
    width: 225px;
    height: 200px;
    cursor: pointer;
    flex-shrink: 0;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    background-color: #000;
    border-radius: 10px
}

.material_con .material_item_image .material_item_image_top .count_Text[data-v-08e51012] {
    position: absolute;
    right: 8px;
    top: 8px;
    z-index: 9999!important
}

.material_con .material_item_image .material_item_image_top .count_Text .count_Text_icon[data-v-08e51012] {
    font-size: 18px;
    color: #fff;
    margin-right: 3px
}

.material_con .material_item_image .material_item_image_top .count_Text .count_Text_wenan[data-v-08e51012] {
    color: #fff
}

.material_con .material_item_image .operate_con[data-v-08e51012] {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
    transition: all .3s ease
}

.material_con .material_item_image .operate_con .top_check[data-v-08e51012] {
    position: absolute;
    left: 0;
    top: 1px;
    width: 100%;
    height: 25px;
    display: flex;
    justify-content: space-between
}

.material_con .material_item_image .operate_con .top_check .zhanwei[data-v-08e51012] {
    margin-right: 5px
}

.material_con .material_item_image .operate_con .bottom_con[data-v-08e51012] {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    line-height: 24px;
    display: flex;
    justify-content: space-between;
    text-align: start;
    align-items: center;
    background: #000000a4;
    font-size: 13px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px
}

.material_con .material_item_image .operate_con .bottom_con .material_name[data-v-08e51012] {
    width: 225px;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.material_con .material_item_image .material_image[data-v-08e51012] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 98%;
    height: auto;
    background-color: #000;
    position: relative;
    overflow: hidden
}

.material_con .material_item_image .material_image .video_duration[data-v-08e51012] {
    position: absolute;
    right: 3px;
    top: 0;
    color: #fff
}

.material_con .material_item_image .material_image img[data-v-08e51012] {
    max-width: 225px;
    max-height: 195px
}

.material_con .material_item_image .material_image video[data-v-08e51012] {
    max-width: 225px;
    max-height: 200px
}

.bottom-T[data-v-08e51012] {
    width: 180px;
    margin-left: 10px;
    font-weight: 700!important;
    margin-top: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.botom-time[data-v-08e51012] {
    width: 180px;
    margin-left: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.bottom_con_left[data-v-08e51012] {
    padding-right: 5px
}

[data-v-08e51012] .model_upload {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 225px!important;
    height: 200px!important;
    border: none;
    border: 1px dashed #ccc;
    border-radius: 10px;
    background-color: #f8f8f8
}

[data-v-08e51012] .ss-upload.ss-upload-select-picture-card {
    width: 200px!important;
    height: 200px!important;
    border-bottom-left-radius: 10px!important;
    border-bottom-right-radius: 10px!important;
    border: none!important
}

.model_upload_text[data-v-08e51012] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #999;
    font-size: 14px;
    padding: 0 10px;
    flex-direction: column
}

[data-v-08e51012] .ss-upload-select-text {
    display: flex!important;
    align-items: center!important;
    justify-content: center!important;
    color: #696969!important
}

.model_upload_top[data-v-08e51012] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 5px
}

.updatevideo_All[data-v-08e51012] {
    margin-right: 20px;
    margin-bottom: 10px
}

.updatevideo_All[data-v-08e51012]:nth-child(3n+1) {
    margin-left: 0
}

.updatevideo_item[data-v-08e51012] {
    height: 154px;
    width: 225px;
    background-color: #000;
    border-radius: 10px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    position: relative
}

.updatevideo_item .up_fin[data-v-08e51012] {
    position: absolute;
    bottom: 10px;
    right: -8px
}

.updatevideo_item .updatevideo_item_s[data-v-08e51012] {
    width: 100%
}

.updatevideo_bottom[data-v-08e51012] {
    width: 225px;
    display: flex;
    justify-content: space-between
}

.updatevideo_bottom .updatevideo_bottom_left[data-v-08e51012] {
    width: 80%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.updatevideo_icon_right[data-v-08e51012] {
    font-size: 16px;
    margin-right: 20px
}

.play_video[data-v-08e51012] {
    color: #fff;
    font-size: 33px;
    position: absolute;
    top: 43%
}

.big-box[data-v-08e51012] {
    height: 390px;
    overflow-y: auto;
    display: flex;
    flex-wrap: wrap
}

.select_icon[data-v-08e51012] {
    font-size: 16px;
    margin-left: 10px
}

.line[data-v-08e51012] {
    height: 1px;
    width: 760px;
    background-color: #e5e5e5;
    margin: 10px 0 20px
}

.text-content[data-v-08e51012] {
    height: 320px;
    overflow: auto
}

.see_img[data-v-08e51012] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px
}

.btn_btn[data-v-08e51012] {
    margin-bottom: 6px;
    border-radius: 6px;
    color: #fff;
    border: none
}

.baseModel[data-v-08e51012] .ss-modal-footer {
    border-top: none!important
}

.baseModel[data-v-08e51012] .ss-modal-body {
    padding-top: 30px!important
}

.baseModel[data-v-08e51012] .ss-modal {
    width: 410px!important
}

.empty_box[data-v-08e51012] {
    background-color: #fff;
    width: 100%;
    height: 52px
}

.before_progress_item[data-v-08e51012] {
    display: flex;
    width: 100%
}

.wait_upload[data-v-08e51012] {
    color: #f7a726;
    font-size: 10px
}

.upload_mater[data-v-08e51012] {
    margin-right: 20px;
    margin-bottom: 20px
}

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

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

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

.avatar-upload-preview_range[data-v-7c8f3f8b],.avatar-upload-preview[data-v-7c8f3f8b] {
    position: absolute;
    top: 50%;
    transform: translate(50%,-50%);
    width: 180px;
    height: 180px;
    border-radius: 50%;
    box-shadow: 0 0 4px #ccc;
    overflow: hidden
}

.avatar-upload-preview_range img[data-v-7c8f3f8b],.avatar-upload-preview img[data-v-7c8f3f8b] {
    width: 100%;
    height: 100%
}

.avatar-upload-preview_range[data-v-7c8f3f8b] {
    border-radius: 0
}

[data-v-7c8f3f8b] .cropper-modal[data-v-26736c2c] {
    background: none
}

[data-v-7c8f3f8b] .vue-cropper[data-v-26736c2c] {
    background-image: none
}

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

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

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

.title_box span[data-v-b64e08e7] {
    font-size: 18px;
    color: #0c0d0e
}

.content[data-v-b64e08e7] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px
}

.content .loding[data-v-b64e08e7] {
    margin-top: 50px
}

.content .title_img[data-v-b64e08e7] {
    width: 120px;
    height: 120px;
    object-fit: contain
}

.content p[data-v-b64e08e7] {
    font-weight: 600;
    font-size: 16px
}

.content span[data-v-b64e08e7] {
    color: #888
}

.bottom[data-v-b64e08e7] {
    display: flex
}

.bottom .btn[data-v-b64e08e7] {
    margin-left: auto
}

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

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

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

[data-v-20dc7103] .ss-image {
    display: flex;
    align-items: center
}

[data-v-20dc7103] .ss-image img {
    height: 100%;
    object-fit: contain;
    background-color: #e7e7e7
}

.bottom_pagination[data-v-20dc7103] {
    padding-top: 5px
}

.merchant_materials[data-v-20dc7103] {
    height: 500px;
    display: flex
}

.merchant_materials .left_menu[data-v-20dc7103] {
    height: 100%;
    width: 20%;
    border-right: 1px solid #eee;
    overflow-y: scroll
}

.merchant_materials .left_menu[data-v-20dc7103]::-webkit-scrollbar {
    width: 6px
}

.merchant_materials .left_menu[data-v-20dc7103]::-webkit-scrollbar-track {
    width: 5px;
    background-color: transparent;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

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

.merchant_materials .left_menu .parent_con .parent_item[data-v-20dc7103] {
    cursor: pointer;
    margin-top: 15px
}

.merchant_materials .left_menu .parent_con .parent_item .parent_name[data-v-20dc7103] {
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-right: 20px;
    color: #666
}

.merchant_materials .left_menu .parent_con .parent_item .parent_name .expand_icon[data-v-20dc7103] {
    color: #999;
    font-size: 12px
}

.merchant_materials .left_menu .parent_con .parent_item .parent_name .name-text[data-v-20dc7103] {
    width: 200px;
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.merchant_materials .left_menu .parent_con .parent_item .menu_con .menu_item[data-v-20dc7103] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    color: #666;
    font-size: 15px;
    cursor: pointer;
    margin-top: 7px;
    padding-left: 15px;
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.merchant_materials .left_menu .parent_con .parent_item .menu_con .menu_item.active[data-v-20dc7103] {
    color: #2878ff
}

.merchant_materials .left_menu .menu_con .menu_item[data-v-20dc7103] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    color: #666;
    font-size: 15px;
    cursor: pointer;
    margin-top: 5px
}

.merchant_materials .left_menu .menu_con .menu_item.active[data-v-20dc7103] {
    color: #2878ff
}

.merchant_materials .right_material[data-v-20dc7103] {
    height: 100%;
    width: 80%;
    padding: 0 10px;
    overflow: hidden
}

.merchant_materials .right_material[data-v-20dc7103]::-webkit-scrollbar {
    width: 6px
}

.merchant_materials .right_material[data-v-20dc7103]::-webkit-scrollbar-track {
    width: 5px;
    background-color: transparent;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

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

.general_materials[data-v-20dc7103] {
    height: 500px;
    width: 100%
}

.general_materials .custom_upload[data-v-20dc7103] {
    width: 100px;
    height: 100px;
    border-radius: 10px;
    background: #f9f9f9!important;
    border: 1px dashed #ddd;
    color: #696969;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    cursor: pointer
}

.general_materials .custom_upload .upload_txt[data-v-20dc7103] {
    margin-top: 5px
}

.tip_materials[data-v-20dc7103] {
    height: 500px;
    display: flex
}

.tip_materials .left_menu[data-v-20dc7103] {
    width: 200px;
    height: 100%;
    border-right: 1px solid #eee;
    padding-top: 10px
}

.tip_materials .left_menu .Tip_menu_item[data-v-20dc7103] {
    cursor: pointer;
    margin-bottom: 10px;
    margin-right: 10px;
    display: flex;
    justify-content: space-between;
    padding-right: 20px;
    align-items: center
}

.tip_materials .left_menu .Tip_menu_item .expand_icon[data-v-20dc7103] {
    color: #999;
    font-size: 12px
}

.tip_materials .left_menu .Tip_menu_item .Tip_menu_title[data-v-20dc7103] {
    font-size: 15px;
    cursor: pointer;
    color: #666
}

.tip_materials .left_menu .Bottom_menu_tip[data-v-20dc7103],.tip_materials .left_menu .Bottom_menu_tip .Bottom_menu_titl[data-v-20dc7103] {
    margin-bottom: 5px
}

.tip_materials .right_material[data-v-20dc7103] {
    width: calc(100% - 200px)
}

.system_materials[data-v-20dc7103] {
    width: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: column
}

.system_materials .table_box[data-v-20dc7103] {
    flex: 1;
    display: flex;
    flex-wrap: wrap;
    overflow-y: auto;
    width: 100%;
    gap: 15px;
    align-content: flex-start;
    margin-bottom: 20px
}

.system_materials .table_box[data-v-20dc7103]::-webkit-scrollbar {
    display: none
}

.system_materials .table_box .emptyBox[data-v-20dc7103] {
    width: 100%;
    height: 420px;
    display: flex;
    align-items: center;
    justify-content: center
}

.system_materials .table_box .material_item_image[data-v-20dc7103] {
    background-color: #000;
    position: relative;
    width: 212px;
    height: 130px;
    cursor: pointer
}

.system_materials .table_box .material_item_image[data-v-20dc7103]:after {
    content: "";
    width: 100%;
    height: 100%;
    background-color: #00000073;
    transition: all .3s;
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3
}

.system_materials .table_box .material_item_image:hover .bottom_icon[data-v-20dc7103] {
    opacity: 1
}

.system_materials .table_box .material_item_image[data-v-20dc7103]:hover:after {
    opacity: 1
}

.system_materials .table_box .material_item_image .is_content[data-v-20dc7103] {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.system_materials .table_box .material_item_image .is_content img[data-v-20dc7103] {
    height: 100%;
    width: 100%;
    object-fit: contain
}

.system_materials .table_box .material_item_image .bottom_icon[data-v-20dc7103] {
    z-index: 10;
    position: absolute;
    left: 50%;
    top: 40%;
    transform: translate(-50%);
    color: #fff;
    font-size: 28px;
    opacity: 0;
    transition: all .3s;
    cursor: pointer
}

.system_materials .table_box .material_item_image .bottom_icon[data-v-20dc7103]:hover {
    color: #91d5ff
}

.system_materials .table_box .material_item_image .top_checkbox[data-v-20dc7103] {
    position: absolute;
    top: 3px;
    left: 5px;
    z-index: 10
}

.system_materials .table_box .material_item_image .item_bottom_box[data-v-20dc7103] {
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #00000073;
    color: #fff;
    padding-left: 5px;
    width: 100%;
    z-index: 10
}

.system_materials .table_box .material_item_image .item_bottom_box .material_name[data-v-20dc7103] {
    font-size: 14x
}

.system_materials .top_serchform_box[data-v-20dc7103] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 20px
}

.system_materials .top_serchform_box .serch_box[data-v-20dc7103] {
    display: flex;
    align-items: center;
    gap: 30px
}

.system_materials .top_serchform_box .serch_box .serch_item[data-v-20dc7103] {
    display: flex;
    align-items: center
}

.system_materials .top_serchform_box .serch_box .serch_item .serch_title[data-v-20dc7103] {
    font-size: 14px;
    text-wrap: nowrap
}

.system_materials .top_serchform_box .serch_box .btns[data-v-20dc7103] {
    display: flex;
    gap: 10px
}

.system_materials .bottom_btns[data-v-20dc7103] {
    margin-top: 20px;
    display: flex;
    justify-content: flex-end;
    gap: 10px
}

.system_materials .pagination[data-v-20dc7103] {
    display: flex;
    align-items: center
}

.text-red[data-v-20dc7103] {
    color: #2878ff!important
}

.no-shuju[data-v-20dc7103] {
    display: flex;
    align-items: center;
    height: 100%;
    justify-content: center
}