.root[data-v-438f785f] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  height: 100%;
  background: #121213;
  position: relative;
  z-index: 10;
}
/* 菜单 */
.menu-x[data-v-438f785f] {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 12px;
  border: 0.5px solid rgba(255, 255, 255, 0.5);
  background-color: #242426;
  padding: 5px 0;
}
/* 菜单每个选项 */
.menu-li[data-v-438f785f] {
  width: 150px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px 8px;
  margin: 0 5px;
  color: white;
  border-radius: 10px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
/* 鼠标经过的选项，更改背景色 */
.menu-li[data-v-438f785f]:hover {
  background-color: rgba(255, 255, 255, 0.2);
}


.play-point[data-v-c84f8280] {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 1px;
  background-color: var(--theme-color);
}
.playPoint[data-v-c84f8280] {
  margin-left: -5px;
  float: left;
  width: 1px;
  height: 0;
  border-width: 5px;
  border-style: solid;
  border-color: var(--theme-color) transparent transparent  transparent;
}

.item[data-v-18d348c1] {
  background-color: #244040;
  height: 100%;
  border: 1px solid #566b6d;
  color: white;
  font-size: 14px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 4px;
}
.item[data-v-da5f6a38] {
  background-color: #924e3c;
  height: 100%;
  width: 100%;
  border: 1px solid #c3756a;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 4px;
}

.handler[data-v-1049ec88] {
  position: absolute;
  margin: 0 10px;
  height: 32px;
}
.handler-left[data-v-1049ec88] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  position: absolute;
  width: 12px;
  left: 0;
  top: 0;
  bottom: 0;
  padding-top: 3px;
  background-color: #566b6d;
  color: black;
  font-weight: 300;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  height: 32px;
}
.handler-right[data-v-1049ec88] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  position: absolute;
  width: 12px;
  right: 0;
  top: 0;
  bottom: 0;
  padding-top: 3px;
  background-color: #566b6d;
  color: black;
  font-weight: 300;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  height: 32px;
}


.item[data-v-05512229] {
  height: 100%;
  padding: 5px 8px 0;
  color: white;
  font-size: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.track-line[data-v-13a25378] {
  width: 100%;
  height: 32px;
  border-radius: 4px;
}


@charset "UTF-8";
.container[data-v-7495473f] {
  width: 100%;
  height: 100%;
}
[data-v-7495473f] .el-table {
  background-color: #121213;
  border: none !important;
}
[data-v-7495473f] .el-table th,[data-v-7495473f] .el-table td,[data-v-7495473f] .el-table tr {
  background-color: #121213;
  border: none !important;
  padding: 5px 0;
}
[data-v-7495473f] .el-table th {
  padding: 0;
}
[data-v-7495473f] .el-table::before,[data-v-7495473f] .el-table__fixed::before {
  height: 0;
}

/* 滚动条整体部分 */
.el-table[data-v-7495473f] ::-webkit-scrollbar {
  width: 6px; /* 垂直滚动条的宽度 */
  height: 6px; /* 水平滚动条的高度 */
}

/* 滚动条轨道（背景） */
.el-table[data-v-7495473f] ::-webkit-scrollbar-track,
.el-table[data-v-7495473f] ::-webkit-scrollbar-corner {
  background-color: #121213; /* 轨道背景颜色 */
}

/* 滚动条滑块 */
.el-table[data-v-7495473f] ::-webkit-scrollbar-thumb {
  background-color: #555; /* 滑块颜色 */
  border-radius: 4px; /* 滑块圆角 */
}

/* 鼠标悬停在滑块上时的颜色变化 */
.el-table[data-v-7495473f] ::-webkit-scrollbar-thumb:hover {
  background-color: #777; /* 鼠标悬停时滑块的颜色 */
}
@charset "UTF-8";
[data-v-60dc4afb] .el-dialog {
  border-radius: 12px;
}
.header-title[data-v-60dc4afb] {
  color: #fafafa;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  word-wrap: break-word;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.header-title .title-green-css[data-v-60dc4afb] {
  margin-left: 8px;
  padding: 0 8px;
  color: var(--theme-color);
  font-weight: 500;
  font-size: 12px;
  line-height: 20px;
  border: 1px solid var(--theme-color);
  border-radius: 4px;
}
[data-v-60dc4afb] .el-dialog {
  width: 800px;
  height: 600px;
  color: #fafafa;
  background-color: #27272a !important;
  background-clip: padding-box;
  pointer-events: auto;
  border: 1px solid #666;
}
[data-v-60dc4afb] .el-dialog__footer {
  position: absolute;
  right: 50px;
  padding: 0;
}
[data-v-60dc4afb] .el-dialog--center .el-dialog__body {
  padding: 8px 24px 2px 24px !important;
}
.search-div-css[data-v-60dc4afb] {
  padding: 16px;
  background: #323235;
  border-radius: 12px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.search-div-css span[data-v-60dc4afb] {
  position: absolute;
  margin-left: 12px;
  color: #fafafa;
  line-height: 36px;
  z-index: 99;
}
.search-div-css img[data-v-60dc4afb] {
  width: 20px;
  height: 20px;
  position: absolute;
  margin-top: -28px;
  margin-left: 176px;
}
.search-div-css svg[data-v-60dc4afb] {
  width: 12px;
  height: 12px;
  position: absolute;
  margin-top: -24px;
  margin-left: 176px;
}
.search-div-css input[data-v-60dc4afb] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 109px;
  overflow: hidden;
  background-color: #27272a;
  border: 1px solid #52525b;
  border-radius: 6px;
  height: 34px;
  padding-left: 65px;
  padding-right: 24px;
  color: #a1a1aa;
}
.search-div-css button[data-v-60dc4afb] {
  color: var(--theme-color);
  border: 1px solid var(--theme-color);
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0);
  padding: 4px 15px;
  font-size: 14px;
  cursor: pointer;
}
[data-v-60dc4afb] .el-select {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 131px;
  background-color: #27272a !important;
  border: 1px solid #52525b !important;
  border-radius: 6px;
  height: 34px !important;
  padding-left: 43px;
  padding-right: 6px;
  color: #999 !important;
  overflow: auto;
}
[data-v-60dc4afb] .el-select__tags {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
[data-v-60dc4afb] .el-input__inner {
  background-color: #27272a !important;
  border: none !important;
  height: 34px !important;
}
[data-v-60dc4afb] .el-tag.el-tag--info {
  background-color: #52525b !important;
  border: none;
}
[data-v-60dc4afb] .el-tag.el-tag--info {
  color: #fff;
  font-size: 14px;
  padding-top: 2px;
}
[data-v-60dc4afb] .el-select-dropdown__list {
  background-color: #27272a !important;
}
[data-v-60dc4afb] ::-webkit-scrollbar {
  width: 0;
  position: absolute;
}
.video-list-css[data-v-60dc4afb] {
  height: 320px;
  padding: 12px;
  overflow-y: auto;
  border: 1px solid #3f3f46;
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 12px;
  margin-top: 12px;
}
.video-list-css .one-card-css[data-v-60dc4afb] {
  padding: 12px;
  font-size: 14px;
  border-radius: 8px;
  position: relative;
  background-color: hsla(0, 0%, 100%, 0.05);
  width: 327px;
  border: 2px solid #323235;
  height: 124px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  cursor: pointer;
}
.video-list-css .one-card-css img[data-v-60dc4afb] {
  height: 52px;
  -o-object-fit: contain;
     object-fit: contain;
  width: 52px;
  border-radius: 8px;
}
.row-center-css[data-v-60dc4afb] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.name-css[data-v-60dc4afb] {
  color: #fafafa;
  font-size: 14px;
}
.dingzhi-css[data-v-60dc4afb] {
  color: #27272a;
  background-color: #ffbe5c;
  margin-left: 8px;
  padding: 4px 4px;
  font-weight: 500;
  font-size: 12px;
  border-radius: 4px;
}
.tag-css[data-v-60dc4afb] {
  margin-right: 4px;
  padding: 0.5px 1px;
  color: #e4e4e7;
  background-color: #545456;
  border-radius: 4px;
}
.description-css[data-v-60dc4afb] {
  margin-top: 8px;
  color: #a1a1aa;
  font-size: 12px;
  line-height: 20px;
}
.play-tips-css[data-v-60dc4afb] {
  position: absolute;
  color: #ffffff;
  margin-left: 16px;
  margin-top: 12px;
  font-size: 22px;
  cursor: pointer;
}
.cancel-but-css[data-v-60dc4afb] {
  margin-top: 8px;
  padding: 9px 14px;
  color: #fafafa !important;
  background: #27272a !important;
  border: 1px solid #52525b !important;
  border-radius: 4px;
}
.sure-but-css[data-v-60dc4afb] {
  color: var(--theme-font-color) !important;
  background-color: var(--theme-color) !important;
  margin-top: 8px;
  padding: 9px 24px 9px 12px;
  border-radius: 4px;
  border: none !important;
  position: relative;
}
.all-use-css[data-v-60dc4afb] {
  position: absolute;
  width: 24px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  right: 0;
  top: 9px;
}
.show-all-use[data-v-60dc4afb] {
  position: absolute;
  width: 100px;
  height: 40px;
  background-color: var(--theme-color);
  border-radius: 4px;
  text-align: center;
  line-height: 40px;
  color: #27272a;
  cursor: pointer;
  margin-left: 71px;
  margin-top: 4px;
  font-weight: 500;
  font-size: 14px;
}
.moren-div-css[data-v-60dc4afb] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 3px 0 3px 8px;
  overflow: hidden;
  background-color: #454547;
  border: 1px solid #454547;
  border-radius: 4px;
  margin-top: 8px;
  width: 118px;
  height: 22px;
  position: relative;
}
.moren-div-css .symbol-css[data-v-60dc4afb] {
  margin-left: 2px;
  color: #a1a1aa;
  font-weight: 500;
  font-size: 16px;
  line-height: 18px;
}
.moren-div-css .text-css[data-v-60dc4afb] {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #fafafa;
  font-size: 14px;
  font-weight: 600;
  margin-left: 8px;
  cursor: pointer;
}
.positon-select-video-css[data-v-60dc4afb] {
  width: 180px;
  height: auto;
  max-height: 280px;
  position: absolute;
  background-color: #27272A;
  border-radius: 8px;
  margin-top: 135px;
  margin-left: 110px;
  line-height: 40px;
  overflow: auto;
  z-index: 99;
}
.positon-select-video-css[data-v-60dc4afb] :hover {
  color: var(--theme-color);
  background-color: #3F3F46;
  background-size: 40px;
}
.positon-select-video-css span[data-v-60dc4afb] {
  margin-left: 50px;
  font-size: 14px;
  color: #ffffff;
  font-weight: 600;
}
.apply-font-css[data-v-60dc4afb] {
  position: absolute;
  color: #27272a;
  font-weight: 500;
  padding: 0 12px;
  font-size: 12px;
  line-height: 20px;
  background-color: var(--theme-color);
  border-top-right-radius: 4px;
  border-bottom-left-radius: 8px;
  top: 0px;
  right: 0px;
}
.sex-input-css[data-v-60dc4afb] {
  position: absolute;
  width: 145px;
  height: 300px;
  background-color: #27272A;
  z-index: 999;
  padding: 10px;
  margin-top: 5px;
  margin-left: 34px;
  border-radius: 8px;
  overflow: auto;
}
.sex-input-css p[data-v-60dc4afb] {
  height: 40px;
  line-height: 40px;
  padding-left: 12px;
}
[data-v-60dc4afb] .el-checkbox-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  line-height: 30px;
}
.Language-plus-css[data-v-60dc4afb] {
  position: absolute;
  width: 50px;
  margin-top: -30px;
  margin-left: 50px;
  color: #ffffff;
  font-weight: 700;
  border-radius: 4px;
  height: 25px;
  line-height: 26px;
  text-align: center;
  background: #3F3F46;
  font-size: 13px;
}
[data-v-60dc4afb] .el-checkbox__label {
  color: #ffffff;
}

/* 更改下拉框的背景颜色 */
[data-v-60dc4afb] .xxx-select.el-select-dropdown {
  background-color: #121213 !important; /* 你想要的颜色 */
}
[data-v-60dc4afb] .xxx-select.el-select-dropdown {
  background-color: #27272a !important;
  border: none;
}
[data-v-60dc4afb] .el-popper[x-placement^=bottom] .popper__arrow {
  border: none;
}
[data-v-60dc4afb] .el-popper[x-placement^=bottom] .popper__arrow::after {
  top: 1px;
  margin-left: -6px;
  border-top-width: 0;
  border-bottom-color: #27272a !important;
}
[data-v-60dc4afb] .el-select-dropdown__item {
  color: #fff;
}
[data-v-60dc4afb] .el-select-dropdown__item.hover,[data-v-60dc4afb] .el-select-dropdown.is-multiple .el-select-dropdown__item.selected.hover {
  background-color: #323235 !important;
}
[data-v-60dc4afb] .el-select-dropdown.is-multiple .el-select-dropdown__item.selected {
  background-color: #27272a !important;
}
[data-v-60dc4afb] .el-input__inner::-webkit-input-placeholder {
  color: #757575;
}
[data-v-60dc4afb] .el-input__inner::-moz-placeholder {
  color: #757575;
}
[data-v-60dc4afb] .el-input__inner:-ms-input-placeholder {
  color: #757575;
}
[data-v-60dc4afb] .el-input__inner::-ms-input-placeholder {
  color: #757575;
}
[data-v-60dc4afb] .el-input__inner::placeholder {
  color: #757575;
}

.pointer[data-v-08833355] {
    cursor: pointer;
}
.noallowed[data-v-08833355] {
    cursor: not-allowed;
}
.ml16[data-v-08833355] {
    margin-left: 16px;
}
.speedbox[data-v-08833355], .pausebox[data-v-08833355] {
    margin: -14px;
    background: #242424;
    border-radius: 4px;
}
.speedbox[data-v-08833355] {
    height: 165px;
}
.pausebox[data-v-08833355] {
    height: 44px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: #fff;
}
.pausebox span[data-v-08833355] {
    width: 88px;
    cursor: pointer;
    height: 44px;
    line-height: 44px;
    text-align: center;
    -webkit-transform: all 0.3s;
            transform: all 0.3s;
}
.pausebox span[data-v-08833355]:hover {
    background-color: #303033;
    color: var(--theme-color);
    -webkit-transform: all 0.3s;
            transform: all 0.3s;
}
.speedbox .row[data-v-08833355] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-bottom: 1px solid #121212;
    color: #fff;
    height: 55px;
}
.speedbox .row .rowl[data-v-08833355]{
    width: 80px;
    text-align: center;
}
.speedbox .row.row1[data-v-08833355]{
    border-bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    color: var(--theme-color);
}
.speedbox .row .input_inner[data-v-08833355] {
    position: relative;
}
.speedbox .row .input_inner .speedBL[data-v-08833355] {
    position: absolute;
    right: 50px;
    top: 6px;
}
[data-v-08833355] .input_inner .el-input__inner {
    background: #303030;
    color: #fff;
    border: 0;
}
[data-v-08833355] .input_inner .el-input-number__increase,[data-v-08833355] .input_inner .el-input-number__decrease {
    background: #303030;
}
[data-v-08833355] .input_inner .el-input-number.is-controls-right .el-input-number__increase {
    border-bottom: 1px solid #121213;
    border-left: 1px solid #121213;
    
    color: rgb(134, 142, 156);
}
[data-v-08833355] .input_inner .el-input-number.is-controls-right .el-input-number__decrease {
    border-left: 1px solid #121213;
    
    color: rgb(134, 142, 156);
}
.contentDialogForm[data-v-08833355] {
    color: #fff;
}
.contentDialogForm .row[data-v-08833355] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin:25px 0px;
    line-height: 30px;
}
.contentDialogForm .row .row-left[data-v-08833355] {
    width: 66px;
    text-align: right;
    margin-right: 16px;
}
.edittop[data-v-08833355] {
    padding: 0 12px 12px;
    background-color: #242426;
    border-radius: 4px;
}
.header[data-v-08833355] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 12px;
    height: 44px;
}
.left[data-v-08833355] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 100%;
}
.left .title[data-v-08833355]{
    font-family: PingFang SC;
    line-height: 22px;
    cursor: pointer;
    color: rgb(134, 142, 156);
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    margin-right: 20px;
}
.left .title.activte[data-v-08833355] {
    color: #fff;
}
.left .t1[data-v-08833355] {
    background: url('https://cdn.ix5j.net/saas_assets/human/text.webp') no-repeat left center;
    background-size: 16px 16px;
    padding-left: 18px;
}
.left .t2[data-v-08833355] {
    background: url('https://cdn.ix5j.net/saas_assets/human/sound.webp') no-repeat left center;
    background-size: 16px 16px;
    padding-left: 18px;
}
.left .title.activte.t1[data-v-08833355] {
    background: url('https://cdn.ix5j.net/saas_assets/human/text_activate.webp') no-repeat left center;
    background-size: 16px 16px;
    padding-left: 18px;
}
.left .title.activte.t2[data-v-08833355] {
    background: url('https://cdn.ix5j.net/saas_assets/human/sound_activate.webp') no-repeat left center;
    background-size: 16px 16px;
    padding-left: 18px;
}
.action_con[data-v-08833355] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.action_con_btn[data-v-08833355] {
    height: auto;
    padding: 2px 12px;
    color: #fff;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    background: hsla(0, 0%, 100%, .05);
    border: none;
    border-radius: 2px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, .015);
            box-shadow: 0 2px 0 rgba(0, 0, 0, .015);
    cursor: pointer;
    -webkit-transition: all .3s cubic-bezier(.645,.045,.355,1);
    transition: all .3s cubic-bezier(.645,.045,.355,1);
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -ms-touch-action: manipulation;
        touch-action: manipulation;
    text-align: center;
}
.split_line[data-v-08833355]{
    width: 1px;
    height: 16px;
    margin: 0 16px;
    background: #505157;
}
.dub_btn[data-v-08833355]{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 24px;
    margin-right: 16px;
    padding: 2px 12px;
    color: #fff;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    background: hsla(0, 0%, 100%, .05);
    border: none;
    border-radius: 2px;
    cursor: pointer;
}
.dub_btn img[data-v-08833355]{
    width: 16px;
    height: 16px;
    margin-right: 4px;
    border-radius: 50%;
}
.one-line-text[data-v-08833355] {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.speed-btn[data-v-08833355] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 24px;
    margin-right: 16px;
    padding: 2px 12px;
    color: #fff;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    background: hsla(0, 0%, 100%, .05);
    border: none;
    border-radius: 2px;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -ms-touch-action: manipulation;
        touch-action: manipulation; 
    text-align: center;
}
.speed-btn-line[data-v-08833355]{
    width: 1px;
    height: 10px;
    background-color: hsla(0, 0%, 100%, .09);
    margin: 0 10px;
}
.speed-btn-item[data-v-08833355] {
    padding: 0 3px;
}
.pause-btn[data-v-08833355] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 24px;
    height: 24px;
    padding: 0;
    line-height: 24px;
    background: hsla(0, 0%, 100%, .05);
    border: none;
    border-radius: 2px;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -ms-touch-action: manipulation;
        touch-action: manipulation; 
    text-align: center;
}
.pause-btn-icon[data-v-08833355] {
    color: #fff;
    font-size: 24px;
    font-style: normal;
    line-height: 0;
    text-align: center;
    text-transform: none;
    text-rendering: optimizeLegibility;
    fill: currentColor;
}
.export-btn-disabled[data-v-08833355] {
    margin-left: 16px;
    height: auto;
    padding: 1px 12px;
    color: #868e9c;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    background: rgba(0, 0, 0, 0);
    border: 1px solid #868e9c;
    border-radius: 2px;
    cursor: not-allowed;
}
.export-btn[data-v-08833355] {
    margin-left: 16px;
    height: auto;
    padding: 1px 12px;
    color: var(--theme-color);
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    background: rgba(0, 0, 0, 0);
    border: 1px solid var(--theme-color);
    border-radius: 2px;
    cursor: pointer;
}
.export-btn-default[data-v-08833355] {
    height: auto;
    padding: 0;
    color: #868e9c;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    background: rgba(0, 0, 0, 0);
    border: none;
    cursor: not-allowed;
}
.export-btn .export-btn-default[data-v-08833355] {
    color: var(--theme-color);
    cursor: pointer;
}
[data-v-08833355] .edittopdialog.el-dialog {
    background-color: #242424;
    width: 565px;
    min-height: auto;
    top: calc(18vh);
}

/* 修改未选中状态的颜色 */
[data-v-08833355] .el-radio__label {
  color: white; /* 改成你想要的颜色 */
}
[data-v-08833355] .edittopdialog .el-dialog__header {
    background-color: #242424;
}
[data-v-08833355] .edittopdialog .el-dialog__header .el-dialog__title {
    color: #fff;
}
[data-v-08833355] .edittopdialog .el-dialog__body {
    padding-top: 10px;
}
.contentDialog[data-v-08833355] {
    color: #868e9c;
}
.contentDialog .tips[data-v-08833355] {
    font-size: 12px;
    margin-bottom: 10px;
}
[data-v-08833355] .reSetTTSDia.el-dialog,[data-v-08833355] .appGlobalDialog {
    background-color: #242424;
    width: 465px;
    min-height: auto;
}
[data-v-08833355] .appGlobalDialog {
    width: 365px;
    top: calc(18vh);
}
[data-v-08833355] .loadingContentDialog.el-dialog {
    background-color: #242424;
    width: 465px;
    height: 160px;
    top: calc(28vh);
}
[data-v-08833355] .reSetTTSDia .el-dialog__header,[data-v-08833355] .appGlobalDialog .el-dialog__header,[data-v-08833355] .loadingContentDialog .el-dialog__header{
    display: none;
}
.reSetTTSDialog[data-v-08833355], .loadingContentDialog[data-v-08833355], .appGlobalDialogBox[data-v-08833355] {
    color: #fff;
}
.loadingContentDialog p[data-v-08833355]{
    font-size: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 20px;
    color: #868e9c;
}
.loadingContentDialog p i[data-v-08833355] {
    font-size: 18px;
    margin-right: 5px;
}
.reSetTTSDialog .title[data-v-08833355],
.appGlobalDialogBox .title[data-v-08833355] {
    color: #fff;
    font-size: 18px;
    margin-bottom: 10px;
}
.upload-div-css[data-v-08833355]{
    margin-top: 0px;
}
[data-v-08833355] .el-upload{
    display: block;
}
.upload-but-css[data-v-08833355]{
    height: 30px;
    border-radius: 4px;
    background-color: #242426;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /* margin: 0 12px; */
    padding: 4px 16px;
    font-size: 14px;
    border: 1px dashed var(--theme-color);
    color: var(--theme-color);
    cursor: pointer;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.span-i-css[data-v-08833355]{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 5px;
    font-size: 17px;
}
.upload_tips[data-v-08833355] {
    margin-left: 5px;
}
.file_info[data-v-08833355] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    background-color: #2f2f31;
    border: 1px solid #3f3f46;
    border-radius: 4px;
    padding: 6px 12px;
    margin-top: 20px;
}
.file_info_left[data-v-08833355] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 20px;
}
.file_info_icon[data-v-08833355] {
    font-size: 22px;
    color: #868e9c;
    
    display: -webkit-box;
    
    display: -ms-flexbox;
    
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.file_info_item[data-v-08833355] {
    width: 340px;
    margin: 0 10px;
}
[data-v-08833355] .el-progress__text {
    display: none;
}
[data-v-08833355] .el-progress-bar {
    padding-right: 0;
    margin-right: 0;
}
.arrow[data-v-08833355] {
    color: rgb(170, 170, 170); 
    font-size: 18px;
}
/* 自定义选中项的样式 */
[data-v-08833355] .el-radio__input.is-checked .el-radio__inner {
  background-color: var(--theme-color); /* 选中项的填充色 */
  border-color: var(--theme-color); /* 选中项的边框色 */
}
/* 自定义未选中项的样式 */
[data-v-08833355] .el-radio__inner {
  border-color: #DCDFE6; /* 未选中项的边框色 */
}
/* 自定义选中项标签的文本颜色 */
[data-v-08833355] .el-radio__input.is-checked + .el-radio__label {
  color: var(--theme-color); /* 选中项标签的文本颜色 */
}
[data-v-08833355] .el-button--primary {
  background-color: var(--theme-color);
  border-color: var(--theme-color); /* 保持边框颜色一致 */
}
[data-v-08833355] .el-button--primary:hover {
  background-color: var(--theme-color);
  border-color: var(--theme-color); /* 保持边框颜色一致 */
}

.tiptap[data-v-53967161] {
  /* Vue component */
}
.tiptap .vue-component[data-v-53967161] {
  margin: 0;
  position: relative;
  display: inline-block;
}
.tiptap .vue-component .pausePopitem[data-v-53967161] {
  all: unset;
  outline: 0;
  margin: 0 4px -2px 4px;
  cursor: pointer;
  height: 16px;
  line-height: 16px;
  background: var(--theme-color);
  border-radius: 2px;
  padding: 1px 3px;
}
.tiptap .vue-component .pausePopitem[data-v-53967161]:hover {
  background: #34766d;
}
.tiptap .vue-component .pausePopitem_inner[data-v-53967161] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.tiptap .vue-component .txt[data-v-53967161] {
  color: #ffffff;
}
.pausebox[data-v-53967161] {
  margin: -14px;
  background: #242424;
  border-radius: 4px;
}
.pausebox[data-v-53967161] {
  height: 44px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  border: 1px solid #303030;
}
.pausebox span[data-v-53967161] {
  width: 88px;
  cursor: pointer;
  height: 44px;
  line-height: 44px;
  text-align: center;
  -webkit-transform: all 0.3s;
          transform: all 0.3s;
}
.pausebox span[data-v-53967161]:hover {
  background-color: #303033;
  color: var(--theme-color);
  -webkit-transform: all 0.3s;
          transform: all 0.3s;
}
.popover__position_top.el-popper[x-placement^=top] {
  margin-bottom: 8px !important;
}

.tiptap[data-v-9f89a29a] {
  /* Vue component */
}
.tiptap .vue-component[data-v-9f89a29a] {
  margin: 0;
  position: relative;
  display: inline-block;
}
.tiptap .vue-component .pausePopitem span[data-v-9f89a29a] {
  all: unset;
  outline: 0;
  cursor: pointer;
  height: 16px;
  line-height: 16px;
}
.tiptap .vue-component .pausePopitem span[datatype=active][data-v-9f89a29a] {
  background: #00676d;
  border-radius: 2px;
  border: 1px solid #3afff3;
  padding: 1px 3px;
}
.tiptap .vue-component .pausePopitem span[datatype=active][data-v-9f89a29a]:hover {
  background: #34766d;
}
.tiptap .vue-component .pausePopitem_inner[data-v-9f89a29a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.tiptap .vue-component .txt[data-v-9f89a29a] {
  color: #ffffff;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.tiptap .vue-component .pausePopBox[data-v-9f89a29a] {
  position: absolute;
  z-index: 9999;
  color: #ffffff;
  top: 0px;
  left: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2px;
  padding: 4px;
  background: #303033;
  border: 1px solid #505157;
  border-radius: 8px;
  -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);
  max-height: 130px;
  overflow-y: scroll;
}
.tiptap .vue-component .pausePopBox.aa[data-v-9f89a29a] {
  left: 40px;
}
.tiptap .vue-component .pausePopBox[data-v-9f89a29a]::-webkit-scrollbar {
  width: 4px;
}
.tiptap .vue-component .pausePopBox[data-v-9f89a29a]::-webkit-scrollbar-corner {
  background-color: transparent;
}
.tiptap .vue-component .pausePopBox[data-v-9f89a29a]:hover::-webkit-scrollbar-thumb {
  background-color: #404040;
}
.tiptap .vue-component .pausePopBox[data-v-9f89a29a]::-webkit-scrollbar-thumb {
  background-color: transparent;
  border-radius: 6px;
}
.tiptap .vue-component .pausePopBox[data-v-9f89a29a]::-webkit-scrollbar-track {
  background-color: transparent;
}
.tiptap .vue-component .subTitleItem[data-v-9f89a29a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 28px;
  padding: 0 16px;
  color: #989aa1;
  font-size: 12px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.tiptap .vue-component .rowInfo[data-v-9f89a29a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 60px;
  padding: 3px 12px;
  color: #f1f3f4;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.tiptap .vue-component .rowInfo[data-v-9f89a29a]:hover {
  color: #3afff3;
  background: hsla(0, 0%, 100%, 0.09);
  border-radius: 4px;
}
.editbox[data-v-0a884f46] {
  width: 100%;
  height: 200px;
  background: #090909;
}
.editor[data-v-0a884f46] {
  height: 100%;
  padding: 12px 0 12px 12px;
}
.play[data-v-0a884f46] {
  position: absolute;
  width: 35px;
  height: 35px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.play i[data-v-0a884f46] {
  font-size: 22px;
  color: #fff;
  cursor: pointer;
}
.voice[data-v-0a884f46] {
  padding-right: 12px;
}
.voice_upload[data-v-0a884f46] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.voice_item[data-v-0a884f46] {
  background-color: #242424;
  padding: 10px 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-radius: 3px;
}
.voice_left[data-v-0a884f46] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  color: #868e9c;
}
.voice_right[data-v-0a884f46] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.voice_left_img[data-v-0a884f46] {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.voice_right .close[data-v-0a884f46] {
  font-size: 18px;
  cursor: pointer;
  color: #868e9c;
  width: 20px;
  height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.voice_right .close[data-v-0a884f46]:hover {
  background-color: #2a2a2a;
}
.voice_left_text .t1[data-v-0a884f46] {
  color: #fff;
  font-weight: 500;
}
.voice_btn[data-v-0a884f46] {
  color: var(--theme-color);
  margin-left: 5px;
  cursor: pointer;
}
[data-v-0a884f46] .tiptap {
  height: 150px;
  outline: none;
  color: #fff;
  overflow-y: scroll;
  word-break: break-word;
  white-space: pre-wrap;
  -webkit-overflow-scrolling: touch;
}
.footer[data-v-0a884f46] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 5px 12px 0 0;
  color: #868e9c;
}
.footer .tip[data-v-0a884f46] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 12px;
  line-height: 20px;
}
.footer .right-con[data-v-0a884f46] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.dialog_header[data-v-0a884f46] {
  color: #fff;
  font-weight: 700;
  font-size: 16px;
  padding-bottom: 5px;
}
.dialog_sub[data-v-0a884f46] {
  font-size: 14px;
  color: rgb(134, 142, 156);
}
[data-v-0a884f46] .el-dialog {
  background-color: #242424;
  width: 415px;
}
[data-v-0a884f46] .el-dialog__header {
  display: none;
}
[data-v-0a884f46] .el-loading-mask {
  margin: 0 -12px;
  top: -40px;
}
[data-v-0a884f46] .tiptap::-webkit-scrollbar {
  width: 4px;
}
[data-v-0a884f46] .tiptap::-webkit-scrollbar-corner {
  background-color: transparent;
}
[data-v-0a884f46] .tiptap:hover::-webkit-scrollbar-thumb {
  background-color: #404040;
}
[data-v-0a884f46] .tiptap::-webkit-scrollbar-thumb {
  background-color: transparent;
  border-radius: 6px;
}
[data-v-0a884f46] .tiptap::-webkit-scrollbar-track {
  background-color: transparent;
}
.track-head[data-v-217b3dae] {
  height: 100%;
  padding: 7px 12px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.left[data-v-217b3dae] {
  font-size: 14px;
  font-weight: 500;
  color: white;
}
.right[data-v-217b3dae] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 12px;
  font-weight: 500;
  color: white;
}
.input-time[data-v-217b3dae] {
  background-color: #454545;
  padding: 0 8px;
  width: 40px;
  height: 26px;
  border-radius: 4px;
  margin: 0 5px;
  border: none;
}
.start-div-css[data-v-217b3dae] {
  color: #ffffff;
  text-align: center;
  border-radius: 2px;
  background: hsla(0, 0%, 100%, 0.05);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 17px;
  height: 17px;
  padding: 3px 12px 3px 12px;
  cursor: pointer;
}
.bar_container[data-v-0b11084e] {
  padding-left: 10px;
  padding-right: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.slider-style[data-v-0b11084e] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-left: 25px;
  margin-right: 20px;
}
[data-v-0b11084e] .el-slider__bar {
  background-color: var(--theme-color);
  height: 3px !important;
}
[data-v-0b11084e] .el-slider__runway {
  background-color: #999;
  height: 3px !important;
}
[data-v-0b11084e] .el-slider__button {
  width: 10px;
  height: 10px;
  background-color: var(--theme-color);
  border: transparent;
  margin-bottom: 2px;
}
.container[data-v-9ebbfe86] {
  background: black;
  width: 100%;
  height: 100%;
}
.track[data-v-9ebbfe86],
.text[data-v-9ebbfe86] {
  background: #090909;
  height: 200px;
  border-left: 12px solid #242426;
  border-right: 12px solid #242426;
  border-bottom: 12px solid #242426;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.header[data-v-9ebbfe86] {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  background: #242426;
  width: 100%;
  height: 40px;
  font-size: 14px;
  color: white;
}

/* 自定义下拉框样式 */
.resolution-option {
  background-color: #242424 !important;
  border: none;
.el-select-dropdown__item.hover {
    background-color: #303033 !important;
}
.el-select-dropdown__item {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
}
.el-select-dropdown__item.selected {
    color: var(--theme-color);
}
}

@charset "UTF-8";
.dialog_header[data-v-3581760e] {
  color: #fff;
  font-weight: 700;
  font-size: 16px;
  padding-bottom: 5px;
  text-align: center;
}

/**分辨率选择 start */
.dialog-footer-time[data-v-3581760e] {
  width: 260px;
  height: 32px;
  position: absolute;
  bottom: 40px;
  left: 34px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.dialog-footer-time .dialog-footer-time-font[data-v-3581760e] {
  font-size: 14px;
  color: #fff;
  font-weight: 600;
}
.el-select[data-v-3581760e] {
  width: 390px;
}
[data-v-3581760e] .resolution-select .el-input {
  height: 32px !important; /* 更改输入框的高度 */
}
[data-v-3581760e] .resolution-select .el-input__inner {
  border: none;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  padding-left: 6px;
  background-color: #303033;
  height: 32px !important; /* 更改输入框的高度 */
  border-radius: 2px;
}
[data-v-3581760e] .resolution-select .el-input__suffix .el-input__suffix-inner .el-select__caret {
  height: 32px !important; /* 更改输入框的高度 */
  width: 32px !important; /* 更改输入框的高度 */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

/**分辨率选择 end */
/**导出确认样式 start */
[data-v-3581760e] .dialog-import {
  background-color: rgba(0, 0, 0, 0.3);
}
[data-v-3581760e] .dialog-import .el-dialog {
  background-color: #242424;
  width: 520px;
}
[data-v-3581760e] .dialog-import .el-dialog__header {
  display: none;
}
.dialog_sub[data-v-3581760e] {
  font-size: 14px;
  color: rgb(125, 126, 129);
}
.dialog-import-input[data-v-3581760e] {
  margin-left: 10px;
  margin-top: 12px;
  margin-right: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 6px 0px;
}
.dialog-import-input-name[data-v-3581760e] {
  width: 380px;
  height: 32px;
  border: none;
  background-color: #303033;
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  padding: 0 6px;
  border-radius: 2px;
}
.dialog-import-input span[data-v-3581760e] {
  margin-right: 8px;
  font-size: 14px;
  font-weight: 600;
  height: 32px;
  color: #fff;
  width: 60px;
  line-height: 32px;
  text-align: start;
}

/**导出确认样式 end */
/** 视频导出加载  start*/
.import-head-left[data-v-3581760e] {
  width: 100%;
  height: 26px;
  padding: 10px 0 16px 10px;
  background-color: #242426;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.import-loading[data-v-3581760e] {
  width: 100%;
  height: 100%;
  background-color: black;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.video-import-video-loding[data-v-3581760e] {
  width: 60px;
  height: 60px;
  -webkit-animation: rotation-3581760e 1s linear infinite;
          animation: rotation-3581760e 1s linear infinite; /* 缩短动画周期以加速旋转 */
  will-change: transform; /* 提高性能，提前告知浏览器该元素会变化 */
  display: block; /* 确保图片独占一行，避免布局影响 */
  margin: auto; /* 居中图片（假设在父容器中） */
  color: var(--theme-color);
}
.video-import-img-msg0[data-v-3581760e] {
  font-weight: 600;
  font-size: 14px;
  font-family: PingFang SC;
  color: #fff;
  margin-top: 16px;
}
.video-import-img-msg[data-v-3581760e] {
  font-weight: 400;
  font-size: 14px;
  font-family: PingFang SC;
  font-style: normal;
  line-height: 20px;
  text-align: center;
  text-shadow: none;
  color: #C8CCD4;
  margin-top: 4px;
}
.import-video-data[data-v-3581760e] {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-top: 4px;
}
.video-import-left[data-v-3581760e] {
  width: calc(100% - 360px);
  height: calc(100vh - 52px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 4px;
}
.video-import-left video[data-v-3581760e] {
  width: 100%;
  height: calc(100vh - 52px);
  -o-object-fit: cover;
     object-fit: cover;
}
.video-import-right[data-v-3581760e] {
  width: 360px;
  height: calc(100vh - 52px);
  background-color: #242426;
}
.video-import-right .video-import-right-head[data-v-3581760e] {
  width: 100%;
  height: 47px;
  font-weight: 600;
  border-bottom: 1px solid #303033;
  padding-left: 12px;
  line-height: 47px;
}
.video-import-right .video-import-right-content[data-v-3581760e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-top: 12px;
  margin-left: 16px;
}
.video-import-right .video-import-right-content .lable[data-v-3581760e] {
  font-size: 14px;
  font-weight: 600;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 16px;
  color: #c9ced4;
}
.video-import-right .video-import-right-content .text[data-v-3581760e] {
  font-size: 14px;
  font-weight: 600;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  color: #fff;
}
.video-import-right .video-import-right-down[data-v-3581760e] {
  height: 32px;
  width: 330px;
  margin: 60px auto 0;
  background-color: var(--theme-color);
  border-radius: 4px;
  color: var(--theme-font-color);
  text-align: center;
  line-height: 32px;
  cursor: pointer;
}
.video-import-right .video-import-right-down-loading[data-v-3581760e] {
  height: 32px;
  width: 330px;
  background-color: rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 0;
  left: 15px;
  border-radius: 4px;
  cursor: not-allowed;
}

/** 视频导出加载  end*/
/** 左面样式  start*/
.head[data-v-3581760e] {
  margin-top: 20px;
  width: 100%;
  min-width: 50%;
  height: 10px;
  padding: 10px 0 16px 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #242426;
}
.head-left[data-v-3581760e] {
  width: 20%;
  cursor: pointer;
  color: #c9ced4;
  font-size: 14px;
  margin-top: -8px;
}

/** 左面样式  end*/
/** 中间样式  start*/
.head-center[data-v-3581760e] {
  width: 30%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  cursor: pointer;
}
.head-center input[data-v-3581760e] {
  position: absolute;
  left: 50%;
  width: 180px;
  padding: 5px 0;
  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
  background: #242426;
  color: #fff;
  text-align: center;
  border-radius: 4px;
  border: none;
  outline: none;
  cursor: pointer;
  margin-top: -10px;
  -webkit-transform: translateX(50%);
          transform: translateX(50%);
}
.head-center input[data-v-3581760e]:hover {
  background: #303033;
  color: #fff;
}

/** 中间样式  end*/
/** 右面样式  start*/
.head-right[data-v-3581760e] {
  position: relative;
  width: 50%;
  height: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding-right: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: -8px;
}
.head-right-save-time[data-v-3581760e] {
  color: #868e9c;
  font-weight: 500;
  font-size: 12px;
  font-family: Inter;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.head-right-save-incon[data-v-3581760e] {
  margin-top: 3px;
  cursor: pointer;
}
.head-right-select-scale[data-v-3581760e] {
  width: 86px;
  height: 28px;
  margin: 0 16px;
  padding-left: 12px;
  background-color: #242426 !important;
  border: 1px solid #868e9c !important;
  border-radius: 4px !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  cursor: pointer;
}
.head-right-select-scale .head-right-select-scale-img[data-v-3581760e] {
  margin-top: 4px;
  margin-left: -2px;
}
.head-right-select-scale .head-right-select-option[data-v-3581760e] {
  font-weight: 600;
  font-size: 14px;
  color: #e5e8eb;
  margin-left: 12px;
}
.head-right-select-scale .head-right-select-option-arrow[data-v-3581760e] {
  margin-left: 15px;
  margin-top: -5px;
}
.el-dropdown-menu[data-v-3581760e] {
  background-color: #242426;
  border: 1px solid #868e9c !important;
}
.el-dropdown-menu__item[data-v-3581760e] {
  font-weight: 600;
  font-size: 14px;
  color: #e5e8eb;
}
.el-dropdown-menu__item[data-v-3581760e]:hover {
  background: #303033;
  color: #fff;
}
.head-right-boundary[data-v-3581760e] {
  margin-right: 16px;
  height: 16px;
  border-left: #868E9D 1px solid;
}
.head-right-setting[data-v-3581760e] {
  width: 106px;
  height: 28px;
  margin: 0 16px 0 0;
  background-color: #242426;
  border: 1px solid #868e9c;
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.head-right-setting-review-disable[data-v-3581760e] {
  width: 83px;
  height: 32px;
  margin: 0 16px;
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 4px;
  cursor: not-allowed;
  position: absolute;
  right: 104px;
}

/**设为模版弹窗 start*/
[data-v-3581760e] .set-temp .el-dialog {
  background-color: #18181A;
  width: 416px;
  height: 192px;
}
[data-v-3581760e] .set-temp .el-button {
  width: 56.7px;
  height: 28px;
}
[data-v-3581760e] .set-temp .el-dialog__header {
  display: none;
}
[data-v-3581760e] .set-temp .el-dialog__title {
  color: #fff;
  font-weight: 600;
  font-size: 16px;
  margin-left: 40%;
}
.dialog-footer button[data-v-3581760e] {
  width: 56.7px;
  height: 28px;
  position: relative;
  bottom: 20px;
  font-size: 14px;
  margin-left: 10px;
}
.dialog-footer-button1[data-v-3581760e] {
  background-color: #505157;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  color: #FFFFFF;
  font-weight: 600;
}
.dialog-footer-button2[data-v-3581760e] {
  background-color: var(--theme-color);
  border: none;
  border-radius: 4px;
  cursor: pointer;
  color: var(--theme-font-color);
  font-weight: 600;
}
.dialog-input[data-v-3581760e] {
  width: 264px;
  height: 32px;
  border: none;
  background-color: #27272A;
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  padding: 0 6px;
  border-radius: 4px;
}

/**设为模版弹窗 end*/
.video-preview[data-v-3581760e] {
  position: fixed; /* 固定定位，使蒙层覆盖整个屏幕 */
  top: 0; /* 蒙层从顶部开始 */
  left: 0; /* 蒙层从左边开始 */
  width: 100%; /* 蒙层宽度为100%，覆盖整个屏幕宽度 */
  height: 100%; /* 蒙层高度为100%，覆盖整个屏幕高度 */
  background-color: rgba(0, 0, 0, 0.5); /* 半透明黑色背景 */
  z-index: 9999; /* 确保蒙层在其他元素之上显示 */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: background-color 0.5s ease;
  transition: background-color 0.5s ease; /* 过渡效果，持续时间为0.5秒，使用ease缓动函数 */
}
.video-preview .video-preview-img[data-v-3581760e] {
  position: fixed;
  top: 20px;
  right: 20px;
  cursor: pointer;
  z-index: 10000; /* 确保蒙层在其他元素之上显示 */
}
.video-preview .video-preview-video[data-v-3581760e] {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@-webkit-keyframes rotation-3581760e {
0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
}
100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}
}
@keyframes rotation-3581760e {
0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
}
100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}
}
.video-preview .video-preview-video-loding[data-v-3581760e] {
  width: 60px;
  height: 60px;
  -webkit-animation: rotation-3581760e 1s linear infinite;
          animation: rotation-3581760e 1s linear infinite; /* 缩短动画周期以加速旋转 */
  will-change: transform; /* 提高性能，提前告知浏览器该元素会变化 */
  display: block; /* 确保图片独占一行，避免布局影响 */
  margin: auto; /* 居中图片（假设在父容器中） */
  color: var(--theme-color);
}
.head-right-load[data-v-3581760e] {
  width: 88px;
  height: 30px;
  border-radius: 4px;
  background-color: var(--theme-color);
  text-align: center;
  line-height: 30px;
  font-size: 14px;
  font-weight: 600;
  color: var(--theme-font-color);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  cursor: pointer;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.head-right-setting-upload-disable[data-v-3581760e] {
  width: 88px;
  height: 30px;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 4px;
  cursor: not-allowed;
  position: absolute;
  right: 16px;
}

/** 右面样式  end*/

.rightBackground_use[data-v-c1c5eb96], .rightBackground_upload[data-v-c1c5eb96] {
    margin-top: 12px;
}
.rightBackground_static_all[data-v-c1c5eb96]{
    width: 320px;
    margin-top: 12px;
    height: calc(100vh - 260px);
}
.rightBackground_static_all_header[data-v-c1c5eb96] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 0 !important;
    margin-bottom: 8px !important;
    padding-left: 4px;
    line-height: 30px !important;
    background-color: #303033;
    cursor: pointer;
    padding: 0 12px;
    color: #fff;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.rightBackground_static_all_header_title[data-v-c1c5eb96] {
    color: #fff;
    font-weight: 500;
    font-size: 14px;
    margin-left: 10px;
}
.rightBackground_static_box[data-v-c1c5eb96] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 640px;
}
.rightBackground_static_liwrap[data-v-c1c5eb96]{
    max-height: 246px;
    overflow: hidden;
}
.rightBackground_static_liheader[data-v-c1c5eb96] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 4px;
    margin-bottom: 12px;
    padding: 0 12px;
    color: #fff;
    font-weight: 500;
    font-size: 14px;
    font-family: PingFang SC;
    line-height: 22px;
}
.rightBackground_static_liheader_name[data-v-c1c5eb96] {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}
.rightBackground_static_liheader_all[data-v-c1c5eb96] {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    color: #868e9c;
    font-weight: 400;
    font-size: 12px;
    font-family: PingFang SC;
    line-height: 20px;
    cursor: pointer;
}
.rightBackground_static_liheader_all[data-v-c1c5eb96]:hover {
    color: #fff;
}
.rightBackground_static_libox[data-v-c1c5eb96]{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding-left: 12px;
}
.rightBackground_static_li_img[data-v-c1c5eb96] {
    width: 90px;
    height: 90px;
    -o-object-fit: contain;
       object-fit: contain;
}
.rightBackground_static_img[data-v-c1c5eb96] {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 92px;
    height: 92px;
    margin-right: 7px;
    margin-bottom: 12px;
    background: #303033;
    border: 1px solid #242426;
    border-radius: 4px;
    cursor: pointer;
}
.rightBackground_static_li_delImg[data-v-c1c5eb96]{
    position: absolute;
    top: 8px;
    right: 8px;
    display: none;
}
.rightBackground_static_img[data-v-c1c5eb96]:hover {
    border: 1px solid var(--theme-color);
}
.rightBackground_static_img:hover .rightBackground_static_li_delImg[data-v-c1c5eb96]{
    display: block;
}
.rightBackground_wrapper[data-v-c1c5eb96] {
    width: 320px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.rightBackground_header[data-v-c1c5eb96] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 45px;
    padding: 0px 16px;
    color: #fff;
    font-weight: 500;
    font-size: 14px;
    font-family: PingFang SC;
    line-height: 22px;
    border-bottom: 1px solid #303033;
}
.rightBackground_header_title[data-v-c1c5eb96] {
    position: relative;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}
.rightBackground_header_title span[data-v-c1c5eb96] {
    margin-right: 32px;
    height: 42px;
    width:30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    cursor: pointer; 
    position: relative;
    border-bottom: 3px solid var(--theme-color);
}
.rightBackground_header_right[data-v-c1c5eb96] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.rightBackground_header_right img[data-v-c1c5eb96] {
    cursor: pointer;
    width: 24px;
    height: 24px;
    margin-top: 9px;
}
.drawer-item[data-v-c1c5eb96] {
    position: relative;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
}
.rightBackground_search_wrapper[data-v-c1c5eb96] {
    margin: 12px;
}
[data-v-c1c5eb96] .el-input__inner {
    background: #303033;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 4px;
    border: 0;
    caret-color: var(--theme-color);
    color: #C0C4CC;
}
[data-v-c1c5eb96] .el-input__inner:hover {
    background: #505157;
}
.rightBackground_main_wrapper[data-v-c1c5eb96] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 12px;
    margin-top: 16px;
}
.rightBackground_main_item[data-v-c1c5eb96] {
    padding: 3px 12px;
    color: #4e566a;
    font-weight: 500;
    font-size: 14px;
    font-family: PingFang SC;
    font-style: normal;
    line-height: 22px;
    cursor: pointer;
}
.rightBackground_main_item[data-v-c1c5eb96]:hover {
    color: var(--theme-color);
}
.rightBackground_main_item_activate[data-v-c1c5eb96] {
    color: #fff;
    background: #303033;
    border-radius: 4px;
}
.rightBackground_static[data-v-c1c5eb96] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0 12px;
    margin-top: 16px;
}
.rightBackground_static_item[data-v-c1c5eb96] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: #4e566a;
    cursor: pointer;
}
.rightBackground_static_item_activate[data-v-c1c5eb96] {
    color: var(--theme-color);
}
.rightBackground_static_line[data-v-c1c5eb96] {
    width: 0px;
    height: 12px;
    margin: 0 12px;
    border: 1px solid #868e9c;
}
.rightBackground_static_list[data-v-c1c5eb96] {
    width: 320px;
    margin-top: 12px;
    height: calc(100vh - 265px);
    overflow-x: hidden;
    overflow-y: scroll;
    -webkit-transition: all .5s;
    transition: all .5s;
}
.rightBackground_static_all .rightBackground_static_list[data-v-c1c5eb96]{
    height: calc(100vh - 305px);
}
.upload-div-css[data-v-c1c5eb96]{
    margin-top: 12px;
    display: block;
}
[data-v-c1c5eb96] .el-upload{
    display: block;
}
.upload-but-css[data-v-c1c5eb96]{
    height: 30px;
    border-radius: 4px;
    background-color: #242426;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 12px;
    padding: 4px 0;
    font-size: 14px;
    border: 1px dashed var(--theme-color);
    color: var(--theme-color);
    cursor: pointer;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    width: 296px;
}
.span-i-css[data-v-c1c5eb96]{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-right: 5px;
}
.rightBackground_static_list[data-v-c1c5eb96]::-webkit-scrollbar {
    width: 4px;
}
.rightBackground_static_list[data-v-c1c5eb96]::-webkit-scrollbar-corner {
    background-color: transparent;
}
.rightBackground_static_list[data-v-c1c5eb96]:hover::-webkit-scrollbar-thumb {
    background-color: #404040;
}
.rightBackground_static_list[data-v-c1c5eb96]::-webkit-scrollbar-thumb {
    background-color: transparent;
    border-radius: 6px;
}
.rightBackground_static_list[data-v-c1c5eb96]::-webkit-scrollbar-track {
    background-color: transparent;
}
.rightBackground_static_libox_no[data-v-c1c5eb96] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 10%;
}
.rightBackground_static_libox_no img[data-v-c1c5eb96] {
    width: 120px;
    height: 100px;
}
.rightBackground_static_libox_no p[data-v-c1c5eb96] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 0 24px;
    color: #a1a1aa;
    font-size: 14px;
    line-height: 22px;
    text-align: center;
    margin-top: 16px;
}
[data-v-c1c5eb96] .delBgImageDialog {
    background-color: #242424;
    width: 415px;
    min-height: auto;
}
[data-v-c1c5eb96] .delBgImageDialog {
    width: 385px;
    top: calc(18vh);
}
[data-v-c1c5eb96] .delBgImageDialog .el-dialog__header{
    display: none;
}
.delBgImageDialogBox[data-v-c1c5eb96] {
    color: #fff;
}
.delBgImageDialogBox .title[data-v-c1c5eb96] {
    color: #fff;
    font-size: 18px;
    margin-bottom: 10px;
}
[data-v-c1c5eb96] .el-input__inner::-webkit-input-placeholder {
  color: #bfbfbf;
  font-size: 14px;
}
[data-v-c1c5eb96] .el-input__inner::-moz-placeholder {
  color: #bfbfbf;
  font-size: 14px;
}
[data-v-c1c5eb96] .el-input__inner:-ms-input-placeholder {
  color: #bfbfbf;
  font-size: 14px;
}
[data-v-c1c5eb96] .el-input__inner::-ms-input-placeholder {
  color: #bfbfbf;
  font-size: 14px;
}
[data-v-c1c5eb96] .el-input__inner::placeholder {
  color: #bfbfbf;
  font-size: 14px;
}
[data-v-c1c5eb96] .el-input__prefix {
    color: #757575;
}


.v-modal {
    display: none;
}


.container-root[data-v-b7e7851e] {
    position: relative;
}
[data-v-b7e7851e] .el-image__error,[data-v-b7e7851e] .el-image__placeholder {
  background: transparent;
}

/* 搜索框 start*/
.input-div[data-v-b7e7851e]{
  margin-left: 12px;
  margin-right: 12px;
    margin-top: 12px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
i[data-v-b7e7851e]{
        position: absolute;
        margin-top: 4px;
        margin-left: 5px;
        color: #bfbfbf;
        font-size: 12px;
}
[data-v-b7e7851e] .el-input__inner {
        background: #303033;
        border: 1px solid rgba(0, 0, 0, 0);
        border-radius: 4px;
        border: 0;
        caret-color: var(--theme-color);
        color: #ffffff;
}
[data-v-b7e7851e] .el-input__inner:hover {
        background: #505157;
}
[data-v-b7e7851e] ::-webkit-input-placeholder {
        color: #bfbfbf;
        font-size: 14px;
}
[data-v-b7e7851e] ::-moz-placeholder {
        color: #bfbfbf;
        font-size: 14px;
}
[data-v-b7e7851e] :-ms-input-placeholder {
        color: #bfbfbf;
        font-size: 14px;
}
[data-v-b7e7851e] ::-ms-input-placeholder {
        color: #bfbfbf;
        font-size: 14px;
}
[data-v-b7e7851e] ::placeholder {
        color: #bfbfbf;
        font-size: 14px;
}
}
.rightBackground_search_wrapper[data-v-b7e7851e] {
  margin: 12px;
}
[data-v-b7e7851e] .el-input__inner {
  background: #303033;
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 4px;
  border: 0;
  caret-color: var(--theme-color);
  color: #C0C4CC;
}
[data-v-b7e7851e] .el-input__inner:hover {
  background: #505157;
}
[data-v-b7e7851e] .el-input__inner::-webkit-input-placeholder {
  color: #bfbfbf;
  font-size: 14px;
}
[data-v-b7e7851e] .el-input__inner::-moz-placeholder {
  color: #bfbfbf;
  font-size: 14px;
}
[data-v-b7e7851e] .el-input__inner:-ms-input-placeholder {
  color: #bfbfbf;
  font-size: 14px;
}
[data-v-b7e7851e] .el-input__inner::-ms-input-placeholder {
  color: #bfbfbf;
  font-size: 14px;
}
[data-v-b7e7851e] .el-input__inner::placeholder {
  color: #bfbfbf;
  font-size: 14px;
}
[data-v-b7e7851e] .el-input__prefix {
  color: #757575;
}
/* 搜索框 end*/

/** 头部展示区 start*/
.rightBackground_header[data-v-b7e7851e] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 45px;
    padding: 0px 16px;
    color: #fff;
    font-weight: 500;
    font-size: 14px;
    font-family: PingFang SC;
    line-height: 22px;
    border-bottom: 1px solid #303033;
}
.rightBackground_header_title[data-v-b7e7851e] {
    position: relative;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}
.rightBackground_header_title span[data-v-b7e7851e] {
    margin-right: 32px;
    height: 42px;
    width:62px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    cursor: pointer; 
    position: relative;
    border-bottom: 3px solid var(--theme-color);
}
.rightBackground_header_right[data-v-b7e7851e] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.rightBackground_header_right img[data-v-b7e7851e] {
    cursor: pointer;
    width: 24px;
    height: 24px;
    margin-top: 9px;
}
/** 头部展示区 end*/

/* 选择数字人文案描述 start*/
.man-msg[data-v-b7e7851e] {
    width: 100%;
    height: 40px;
    color: #868e9c;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
/* 选择数字人文案描述 end*/

/* 数字人列表 start*/
.man-list[data-v-b7e7851e] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 0 10px;
    max-height: calc(100vh - 225px);
    overflow-y: scroll;
}
.man-list-item[data-v-b7e7851e] {
    width: 144px;
    margin-bottom: 12px;
    cursor: pointer;
}
.man-list-item-img[data-v-b7e7851e] {
    width: 144px;
    height: 144px;
    background: #303033;
    border-radius: 8px;
    margin-bottom: 8px;
    position: relative;
}
.man-list-item-img img[data-v-b7e7851e]{
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
    border-radius: 8px;
}
.man-list-item-img-review[data-v-b7e7851e] {
    position: absolute;
    top: 8px;
    left: 8px;
    z-index: 10;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 18px;
    padding: 2px 8px;
    font-size: 12px;
    background-color: hsla(0, 0%, 100%, .05);
    border-radius: 4px;
    cursor: pointer;
}
.man-list-item-name[data-v-b7e7851e] {
    width: 100%;
    height: 22px;
    font-size: 14px;
    line-height: 22px;
    font-weight: 600;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}
.man-list-item-name-msg[data-v-b7e7851e] {
    max-width: 82%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.man-list-item-tag1[data-v-b7e7851e],
.man-list-item-tag2[data-v-b7e7851e], 
.man-list-item-tag3[data-v-b7e7851e], 
.man-list-item-tag4[data-v-b7e7851e], 
.man-list-item-tag5[data-v-b7e7851e]{
    /* width: 36px; */
    height: 20px;
    padding: 0 6px;
    margin-left: 4px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    font-weight: 400;
    font-size: 12px;
    border-radius: 4px;
    line-height: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: #000;
}
/* 公用 */
.man-list-item-tag1[data-v-b7e7851e] {
    background-color: #ededed;
}
/* 定制 */
.man-list-item-tag2[data-v-b7e7851e] {
    background-color: #ffbe5c;
}
/* 口播 */
.man-list-item-tag3[data-v-b7e7851e] {
    color: #fff;
    background-color: #674bf7;
    font-weight: 600;
}
/* 带货 */
.man-list-item-tag4[data-v-b7e7851e] {
    color: #fff;
    background-color: #e541a4;
    font-weight: 600;
}
/* 唱歌 */
.man-list-item-tag5[data-v-b7e7851e] {
    color: #fff;
    background-color: #2BA9FF;
    font-weight: 600;
}
.man-list-item-desc[data-v-b7e7851e] {
    width: 100%;
    margin-top: 4px;
    color: #a1a1aa;
    font-size: 12px;
    line-height: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow:ellipsis;
    font-weight: 600;
}

/* 数字人列表 end*/

/* 数字人预览 start*/
.man-review[data-v-b7e7851e] {
    background-color: rgba(0, 0, 0, 0.4);
}
[data-v-b7e7851e] .el-dialog {
    background-color: #27272A;
    min-width: 600px;
    min-height: calc(100vh - 500px);
    width: 50%;
    padding: 0 20px;
}
[data-v-b7e7851e] .el-dialog__header{
    background-color:transparent!important;
    z-index: 999;
    position: relative;
}
/* 数字人预览 end*/

/* 数字人预览--头部信息 start*/
.man-review-head[data-v-b7e7851e] {
    height: 70px;
    width: 100%;
    position: absolute;
    top: 20px;
    left: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.man-review-head-name[data-v-b7e7851e] {
    width: 100%;
    height: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.man-review-head-name1[data-v-b7e7851e] {
    font-weight: 500;
    font-size: 16px;
    color: #fff;
    -ms-flex-negative: 0;
        flex-shrink: 0;
}
.man-review-head-tag1[data-v-b7e7851e],
.man-review-head-tag2[data-v-b7e7851e],
.man-review-head-tag3[data-v-b7e7851e],
.man-review-head-tag4[data-v-b7e7851e],
.man-review-head-tag5[data-v-b7e7851e] {
    width: 24px;
    height: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-left: 4px;
    padding: 3px 6px;
    font-size: 12px;
    line-height: 14px;
    border-radius: 4px;
}
/* 公用 */
.man-review-head-tag1[data-v-b7e7851e] {
    font-weight: 400;
    background-color: #3f3f46;
    color: #fff;
}
/* 定制 */
.man-review-head-tag2[data-v-b7e7851e] {
    color: #000;
    font-weight: 500;
    background: #ffbe5c;
}
/* 口播 */
.man-review-head-tag3[data-v-b7e7851e] {
    color: #fff;
    background-color: #674bf7;
    font-weight: 600;
}
/* 带货 */
.man-review-head-tag4[data-v-b7e7851e] {
    color: #fff;
    background-color: #e541a4;
    font-weight: 600;
}
/* 唱歌 */
.man-review-head-tag5[data-v-b7e7851e] {
    color: #fff;
    background-color: #2BA9FF;
    font-weight: 600;
}
.man-review-head-desc[data-v-b7e7851e] {
    color: #a1a1aa;
    line-height: 22px;
    margin-top: 6px;
    margin-bottom: 12px;
}
/* 数字人预览--头部信息 end*/

/* 数字人预览--视频 start*/
.man-review-video[data-v-b7e7851e] {
    width: 100%;
    height: calc(100vh - 400px);
    min-height: 400px;
    background-color: #343437;
    border-radius: 8px;
}
.man-review-video video[data-v-b7e7851e] {
    width: 100%;
    height: 100%;
    outline: none;
    border-radius: 8px;
}
/* 数字人预览--视频 end*/

/* 数字人预览--底部 start*/
.man-review-bottom[data-v-b7e7851e] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 16px;
}
.man-review-bottom-msg[data-v-b7e7851e] {
    margin-bottom: 24px;
    color: #868e9c;
}
.man-review-bottom-btn[data-v-b7e7851e] {
    width: 76px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 26px;
    padding: 7px 32px;
    color: #000 !important;
    background: var(--theme-color);
    border-radius: 4px;
    cursor: pointer;
}

/* 数字人预览--底部 end*/
.man-review-prev[data-v-b7e7851e],
.man-review-next[data-v-b7e7851e] {
    width: 64px;
    height: 64px;
    color: #fff;
    border-radius: 32px;
    background-color: #27272a;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    cursor: pointer;
}
.man-review-prev[data-v-b7e7851e] {
    position: absolute;
    left: -120px;
    top: 40%;
}
.man-review-next[data-v-b7e7851e] {
    position: absolute;
    right: -120px;
    top: 40%;
}

/* 滚动条样式 */
.man-list[data-v-b7e7851e]::-webkit-scrollbar {
    width: 4px;
}
.man-list[data-v-b7e7851e]::-webkit-scrollbar-corner {
    background-color: transparent;
}
.man-list[data-v-b7e7851e]:hover::-webkit-scrollbar-thumb {
    background-color: #575758;
}
.man-list[data-v-b7e7851e]::-webkit-scrollbar-thumb {
    background-color: transparent;
    border-radius: 6px;
}
.man-list[data-v-b7e7851e]::-webkit-scrollbar-track {
    background-color: transparent;
}

/* 文本无法选中 */
.no-select[data-v-b7e7851e] {
    -webkit-user-select: none; /* Chrome, Safari, Opera */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Standard syntax */
}
[data-v-b7e7851e] .el-input__icon {
    color: #757575;
}

.main-div[data-v-766e5254] {
  padding: 12px 16px;
  background-color: #242426;
  width: 320px;
  height: 100%;
}
#top-but[data-v-766e5254] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
#top-but p[data-v-766e5254] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #fff;
  font-weight: 500;
  font-size: 14px;
  font-family: PingFang SC;
  line-height: 22px;
  cursor: pointer;
}
#top-but img[data-v-766e5254] {
  position: absolute;
  right: 0px;
  color: #868e9c;
  cursor: pointer;
}
#top-line[data-v-766e5254] {
  margin-top: 10px;
}
#top-line p[data-v-766e5254] {
  width: 30px;
  height: 2px;
  background: var(--theme-color);
}
#top-line .hr[data-v-766e5254] {
  margin-top: 0px;
  border: 1px solid #303033;
}
#body-content .input-div[data-v-766e5254] {
  margin-top: 12px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#body-content .input-div i[data-v-766e5254] {
  position: absolute;
  margin-top: 4px;
  margin-left: 5px;
  color: #bfbfbf;
  font-size: 12px;
}
#body-content .input-div[data-v-766e5254] .el-input__inner {
  background: #303033;
  border-radius: 4px;
  border: 0;
  caret-color: var(--theme-color);
  color: #ffffff;
}
#body-content .input-div[data-v-766e5254] .el-input__inner:hover {
  background: #505157;
}
#body-content .input-div[data-v-766e5254] ::-webkit-input-placeholder {
  color: #bfbfbf;
  font-size: 14px;
}
#body-content .input-div[data-v-766e5254] ::-moz-placeholder {
  color: #bfbfbf;
  font-size: 14px;
}
#body-content .input-div[data-v-766e5254] :-ms-input-placeholder {
  color: #bfbfbf;
  font-size: 14px;
}
#body-content .input-div[data-v-766e5254] ::-ms-input-placeholder {
  color: #bfbfbf;
  font-size: 14px;
}
#body-content .input-div[data-v-766e5254] ::placeholder {
  color: #bfbfbf;
  font-size: 14px;
}
#body-content .noData-div[data-v-766e5254] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 10%;
}
#body-content .noData-div img[data-v-766e5254] {
  width: 120px;
  height: 100px;
}
#body-content .noData-div button[data-v-766e5254] {
  padding: 4px 15px;
  font-size: 14px;
  border: 1px solid var(--theme-color);
  height: 30px;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.1);
  color: var(--theme-color);
  margin-bottom: 8px;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#body-content .noData-div p[data-v-766e5254] {
  color: #868e9c;
  font-weight: 400;
  font-size: 14px;
  font-family: PingFang SC;
  font-style: normal;
  line-height: 22px;
  margin-bottom: 16px;
}
#body-content .noData-div .span-i-css[data-v-766e5254] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-right: 5px;
}
.have-data .upload-div-css[data-v-766e5254] {
  margin-top: 12px;
  display: block;
}
.have-data .upload-div-css[data-v-766e5254] .el-upload {
  display: block;
}
.have-data .upload-div-css .upload-but-css[data-v-766e5254] {
  width: 100%;
  height: 30px;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 4px 15px;
  font-size: 14px;
  border: 1px dashed var(--theme-color);
  color: var(--theme-color);
  cursor: pointer;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.have-data .upload-div-css .upload-but-css .span-i-css[data-v-766e5254] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-right: 5px;
}
.have-data .card-list[data-v-766e5254] {
  margin: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.have-data .card-list img[data-v-766e5254] {
  width: 64px;
  height: 64px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 8px;
  margin-right: 10px;
}
.have-data .card-list .play-tips-css[data-v-766e5254] {
  position: absolute;
  font-size: 25px;
  color: #ffffff;
  margin-top: 20px;
  margin-left: 16px;
  cursor: pointer;
}
.have-data .card-list .fileName-font-css[data-v-766e5254] {
  width: 205px;
  overflow: hidden;
  font-weight: 500;
  font-size: 14px;
  font-family: PingFang SC;
  font-style: normal;
  line-height: 22px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.have-data .card-list .duration-font-css[data-v-766e5254] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  color: #868e9c;
  font-weight: 400;
  font-size: 12px;
  font-family: PingFang SC;
  font-style: normal;
  line-height: 24px;
}
.have-data .card-list button[data-v-766e5254] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 64px;
  height: 24px;
  padding: 2px 12px;
  color: var(--theme-color);
  font-weight: 500;
  font-size: 12px;
  font-family: PingFang SC;
  border: 1px solid var(--theme-color);
  border-radius: 28px;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.1);
  position: absolute;
  right: 30px;
}
.have-data .card-list .del-img-css[data-v-766e5254] {
  width: 28px;
  height: 24px;
  margin-left: 15px;
  margin-right: 0px;
  right: -11px;
  position: absolute;
  cursor: pointer;
}
[data-v-766e5254] ::-webkit-scrollbar {
  width: 0px;
}
[data-v-766e5254] .el-input__prefix {
  color: #757575;
}
[data-v-1b3c2fe9] ::-webkit-scrollbar {
  width: 0px;
}
.main-div[data-v-1b3c2fe9] {
  padding: 12px 16px;
  background-color: #242426;
  width: 290px;
  height: 100%;
}
#top-but[data-v-1b3c2fe9] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
#top-but p[data-v-1b3c2fe9] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #fff;
  font-weight: 500;
  font-size: 14px;
  font-family: PingFang SC;
  line-height: 22px;
  cursor: pointer;
}
#top-but img[data-v-1b3c2fe9] {
  position: absolute;
  right: 0px;
  color: #868e9c;
  cursor: pointer;
}
#top-line[data-v-1b3c2fe9] {
  margin-top: 10px;
}
#top-line p[data-v-1b3c2fe9] {
  width: 30px;
  height: 2px;
  background: var(--theme-color);
}
#top-line .hr[data-v-1b3c2fe9] {
  margin-top: 0px;
  border: 1px solid #303033;
}
#body-content .input-div[data-v-1b3c2fe9] {
  margin-top: 12px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#body-content .input-div i[data-v-1b3c2fe9] {
  position: absolute;
  margin-top: 4px;
  margin-left: 5px;
  color: #bfbfbf;
  font-size: 12px;
}
#body-content .input-div[data-v-1b3c2fe9] .el-input__inner {
  background: #303033;
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 4px;
  border: 0;
  caret-color: var(--theme-color);
  color: #ffffff;
}
#body-content .input-div[data-v-1b3c2fe9] .el-input__inner:hover {
  background: #505157;
}
#body-content .input-div[data-v-1b3c2fe9] ::-webkit-input-placeholder {
  color: #bfbfbf;
  font-size: 14px;
}
#body-content .input-div[data-v-1b3c2fe9] ::-moz-placeholder {
  color: #bfbfbf;
  font-size: 14px;
}
#body-content .input-div[data-v-1b3c2fe9] :-ms-input-placeholder {
  color: #bfbfbf;
  font-size: 14px;
}
#body-content .input-div[data-v-1b3c2fe9] ::-ms-input-placeholder {
  color: #bfbfbf;
  font-size: 14px;
}
#body-content .input-div[data-v-1b3c2fe9] ::placeholder {
  color: #bfbfbf;
  font-size: 14px;
}
#body-content .noData-div[data-v-1b3c2fe9] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 10%;
}
#body-content .noData-div img[data-v-1b3c2fe9] {
  width: 120px;
  height: 100px;
}
#body-content .noData-div p[data-v-1b3c2fe9] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 24px;
  color: #a1a1aa;
  font-size: 14px;
  line-height: 22px;
  text-align: center;
  margin-top: 16px;
}
.have-data .upload-but-css[data-v-1b3c2fe9] {
  width: 100%;
  height: 30px;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 4px 15px;
  font-size: 14px;
  border: 1px dashed var(--theme-color);
  color: var(--theme-color);
  cursor: pointer;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-top: 12px;
}
.have-data .upload-but-css .span-i-css[data-v-1b3c2fe9] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-right: 5px;
}
.have-data .upload-div-css[data-v-1b3c2fe9] {
  display: block;
  position: relative;
}
.have-data .upload-div-css[data-v-1b3c2fe9] .el-upload {
  display: block;
}
.have-data .upload-div-css .select-type-dialog[data-v-1b3c2fe9] {
  background: #303033;
  border: 1px solid var(--theme-color);
  width: 286px;
  height: 165px;
  position: absolute;
  margin-top: 3px;
  border-radius: 2px;
  z-index: 999;
}
.have-data .upload-div-css .select-type-dialog[data-v-1b3c2fe9] :hover {
  background-color: #a1a1aa;
  color: var(--theme-color);
}
.have-data .upload-div-css .select-type-dialog div[data-v-1b3c2fe9] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 40px;
  padding: 0 12px;
  color: #fff;
  cursor: pointer;
}
.have-data .upload-div-css .select-type-dialog div span[data-v-1b3c2fe9] {
  margin-left: 10px;
}
.have-data .img-card-list[data-v-1b3c2fe9] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0px 10px;
  cursor: pointer;
}
.have-data .img-card-list img[data-v-1b3c2fe9] {
  position: relative;
  width: 137px;
  height: 137px;
  background: #303033;
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 8px;
  -o-object-fit: contain;
     object-fit: contain;
  margin-top: 10px;
}
.have-data .img-card-list .jindu[data-v-1b3c2fe9] {
  position: relative;
  width: 102px;
  height: 102px;
  background: #303033;
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 8px;
  -o-object-fit: contain;
     object-fit: contain;
  padding-top: 35px;
  padding-left: 35px;
  margin-top: 10px;
}
.have-data .img-card-list p[data-v-1b3c2fe9] {
  color: #c9ced4;
  font-size: 14px;
  line-height: 22px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-top: 5px;
  width: 137px;
}
.switch-type-css[data-v-1b3c2fe9] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-top: 12px;
}
.switch-type-css .no-select[data-v-1b3c2fe9] {
  color: #868e9c;
  cursor: pointer;
}
.switch-type-css .select[data-v-1b3c2fe9] {
  color: #fff;
  font-weight: 600;
  cursor: pointer;
}
.time-css[data-v-1b3c2fe9] {
  position: absolute;
  color: #fff;
  margin-left: 10px;
  margin-top: 125px;
  z-index: 99;
}
.tab-no-data[data-v-1b3c2fe9] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: center;
  margin-top: 30%;
}
.tab-no-data img[data-v-1b3c2fe9] {
  width: 120px;
  height: 100px;
}
[data-v-1b3c2fe9] .el-progress--circle .el-progress__text, .el-progress--dashboard .el-progress__text[data-v-1b3c2fe9] {
  top: 66px;
  left: -4px;
}
.el-icon-delete[data-v-1b3c2fe9] {
  position: absolute;
  margin-top: 18px;
  z-index: 99;
  margin-left: 113px;
  font-size: 17px;
}
.main2-div[data-v-1b3c2fe9] {
  padding: 12px 16px;
  background-color: #242426;
  width: 290px;
  height: 100%;
}
.main2-div #top-but[data-v-1b3c2fe9] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.main2-div #top-but p[data-v-1b3c2fe9] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #fff;
  font-weight: 500;
  font-size: 14px;
  font-family: PingFang SC;
  line-height: 22px;
  cursor: pointer;
}
.main2-div #top-but img[data-v-1b3c2fe9] {
  position: absolute;
  right: 0px;
  color: #868e9c;
  cursor: pointer;
}
.main2-div #top-line[data-v-1b3c2fe9] {
  margin-top: 10px;
}
.main2-div #top-line p[data-v-1b3c2fe9] {
  width: 30px;
  height: 2px;
  background: var(--theme-color);
}
.main2-div #top-line .hr[data-v-1b3c2fe9] {
  margin-top: 0px;
  border: 1px solid #303033;
}
.main2-div .two-css[data-v-1b3c2fe9] {
  margin-top: 12px;
  margin-bottom: 12px;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.main2-div .two-css svg[data-v-1b3c2fe9] {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 22px;
  height: 22px;
  color: #868e9c;
  font-size: 16px;
}
.main2-div .two-css span[data-v-1b3c2fe9] {
  width: 280px;
  color: #fff;
  font-weight: 500;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.main2-div .footer-div[data-v-1b3c2fe9] {
  position: fixed;
  width: 290px;
  margin-left: -12px;
  height: 38px;
  padding: 8px 12px;
  background-color: #303033;
  border-top: 1px solid #868e9c;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
.main2-div .body-div-css[data-v-1b3c2fe9] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: relative;
}
.main2-div .body-div-css img[data-v-1b3c2fe9] {
  width: 285px;
  height: 162px;
  margin-bottom: 16px;
  background-color: #303033;
  border: 2px solid rgba(0, 0, 0, 0);
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: 8px;
  position: relative;
}
.main2-div .body-div-css .checkbox[data-v-1b3c2fe9] {
  position: absolute;
  margin-top: 10px;
  margin-left: 14px;
}
.main2-div .body-div-css p[data-v-1b3c2fe9] {
  position: absolute;
  background-color: #000000;
  opacity: 0.5;
  z-index: 99;
  border-radius: 8px;
  margin-top: 10px;
  width: 40px;
  margin-left: 240px;
  height: 20px;
  cursor: pointer;
}
.main2-div .body-div-css span[data-v-1b3c2fe9] {
  color: #ffffff;
  padding-left: 7px;
}
.main2-div[data-v-1b3c2fe9] ::-webkit-scrollbar {
  width: 0px;
}
.main2-div .bottom-but-css[data-v-1b3c2fe9] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 130px;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #242426;
  line-height: 22px;
  background: var(--theme-color);
  border: none;
  height: 30px;
  width: 106px;
  border-radius: 4px;
  font-weight: 400;
  white-space: nowrap;
  text-align: center;
  cursor: pointer;
}
[data-v-1b3c2fe9] .el-input__prefix {
  color: #757575;
}
[data-v-0f48718e] ::-webkit-scrollbar {
  width: 0px;
}
.main-div[data-v-0f48718e] {
  background-color: #242426;
  width: 320px;
  height: 100%;
}
#top-but[data-v-0f48718e] {
  padding-top: 12px;
  margin-left: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
#top-but p[data-v-0f48718e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #fff;
  font-weight: 500;
  font-size: 14px;
  font-family: PingFang SC;
  line-height: 22px;
  cursor: pointer;
}
#top-but img[data-v-0f48718e] {
  position: absolute;
  right: 0px;
  color: #868e9c;
  cursor: pointer;
  margin-right: 16px;
}
#top-line[data-v-0f48718e] {
  margin-top: 10px;
  margin-left: 16px;
  margin-right: 16px;
}
#top-line p[data-v-0f48718e] {
  width: 30px;
  height: 2px;
  background: var(--theme-color);
}
#top-line .hr[data-v-0f48718e] {
  margin-top: 0px;
  border: 1px solid #303033;
}
[data-v-0f48718e] ::-webkit-scrollbar {
  width: 0px;
}
#body-content .content-have-data-css[data-v-0f48718e] {
  min-height: 70px;
  background-color: #303033;
  width: 320px;
  margin-top: 10px;
  position: relative;
}
#body-content .content-have-data-css svg[data-v-0f48718e] {
  position: absolute;
  right: 20px;
  cursor: pointer;
  color: #fff;
}
#body-content .content-have-data-css .item[data-v-0f48718e] {
  position: absolute;
  right: 45px;
  cursor: pointer;
  font-size: 20px;
  font-weight: 500;
}
#body-content .content-have-data-css p[data-v-0f48718e] {
  color: #868e9c;
  line-height: 20px;
  padding-top: 12px;
  padding-bottom: 12px;
  margin-left: 16px;
}
#body-content .content-have-data-css textarea[data-v-0f48718e] {
  padding: 3px 8px 3px 8px;
  width: 272px;
  resize: none;
  min-height: 32px;
  line-height: 1.5715;
  height: auto;
  color: #868e9c;
  font-size: 14px;
  font-family: Inter;
  line-height: 17px;
  background: #242426;
  border-radius: 4px;
  border: none;
  background-color: #464649;
  margin-left: 16px;
}
#body-content .content-no-data-css[data-v-0f48718e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 10%;
}
#body-content .content-no-data-css img[data-v-0f48718e] {
  width: 124px;
  height: 124px;
}
#body-content .content-no-data-css p[data-v-0f48718e] {
  color: #868e9c;
  font-weight: 400;
  font-size: 14px;
  font-family: PingFang SC;
  font-style: normal;
  line-height: 22px;
  text-align: center;
}
.two-div-css[data-v-0f48718e] {
  margin-left: 16px;
  margin-top: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.two-div-css .item[data-v-0f48718e] {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 124px;
}
.two-div-css button[data-v-0f48718e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: auto;
  padding: 3px 8px;
  color: #c9ced4;
  background-color: #303033;
  border: none;
  border-radius: 15px;
  font-size: 14px;
  cursor: pointer;
}
.tooltip-font-css[data-v-0f48718e] {
  color: #868e9c;
  font-size: 12px;
}
.select2-css .title-font-css[data-v-0f48718e] {
  height: 22px;
  margin-bottom: 8px;
  color: #fff;
  line-height: 22px;
}
.select2-css .style-one-css[data-v-0f48718e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 52px;
  margin-bottom: 12px;
  color: #fff;
  background: #303033;
  border-radius: 8px;
  cursor: pointer;
  text-align: center;
  font-size: 14px;
}
.select2-css .style-two-css[data-v-0f48718e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 52px;
  margin-bottom: 12px;
  color: #fff;
  background: #303033;
  border-radius: 8px;
  cursor: pointer;
}
.select2-css .style-two-css span[data-v-0f48718e] {
  width: 88px;
  height: 32px;
  margin: 10px auto;
  line-height: 33px;
  text-align: center;
  background-color: #000000;
}
.select2-css .style-three-css[data-v-0f48718e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 52px;
  margin-bottom: 12px;
  color: #fff;
  background: #303033;
  border-radius: 8px;
  cursor: pointer;
}
.select2-css .style-three-css span[data-v-0f48718e] {
  width: 88px;
  height: 33px;
  margin: 10px auto;
  line-height: 32px;
  text-align: center;
  background-color: #202023;
}
.main-div[data-v-020ab8c0] {
  padding: 12px 16px;
  background-color: #242426;
  width: 320px;
  height: 100%;
}
#top-but[data-v-020ab8c0] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
#top-but p[data-v-020ab8c0] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #fff;
  font-weight: 500;
  font-size: 14px;
  font-family: PingFang SC;
  line-height: 22px;
  cursor: pointer;
}
#top-but img[data-v-020ab8c0] {
  position: absolute;
  right: 0px;
  color: #868e9c;
  cursor: pointer;
}
#top-line[data-v-020ab8c0] {
  margin-top: 10px;
}
#top-line p[data-v-020ab8c0] {
  width: 30px;
  height: 2px;
  background: #3afff3;
}
#top-line .hr[data-v-020ab8c0] {
  margin-top: 0px;
  border: 1px solid #303033;
}
.two-css[data-v-020ab8c0] {
  margin-top: 12px;
  margin-bottom: 12px;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.two-css svg[data-v-020ab8c0] {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 22px;
  height: 22px;
  color: #868e9c;
  font-size: 16px;
}
.two-css span[data-v-020ab8c0] {
  width: 280px;
  color: #fff;
  font-weight: 500;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.footer-div[data-v-020ab8c0] {
  position: fixed;
  width: 320px;
  margin-left: -12px;
  height: 38px;
  padding: 8px 12px;
  background-color: #303033;
  border-top: 1px solid #868e9c;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
.body-div-css[data-v-020ab8c0] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: relative;
}
.body-div-css img[data-v-020ab8c0] {
  width: 292px;
  height: 162px;
  margin-bottom: 16px;
  background-color: #303033;
  border: 2px solid rgba(0, 0, 0, 0);
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: 8px;
  position: relative;
}
.body-div-css .checkbox[data-v-020ab8c0] {
  position: absolute;
  margin-top: 10px;
  margin-left: 14px;
}
.body-div-css p[data-v-020ab8c0] {
  position: absolute;
  background-color: #000000;
  opacity: 0.5;
  z-index: 99;
  border-radius: 8px;
  margin-top: 10px;
  width: 40px;
  margin-left: 240px;
  height: 20px;
  cursor: pointer;
}
.body-div-css span[data-v-020ab8c0] {
  color: #ffffff;
  padding-left: 7px;
}
[data-v-020ab8c0] ::-webkit-scrollbar {
  width: 0px;
}
.bottom-but-css[data-v-020ab8c0] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 190px;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #242426;
  line-height: 22px;
  background: #3afff3;
  border: none;
  height: 30px;
  width: 106px;
  border-radius: 4px;
  font-weight: 400;
  white-space: nowrap;
  text-align: center;
  cursor: pointer;
}
[data-v-700585c1] .el-drawer .el-drawer__body {
  width: 320px;
  background-color: #242426;
  overflow-x: hidden;
}
.rightbar_wrapper[data-v-700585c1] {
  position: relative;
  width: 80px;
  padding-top: 16px;
  color: #c9ced4;
}
.rightbar[data-v-700585c1] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 64px;
  height: 64px;
  margin: 0 auto;
  margin-bottom: 12px;
  text-align: center;
  border-radius: 8px;
  cursor: pointer;
}
.rightbar.rightbar_active[data-v-700585c1] {
  color: var(--theme-color);
  background: #303033;
}
.rightbar[data-v-700585c1]:hover {
  background-color: #303033;
}
.rightbar_icon[data-v-700585c1] {
  display: inline-block;
  font-style: normal;
  line-height: 0;
  text-align: center;
  text-transform: none;
  text-rendering: optimizeLegibility;
  fill: currentColor;
  font-size: 24px;
  margin-bottom: 4px;
}

@charset "UTF-8";
/*图层 start */
.layer[data-v-bb614b7a] {
  position: absolute;
  background-color: #242426;
  width: 100%;
  min-height: calc(100vh - (100vh - 200px) - 70px);
  max-height: calc(100vh - 300px);
  z-index: 99;
  bottom: 0px;
}
.layer-stretch-body[data-v-bb614b7a] {
  width: 100%;
  height: 20px;
  cursor: ns-resize;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.layer-separate[data-v-bb614b7a] {
  width: 100%;
  height: 5px;
  border-top: #000000 2px solid;
}
.layer-separate-title[data-v-bb614b7a] {
  padding: 0 10px;
  color: #868e9c;
  font-size: 12px;
  margin-top: 8px;
}
.layer-stretch-body:hover .layer-separate[data-v-bb614b7a] {
  border-top: var(--theme-color) 2px solid;
}
.drag-move[data-v-bb614b7a] {
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.layer-list[data-v-bb614b7a] {
  min-height: calc(100vh - (100vh - 200px) - 115px);
  max-height: calc(100vh - 300px - 45px);
  overflow-y: auto;
  padding-left: 4px;
  padding-right: 16px;
  margin-top: 16px;
}
.layer-list .layer-list-item[data-v-bb614b7a] {
  position: relative;
  width: 100%;
  height: 24px;
  margin: 8px 0;
  padding: 4px 0px 4px 4px;
  color: #fff;
  font-weight: 600;
  font-size: 12px;
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.layer-list .layer-list-item-active[data-v-bb614b7a],
.layer-list .layer-list-item[data-v-bb614b7a]:hover {
  background: hsla(0, 0%, 100%, 0.1);
}
.layer-list-item-handel[data-v-bb614b7a] {
  width: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 4px;
  position: absolute;
  right: 4px;
  top: 2px;
}
.layer-list-item-handel-lock[data-v-bb614b7a],
.layer-list-item-handel-del[data-v-bb614b7a] {
  display: none;
  cursor: pointer;
}
.layer-list-item-handel-unlock[data-v-bb614b7a] {
  width: 20px;
  height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.layer-list-item:hover .layer-list-item-handel-lock[data-v-bb614b7a],
.layer-list-item:hover .layer-list-item-handel-unlock[data-v-bb614b7a],
.layer-list-item:hover .layer-list-item-handel-del[data-v-bb614b7a] {
  width: 20px;
  height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.layer-list-item-handel-lock[data-v-bb614b7a]:hover,
.layer-list-item-handel-unlock[data-v-bb614b7a]:hover,
.layer-list-item-handel-del[data-v-bb614b7a]:hover {
  background-color: #4B4A4C;
  border-radius: 4px;
}
.layer-list-item-handel-del:hover svg[data-v-bb614b7a] {
  color: #FB654A;
}

/*图层 end */
.layer-list[data-v-bb614b7a]::-webkit-scrollbar {
  width: 4px;
}
.layer-list[data-v-bb614b7a]::-webkit-scrollbar-corner {
  background-color: transparent;
}
.layer-list[data-v-bb614b7a]:hover::-webkit-scrollbar-thumb {
  background-color: #575758;
}
.layer-list[data-v-bb614b7a]::-webkit-scrollbar-thumb {
  background-color: transparent;
  border-radius: 6px;
}
.layer-list[data-v-bb614b7a]::-webkit-scrollbar-track {
  background-color: transparent;
}
.no-select[data-v-bb614b7a] {
  -webkit-user-select: none; /* Chrome, Safari, Opera */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Standard syntax */
}
@charset "UTF-8";
/**弹窗确认样式 start */
[data-v-706ff310] .el-dialog {
  background-color: #242424;
  width: 415px;
}
[data-v-706ff310] .el-dialog__header {
  display: none;
}
.dialog_header[data-v-706ff310] {
  color: #fff;
  font-weight: 700;
  font-size: 16px;
  padding-bottom: 5px;
}
.dialog_sub[data-v-706ff310] {
  font-size: 14px;
  color: rgb(134, 142, 156);
}

/**弹窗确认样式 end */
.left-body[data-v-706ff310] {
  position: relative;
}
.left-container[data-v-706ff310] {
  padding: 6px 12px;
  height: calc(100vh - 68px);
}

/*添加卡片 start */
.add-card[data-v-706ff310] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 136px;
  height: 32px;
  color: #fff;
  font-weight: 600;
  font-size: 14px;
  background: #303033;
  border-radius: 2px;
  cursor: pointer;
  margin-top: 4px;
}
.card-page[data-v-706ff310] {
  width: 136px;
  height: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #868e9c;
  font-weight: 500;
  font-size: 12px;
  cursor: pointer;
}

/*添加卡片 end */
/*拖拽排序样式 start */
.card-list[data-v-706ff310] {
  list-style: none;
  max-height: calc(100vh - 335px);
  overflow-y: auto;
}
.card-list .drag-move[data-v-706ff310] {
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.card-list .list-item[data-v-706ff310] {
  position: relative;
  width: 132px;
  height: 132px;
  background: #121214;
  color: #FFF;
  margin-bottom: 12px;
  text-align: center;
  border: 2px solid rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
}
.card-list .list-item-active[data-v-706ff310] {
  border: 2px solid var(--theme-color);
}
.card-list .list-item-16-9[data-v-706ff310] {
  width: 100%;
  height: 77px;
}
.card-list .list-item-9-16[data-v-706ff310] {
  width: 77px;
  height: 100%;
}
.card-handel[data-v-706ff310] {
  display: none;
}
.card-handel .yiwise-icon[data-v-706ff310] {
  height: 20px;
  width: 20px;
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}
.card-handel svg[data-v-706ff310] {
  height: 14px;
  width: 14px;
}
.list-item:hover .card-handel[data-v-706ff310] {
  width: 80px;
  height: 20px;
  position: absolute;
  top: 6px;
  right: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 999;
}
.card-handel .yiwise-icon-del[data-v-706ff310] {
  height: 20px;
  width: 20px;
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 10px;
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 2;
  cursor: not-allowed;
}
.card-list[data-v-706ff310]::-webkit-scrollbar {
  width: 4px;
}
.card-list[data-v-706ff310]::-webkit-scrollbar-corner {
  background-color: transparent;
}
.card-list[data-v-706ff310]:hover::-webkit-scrollbar-thumb {
  background-color: #575758;
}
.card-list[data-v-706ff310]::-webkit-scrollbar-thumb {
  background-color: transparent;
  border-radius: 6px;
}
.card-list[data-v-706ff310]::-webkit-scrollbar-track {
  background-color: transparent;
}

/*拖拽排序样式 end */
[data-v-706ff310] .el-message-box .el-message-box__header {
  background: #121214;
}
.no-select[data-v-706ff310] {
  -webkit-user-select: none; /* Chrome, Safari, Opera */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Standard syntax */
}
.main-div[data-v-a857b7bc] {
  padding: 12px 16px;
  background-color: #242426;
  width: 208px;
  height: 100%;
}
[data-v-a857b7bc] .el-input-number.is-controls-right .el-input__inner {
  padding-left: 10px;
  padding-right: 5px;
  color: #fff;
  text-align: left;
}
#top-but[data-v-a857b7bc] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
#top-but p[data-v-a857b7bc] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #fff;
  font-weight: 500;
  font-size: 14px;
  font-family: PingFang SC;
  line-height: 22px;
  cursor: pointer;
}
#top-but img[data-v-a857b7bc] {
  position: absolute;
  right: 0px;
  color: #868e9c;
  cursor: pointer;
}
#top-line[data-v-a857b7bc] {
  margin-top: 10px;
}
#top-line p[data-v-a857b7bc] {
  width: 30px;
  height: 2px;
  background: #3afff3;
}
#top-line .hr[data-v-a857b7bc] {
  margin-top: 0px;
  border: 1px solid #303033;
}
.body-top-css[data-v-a857b7bc] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 12px;
}
.body-top-css .font-css[data-v-a857b7bc] {
  color: #a1a1aa;
  font-weight: 400;
  font-family: PingFang SC;
  font-size: 14px;
  font-style: normal;
}
.body-top-css .but-css[data-v-a857b7bc] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 2px 10px;
  height: 24px;
  color: #c9ced4;
  font-weight: 400;
  font-size: 12px;
  background: #303033;
  border-radius: 10px;
  cursor: pointer;
}
.body-two-div-css[data-v-a857b7bc] {
  position: relative;
  padding-left: 12px;
  border-radius: 2px;
  background: #303033;
  width: 200px;
  height: 32px;
  margin-top: 12px;
  line-height: 32px;
  cursor: pointer;
  color: #ffffff;
}
.body-two-svg-css[data-v-a857b7bc] {
  position: absolute;
  margin-top: -18px;
  margin-left: 196px;
}
[data-v-a857b7bc] .el-color-picker__trigger {
  width: 30px;
  height: 30px;
}
.select-div-css[data-v-a857b7bc] {
  width: 100%;
  height: auto;
  background-color: #000000;
  color: #ffffff;
  margin-top: 6px;
  border-radius: 4px;
  padding-top: 10px;
  padding-bottom: 10px;
  position: absolute;
  z-index: 999;
}
.select-div-css[data-v-a857b7bc] :hover {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background-color: #999999;
  cursor: pointer;
}
.jisuan-css[data-v-a857b7bc] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.jisuan-css .plus-css[data-v-a857b7bc] {
  width: 30px;
  text-align: center;
  background: #505157;
  border-radius: 2px 0 0 2px;
  height: 30px;
  cursor: pointer;
}
.jisuan-css .plus-css svg[data-v-a857b7bc] {
  padding-top: 15px;
}
.jisuan-css input[data-v-a857b7bc] {
  width: 40px !important;
  height: 32px;
  color: #fff;
  line-height: 32px;
  text-align: center;
  background-color: #303033;
  border: none;
}
.jisuan-css .jian-css[data-v-a857b7bc] {
  width: 32px;
  line-height: 32px;
  text-align: center;
  background: #505157;
  border-radius: 0 2px 2px 0;
  height: 32px;
  cursor: pointer;
}
.jisuan-css .jian-css svg[data-v-a857b7bc] {
  padding-top: 10px;
}
.font-style-div-css[data-v-a857b7bc] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.font-style-div-css svg[data-v-a857b7bc] {
  color: #fff;
  font-size: 20px;
  border-radius: 4px;
  padding: 8px 16px;
  background-color: transparent;
}
.font-style-div-css[data-v-a857b7bc] :hover {
  background-color: #505157;
  text-align: center;
  border-radius: 4px;
  padding: 8px 16px;
  cursor: pointer;
}
.font-position-div-css[data-v-a857b7bc] {
  margin-top: 20px;
}
.font-position-div-css p[data-v-a857b7bc] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 34px;
  margin-bottom: 12px;
  color: var(--text-2, #a1a1aa);
  font-weight: 400;
  font-family: PingFang SC;
  font-size: 14px;
  font-style: normal;
}
.font-position-div-css input[data-v-a857b7bc] {
  width: 41px;
  height: 30px;
  background-color: rgba(0, 0, 0, 0.85);
  border: 0;
  border-radius: 2px;
  margin-left: 8px;
  padding-left: 6px;
  color: #ffffff;
  padding-right: 25px;
  position: relative;
}
.font-position-div-css .el-icon-caret-top[data-v-a857b7bc] {
  position: absolute;
  margin-top: 0px;
  margin-left: -23px;
  font-size: 20px;
  cursor: pointer;
}
.font-position-div-css .el-icon-caret-bottom[data-v-a857b7bc] {
  cursor: pointer;
  position: absolute;
  margin-top: 12px;
  margin-left: -23px;
  font-size: 20px;
}
.font-duiqi-css[data-v-a857b7bc] {
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.font-duiqi-css svg[data-v-a857b7bc] {
  width: 20px;
  height: 20px;
  color: #fff;
  padding: 5px;
  cursor: pointer;
}
.font-duiqi-css[data-v-a857b7bc] :hover {
  padding: 5px;
  background-color: #505157;
  border-radius: 4px;
}
.content_box[data-v-a857b7bc] {
  max-height: calc(100vh - 444px);
  overflow-y: scroll;
}
.content-have-data-css[data-v-a857b7bc] {
  min-height: 70px;
  background-color: #303033;
  width: 208px;
  margin-top: 10px;
  position: relative;
}
.content-have-data-css svg[data-v-a857b7bc] {
  position: absolute;
  right: 20px;
  cursor: pointer;
  color: #fff;
}
.content-have-data-css .item[data-v-a857b7bc] {
  position: absolute;
  right: 45px;
  cursor: pointer;
  font-size: 20px;
  font-weight: 500;
}
.content-have-data-css p[data-v-a857b7bc] {
  color: #868e9c;
  line-height: 20px;
  padding-top: 12px;
  padding-bottom: 12px;
  margin-left: 16px;
}
.content-have-data-css textarea[data-v-a857b7bc] {
  padding: 3px 8px 3px 8px;
  width: 160px;
  resize: none;
  min-height: 32px;
  line-height: 1.5715;
  height: auto;
  color: #868e9c;
  font-size: 14px;
  font-family: Inter;
  line-height: 17px;
  background: #242426;
  border-radius: 4px;
  border: none;
  background-color: #464649;
  margin-left: 16px;
}
[data-v-a857b7bc] ::-webkit-scrollbar {
  width: 0px;
}
.main-div[data-v-044f1ba2] {
  padding: 12px 16px;
  width: 208px;
  height: 100%;
  margin-right: 4px;
  color: #c9ced4;
  font-size: 14px;
  font-family: Inter;
  line-height: 17px;
  background: #242426;
  border-radius: 2px;
}
[data-v-044f1ba2] .el-input-number.is-controls-right .el-input__inner {
  padding-left: 10px;
  padding-right: 5px;
  color: #fff;
  text-align: left;
}
.row-css[data-v-044f1ba2] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.top-font-css[data-v-044f1ba2] {
  color: #c9ced4;
  font-size: 14px;
  font-family: Inter;
  border-bottom: 1px solid #303033;
  padding-bottom: 12px;
}
.body-ont-font-css[data-v-044f1ba2] {
  margin: 12px 0px;
  color: #c9ced4;
  font-size: 14px;
  font-family: Inter;
  line-height: 17px;
}
[data-v-044f1ba2] .el-input-number {
  position: relative;
  width: 70px;
  color: #fff;
  background: #303033;
  border-color: #303033;
  border-radius: 4px;
}
[data-v-044f1ba2] .el-input__inner {
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #606266;
}
[data-v-044f1ba2] .el-input-number__decrease {
  position: absolute;
  z-index: 1;
  top: 1px;
  width: 20px;
  height: auto;
  text-align: center;
  background: #303033;
  cursor: pointer;
  border: 1px solid #303033;
}
[data-v-044f1ba2] .el-input-number__increase {
  position: absolute;
  z-index: 1;
  top: 1px;
  width: 20px;
  height: auto;
  text-align: center;
  background: #303033;
  cursor: pointer;
  border: 1px solid #303033;
}
[data-v-044f1ba2] .el-input-number.is-controls-right .el-input-number__decrease {
  border: 1px solid #303033;
}
[data-v-044f1ba2] .el-input-number.is-controls-right .el-input-number__increase {
  border: 1px solid #303033;
}
.bottom-font-css[data-v-044f1ba2] {
  color: #c9ced4;
  font-size: 14px;
  font-family: Inter;
  line-height: 17px;
  margin-right: 10px;
}
.bottom-div-css[data-v-044f1ba2] {
  border-radius: 4px !important;
  border: 1px solid #505259;
  background: #2b2c32;
  color: #989aa1;
  font-family: PingFang SC;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  width: 46px;
  height: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  padding-left: 53px;
  padding-right: 40px;
}
.bottom-span-css[data-v-044f1ba2] {
  position: absolute;
  margin-top: -29px;
  margin-left: 5px;
  z-index: 10;
  color: var(--text-2, #a1a1aa);
  font-family: PingFang SC;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
}
.bottom-img-css[data-v-044f1ba2] {
  position: absolute;
  width: 16px;
  height: 16px;
  top: 9px;
  right: 10px;
}
@charset "UTF-8";
.main-div[data-v-cc6b2d5e] {
  padding: 12px 16px;
  width: 208px;
  height: 100%;
  margin-right: 4px;
  color: #c9ced4;
  font-size: 14px;
  font-family: Inter;
  line-height: 17px;
  background: #242426;
  border-radius: 2px;
}
.row-css[data-v-cc6b2d5e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.top-font-css[data-v-cc6b2d5e] {
  color: #c9ced4;
  font-size: 14px;
  font-family: Inter;
  border-bottom: 1px solid #303033;
  padding-bottom: 12px;
}
.body-ont-font-css[data-v-cc6b2d5e] {
  margin: 12px 0px;
  color: #c9ced4;
  font-size: 14px;
  font-family: Inter;
  line-height: 17px;
}
[data-v-cc6b2d5e] .el-input-number {
  position: relative;
  width: 70px;
  color: #fff;
  background: #303033;
  border-color: #303033;
  border-radius: 4px;
}
[data-v-cc6b2d5e] .el-input__inner {
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #606266;
}
[data-v-cc6b2d5e] .el-input-number.is-controls-right .el-input__inner {
  padding-left: 10px;
  padding-right: 5px;
  color: #fff;
  text-align: left;
}
[data-v-cc6b2d5e] .el-input-number__decrease {
  position: absolute;
  z-index: 1;
  top: 1px;
  width: 20px;
  height: auto;
  text-align: center;
  background: #303033;
  cursor: pointer;
  border: 1px solid #303033;
}
[data-v-cc6b2d5e] .el-input-number__increase {
  position: absolute;
  z-index: 1;
  top: 1px;
  width: 20px;
  height: auto;
  text-align: center;
  background: #303033;
  cursor: pointer;
  border: 1px solid #303033;
}
[data-v-cc6b2d5e] .el-input-number.is-controls-right .el-input-number__decrease {
  border: 1px solid #303033;
}
[data-v-cc6b2d5e] .el-input-number.is-controls-right .el-input-number__increase {
  border: 1px solid #303033;
}
.bottom-font-css[data-v-cc6b2d5e] {
  color: #c9ced4;
  font-size: 14px;
  font-family: Inter;
  line-height: 17px;
  margin-right: 16px;
}
.bottom-div-css[data-v-cc6b2d5e] {
  border-radius: 4px !important;
  border: 1px solid #505259;
  background: #2b2c32;
  color: #989aa1;
  font-family: PingFang SC;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  width: 72px;
  height: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  padding-left: 53px;
  padding-right: 40px;
}
.bottom-span-css[data-v-cc6b2d5e] {
  position: absolute;
  margin-top: -29px;
  margin-left: 5px;
  z-index: 10;
  color: var(--text-2, #a1a1aa);
  font-family: PingFang SC;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
}
.bottom-img-css[data-v-cc6b2d5e] {
  position: absolute;
  width: 16px;
  height: 16px;
  margin-top: -26px;
  margin-left: 140px;
}
.alluse-css[data-v-cc6b2d5e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 5px 10px;
  height: 24px;
  color: white;
  font-weight: 400;
  font-size: 14px;
  background: #303033;
  border-radius: 4px;
  cursor: pointer;
  margin-top: 10px;
}

/**弹窗确认样式 start */
[data-v-cc6b2d5e] .el-dialog {
  background-color: #242424;
  width: 415px;
}
[data-v-cc6b2d5e] .el-dialog__header {
  display: none;
}
.dialog_header[data-v-cc6b2d5e] {
  color: #fff;
  font-weight: 700;
  font-size: 16px;
  padding-bottom: 5px;
}
.dialog_sub[data-v-cc6b2d5e] {
  font-size: 14px;
  color: rgb(134, 142, 156);
}

/**弹窗确认样式 end */
@charset "UTF-8";
.mb10[data-v-e2cb6634] {
  margin-bottom: 10px;
}
.scene[data-v-e2cb6634] {
  width: 240px;
  margin-right: 4px;
  color: #c9ced4;
  font-size: 14px;
  font-family: Inter;
  line-height: 17px;
  background: #242426;
  border-radius: 2px;
}
.scene_header[data-v-e2cb6634] {
  padding: 12px 16px;
  color: #fff;
  font-weight: 500;
  font-size: 14px;
  border-bottom: 1px solid hsla(0, 0%, 100%, 0.1);
}
.scene_subtitle[data-v-e2cb6634] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 13px 12px;
  color: #fff;
  font-weight: 500;
  font-size: 14px;
}
.applyToAllBtn[data-v-e2cb6634] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 76px;
  height: 24px;
  color: #c9ced4;
  font-weight: 400;
  font-size: 12px;
  background: #303033;
  border-radius: 20px;
  cursor: pointer;
}
.scene_bgimg[data-v-e2cb6634] {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 216px;
  height: 216px;
  margin: 0 12px;
  background: rgba(0, 0, 0, 0.1);
}
.scene_innerImg[data-v-e2cb6634] {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: hidden;
  background-color: #000;
}
.scene_operateWrap[data-v-e2cb6634] {
  position: absolute;
  top: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 100%;
}
.scene_buttonWrap[data-v-e2cb6634] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  display: none;
}
.scene_operateWrap:hover .scene_buttonWrap[data-v-e2cb6634] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.scene_operate[data-v-e2cb6634] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 80px;
  height: 24px;
  color: #fff;
  background: rgba(0, 0, 0, 0.4);
  border-radius: 12px;
  cursor: pointer;
}
.scene_imageBlur[data-v-e2cb6634] {
  margin: 24px 12px 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.scene_numberWrap[data-v-e2cb6634] {
  position: relative;
  margin-left: 10px;
}
.scene_tips[data-v-e2cb6634] {
  position: absolute;
  top: 5px;
  left: 10px;
  z-index: 10;
  color: #a1a1aa;
  font-family: PingFang SC;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
}
.scene_imageBlurTips[data-v-e2cb6634] {
  color: #505259;
  font-family: PingFang SC;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  -webkit-transform: translate(84px, -5px);
          transform: translate(84px, -5px);
}
[data-v-e2cb6634] .scene_numberWrap .el-input__inner {
  width: 148px;
  height: 32px;
  border: 1px solid #c9ced4;
  text-indent: 45px;
  background: #2b2c32;
  color: #989aa1;
}
[data-v-e2cb6634] .scene_numberWrap .el-input__inner:focus {
  border-color: var(--theme-color);
}
.upload-div-css[data-v-e2cb6634] {
  margin-top: 0px;
}
[data-v-e2cb6634] .el-upload {
  display: block;
}
.scene_tips_blur[data-v-e2cb6634] {
  position: absolute;
  top: 8px;
  right: 15px;
}

/**弹窗确认样式 start */
[data-v-e2cb6634] .el-dialog {
  background-color: #242424;
  width: 415px;
}
[data-v-e2cb6634] .el-dialog__header {
  display: none;
}
.dialog_header[data-v-e2cb6634] {
  color: #fff;
  font-weight: 700;
  font-size: 16px;
  padding-bottom: 5px;
}
.dialog_sub[data-v-e2cb6634] {
  font-size: 14px;
  color: rgb(134, 142, 156);
}
[data-v-44355b1e] .el-dialog__header {
  border-radius: 4px 4px 0 0;
  height: 56px;
  padding: 32px 32px 0;
  background-color: #242426;
  border-bottom: none;
}
[data-v-44355b1e] .el-dialog__title {
  color: #fff;
  font-weight: 500;
  font-size: 16px;
  font-style: normal;
  line-height: 24px;
}
[data-v-44355b1e] .el-dialog__headerbtn {
  margin-top: 10px;
}
[data-v-44355b1e] .el-dialog__body {
  height: 510px;
  background-color: #242426;
  margin-top: -26px;
}
.dialog-body-css[data-v-44355b1e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 678px;
  height: 380px;
  background-color: hsla(0, 0%, 100%, 0.05);
  border-radius: 4px;
  margin-left: 12px;
}
.dialog-title-css[data-v-44355b1e] {
  margin-top: 12px;
  color: var(--text-light, #868e9c);
  font-weight: 400;
  font-size: 14px;
  font-style: normal;
  line-height: 22px;
  margin-left: 12px;
}
.checkbox-css[data-v-44355b1e] {
  margin-top: 24px;
  color: #ffffff;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  margin-left: 12px;
}
[data-v-44355b1e] .el-dialog__footer {
  height: 78px;
  border-radius: 0 0 4px 4px;
  background-color: #242426;
  margin-bottom: 36px;
}
.cancel-but-css[data-v-44355b1e] {
  padding: 3px 12px;
  font-weight: 400;
  font-size: 14px;
  font-style: normal;
  line-height: 22px;
  text-align: center;
  border: none;
  border-radius: 3px;
  color: #ffffff;
  background: #505157;
  cursor: pointer;
  margin-right: 10px;
}
.submit-but-css[data-v-44355b1e] {
  padding: 3px 12px;
  font-weight: 400;
  font-size: 14px;
  font-style: normal;
  line-height: 22px;
  text-align: center;
  border: none;
  border-radius: 3px;
  cursor: pointer;
  color: var(--theme-font-color);
  background: var(--theme-color);
}
.container[data-v-7511fd0e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  height: 100vh;
  background: #121213;
  overflow: hidden;
}
.loading[data-v-7511fd0e] {
  width: 100%;
  height: 100%;
  background-color: black;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@-webkit-keyframes rotation-7511fd0e {
0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
}
100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}
}
@keyframes rotation-7511fd0e {
0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
}
100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}
}
.video-preview-video-loding[data-v-7511fd0e] {
  width: 60px;
  height: 60px;
  -webkit-animation: rotation-7511fd0e 1s linear infinite;
          animation: rotation-7511fd0e 1s linear infinite;
  /* 缩短动画周期以加速旋转 */
  will-change: transform;
  /* 提高性能，提前告知浏览器该元素会变化 */
  display: block;
  /* 确保图片独占一行，避免布局影响 */
  margin: auto;
  /* 居中图片（假设在父容器中） */
  color: var(--theme-color);
}
.edit-container[data-v-7511fd0e] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.edit-container .edit-container-left[data-v-7511fd0e] {
  width: 166px;
  height: 100%;
  background: #242426;
  border-radius: 2px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.edit-container .edit-container-center[data-v-7511fd0e] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 700px;
  min-height: 600px;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-left: 4px;
  margin-right: 4px;
}
.edit-container .edit-container-center .edit-container-center-bottom[data-v-7511fd0e] {
  width: 100%;
  height: 330px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: #242426;
  border-radius: 2px;
  overflow: hidden;
}
.edit-container .edit-container-right-setting-scene[data-v-7511fd0e] {
  width: 240px;
  height: 100%;
  background: #242426;
  border-radius: 2px;
  margin-right: 4px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.edit-container .edit-container-right-setting-all[data-v-7511fd0e] {
  width: 80px;
  height: 100%;
  background: #242426;
  border-radius: 2px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}