@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.el-dropdown-link[data-v-5d168c42] {
  color: white;
}
.user-header-image[data-v-5d168c42] {
  display: inline-block;
  vertical-align: middle;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 4px;
  font-size: 32px;
  line-height: 32px;
  text-align: center;
  margin-top: -5px;
  border: 1px solid #7F8593;
}
.right-area[data-v-5d168c42] {
  cursor: pointer;
  z-index: 999;
  height: 60px;
  line-height: 60px;
  background-color: transparent;
}
.right-area i[data-v-5d168c42] {
    font-size: 18px;
    margin-right: 3px;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.components-page-header[data-v-9cd93190] {
  height: 60px;
  line-height: 60px;
  padding-left: 12px;
  padding-right: 12px;
  background: transparent;
}
.logo-wrapper[data-v-9cd93190] {
  font-size: 16px;
  font-family: Yuanti SC;
  color: white;
  line-height: 44px;
  display: inline-block;
}
.logo-wrapper img[data-v-9cd93190] {
    position: relative;
    top: 6px;
    display: inline-block;
    margin-right: 8px;
}
.el-dropdown-link[data-v-9cd93190] {
  color: white;
}
.user-header-image[data-v-9cd93190] {
  display: inline-block;
  vertical-align: middle;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 4px;
  font-size: 32px;
  line-height: 32px;
  text-align: center;
  margin-top: -5px;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.version-update-dialog[data-v-966ddb2c] .el-dialog__header {
  padding: 15px;
  background-color: #409EFF;
  color: white;
}
.version-update-dialog[data-v-966ddb2c] .el-dialog__header .el-dialog__title {
    color: white;
    font-weight: bold;
}
.version-update-dialog[data-v-966ddb2c] .el-dialog__header .el-dialog__headerbtn .el-dialog__close {
    color: white;
}
.version-update-dialog .dialog-content[data-v-966ddb2c] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 20px 0;
}
.version-update-dialog .dialog-content .icon-container[data-v-966ddb2c] {
    margin-bottom: 15px;
}
.version-update-dialog .dialog-content .icon-container i[data-v-966ddb2c] {
      font-size: 48px;
      color: #409EFF;
      animation: rotate-966ddb2c 2s linear infinite;
}
.version-update-dialog .dialog-content .message[data-v-966ddb2c] {
    text-align: center;
    font-size: 16px;
    color: #333;
}
.version-update-dialog .dialog-footer[data-v-966ddb2c] {
  display: flex;
  justify-content: center;
}
.version-update-dialog .dialog-footer .el-button[data-v-966ddb2c] {
    min-width: 100px;
}
@keyframes rotate-966ddb2c {
from {
    transform: rotate(0deg);
}
to {
    transform: rotate(360deg);
}
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
html,
body {
  position: relative;
  height: 100%;
}
#app {
  font-family: 'Avenir', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  height: 100%;
  padding-top: 60px;
}
#app .page-header-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 0;
    background-color: #000000;
    background: 0, 0, 0, 0.7;
    text-align: left;
    padding: 0 20px;
    box-shadow: 0px 2px 5px #353535;
}
#app.hideHeader {
    padding-top: 0;
}
.sub-page {
  position: relative;
}
.slide-right-enter-active,
.slide-right-leave-active,
.slide-left-enter-active,
.slide-left-leave-active {
  will-change: transform;
  transition: all .5s;
  position: absolute;
  height: 100vh;
}
.slide-right-enter {
  opacity: 0;
  transform: translate3d(-100%, 0, 0);
}
.slide-right-leave-active {
  opacity: 0;
  transform: translate3d(100%, 0, 0);
}
.slide-left-enter {
  opacity: 0;
  transform: translate3d(100%, 0, 0);
}
.slide-left-leave-active {
  opacity: 0;
  transform: translate3d(-100%, 0, 0);
}
._slide-up {
  animation: slide-up .2s ease-in-out;
}
@keyframes slide-up {
0% {
    transform: translateY(20px);
}
100% {
    transform: translateY(0);
}
}
._page {
  position: relative;
  overflow: hidden;
  padding: 0 24px 24px 24px;
  box-sizing: border-box;
}
._page-header {
  position: sticky;
  top: 0;
  display: flex;
  padding-top: 24px;
  align-items: flex-start;
  width: 100%;
  height: 80px;
  background-color: #121215;
  z-index: 999;
}
._page-header-title {
  margin-top: 12px;
  font-size: 20px;
  font-weight: 600;
  color: #FFFFFF;
  flex-shrink: 0;
  margin-right: 16px;
}
.v-modal {
  background: rgba(0, 0, 0, 0.6) !important;
}


/* 点击效果样式 */
.click-effect {
  position: absolute;
  pointer-events: none;
  z-index: 1000;
}

/* 效果1: 水波纹 */
.ripple-effect {
  width: 0;
  height: 0;
  border-radius: 50%;
  background: rgba(255, 255, 255, 1);
  transform: translate(-50%, -50%);
  animation: ripple 1s linear;
}
@keyframes ripple {
0% {
    width: 0;
    height: 0;
    opacity: 1;
}
100% {
    width: 150px;
    height: 150px;
    opacity: 0;
}
}

/* 效果2: 粒子爆炸 */
.particle-effect {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  position: absolute;
  animation: particle 1s ease-out;
}
@keyframes particle {
0% {
    transform: translate(0, 0);
    opacity: 1;
}
100% {
    opacity: 0;
}
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.page-home[data-v-a4446e1a] {
  display: flex;
  width: 100%;
  height: 100%;
}
.page-home .home-side-bar[data-v-a4446e1a] {
    width: 150px;
    background-color: #fff;
    border-right: 1px solid #e6ebed;
    padding-top: 8px;
    z-index: 2;
}
.page-home .my-page-list[data-v-a4446e1a] {
    flex: 1;
    height: 100%;
}
.page-home .my-page-list .sub-page[data-v-a4446e1a] {
      height: 100%;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.iframeclass {
  width: 100%;
  height: 100%;
  border: none;
}


.human-animation[data-v-5ea167fb] {
  position: absolute;
  left: 20px;
  bottom: 0px;
  z-index: 10;
  transition: opacity 0.5s ease;
  height: 33.3vh; /* Set to 1/3 of viewport height */
  pointer-events: none; /* Allows clicking through the animation */
}
.human-animation img[data-v-5ea167fb] {
  height: 100%;
  width: auto;
  -o-object-fit: contain;
     object-fit: contain;
}


.rtsp-player-container[data-v-e739e6f8] {
  font-family: Arial, sans-serif;
  background-color: #fff;
  padding: 15px;
  border-radius: 5px;
  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
}
.controls[data-v-e739e6f8] {
  width: 100%;
  margin-bottom: 15px;
}
.input-group[data-v-e739e6f8] {
  margin-bottom: 10px;
label[data-v-e739e6f8]{
    color:#000;
}
}
.input-group label[data-v-e739e6f8] {
  display: block;
  margin-bottom: 5px;
  font-weight: bold;
}
input[type="text"][data-v-e739e6f8] {
  width: 100%;
  padding: 8px;
  box-sizing: border-box;
  border: 1px solid #ddd;
  border-radius: 4px;
}
.button-group[data-v-e739e6f8] {
  display: flex;
  gap: 10px;
  margin-top: 10px;
}
button[data-v-e739e6f8] {
  padding: 8px 16px;
  background-color: #4CAF50;
  color: white;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  flex: 1;
}
button[data-v-e739e6f8]:hover:not(:disabled) {
  background-color: #45a049;
}
button[data-v-e739e6f8]:disabled {
  background-color: #cccccc;
  cursor: not-allowed;
}
.stop-btn[data-v-e739e6f8] {
  background-color: #f44336;
}
.stop-btn[data-v-e739e6f8]:hover:not(:disabled) {
  background-color: #d32f2f;
}
.video-container[data-v-e739e6f8] {
  position: relative;
  width: 100%;
  margin-bottom: 15px;
  background-color: #000;
  text-align: center;
  min-height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex:1;
}
.video-container img[data-v-e739e6f8] {
  width: 100%;
  height:100%;
  max-width: 100%;
  max-height: 70vh;
}
.no-stream[data-v-e739e6f8] {
  color: #000;
  font-size: 16px;
}
.status[data-v-e739e6f8] {
  width: 100%;
  padding: 10px;
  background-color: #000;
  border-left: 4px solid #ccc;
}
.status.connected[data-v-e739e6f8] {
  border-left-color: #000;
}
.status.disconnected[data-v-e739e6f8] {
  border-left-color: #9e9e9e;
}
.status.connecting[data-v-e739e6f8] {
  border-left-color: #2196F3;
}
.status.error[data-v-e739e6f8] {
  border-left-color: #f44336;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
/* 内容模态框样式 */
.content-modal[data-v-494f2158] {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 100;
  /* 确保在控制点之上，但在场景内部 */
  animation: fadeIn-494f2158 0.3s ease;
}

/* 自定义位置的模态框样式 */
.content-modal.custom-position[data-v-494f2158] {
  justify-content: flex-start;
  align-items: flex-start;
}
@keyframes fadeIn-494f2158 {
from {
    opacity: 0;
}
to {
    opacity: 1;
}
}
.content-container[data-v-494f2158] {
  z-index: 100;
  /* 确保在控制点之上，但在场景内部 */
  height: 100vh;
  background: transparent;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  /* 默认尺寸，在非自定义位置模式下使用 */
  /* 自定义位置时，样式会通过计算属性添加 */
}
.close-container[data-v-494f2158] {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 300px;
  height: 300px;
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  cursor: pointer;
}
.close-button[data-v-494f2158] {
  width: 30px;
  height: 30px;
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 101;
  color: white;
  transition: all 0.2s ease;
}
.close-button[data-v-494f2158]:hover {
    transform: scale(1.1);
}
.modal-image[data-v-494f2158] {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: fill;
     object-fit: fill;
  display: block;
}
.modal-video[data-v-494f2158] {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: fill;
     object-fit: fill;
  display: block;
}
.modal-frame[data-v-494f2158] {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
}
.modal-frame-scene[data-v-494f2158] {
  width: 100vw;
  height: 100vh;
  display: block;
  border: 0;
  background: transparent;
  border: none;
}
.rtsp-player-wrapper[data-v-494f2158] {
  display: block;
  overflow: hidden;
}


.parent[data-v-6d378077]{
   position: relative;
   width:100%;
   height:100vh;
}
.iframeclass[data-v-6d378077]{
   width:100%;
   height:100%;
   border: 0px;
}
.iframe-wrapper[data-v-6d378077]{
   position: absolute;
   left: 0%;
   top: 40%;
   background: white;
   border: 1px solid red;
}
.horizontal[data-v-6d378077]{
   left: -40%;
   top: 10%;
   transform: rotate(-90deg);
}
.animation-controls[data-v-6d378077] {
   position: absolute;
   right: 20px;
   bottom: 20px;
   z-index: 10;
}
.animation-controls button[data-v-6d378077] {
   padding: 8px 12px;
   background-color: rgba(0, 0, 0, 0.6);
   color: white;
   border: 1px solid rgba(255, 255, 255, 0.3);
   border-radius: 4px;
   cursor: pointer;
   font-size: 14px;
   transition: all 0.3s ease;
}
.animation-controls button[data-v-6d378077]:hover {
   background-color: rgba(0, 0, 0, 0.8);
   border-color: rgba(255, 255, 255, 0.5);
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.fullscreen[data-v-4788db47] {
  height: 50px !important;
  z-index: 1 !important;
}
.rotating-image[data-v-4788db47] {
  animation: rotate-4788db47 1s linear infinite;
  display: inline-block;
  margin-right: 4px;
}
@keyframes rotate-4788db47 {
from {
    transform: rotate(0deg);
}
to {
    transform: rotate(360deg);
}
}
.window[data-v-4788db47] {
  border-left: 1px solid #2f313c;
  padding-left: 12px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.window .win_top[data-v-4788db47] {
    display: flex;
    font-weight: 400;
    font-size: 10px;
    color: rgba(255, 255, 255, 0.6);
    align-items: center;
}
.window .win_top img[data-v-4788db47] {
      width: 12px;
      height: 12px;
      margin-left: 0;
}
.window .win_btm[data-v-4788db47] {
    display: flex;
    justify-content: flex-end;
    font-weight: 400;
    font-size: 10px;
    color: rgba(255, 255, 255, 0.6);
    margin-top: 5px;
}
.window .win_btm img[data-v-4788db47] {
      width: 10px;
      height: 10px;
      margin-left: 0;
}
.folder-left[data-v-4788db47] {
  width: calc(100% - 112px);
}
.botm[data-v-4788db47] {
  position: absolute;
  bottom: 0;
}
.scene-selector[data-v-4788db47] {
  background: #191919;
  color: white;
  border-radius: 16px;
  overflow: hidden;
  padding: 16px 0 5px;
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 216px;
  z-index: 3;
}

/* ============ 文件夹箭头样式 ============ */
.scroll-arrow[data-v-4788db47] {
  width: 18px;
  height: 36px;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  z-index: 10;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.scroll-arrow.hidden[data-v-4788db47] {
  display: none;
}

/* ============ 文件夹区域 ============ */
.folder-wrapper[data-v-4788db47] {
  position: relative;
  width: calc(100% - 60px);
  display: flex;
  align-items: center;
  padding-left: 4px;
  border-left: 1px solid #2f313c;
  margin-left: 12px;
}
.folder-nav[data-v-4788db47] {
  width: calc(100% - 16px);
  display: flex;
  overflow-x: auto;
  overflow-y: hidden;
  align-items: center;
  margin-right: 10px;
  white-space: nowrap;
}
.folder-nav[data-v-4788db47]::-webkit-scrollbar {
  display: none !important;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.folder-nav[data-v-4788db47]::-webkit-scrollbar-track {
  background: #191919;
}
.folder-tab[data-v-4788db47] {
  padding: 8px 12px;
  margin-right: 8px;
  background-color: #333;
  border-radius: 20px;
  font-size: 13px;
  cursor: pointer;
  transition: background-color 0.2s;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 190px;
  flex: 0 0 auto;
}
.folder-tab[data-v-4788db47]:hover {
  background-color: #444;
}
.folder-tab.active[data-v-4788db47] {
  background-color: #007bff;
  color: white;
}

/* ============ 场景区域 ============ */
.scene-list-wrapper[data-v-4788db47] {
  position: relative;
}

/* 文件夹蒙版 */
.folder-list-mask-left[data-v-4788db47],
.folder-list-mask-right[data-v-4788db47] {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 60px;
  pointer-events: none;
  z-index: 5;
}
.folder-list-mask-left[data-v-4788db47] {
  left: 18px;
  background: linear-gradient(90deg, #191919 0, rgba(25, 25, 25, 0) 100%);
}
.folder-list-mask-right[data-v-4788db47] {
  right: 18px;
  background: linear-gradient(90deg, rgba(25, 25, 25, 0) 0%, #191919 100%);
}
.folder-list-mask-left.hidden[data-v-4788db47],
.folder-list-mask-right.hidden[data-v-4788db47] {
  display: none;
}

/* 蒙版 */
.scene-list-mask-left[data-v-4788db47],
.scene-list-mask-right[data-v-4788db47] {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 128px;
  pointer-events: none;
  z-index: 5;
}
.scene-list-mask-left[data-v-4788db47] {
  left: 0;
  background: linear-gradient(90deg, #191919 0, rgba(25, 25, 25, 0) 100%);
}
.scene-list-mask-right[data-v-4788db47] {
  right: 0;
  background: linear-gradient(90deg, rgba(25, 25, 25, 0) 0%, #191919 100%);
}
.scene-list-mask-left.hidden[data-v-4788db47],
.scene-list-mask-right.hidden[data-v-4788db47] {
  display: none;
}

/* 场景列表 - 启用滚动条 */
.scene-list[data-v-4788db47] {
  display: flex;
  overflow-x: auto;
  gap: 12px;
  padding: 2px 16px 8px;
  scrollbar-width: thin;
  scrollbar-color: #444 #1a1a1a;
  width: calc(100% - 16px);
}
.scene-list[data-v-4788db47]::-webkit-scrollbar {
  height: 6px;
  display: block;
}
.scene-list[data-v-4788db47]::-webkit-scrollbar-track {
  background: #1a1a1a;
  border-radius: 3px;
}
.scene-list[data-v-4788db47]::-webkit-scrollbar-thumb {
  background: #444;
  border-radius: 3px;
}
.scene-list[data-v-4788db47]::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.scene-card[data-v-4788db47] {
  flex: 0 0 auto;
  width: 132px;
  height: 122px;
  background-color: #2d2d2d;
  border-radius: 8px;
  overflow: hidden;
  cursor: pointer;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}
.scene-card.selected[data-v-4788db47] {
  border: 2px solid #007bff;
  transform: scale(1.03);
}
.scene-image[data-v-4788db47] {
  width: 128px;
  height: 72px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 8px;
  margin: 2px;
}
.scene-title[data-v-4788db47] {
  padding: 6px;
  font-weight: 400;
  font-size: 12px;
  color: #ffffff;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  height: 34px;
}
.html-preview[data-v-4788db47] {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 0 16px 14px;
}
.preview_lefts[data-v-4788db47] {
  position: fixed;
  bottom: 14px;
  left: 12px;
  z-index: 3;
}
.preview_lefts img[data-v-4788db47] {
    width: 40px;
    height: 40px;
    cursor: pointer;
}
.preview_left img[data-v-4788db47] {
  width: 40px;
  height: 40px;
  cursor: pointer;
}
.preview_rights[data-v-4788db47] {
  display: flex;
  position: fixed;
  bottom: 14px;
  right: 12px;
  z-index: 3;
}
.preview_rights img[data-v-4788db47] {
    width: 40px;
    height: 40px;
    margin-left: 12px;
    cursor: pointer;
}
.preview_right[data-v-4788db47] {
  display: flex;
}
.preview_right img[data-v-4788db47] {
    width: 40px;
    height: 40px;
    margin-left: 12px;
    cursor: pointer;
}
.qr[data-v-4788db47] {
  position: fixed;
  bottom: 100px;
  padding: 20px 0;
  width: 15%;
  z-index: 999;
  background: #fff;
  border-radius: 20px;
  right: 20px;
  min-width: 270px;
  transform: none;
}
.qr .qr_top[data-v-4788db47] {
    display: flex;
    justify-content: space-between;
    padding: 0 20px 30px;
    align-items: center;
}
.qr .qr_top .top_title[data-v-4788db47] {
      font-weight: 600;
      font-size: 16px;
      color: #333333;
      margin-top: 3px;
      margin-right: 12px;
}
.qr .qr_top .top_span[data-v-4788db47] {
      padding: 0 8px;
      background: #f1f1f2;
      border-radius: 20px;
      display: flex;
      font-size: 12px;
      width: 63px;
      height: 25px;
      justify-content: center;
      align-items: center;
}
.qr .qr_top .top_span .status-dot[data-v-4788db47] {
        width: 7px;
        height: 7px;
        border-radius: 50%;
        margin-right: 4px;
        display: inline-block;
        flex-shrink: 0;
}
.qr .qr_cont[data-v-4788db47] {
    margin: 0 20px;
    display: flex;
    justify-content: center;
    flex-direction: column;
}
.qr .qr_cont .qr_span[data-v-4788db47] {
      display: flex;
      justify-content: center;
      text-align: center;
      margin-top: 10px;
}
.qr .qr_cont-btn[data-v-4788db47] {
    width: 90px;
    height: 28px;
    border-radius: 4px;
    font-weight: 400;
    font-size: 14px;
    color: #FFFFFF;
    padding: 0 31px;
    line-height: 28px;
    cursor: pointer;
    margin-top: 16px;
}
.narrate_v1[data-v-4788db47] {
  height: 40px;
  background: #2c2e35;
  border-radius: 25px;
  display: flex;
  z-index: 2;
}
.narrate_v1 .el-button[data-v-4788db47] {
    padding: 10px;
    background-color: transparent;
    border-color: transparent;
}
.narrate_v1 .narrate-text_v1[data-v-4788db47] {
    font-weight: 400;
    font-size: 14px;
    color: #ffffff;
    display: flex;
    align-items: center;
    padding: 10px 0;
    margin-top: 3px;
}


.human-animation[data-v-24e08b2a] {
  position: absolute;
  left: 20px;
  bottom: 0px;
  z-index: 10;
  transition: opacity 0.5s ease;
  height: 33.3vh; /* Set to 1/3 of viewport height */
  pointer-events: none; /* Allows clicking through the animation */
}
.human-animation img[data-v-24e08b2a] {
  height: 100%;
  width: auto;
  -o-object-fit: contain;
     object-fit: contain;
}


.welcome-page[data-v-12019464] {
  width: 3180px;
  height: 2180px;
  position: absolute; /* 使用fixed而不是absolute，确保它总是在视口中 */
  background: rgba(0, 0, 0, 0.8);
  z-index: 999999; /* 确保最高层级 */
  top: 0;
  left: 0;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.welcome-body[data-v-12019464] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.welcome-body .imgLogo[data-v-12019464] {
  -o-object-fit: contain;
     object-fit: contain;
  width: 400px;
  height: 350px;
  overflow: hidden;
  margin-bottom: 10px;
}
.welcome-body .imgLogo img[data-v-12019464] {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.welcome-body .companyName[data-v-12019464] {
  font-size: 50px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 600;
  color: #ffffff;
  margin-bottom: 32px;
  text-align: center;
}
.welcome-body .vrDesc[data-v-12019464] {
  font-size: 24px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  color: #ffffff;
  text-align: center;
}
@media screen and (max-width: 768px) {
.welcome-body .imgLogo[data-v-12019464] {
    width: 200px;
    height: 175px;
}
.welcome-body .companyName[data-v-12019464] {
    font-size: 32px;
    margin-bottom: 16px;
}
.welcome-body .vrDesc[data-v-12019464] {
    font-size: 18px;
}
}


.floatMenu[data-v-0dbd5a50] {
  cursor: pointer;
  position: absolute;
  left: 30px;
  bottom: 10px;
  z-index: 999;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  padding: 10px;
  height: 124px;
}
.floatMenu .imgcol[data-v-0dbd5a50] {
  overflow: hidden;
  width: 50px;
}
.floatMenu .imgcol img[data-v-0dbd5a50] {
  width: 30px;
  height: 30px;
  cursor: pointer;
}
.floatMenu .pageBg[data-v-0dbd5a50] {
  width: 100%;
  flex: 1;
  height: 124px;
  background: #26272a;
  border-radius: 16px;
  margin-right: 10px;
  overflow-y: auto;
  padding-left: 10px;
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
}
.floatMenu .pageBg .pageItem[data-v-0dbd5a50] {
  min-width: 92px;
  width: 92px;
  height: 92px;
  border-radius: 7px;
  margin-right: 10px;
  overflow: hidden;
  position: relative;
  margin-top: 17px;
  cursor: pointer;
  transition: all 0.3s;
}
.floatMenu .pageBg .pageItem.active[data-v-0dbd5a50] {
  border: 2px solid #409EFF;
  box-shadow: 0 0 5px rgba(64, 158, 255, 0.5);
}
.floatMenu .pageBg .pageItem img[data-v-0dbd5a50] {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.floatMenu .pageBg .pageItem .title[data-v-0dbd5a50] {
  width: 100%;
  height: 25px;
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  bottom: 0;
  left: 0;
  font-size: 12px;
  color: #fff;
  text-align: center;
  line-height: 25px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0 5px;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.control-point[data-v-615b58f6] {
  width: 100%;
  height: 100%;
  position: absolute;
  cursor: pointer;
  z-index: 10;
  display: block;
  visibility: hidden;
}
.control-point img.hidden[data-v-615b58f6] {
    opacity: 0;
}
.control-point .loading-container[data-v-615b58f6] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    min-width: 30px;
    min-height: 30px;
    background-color: rgba(0, 0, 0, 0);
    border-radius: 4px;
}
.control-point .loading-spinner[data-v-615b58f6] {
    width: 20px;
    height: 20px;
    border: 2px solid rgba(0, 123, 255, 0.3);
    border-radius: 50%;
    border-top-color: #007bff;
    animation: spin-615b58f6 1s ease-in-out infinite;
}
@keyframes spin-615b58f6 {
to {
    transform: rotate(360deg);
}
}
.control-point.dragging[data-v-615b58f6] {
    box-shadow: 0 0 8px rgba(255, 102, 0, 0.8);
}
.control-point.hotspot-area[data-v-615b58f6] {
    cursor: pointer;
}
.control-point.hotspot-area .hotspot-content[data-v-615b58f6] {
      background-color: rgba(0, 123, 255, 0);
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 4px;
      transition: background-color 0.3s ease;
}
.control-point.hotspot-area .hotspot-label[data-v-615b58f6] {
      color: white;
      font-size: 14px;
      text-shadow: 0 0 3px rgba(0, 0, 0, 0.8);
      pointer-events: none;
}
.text-content[data-v-615b58f6] {
  white-space: pre-wrap;
  height: auto !important;
}
.shape-text-content[data-v-615b58f6] {
  width: 100% !important;
  height: 100% !important;
  min-height: 100%;
}
.btn-container[data-v-615b58f6] {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.btn-container:hover .btn-img-hover[data-v-615b58f6] {
    display: block;
}
.btn-container:hover .btn-img[data-v-615b58f6] {
    display: none;
}
.btn-container:active .btn-img-active[data-v-615b58f6] {
    display: block;
}
.btn-container:active .btn-img[data-v-615b58f6] {
    display: none;
}
.btn-container:active .btn-img-hover[data-v-615b58f6] {
    display: none;
}
.btn-container .btn-img[data-v-615b58f6] {
    width: 100%;
    height: 100%;
}
.btn-container .btn-img-hover[data-v-615b58f6] {
    width: 100%;
    height: 100%;
    display: none;
}
.btn-container .btn-img-active[data-v-615b58f6] {
    width: 100%;
    height: 100%;
    display: none;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.fullscreen-overlay[data-v-941ac9dc] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  /* 确保在最顶层 */
}
.overlay-background[data-v-941ac9dc] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  /* 透明蒙版 */
  backdrop-filter: blur(20px);
  /* 添加模糊效果 */
}
.overlay-text[data-v-941ac9dc] {
  font-size: 100px;
  font-weight: bold;
  color: white;
  text-align: center;
  width: 90%;
  margin: 0 10%;
  text-shadow: 0 0 10px rgba(255, 255, 255, 0.5);
  z-index: 10000;
  animation: blink-941ac9dc 1s infinite;
  white-space: pre-line;
  word-wrap: break-word;
  overflow: hidden;
}
@keyframes blink-941ac9dc {
0%,
  100% {
    border-color: #007bff;
}
50% {
    border-color: transparent;
}
}

/* 淡入淡出动画 */
.fade-enter-active[data-v-941ac9dc],
.fade-leave-active[data-v-941ac9dc] {
  transition: opacity 0.5s;
}
.fade-enter[data-v-941ac9dc],
.fade-leave-to[data-v-941ac9dc] {
  opacity: 0;
}

/* 文字滑动动画 */
.slide-fade-enter-active[data-v-941ac9dc] {
  transition: all 0.8s ease;
}
.slide-fade-leave-active[data-v-941ac9dc] {
  transition: all 0.5s ease;
}
.slide-fade-enter[data-v-941ac9dc],
.slide-fade-leave-to[data-v-941ac9dc] {
  transform: translateY(30px);
  opacity: 0;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.frame-overlay[data-v-ad5a2d94] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  /* 确保在大多数元素之上，但低于全屏覆盖层 */
  pointer-events: none;
  /* 默认鼠标事件穿透 */
  background: transparent;
}
.frame-overlay .frame-content[data-v-ad5a2d94] {
    width: 100%;
    height: 100%;
    border: none;
    background: transparent;
    pointer-events: none;
    /* iframe内部可以接收鼠标事件 */
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.card-carousel[data-v-2c652204] {
  width: 100%;
  height: 100%;
  border-radius: 8px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  box-sizing: border-box;
  padding: 0 var(--stage-padding-x, 48px);
}
.carousel-stage[data-v-2c652204] {
  position: relative;
  flex: 1;
  overflow: hidden;
  width: 100%;
}
.drag-proxy[data-v-2c652204] {
  position: absolute;
  inset: 0;
  z-index: 0;
  visibility: hidden;
  pointer-events: none;
}
.carousel-card[data-v-2c652204] {
  position: absolute;
  left: 50%;
  top: 50%;
  width: var(--card-w, 200px);
  height: var(--card-h, 260px);
  margin-left: calc(var(--card-w, 200px) / -2);
  margin-top: calc(var(--card-h, 260px) / -2);
  background: rgba(8, 8, 8, 0.95);
  border: 2px solid;
  border-radius: 14px;
  box-shadow: 0 0 24px color-mix(in srgb, currentColor 45%, transparent);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  will-change: transform, opacity;
  z-index: 1;
}
.card-label[data-v-2c652204] {
  font-size: var(--card-label-size, 11px);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.72);
  text-align: center;
  padding: 0 12px;
  line-height: 1.3;
}
.card-label-top[data-v-2c652204] {
  position: absolute;
  top: 18px;
}
.card-label-bottom[data-v-2c652204] {
  position: absolute;
  bottom: 18px;
  transform: rotate(180deg);
}
.card-number[data-v-2c652204] {
  font-size: var(--card-number-size, 56px);
  font-weight: 700;
  color: currentColor;
  line-height: 1;
  text-shadow: 0 0 18px color-mix(in srgb, currentColor 60%, transparent);
}
.carousel-nav[data-v-2c652204] {
  display: flex;
  justify-content: center;
  gap: 12px;
  padding: var(--nav-padding, 14px) 0 16px;
  position: relative;
  z-index: 30;
}
.nav-btn[data-v-2c652204] {
  min-width: 88px;
  height: var(--nav-btn-h, 34px);
  padding: 0 18px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.06);
  color: #fff;
  font-size: var(--nav-btn-fs, 13px);
  cursor: pointer;
  transition: background 0.2s;
}
.nav-btn[data-v-2c652204]:hover {
    background: rgba(255, 255, 255, 0.12);
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.flip-gallery[data-v-27f6738a] {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  border-radius: 8px;
  box-sizing: border-box;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.gallery-grid[data-v-27f6738a] {
  display: flex;
  flex-direction: column;
  gap: var(--gallery-gap, 12px);
  width: 100%;
  height: 100%;
  padding: var(--gallery-gap, 12px);
  box-sizing: border-box;
}
.gallery-row[data-v-27f6738a] {
  display: flex;
  flex: 1;
  gap: var(--gallery-gap, 12px);
  min-height: 0;
}
.gallery-item[data-v-27f6738a] {
  position: relative;
  flex: 1;
  min-width: 0;
  height: 100%;
  min-height: 0;
  border-radius: var(--gallery-radius, 10px);
  overflow: hidden;
  cursor: pointer;
  background: #2a2a2a;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
  z-index: 1;
}
.gallery-item[data-v-27f6738a]:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.35);
}
.gallery-item.active-thumb[data-v-27f6738a] {
    z-index: 2;
    transition: none !important;
}
.gallery-item img[data-v-27f6738a] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    pointer-events: none;
}
.gallery-item .item-label[data-v-27f6738a] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--label-size, 18px);
    font-weight: 600;
    color: rgba(255, 255, 255, 0.9);
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
    pointer-events: none;
}
.gallery-modal[data-v-27f6738a] {
  cursor: zoom-out;
  position: absolute;
  opacity: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0);
  backdrop-filter: blur(0) grayscale(0);
  pointer-events: none;
  z-index: 10;
}
.gallery-modal.active[data-v-27f6738a] {
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 1;
    pointer-events: all;
    background-color: rgba(0, 0, 0, 0.69);
    backdrop-filter: blur(5px) grayscale(100%);
    transition: background-color 0.2s ease-in, backdrop-filter 0.2s ease;
}
.gallery-modal .modal-image[data-v-27f6738a] {
    display: none;
    aspect-ratio: 16 / 9;
    width: 90%;
    max-height: 80%;
    background: #eee;
    position: relative;
    border-radius: 0;
    overflow: hidden;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.55);
}
.gallery-modal .modal-image img[data-v-27f6738a] {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover;
}
.gallery-modal .modal-image .item-label[data-v-27f6738a] {
      position: absolute;
      inset: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: calc(var(--label-size, 18px) * 2);
      font-weight: 600;
      color: rgba(255, 255, 255, 0.9);
      text-shadow: 0 2px 12px rgba(0, 0, 0, 0.5);
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.card-stack[data-v-f7cf02a4] {
  width: 100%;
  height: 100%;
  border-radius: 8px;
  overflow: visible;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  box-sizing: border-box;
  background: transparent;
}
.stack-stage[data-v-f7cf02a4] {
  position: relative;
  width: 100%;
  height: 100%;
}
.stack-card[data-v-f7cf02a4] {
  position: absolute;
  left: 50%;
  top: 50%;
  width: var(--card-w, 168px);
  height: var(--card-h, 232px);
  margin-left: calc(var(--card-w, 168px) / -2);
  margin-top: calc(var(--card-h, 232px) / -2);
  transform-origin: center center;
  background: rgba(8, 8, 8, 0.95);
  border: 2px solid;
  border-radius: 12px;
  box-shadow: 0 0 24px color-mix(in srgb, currentColor 45%, transparent);
  display: flex;
  align-items: center;
  justify-content: center;
  will-change: transform;
  pointer-events: none;
}
.stack-card.is-top[data-v-f7cf02a4] {
    cursor: pointer;
    pointer-events: auto;
}
.card-number[data-v-f7cf02a4] {
  font-size: var(--card-number-size, 56px);
  font-weight: 700;
  color: currentColor;
  line-height: 1;
  text-shadow: 0 0 18px color-mix(in srgb, currentColor 60%, transparent);
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.grid-animate[data-v-5b32cad1] {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--grid-gap, 8px);
  padding: var(--grid-gap, 8px);
  box-sizing: border-box;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  border-radius: 8px;
}
.dashed[data-v-5b32cad1] {
  border-radius: 4px;
}
.main-stage[data-v-5b32cad1] {
  flex: 1;
  min-height: 0;
  display: flex;
}
.grid-frame[data-v-5b32cad1] {
  flex: 1;
  padding: var(--grid-gap, 8px);
  box-sizing: border-box;
}
.grid-container[data-v-5b32cad1] {
  width: 100%;
  height: 100%;
  display: grid;
  position: relative;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(4, 1fr);
  gap: var(--grid-gap, 8px);
  grid-template-areas: "img-1 img-1 img-1" "img-1 img-1 img-1" "img-1 img-1 img-1" "img-2 img-3 img-4";
}
.grid-block[data-v-5b32cad1] {
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
  background-size: cover;
  border-radius: 10px;
  box-shadow: inset 0 0 18px rgba(255, 255, 255, 0.12);
}
.grid-block[data-grid="img-1"][data-v-5b32cad1] {
    grid-area: img-1;
    z-index: 1;
    cursor: default;
}
.grid-block[data-grid="img-2"][data-v-5b32cad1] {
    grid-area: img-2;
}
.grid-block[data-grid="img-3"][data-v-5b32cad1] {
    grid-area: img-3;
}
.grid-block[data-grid="img-4"][data-v-5b32cad1] {
    grid-area: img-4;
}
.grid-block.is-clickable[data-v-5b32cad1] {
    cursor: pointer;
}
.picker-row[data-v-5b32cad1] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--grid-gap, 8px);
  height: 24%;
  min-height: 64px;
}
.picker-cell[data-v-5b32cad1] {
  padding: 8px;
  box-sizing: border-box;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.2s;
}
.picker-cell[data-v-5b32cad1]:hover {
    background: rgba(255, 252, 225, 0.04);
}
.picker-cell.active[data-v-5b32cad1] {
    background: rgba(255, 252, 225, 0.08);
}
.picker-thumb[data-v-5b32cad1] {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-size: 75%;
  background-position: center;
  background-repeat: no-repeat;
  box-shadow: inset 0 0 8px rgba(255, 255, 255, 0.1);
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.card-carousel-item[data-v-c8a6e098] {
  overflow: hidden;
}
.flip-gallery-item[data-v-c8a6e098] {
  overflow: hidden;
}
.folder-item[data-v-c8a6e098] {
  position: absolute;
  min-height: 36px;
  display: flex;
  align-items: center;
  cursor: pointer;
  border-radius: 4px;
  border: 2px solid transparent;
  overflow: hidden;
}
.folder-item.card-carousel-folder[data-v-c8a6e098] {
    align-items: stretch;
}
.folder-item.hover-parent[data-v-c8a6e098] {
    border: 2px dashed #3656fd;
    background-color: rgba(54, 86, 253, 0.1);
    box-shadow: 0 0 0 1px rgba(54, 86, 253, 0.3);
}
.folder-item.active[data-v-c8a6e098] {
    background-color: rgba(54, 86, 253, 0.3);
    border: 2px solid #3656fd;
}
.folder-item.active-folder[data-v-c8a6e098] {
    border: 3px solid #007bff;
    background-color: rgba(0, 123, 255, 0.1);
    box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.3);
}
.folder-item.active.hover-parent[data-v-c8a6e098] {
    border: 2px solid #3656fd;
    box-shadow: 0 0 0 2px rgba(54, 86, 253, 0.5);
}
.folder-content[data-v-c8a6e098] {
  visibility: hidden;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.htmlcontainer[data-v-b9261a7a] {
  position: relative;
  transform-origin: 0 0;
  display: block;
  unicode-bidi: -webkit-isolate;
  unicode-bidi: -moz-isolate;
  unicode-bidi: isolate;
  background-color: transparent;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.htmlcontainer--embedded[data-v-b9261a7a] {
  overflow: visible;
}
.nested-content-modal[data-v-b9261a7a] {
  position: absolute;
}
.video-background[data-v-b9261a7a] {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  opacity: 1;
  /* 确保在淡入淡出过程中不会显示白色背景 */
  background-color: transparent;
  right: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: fill;
     object-fit: fill;
}
.img-background[data-v-b9261a7a] {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  opacity: 1;
  /* 确保在淡入淡出过程中不会显示白色背景 */
  background-color: transparent;
  width: 100%;
  height: 100%;
  -o-object-fit: fill;
     object-fit: fill;
}
.fullscreen-button[data-v-b9261a7a] {
  position: fixed;
  bottom: 40px;
  /* 增加底部间距，避免与FloatMenu重叠 */
  width: 40px;
  height: 40px;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 1000;
  color: white;
  transition: all 0.3s ease;
}
.fullscreen-button[data-v-b9261a7a]:hover {
    background-color: rgba(0, 0, 0, 0.8);
    transform: scale(1.1);
}
.control-point[data-v-b9261a7a] {
  position: absolute;
  transform: translate(0, 0);
  cursor: pointer;
  z-index: 10;
  display: block;
}
.control-point img[data-v-b9261a7a] {
    -o-object-fit: cover;
       object-fit: cover;
}
.control-point.dragging[data-v-b9261a7a] {
    box-shadow: 0 0 8px rgba(255, 102, 0, 0.8);
}
.control-point.hotspot-area[data-v-b9261a7a] {
    cursor: pointer;
}
.control-point.hotspot-area .hotspot-content[data-v-b9261a7a] {
      background-color: rgba(0, 123, 255, 0);
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 4px;
      transition: background-color 0.3s ease;
}
.control-point.hotspot-area .hotspot-label[data-v-b9261a7a] {
      color: white;
      font-size: 14px;
      text-shadow: 0 0 3px rgba(0, 0, 0, 0.8);
      pointer-events: none;
}

/* 确保在不同设备上保持16:9比例 */
@media screen and (max-width: 768px) {
.htmlcontainer[data-v-b9261a7a] {
    width: 100%;
    height: auto;
}
}
.overlayResource[data-v-b9261a7a] {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1000;
  width: 500px;
  height: 500px;
}
.overlayResource video[data-v-b9261a7a] {
    width: 100%;
    height: 100%;
}
.screen-size-display[data-v-b9261a7a] {
  position: absolute;
  top: 10px;
  left: 10px;
  background-color: rgba(0, 0, 0, 0.5);
  color: white;
  padding: 15px 30px;
  border-radius: 4px;
  font-size: 18px;
  z-index: 1000;
}
.animate-custom-duration[data-v-b9261a7a] {
  --animate-duration: 1s;
  animation-duration: var(--animate-duration) !important;
  animation-delay: 0s !important;
  width: 100%;
}
.qr[data-v-b9261a7a] {
  position: fixed;
  bottom: 100px;
  padding-bottom: 40px;
  width: 15%;
  z-index: 60;
  background: #fff;
  border-radius: 20px;
  right: 20px;
  transform: none;
}
.qr .qr_top[data-v-b9261a7a] {
    display: flex;
    justify-content: space-between;
    padding: 0 50px 30px;
    align-items: center;
}
.qr .qr_top .top_title[data-v-b9261a7a] {
      font-weight: 600;
}
.qr .qr_top .top_span[data-v-b9261a7a] {
      background: #f1f1f2;
      border-radius: 20px;
      display: flex;
      justify-content: center;
      align-items: center;
}
.qr .qr_cont[data-v-b9261a7a] {
    margin: 0 20px;
    display: flex;
    justify-content: center;
    flex-direction: column;
}
.qr .qr_cont .qr_span[data-v-b9261a7a] {
      display: flex;
      justify-content: center;
      text-align: center;
      margin-top: 10px;
}
.weixin[data-v-b9261a7a] {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 4;
  background: #08080957;
  display: flex;
  justify-content: center;
  align-items: center;
}


.rtsp-player-container[data-v-36591f33] {
  font-family: Arial, sans-serif;
  background-color: #fff;
  padding: 15px;
  border-radius: 5px;
  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
}
.controls[data-v-36591f33] {
  width: 100%;
  margin-bottom: 15px;
}
.input-group[data-v-36591f33] {
  margin-bottom: 10px;
label[data-v-36591f33]{
    color:#000;
}
}
.input-group label[data-v-36591f33] {
  display: block;
  margin-bottom: 5px;
  font-weight: bold;
}
input[type="text"][data-v-36591f33] {
  width: 100%;
  padding: 8px;
  box-sizing: border-box;
  border: 1px solid #ddd;
  border-radius: 4px;
}
.button-group[data-v-36591f33] {
  display: flex;
  gap: 10px;
  margin-top: 10px;
}
button[data-v-36591f33] {
  padding: 8px 16px;
  background-color: #4CAF50;
  color: white;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  flex: 1;
}
button[data-v-36591f33]:hover:not(:disabled) {
  background-color: #45a049;
}
button[data-v-36591f33]:disabled {
  background-color: #cccccc;
  cursor: not-allowed;
}
.stop-btn[data-v-36591f33] {
  background-color: #f44336;
}
.stop-btn[data-v-36591f33]:hover:not(:disabled) {
  background-color: #d32f2f;
}
.video-container[data-v-36591f33] {
  position: relative;
  width: 100%;
  margin-bottom: 15px;
  background-color: #000;
  text-align: center;
  min-height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex:1;
}
.video-container img[data-v-36591f33] {
  width: 100%;
  height:100%;
  max-width: 100%;
  max-height: 70vh;
}
.no-stream[data-v-36591f33] {
  color: #000;
  font-size: 16px;
}
.status[data-v-36591f33] {
  width: 100%;
  padding: 10px;
  background-color: #000;
  border-left: 4px solid #ccc;
}
.status.connected[data-v-36591f33] {
  border-left-color: #000;
}
.status.disconnected[data-v-36591f33] {
  border-left-color: #9e9e9e;
}
.status.connecting[data-v-36591f33] {
  border-left-color: #2196F3;
}
.status.error[data-v-36591f33] {
  border-left-color: #f44336;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
/* 内容模态框样式 */
.content-modal[data-v-4e0b4447] {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 96;
  /* 确保在控制点之上，但在场景内部 */
  animation: fadeIn-4e0b4447 0.3s ease;
}

/* 自定义位置的模态框样式 */
.content-modal.custom-position[data-v-4e0b4447] {
  justify-content: flex-start;
  align-items: flex-start;
}
@keyframes fadeIn-4e0b4447 {
from {
    opacity: 0;
}
to {
    opacity: 1;
}
}
.content-container[data-v-4e0b4447] {
  background: transparent;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  overflow: hidden;
  border-radius: 4px;
}
.content-container--scene[data-v-4e0b4447] {
  overflow: visible;
}
.htmlview-in-modal[data-v-4e0b4447] {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: visible;
}
.close-container[data-v-4e0b4447] {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 300px;
  height: 300px;
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  cursor: pointer;
}
.close-button[data-v-4e0b4447] {
  width: 30px;
  height: 30px;
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 10;
  position: relative;
  color: white;
  transition: all 0.2s ease;
}
.close-button[data-v-4e0b4447]:hover {
    transform: scale(1.1);
}
.modal-image[data-v-4e0b4447] {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: fill;
     object-fit: fill;
  display: block;
}
.modal-video-container[data-v-4e0b4447] {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.modal-video[data-v-4e0b4447] {
  width: 100%;
  height: 100%;
  -o-object-fit: fill;
     object-fit: fill;
  display: block;
}
.video-error[data-v-4e0b4447] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: red;
  text-align: center;
  padding: 20px;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 4px;
  z-index: 10;
}
.modal-frame[data-v-4e0b4447] {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
}
.modal-frame-scene[data-v-4e0b4447] {
  width: 100vw;
  height: 100vh;
  display: block;
  border: 0;
  background: transparent;
  border: none;
}
.rtsp-player-wrapper[data-v-4e0b4447] {
  display: block;
  overflow: hidden;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.scene-transition-overlay[data-v-f7ad253c] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.5s ease, visibility 0.5s ease;
}
.scene-transition-overlay.visible[data-v-f7ad253c] {
    opacity: 1;
    visibility: visible;
}
.scene-transition-overlay.fade-out[data-v-f7ad253c] {
    opacity: 0;
}
.scene-transition-overlay .overlay-content[data-v-f7ad253c] {
    color: white;
    font-size: 24px;
    text-align: center;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.preload-overlay[data-v-682ac985] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.75);
  backdrop-filter: blur(8px);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}
.progress-container[data-v-682ac985] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 40px;
}
.progress-bar-wrapper[data-v-682ac985] {
  width: 400px;
  padding: 0 20px;
}
.progress-bar-bg[data-v-682ac985] {
  width: 100%;
  height: 8px;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
}
.progress-bar-fill[data-v-682ac985] {
  height: 100%;
  background: linear-gradient(90deg, #00c853 0%, #69f0ae 100%);
  border-radius: 10px;
  transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 0 20px rgba(0, 200, 83, 0.6);
}
.progress-percentage[data-v-682ac985] {
  position: relative;
  display: flex;
  align-items: baseline;
  justify-content: center;
  font-family: 'SF Pro Display', 'Helvetica Neue', 'Arial', sans-serif;
  perspective: 1000px;
}
.percentage-number[data-v-682ac985] {
  font-size: 120px;
  font-weight: 700;
  color: #fff;
  text-shadow: 0 0 40px rgba(0, 200, 83, 0.8), 0 0 80px rgba(0, 200, 83, 0.4), 0 4px 20px rgba(0, 0, 0, 0.5);
  letter-spacing: -4px;
  line-height: 1;
  background: linear-gradient(135deg, #00c853 0%, #69f0ae 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  display: inline-block;
  transform-style: preserve-3d;
}
.percentage-symbol[data-v-682ac985] {
  font-size: 72px;
  font-weight: 600;
  color: #69f0ae;
  margin-left: 8px;
  text-shadow: 0 0 30px rgba(105, 240, 174, 0.6), 0 4px 15px rgba(0, 0, 0, 0.4);
}
.particles-container[data-v-682ac985] {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  pointer-events: none;
  z-index: 10000;
}
.particle[data-v-682ac985] {
  position: absolute;
  width: 20px;
  height: 20px;
  background: radial-gradient(circle, #69f0ae 0%, #00c853 100%);
  border-radius: 50%;
  box-shadow: 0 0 30px #00c853, 0 0 60px rgba(105, 240, 174, 0.8), inset 0 0 10px rgba(255, 255, 255, 0.5);
  top: -10px;
  left: -10px;
}
@keyframes glow-682ac985 {
from {
    filter: drop-shadow(0 0 20px rgba(0, 200, 83, 0.6));
}
to {
    filter: drop-shadow(0 0 40px rgba(105, 240, 174, 0.8));
}
}
.fade-enter-active[data-v-682ac985], .fade-leave-active[data-v-682ac985] {
  transition: opacity 0.4s ease;
}
.fade-enter[data-v-682ac985], .fade-leave-to[data-v-682ac985] {
  opacity: 0;
}
@media (max-width: 768px) {
.progress-bar-wrapper[data-v-682ac985] {
    width: 300px;
}
.progress-percentage[data-v-682ac985] {
    font-size: 72px;
}
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.andWechat[data-v-357d1652] {
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  left: 0;
  z-index: 90000;
}
.animate-custom-duration[data-v-357d1652] {
  position: relative;
}
.narrate-avatar-display[data-v-357d1652] {
  position: absolute;
  bottom: 20px;
  right: 20px;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  overflow: hidden;
  border: 3px solid #3656fd;
  box-shadow: 0 4px 16px rgba(54, 86, 253, 0.5);
  background: #2a2c32;
  z-index: 1000;
  animation: avatarFadeIn-357d1652 0.5s ease-out;
}
.narrate-avatar-display img[data-v-357d1652] {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
@keyframes avatarFadeIn-357d1652 {
from {
    opacity: 0;
    transform: scale(0.8);
}
to {
    opacity: 1;
    transform: scale(1);
}
}
.htmlcontainer[data-v-357d1652] {
  transform-origin: 0 0;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  unicode-bidi: -webkit-isolate;
  unicode-bidi: -moz-isolate;
  unicode-bidi: isolate;
  /* 设置容器背景为黑色，避免白色闪烁 */
  background-color: transparent;
  z-index: 2;
  overflow: hidden;
}
.video-background[data-v-357d1652] {
  position: absolute;
  top: 0;
  left: 0;
  -o-object-fit: fill;
     object-fit: fill;
  z-index: 0;
  opacity: 1;
  background-color: transparent;
}
.img-background[data-v-357d1652] {
  position: absolute;
  top: 0;
  left: 0;
  -o-object-fit: fill;
     object-fit: fill;
  z-index: 1;
  opacity: 1;
  background-color: transparent;
}
.color-background[data-v-357d1652] {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
.img-backgrounds[data-v-357d1652] {
  position: absolute;
  top: 0;
  left: 0;
  -o-object-fit: fill;
     object-fit: fill;
  z-index: 0;
  opacity: 1;
  /* 确保在淡入淡出过程中不会显示白色背景 */
  background-color: transparent;
}
.fullscreen-button[data-v-357d1652] {
  position: fixed;
  bottom: 40px;
  /* 增加底部间距，避免与FloatMenu重叠 */
  width: 40px;
  height: 40px;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 1000;
  color: white;
  transition: all 0.3s ease;
}
.fullscreen-button[data-v-357d1652]:hover {
    background-color: rgba(0, 0, 0, 0.8);
    transform: scale(1.1);
}
.control-point[data-v-357d1652] {
  position: absolute;
  transform: translate(0, 0);
  cursor: pointer;
  z-index: 10;
}
.control-point img[data-v-357d1652] {
    -o-object-fit: cover;
       object-fit: cover;
}
.control-point.dragging[data-v-357d1652] {
    box-shadow: 0 0 8px rgba(255, 102, 0, 0.8);
}
.control-point.hotspot-area[data-v-357d1652] {
    cursor: pointer;
}
.control-point.hotspot-area .hotspot-content[data-v-357d1652] {
      background-color: rgba(0, 123, 255, 0);
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 4px;
      transition: background-color 0.3s ease;
}
.control-point.hotspot-area .hotspot-label[data-v-357d1652] {
      color: white;
      font-size: 14px;
      text-shadow: 0 0 3px rgba(0, 0, 0, 0.8);
      pointer-events: none;
}

/* 确保在不同设备上保持16:9比例 */
@media screen and (max-width: 768px) {
.htmlcontainer[data-v-357d1652] {
    width: 100%;
    height: auto;
}
}
.overlayResource[data-v-357d1652] {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1000;
  width: 500px;
  height: 500px;
}
.overlayResource video[data-v-357d1652] {
    width: 100%;
    height: 100%;
}
.screen-size-display[data-v-357d1652] {
  position: absolute;
  top: 10px;
  left: 10px;
  background-color: rgba(0, 0, 0, 0.5);
  color: white;
  padding: 15px 30px;
  border-radius: 4px;
  font-size: 18px;
  z-index: 1000;
}
.rectangle[data-v-357d1652] {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 1098;
  background: rgba(0, 0, 0, 0.7);
  pointer-events: none;
  mask-repeat: no-repeat;
  -webkit-mask-composite: xor;
          mask-composite: exclude;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-composite: xor;
}

/* 截图模式下的遮罩层样式 */
.rectangle.screenshot-mode[data-v-357d1652] {
  background: rgba(0, 0, 0, 0.7);
}
.back[data-v-357d1652] {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  border-radius: 5px;
  overflow: hidden;
  justify-content: center;
  display: flex;
  align-items: center;
  pointer-events: none;
}
.back[data-v-357d1652]::before {
  position: absolute;
  content: " ";
  display: block;
  width: 150%;
  height: 50%;
  background: linear-gradient(90deg, transparent, #ff9966, #ff9966, #ff9966, #ff9966, transparent);
  animation: rotation_481-357d1652 5000ms infinite linear;
}

/* 截图模式下的样式，确保伪类不会覆盖矩形区域 */
.back.screenshot-mode[data-v-357d1652] {
  background: transparent;
  box-shadow: 0 0 0 2px #ff9966;
}
.back.screenshot-mode[data-v-357d1652]::before {
  display: none;
}
.back-content[data-v-357d1652] {
  position: absolute;
  width: 99%;
  height: 99%;
  border-radius: 5px;
  color: white;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  pointer-events: none;
  gap: 30px;
}
.animate-custom-duration[data-v-357d1652] {
  --animate-duration: 1s;
  animation-duration: var(--animate-duration) !important;
  animation-delay: 0s !important;
}
@keyframes rotation_481-357d1652 {
0% {
    transform: rotateZ(0deg);
}
100% {
    transform: rotateZ(360deg);
}
}
.qr[data-v-357d1652] {
  position: fixed;
  bottom: 100px;
  padding-bottom: 40px;
  width: 15%;
  z-index: 60;
  background: #fff;
  border-radius: 20px;
  right: 20px;
  transform: none;
}
.qr .qr_top[data-v-357d1652] {
    display: flex;
    justify-content: space-between;
    padding: 0 50px 30px;
    align-items: center;
}
.qr .qr_top .top_title[data-v-357d1652] {
      font-weight: 600;
}
.qr .qr_top .top_span[data-v-357d1652] {
      background: #f1f1f2;
      border-radius: 20px;
      display: flex;
      justify-content: center;
      align-items: center;
}
.qr .qr_cont[data-v-357d1652] {
    margin: 0 20px;
    display: flex;
    justify-content: center;
    flex-direction: column;
}
.qr .qr_cont .qr_span[data-v-357d1652] {
      display: flex;
      justify-content: center;
      text-align: center;
      margin-top: 10px;
}
.weixin[data-v-357d1652] {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 4;
  background: #08080957;
  display: flex;
  justify-content: center;
  align-items: center;
}
.progress-bar[data-v-357d1652] {
  height: 8px;
  width: 0;
  /* 初始宽度为0，通过JS控制增长 */
  background: linear-gradient(90deg, #00eaff 0%, #3656fd 50%, #00eaff 100%);
  background-size: 200% 100%;
  /* 让背景图比容器宽，以便动画流动 */
  background-position: 0% 50%;
  border-radius: 4px;
  animation: flowBackground-357d1652 2s linear infinite;
  /* 启动背景流动动画 */
  transition: width 0.3s ease;
  /* 宽度变化平滑过渡 */
  position: fixed;
  top: 0;
  z-index: 9000;
}
@keyframes flowBackground-357d1652 {
0% {
    background-position: 0% 50%;
}
100% {
    background-position: 200% 50%;
}
}
.lens_box[data-v-357d1652] {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.lens_one[data-v-357d1652] {
  z-index: 2;
}
.narrate_v1[data-v-357d1652] {
  height: 40px;
  background: #2c2e35;
  border-radius: 25px;
  display: flex;
  position: absolute;
  bottom: 70px;
  right: 16px;
  z-index: 2;
}
.narrate_v1 .el-button[data-v-357d1652] {
    padding: 10px;
    background-color: transparent;
    border-color: transparent;
}
.narrate_v1 .narrate-text_v1[data-v-357d1652] {
    font-weight: 400;
    font-size: 14px;
    color: #ffffff;
    display: flex;
    align-items: center;
    padding: 10px 0;
}
.narrate[data-v-357d1652] {
  display: flex;
  position: absolute;
  bottom: 70px;
  right: 16px;
  z-index: 2;
}
.narrate .narrate-num[data-v-357d1652] {
    padding: 0 20px;
    height: 32px;
    background: #38393b;
    border-radius: 10px 10px 10px 10px;
    border: 2px solid rgba(37, 137, 255, 0);
    display: flex;
    align-items: center;
    margin-right: 16px;
}
.narrate .narrate-num .ride[data-v-357d1652] {
      width: 10px;
      height: 10px;
      background: rgba(216, 216, 216, 0.3);
      border-radius: 50%;
      margin-right: 12px;
}
.narrate .narrate-num .ride[data-v-357d1652]:last-child {
      margin-right: 0;
}
.narrate .narrate-num .active[data-v-357d1652] {
      background: rgba(73, 149, 245, 0.93);
}
.narrate .narrate-btn[data-v-357d1652] .el-button-group {
    border-radius: 12px 12px 12px 12px;
}
.narrate .narrate-btn[data-v-357d1652] .el-button {
    width: 49px;
    height: 32px;
    background: #38393b;
    font-size: 20px;
}
.narrate .narrate-btn[data-v-357d1652] .el-button-group .el-button--primary:first-child {
    border-radius: 12px 0 0 12px;
}
.narrate .narrate-btn[data-v-357d1652] .el-button-group .el-button--primary:last-child {
    border-radius: 0px 12px 12px 0px;
}
.pause[data-v-357d1652] {
  width: 181px;
  height: 52px;
  background: rgba(212, 26, 26, 0.51);
  border-radius: 12px 0 0 12px;
  border: 2px solid rgba(37, 137, 255, 0);
  line-height: 52px;
  position: absolute;
  top: 80px;
  right: 0;
  font-weight: 600;
  font-size: 20px;
  color: #ffffff;
  text-align: center;
}
.highlight-layer[data-v-357d1652] {
  position: fixed;
  pointer-events: none;
  /* 让鼠标事件穿透，点击原元素 */
  z-index: 9999;
  /* 确保在最顶层 */
  border-radius: 8px;
  /* 圆角让它更好看 */
  /* 应用呼吸动画：时长1.5秒，无限循环，平滑过渡 */
  animation: breathe-glow-357d1652 1.5s infinite ease-in-out;
}

/* 强呼吸动画定义 */
@keyframes breathe-glow-357d1652 {
0% {
    /* 状态1：背景遮罩深一点，外发光收缩 */
    box-shadow: 0 0 0px 0px rgba(64, 158, 255, 0.1), 0 0 0 9999px rgba(0, 0, 0, 0.75);
}
50% {
    /* 状态2：背景遮罩浅一点（提亮环境），外发光强力扩散 */
    box-shadow: 0 0 6px 6px rgba(64, 158, 255, 0.9), 0 0 0 9999px rgba(0, 0, 0, 0.75);
    /* 这里的 25px 是模糊半径，10px 是扩散半径 */
}
100% {
    /* 回到状态1 */
    box-shadow: 0 0 0px 0px rgba(64, 158, 255, 0.1), 0 0 0 9999px rgba(0, 0, 0, 0.75);
}
}

/* === SVG 层通用 === */
.svg-layer[data-v-357d1652] {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

/* 聚光灯层：不接收鼠标事件 */
.spotlight-layer[data-v-357d1652] {
  pointer-events: none;
  z-index: 20;
}
.hotzone[data-v-357d1652] {
  fill: transparent;
  transition: fill 0.3s;
}
.mask[data-v-357d1652] {
  position: absolute;
  z-index: 20;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(15px);
}
[data-v-357d1652]::-webkit-media-controls-play-button {
  display: none;
  /* Chrome, Safari, Edge */
}
[data-v-357d1652]::-moz-media-controls-play-button {
  display: none;
  /* Firefox */
}
[data-v-357d1652]::-ms-media-controls-play-button {
  display: none;
  /* Internet Explorer/Edge */
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.fullscreen[data-v-2bad6095] {
  height: 50px !important;
  z-index: 1 !important;
}
.rotating-image[data-v-2bad6095] {
  animation: rotate-2bad6095 1s linear infinite;
  display: inline-block;
  margin-right: 4px;
}
@keyframes rotate-2bad6095 {
from {
    transform: rotate(0deg);
}
to {
    transform: rotate(360deg);
}
}
.window[data-v-2bad6095] {
  border-left: 1px solid #2f313c;
  padding-left: 12px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.window .win_top[data-v-2bad6095] {
    display: flex;
    font-weight: 400;
    font-size: 10px;
    color: rgba(255, 255, 255, 0.6);
    align-items: center;
}
.window .win_top img[data-v-2bad6095] {
      width: 12px;
      height: 12px;
      margin-left: 0;
}
.window .win_btm[data-v-2bad6095] {
    display: flex;
    justify-content: flex-end;
    font-weight: 400;
    font-size: 10px;
    color: rgba(255, 255, 255, 0.6);
    margin-top: 5px;
}
.window .win_btm img[data-v-2bad6095] {
      width: 10px;
      height: 10px;
      margin-left: 0;
}
.folder-left[data-v-2bad6095] {
  width: calc(100% - 112px);
}
.botm[data-v-2bad6095] {
  position: absolute;
  bottom: 0;
}
.scene-selector[data-v-2bad6095] {
  width: 100%;
  height: 100%;
  background: #191919;
  color: white;
  border-radius: 16px;
  overflow: hidden;
  padding: 16px 0 5px;
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 216px;
  z-index: 3;
}

/* ============ 文件夹箭头样式 ============ */
.scroll-arrow[data-v-2bad6095] {
  width: 18px;
  height: 36px;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  z-index: 10;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.scroll-arrow.hidden[data-v-2bad6095] {
  display: none;
}

/* ============ 文件夹区域 ============ */
.folder-wrapper[data-v-2bad6095] {
  position: relative;
  width: calc(100% - 60px);
  display: flex;
  align-items: center;
  padding-left: 4px;
  border-left: 1px solid #2f313c;
  margin-left: 12px;
}
.folder-nav[data-v-2bad6095] {
  width: calc(100% - 16px);
  display: flex;
  overflow-x: auto;
  overflow-y: hidden;
  align-items: center;
  margin-right: 10px;
  white-space: nowrap;
}
.folder-nav[data-v-2bad6095]::-webkit-scrollbar {
  display: none !important;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.folder-nav[data-v-2bad6095]::-webkit-scrollbar-track {
  background: #191919;
}
.folder-tab[data-v-2bad6095] {
  padding: 8px 12px;
  margin-right: 8px;
  background-color: #333;
  border-radius: 20px;
  font-size: 13px;
  cursor: pointer;
  transition: background-color 0.2s;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 190px;
  flex: 0 0 auto;
}
.folder-tab[data-v-2bad6095]:hover {
  background-color: #444;
}
.folder-tab.active[data-v-2bad6095] {
  background-color: #007bff;
  color: white;
}

/* ============ 场景区域 ============ */
.scene-list-wrapper[data-v-2bad6095] {
  position: relative;
}

/* 文件夹蒙版 */
.folder-list-mask-left[data-v-2bad6095],
.folder-list-mask-right[data-v-2bad6095] {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 60px;
  pointer-events: none;
  z-index: 5;
}
.folder-list-mask-left[data-v-2bad6095] {
  left: 18px;
  background: linear-gradient(90deg, #191919 0, rgba(25, 25, 25, 0) 100%);
}
.folder-list-mask-right[data-v-2bad6095] {
  right: 18px;
  background: linear-gradient(90deg, rgba(25, 25, 25, 0) 0%, #191919 100%);
}
.folder-list-mask-left.hidden[data-v-2bad6095],
.folder-list-mask-right.hidden[data-v-2bad6095] {
  display: none;
}

/* 蒙版 */
.scene-list-mask-left[data-v-2bad6095],
.scene-list-mask-right[data-v-2bad6095] {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 128px;
  pointer-events: none;
  z-index: 5;
}
.scene-list-mask-left[data-v-2bad6095] {
  left: 0;
  background: linear-gradient(90deg, #191919 0, rgba(25, 25, 25, 0) 100%);
}
.scene-list-mask-right[data-v-2bad6095] {
  right: 0;
  background: linear-gradient(90deg, rgba(25, 25, 25, 0) 0%, #191919 100%);
}
.scene-list-mask-left.hidden[data-v-2bad6095],
.scene-list-mask-right.hidden[data-v-2bad6095] {
  display: none;
}

/* 场景列表 - 启用滚动条 */
.scene-list[data-v-2bad6095] {
  display: flex;
  overflow-x: auto;
  gap: 12px;
  padding: 2px 16px 8px;
  scrollbar-width: thin;
  scrollbar-color: #444 #1a1a1a;
  width: calc(100% - 16px);
}
.scene-list[data-v-2bad6095]::-webkit-scrollbar {
  height: 6px;
  display: block;
}
.scene-list[data-v-2bad6095]::-webkit-scrollbar-track {
  background: #1a1a1a;
  border-radius: 3px;
}
.scene-list[data-v-2bad6095]::-webkit-scrollbar-thumb {
  background: #444;
  border-radius: 3px;
}
.scene-list[data-v-2bad6095]::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.scene-card[data-v-2bad6095] {
  flex: 0 0 auto;
  width: 132px;
  height: 122px;
  background-color: #2d2d2d;
  border-radius: 8px;
  overflow: hidden;
  cursor: pointer;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}
.scene-card.selected[data-v-2bad6095] {
  border: 2px solid #007bff;
  transform: scale(1.03);
}
.scene-image[data-v-2bad6095] {
  width: 128px;
  height: 72px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 8px;
  margin: 2px;
}
.scene-title[data-v-2bad6095] {
  padding: 6px;
  font-weight: 400;
  font-size: 12px;
  color: #ffffff;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  height: 34px;
}
.html-preview[data-v-2bad6095] {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 0 16px 14px;
}
.preview_lefts[data-v-2bad6095] {
  position: fixed;
  bottom: 14px;
  left: 16px;
  z-index: 3;
}
.preview_lefts img[data-v-2bad6095] {
    width: 40px;
    height: 40px;
    cursor: pointer;
}
.preview_left img[data-v-2bad6095] {
  width: 40px;
  height: 40px;
  cursor: pointer;
}
.preview_rights[data-v-2bad6095] {
  display: flex;
  position: fixed;
  bottom: 14px;
  right: 16px;
  z-index: 3;
}
.preview_rights img[data-v-2bad6095] {
    width: 40px;
    height: 40px;
    margin-left: 16px;
    cursor: pointer;
}
.preview_right[data-v-2bad6095] {
  display: flex;
}
.preview_right img[data-v-2bad6095] {
    width: 40px;
    height: 40px;
    margin-left: 16px;
    cursor: pointer;
}
.qr[data-v-2bad6095] {
  position: fixed;
  bottom: 100px;
  padding: 20px 0;
  width: 15%;
  z-index: 60;
  background: #fff;
  border-radius: 20px;
  right: 20px;
  transform: none;
}
.qr .qr_top[data-v-2bad6095] {
    display: flex;
    justify-content: space-between;
    padding: 0 20px 30px;
    align-items: center;
}
.qr .qr_top .top_title[data-v-2bad6095] {
      font-weight: 600;
}
.qr .qr_top .top_span[data-v-2bad6095] {
      padding: 6px 15px;
      background: #f1f1f2;
      border-radius: 20px;
      display: flex;
      justify-content: center;
      align-items: center;
}
.qr .qr_cont[data-v-2bad6095] {
    margin: 0 20px;
    display: flex;
    justify-content: center;
    flex-direction: column;
}
.qr .qr_cont .qr_span[data-v-2bad6095] {
      display: flex;
      justify-content: center;
      text-align: center;
      margin-top: 10px;
}


.human-animation[data-v-a4f48d10] {
  position: absolute;
  left: 20px;
  bottom: 0px;
  z-index: 10;
  transition: opacity 0.5s ease;
  height: 33.3vh; /* Set to 1/3 of viewport height */
  pointer-events: none; /* Allows clicking through the animation */
}
.human-animation img[data-v-a4f48d10] {
  height: 100%;
  width: auto;
  -o-object-fit: contain;
     object-fit: contain;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.control-point[data-v-01c77d68] {
  position: absolute;
  transform: translate(-50%, -50%);
  cursor: pointer;
  z-index: 10;
  display: none;
}
.control-point img.hidden[data-v-01c77d68] {
    opacity: 0;
}
.control-point .loading-container[data-v-01c77d68] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    min-width: 30px;
    min-height: 30px;
    background-color: rgba(0, 0, 0, 0);
    border-radius: 4px;
}
.control-point .loading-spinner[data-v-01c77d68] {
    width: 20px;
    height: 20px;
    border: 2px solid rgba(0, 123, 255, 0.3);
    border-radius: 50%;
    border-top-color: #007bff;
    animation: spin-01c77d68 1s ease-in-out infinite;
}
@keyframes spin-01c77d68 {
to {
    transform: rotate(360deg);
}
}
.control-point.dragging[data-v-01c77d68] {
    box-shadow: 0 0 8px rgba(255, 102, 0, 0.8);
}
.control-point.hotspot-area[data-v-01c77d68] {
    cursor: pointer;
}
.control-point.hotspot-area .hotspot-content[data-v-01c77d68] {
      background-color: rgba(0, 123, 255, 0);
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 4px;
      transition: background-color 0.3s ease;
}
.control-point.hotspot-area .hotspot-label[data-v-01c77d68] {
      color: white;
      font-size: 14px;
      text-shadow: 0 0 3px rgba(0, 0, 0, 0.8);
      pointer-events: none;
}
.text-content[data-v-01c77d68] {
  white-space: pre-wrap;
  height: auto !important;
}


.rtsp-player-container[data-v-1a7da481] {
  font-family: Arial, sans-serif;
  background-color: #fff;
  padding: 15px;
  border-radius: 5px;
  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
}
.controls[data-v-1a7da481] {
  width: 100%;
  margin-bottom: 15px;
}
.input-group[data-v-1a7da481] {
  margin-bottom: 10px;
label[data-v-1a7da481]{
    color:#000;
}
}
.input-group label[data-v-1a7da481] {
  display: block;
  margin-bottom: 5px;
  font-weight: bold;
}
input[type="text"][data-v-1a7da481] {
  width: 100%;
  padding: 8px;
  box-sizing: border-box;
  border: 1px solid #ddd;
  border-radius: 4px;
}
.button-group[data-v-1a7da481] {
  display: flex;
  gap: 10px;
  margin-top: 10px;
}
button[data-v-1a7da481] {
  padding: 8px 16px;
  background-color: #4CAF50;
  color: white;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  flex: 1;
}
button[data-v-1a7da481]:hover:not(:disabled) {
  background-color: #45a049;
}
button[data-v-1a7da481]:disabled {
  background-color: #cccccc;
  cursor: not-allowed;
}
.stop-btn[data-v-1a7da481] {
  background-color: #f44336;
}
.stop-btn[data-v-1a7da481]:hover:not(:disabled) {
  background-color: #d32f2f;
}
.video-container[data-v-1a7da481] {
  position: relative;
  width: 100%;
  margin-bottom: 15px;
  background-color: #000;
  text-align: center;
  min-height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex:1;
}
.video-container img[data-v-1a7da481] {
  width: 100%;
  height:100%;
  max-width: 100%;
  max-height: 70vh;
}
.no-stream[data-v-1a7da481] {
  color: #000;
  font-size: 16px;
}
.status[data-v-1a7da481] {
  width: 100%;
  padding: 10px;
  background-color: #000;
  border-left: 4px solid #ccc;
}
.status.connected[data-v-1a7da481] {
  border-left-color: #000;
}
.status.disconnected[data-v-1a7da481] {
  border-left-color: #9e9e9e;
}
.status.connecting[data-v-1a7da481] {
  border-left-color: #2196F3;
}
.status.error[data-v-1a7da481] {
  border-left-color: #f44336;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
/* 内容模态框样式 */
.content-modal[data-v-89b8a3d6] {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 100;
  /* 确保在控制点之上，但在场景内部 */
  animation: fadeIn-89b8a3d6 0.3s ease;
}

/* 自定义位置的模态框样式 */
.content-modal.custom-position[data-v-89b8a3d6] {
  justify-content: flex-start;
  align-items: flex-start;
}
@keyframes fadeIn-89b8a3d6 {
from {
    opacity: 0;
}
to {
    opacity: 1;
}
}
.content-container[data-v-89b8a3d6] {
  z-index: 95;
  /* 确保在控制点之上，但在场景内部 */
  height: 100vh;
  background: transparent;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  /* 默认尺寸，在非自定义位置模式下使用 */
  /* 自定义位置时，样式会通过计算属性添加 */
}
.close-container[data-v-89b8a3d6] {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 300px;
  height: 300px;
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
}
.close-button[data-v-89b8a3d6] {
  width: 30px;
  height: 30px;
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 101;
  color: white;
  transition: all 0.2s ease;
}
.close-button[data-v-89b8a3d6]:hover {
    transform: scale(1.1);
}
.modal-image[data-v-89b8a3d6] {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: fill;
     object-fit: fill;
  display: block;
}
.modal-video[data-v-89b8a3d6] {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: fill;
     object-fit: fill;
  display: block;
}
.modal-frame[data-v-89b8a3d6] {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
}
.modal-frame-scene[data-v-89b8a3d6] {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
}
.rtsp-player-wrapper[data-v-89b8a3d6] {
  display: block;
  overflow: hidden;
}


.floatMenu[data-v-4acfebca] {
  cursor: pointer;
  position: absolute;
  left: 30px;
  bottom: 10px;
  z-index: 999;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  padding: 10px;
  height: 124px;
}
.floatMenu .imgcol[data-v-4acfebca] {
  overflow: hidden;
  width: 50px;
}
.floatMenu .imgcol img[data-v-4acfebca] {
  width: 30px;
  height: 30px;
  cursor: pointer;
}
.floatMenu .pageBg[data-v-4acfebca] {
  width: 100%;
  flex: 1;
  height: 124px;
  background: #26272a;
  border-radius: 16px;
  margin-right: 10px;
  overflow-y: auto;
  padding-left: 10px;
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  position: relative;
  z-index: 999;
}
.floatMenu .pageBg .pageItem[data-v-4acfebca] {
  min-width: 92px;
  width: 92px;
  height: 92px;
  border-radius: 7px;
  margin-right: 10px;
  overflow: hidden;
  position: relative;
  margin-top: 17px;
  cursor: pointer;
  transition: all 0.3s;
  z-index: 999;
}
.floatMenu .pageBg .pageItem.active[data-v-4acfebca] {
  border: 2px solid #409eff;
  box-shadow: 0 0 5px rgba(64, 158, 255, 0.5);
}
.floatMenu .pageBg .pageItem img[data-v-4acfebca] {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.floatMenu .pageBg .pageItem .title[data-v-4acfebca] {
  width: 100%;
  height: 25px;
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  bottom: 0;
  left: 0;
  font-size: 12px;
  color: #fff;
  text-align: center;
  line-height: 25px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0 5px;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.fullscreen-overlay[data-v-443a2204] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  /* 确保在最顶层 */
}
.overlay-background[data-v-443a2204] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  /* 透明蒙版 */
  backdrop-filter: blur(20px);
  /* 添加模糊效果 */
}
.overlay-text[data-v-443a2204] {
  position: relative;
  font-size: 100px;
  font-weight: bold;
  color: white;
  text-align: center;
  max-width: 90%;
  text-shadow: 0 0 10px rgba(255, 255, 255, 0.5);
  z-index: 10000;
}

/* 淡入淡出动画 */
.fade-enter-active[data-v-443a2204],
.fade-leave-active[data-v-443a2204] {
  transition: opacity 0.5s;
}
.fade-enter[data-v-443a2204],
.fade-leave-to[data-v-443a2204] {
  opacity: 0;
}

/* 文字滑动动画 */
.slide-fade-enter-active[data-v-443a2204] {
  transition: all 0.8s ease;
}
.slide-fade-leave-active[data-v-443a2204] {
  transition: all 0.5s ease;
}
.slide-fade-enter[data-v-443a2204],
.slide-fade-leave-to[data-v-443a2204] {
  transform: translateY(30px);
  opacity: 0;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.lens_box[data-v-28da4864] {
  position: relative;
}
.htmlcontainer[data-v-28da4864] {
  position: relative;
  transform-origin: 0 0;
  position: relative;
  display: block;
  unicode-bidi: -webkit-isolate;
  unicode-bidi: -moz-isolate;
  unicode-bidi: isolate;
  overflow: hidden;
  z-index: 3;
}
.video-background[data-v-28da4864] {
  position: absolute;
  top: 0;
  left: 0;
  -o-object-fit: contain;
     object-fit: contain;
  z-index: 0;
}
.img-background[data-v-28da4864] {
  position: absolute;
  top: 0;
  left: 0;
  -o-object-fit: contain;
     object-fit: contain;
  z-index: 0;
}
.fullscreen-button[data-v-28da4864] {
  position: fixed;
  bottom: 40px;
  /* 增加底部间距，避免与FloatMenu重叠 */
  width: 40px;
  height: 40px;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 1000;
  color: white;
  transition: all 0.3s ease;
}
.fullscreen-button[data-v-28da4864]:hover {
    background-color: rgba(0, 0, 0, 0.8);
    transform: scale(1.1);
}
.control-point[data-v-28da4864] {
  position: absolute;
  transform: translate(0, 0);
  cursor: pointer;
  z-index: 10;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.control-point img[data-v-28da4864] {
    -o-object-fit: cover;
       object-fit: cover;
}
.control-point[data-v-28da4864]:not(.hotspot-area) {
    border-radius: 50%;
}
.control-point.dragging[data-v-28da4864] {
    box-shadow: 0 0 8px rgba(255, 102, 0, 0.8);
}
.control-point.hotspot-area[data-v-28da4864] {
    cursor: pointer;
}
.control-point.hotspot-area .hotspot-content[data-v-28da4864] {
      background-color: rgba(0, 123, 255, 0);
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 4px;
      transition: background-color 0.3s ease;
}
.control-point.hotspot-area .hotspot-label[data-v-28da4864] {
      color: white;
      font-size: 14px;
      text-shadow: 0 0 3px rgba(0, 0, 0, 0.8);
      pointer-events: none;
}

/* 确保在不同设备上保持16:9比例 */
@media screen and (max-width: 768px) {
.htmlcontainer[data-v-28da4864] {
    width: 100%;
    height: auto;
}
}
.overlayResource[data-v-28da4864] {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1000;
  width: 500px;
  height: 500px;
}
.overlayResource video[data-v-28da4864] {
    width: 100%;
    height: 100%;
}
.screen-size-display[data-v-28da4864] {
  position: absolute;
  top: 10px;
  left: 10px;
  background-color: rgba(0, 0, 0, 0.5);
  color: white;
  padding: 15px 30px;
  border-radius: 4px;
  font-size: 18px;
  z-index: 1000;
}
.narrate[data-v-28da4864] {
  display: flex;
  position: fixed;
  bottom: 130px;
  right: 60px;
  z-index: 200;
}
.narrate .narrate-num[data-v-28da4864] {
    padding: 0 25px;
    height: 52px;
    background: #38393b;
    border-radius: 12px 12px 12px 12px;
    border: 2px solid rgba(37, 137, 255, 0);
    display: flex;
    align-items: center;
    margin-right: 20px;
}
.narrate .narrate-num .ride[data-v-28da4864] {
      width: 24px;
      height: 24px;
      background: rgba(216, 216, 216, 0.3);
      border-radius: 50%;
      margin-right: 15px;
}
.narrate .narrate-num .ride[data-v-28da4864]:last-child {
      margin-right: 0;
}
.narrate .narrate-num .active[data-v-28da4864] {
      background: rgba(73, 149, 245, 0.93);
}
.narrate .narrate-btn[data-v-28da4864] .el-button-group {
    border-radius: 12px 12px 12px 12px;
}
.narrate .narrate-btn[data-v-28da4864] .el-button {
    width: 80px;
    height: 52px;
    background: #38393b;
    font-size: 30px;
}
.narrate .narrate-btn[data-v-28da4864] .el-button-group .el-button--primary:first-child {
    border-radius: 12px 0 0 12px;
}
.narrate .narrate-btn[data-v-28da4864] .el-button-group .el-button--primary:last-child {
    border-radius: 0px 12px 12px 0px;
}
.pause[data-v-28da4864] {
  width: 181px;
  height: 52px;
  background: rgba(212, 26, 26, 0.51);
  border-radius: 12px 0 0 12px;
  border: 2px solid rgba(37, 137, 255, 0);
  line-height: 52px;
  position: absolute;
  top: 80px;
  right: 0;
  font-weight: 600;
  font-size: 20px;
  color: #ffffff;
  text-align: center;
}
.rectangle[data-v-28da4864] {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 98;
  background: rgba(0, 0, 0, 0.5);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-composite: xor;
          mask-composite: exclude;
}
.rectangle .back[data-v-28da4864] {
    background: inherit;
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    border-radius: 5px;
    overflow: hidden;
    justify-content: center;
    display: flex;
    align-items: center;
}
.rectangle .back[data-v-28da4864]::before {
    position: absolute;
    content: " ";
    display: block;
    width: 150%;
    height: 50%;
    background: linear-gradient(90deg, transparent, #ff9966, #ff9966, #ff9966, #ff9966, transparent);
    animation: rotation_481-28da4864 5000ms infinite linear;
}
.rectangle .back-content[data-v-28da4864] {
    position: absolute;
    width: 99%;
    height: 99%;
    border-radius: 5px;
    color: white;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 30px;
}
.animate-custom-duration[data-v-28da4864] {
  --animate-duration: 1s;
  animation-duration: var(--animate-duration) !important;
  animation-delay: 0s !important;
}
@keyframes rotation_481-28da4864 {
0% {
    transform: rotateZ(0deg);
}
0% {
    transform: rotateZ(360deg);
}
}
.qr[data-v-28da4864] {
  position: fixed;
  bottom: 100px;
  padding-bottom: 40px;
  width: 15%;
  z-index: 999;
  background: #fff;
  border-radius: 20px;
  right: 20px;
  transform: none;
}
.qr .qr_top[data-v-28da4864] {
    display: flex;
    justify-content: space-between;
    padding: 0 50px 30px;
    align-items: center;
}
.qr .qr_top .top_title[data-v-28da4864] {
      font-weight: 600;
}
.qr .qr_top .top_span[data-v-28da4864] {
      background: #f1f1f2;
      border-radius: 20px;
      display: flex;
      justify-content: center;
      align-items: center;
}
.qr .qr_cont[data-v-28da4864] {
    margin: 0 20px;
    display: flex;
    justify-content: center;
    flex-direction: column;
}
.qr .qr_cont .qr_span[data-v-28da4864] {
      display: flex;
      justify-content: center;
      text-align: center;
      margin-top: 10px;
}
.progress-bar[data-v-28da4864] {
  height: 8px;
  width: 0;
  /* 初始宽度为0，通过JS控制增长 */
  background: linear-gradient(90deg, #00eaff 0%, #3656fd 50%, #00eaff 100%);
  background-size: 200% 100%;
  /* 让背景图比容器宽，以便动画流动 */
  background-position: 0% 50%;
  border-radius: 4px;
  animation: flowBackground-28da4864 2s linear infinite;
  /* 启动背景流动动画 */
  transition: width 0.3s ease;
  /* 宽度变化平滑过渡 */
  position: fixed;
  top: 0;
  z-index: 9000;
}
@keyframes flowBackground-28da4864 {
0% {
    background-position: 0% 50%;
}
100% {
    background-position: 200% 50%;
}
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.loadingshow {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 9999;
}
.containerview {
  background-color: #121215;
  height: 100vh;
  display: flex;
  flex-direction: column;
  padding: 16px 24px 24px 24px;
  font-size: 14px;
}
.toppageinput .el-input__inner {
  height: 44px;
  background: #222326 !important;
  border-radius: 12px;
  border-color: #222326;
}
.toppageinput .el-input__inner:focus {
  border-color: #2589FF;
}
.main-scene-win {
  display: flex;
  flex-direction: row;
  padding-top: 24px;
  height: 100%;
}
.main-scene-win .menuleft {
    width: 12%;
    min-width: 12%;
    margin-right: 24px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.main-scene-win .rightcontent {
    flex: 1;
    background: #1C1D20;
    border-radius: 32px;
    overflow: hidden;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-items: center;
    justify-content: center;
    box-sizing: border-box;
}
.main-scene-win .rightcontent .video-container {
      height: 100%;
      width: 100%;
      -o-object-fit: fill;
         object-fit: fill;
}
.main-scene-win .rightcontent .image-container {
      height: 100%;
      width: 100%;
}
.main-scene-win .rightcontent .iframe-container {
      height: 100%;
      width: 100%;
      border: 0px;
}
.logo-area {
  margin-bottom: 7px;
}
.logo-area .el-image {
    height: 36px;
}
.logo-area .uploadLogoBtn {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 120px;
    height: 36px;
}
.logo-area .uploadLogoBtn img {
      width: 16px;
      height: 16px;
}
.logo-area .uploadLogoBtn span {
      margin-left: 2px;
      font-weight: 400;
      font-size: 14px;
      color: #FFFFFF;
      line-height: 20px;
      text-align: center;
      font-style: normal;
}
.product-name-area {
  width: 100%;
  height: 28px;
  margin-bottom: 16px;
  cursor: pointer;
  display: flex;
  align-items: center;
  align-content: center;
}
.product-name-area .editProductName {
    width: 100%;
    text-align: center;
    font-weight: 600;
}
.new_scene_btn {
  width: 100%;
  height: 34px;
  background: #1C1D20;
  border-radius: 16px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-top: 12px;
  cursor: pointer;
}
.new_scene_btn img {
    width: 16px;
    height: 16px;
    margin-right: 4px;
}
.new_scene_btn span {
    font-family: PingFangSC, PingFang SC;
    font-weight: 400;
    font-size: 13px;
    color: #FFFFFF;
    line-height: 18px;
    text-align: left;
    font-style: normal;
}
.menu-area {
  width: 100%;
  min-height: 178px;
  overflow-y: auto;
  flex: 1;
}
.menu-area .menu_item {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #1C1D20;
    border-radius: 16px;
    padding: 8px;
    margin-bottom: 10px;
}
.menu-area .cat1 {
    width: 100%;
    height: 36px;
    background: #222326;
    border-radius: 8px;
    display: flex;
    margin-bottom: 7px;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 8px;
}
.menu-area .cat1 .name {
      flex: 1;
      font-family: PingFangSC, PingFang SC;
      font-weight: 600;
      font-size: 13px;
      color: #fff;
      line-height: 18px;
      text-align: left;
      font-style: normal;
}
.menu-area .cat1 .btn_new {
      width: 16px;
      height: 16px;
      margin-right: 8px;
      -o-object-fit: cover;
         object-fit: cover;
      cursor: pointer;
}
.menu-area .cat1 .btn_showhidd {
      width: 16px;
      height: 16px;
      -o-object-fit: cover;
         object-fit: cover;
      cursor: pointer;
}
.menu-area .catmenu {
    width: 100%;
}
.menu-area .selected {
    background: rgba(37, 137, 255, 0.08) !important;
}
.menu-area .selected .name {
      color: #44A5FF !important;
}
.menu-area .menu1 {
    margin-bottom: 7px;
    width: 100%;
    height: 36px;
    border-radius: 8px;
    display: flex;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 8px;
}
.menu-area .menu1 .name {
      font-family: PingFangSC, PingFang SC;
      font-weight: 600;
      font-size: 13px;
      color: #fff;
      line-height: 18px;
      text-align: left;
      font-style: normal;
      flex: 1;
}
.menu-area .menu1 .btn_upload {
      width: 16px;
      height: 16px;
      -o-object-fit: cover;
         object-fit: cover;
      cursor: pointer;
      visibility: hidden;
}
.menu-area .menu1:hover {
    background: #313235;
}
.menu-area .menu1:hover .btn_upload {
      visibility: visible;
}
.new_input_page {
  width: 100%;
  height: 52px;
  background: #1C1D20;
  border-radius: 16px;
  padding: 8px;
  display: flex;
  align-items: center;
  margin-top: 12px;
}
.new_input_page .el-input__inner {
    border-radius: 8px;
    background: #222326;
    border: 2px solid #2589FF;
    font-family: PingFangSC, PingFang SC;
    font-weight: 600;
    font-size: 14px;
    color: #FFFFFF;
    line-height: 20px;
    text-align: left;
    font-style: normal;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.guide-box[data-v-214469ec] {
  position: relative;
}
.guide-box .content-body[data-v-214469ec] {
    top: 50px;
    left: 0;
    z-index: 1043;
    width: 100%;
    height: 100%;
    position: fixed;
    padding-right: 100px;
    padding-left: 100px;
}
.guide-box .content-top[data-v-214469ec] {
    text-align: center;
    height: 43px;
}
.guide-box .content-top .el-button-group[data-v-214469ec] {
      margin-right: 5px;
}
.guide-box .content-top .el-button[data-v-214469ec] {
      float: right;
}
.guide-box .content-bottom[data-v-214469ec] {
    margin-top: 30px;
    display: flex;
    flex-direction: row;
}
.guide-box .content-bottom .cb-right[data-v-214469ec] {
      margin-left: 25px;
      position: relative;
      width: 100%;
}
.setting-bg[data-v-214469ec] {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1042;
  background: #141414;
}
.midd_col_small[data-v-214469ec] {
  margin: 0 10px;
}
.midd_col_top[data-v-214469ec] {
  margin-top: 10px;
}
.content-box[data-v-214469ec] {
  top: 0;
  left: 0;
  z-index: 1043;
  width: 100%;
  height: 100%;
  position: fixed;
  background: transparent;
}
.plateform_row[data-v-214469ec] {
  font-size: 13px;
  display: flex;
  flex-direction: row;
}
.plateform_row .plateform_item[data-v-214469ec] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    width: 100%;
    height: 161px;
    border-radius: 5px;
    overflow: hidden;
    background: white;
    position: relative;
    transition: all 0.28s;
    border: 1px solid #cccccc;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.16);
    color: #000;
}
.plateform_row .plateform_item img[data-v-214469ec] {
      width: 50px;
      margin-bottom: 10px;
}
.plateform_row .plateform_item[data-v-214469ec]:hover {
      box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.16);
      transform: translate3d(0, -2px, 0);
}
.plateform_row .selectd[data-v-214469ec] {
    border: 2px solid #0479b7;
}
.bottom-control[data-v-214469ec] {
  display: flex;
  flex-direction: row;
  margin-top: 10px;
}
.bottom-control .el-button[data-v-214469ec] {
    width: 100%;
}
.drop-row[data-v-214469ec] {
  margin: 5px 0;
}
.drop-row .el-select[data-v-214469ec] {
    width: 100%;
}
.custom-area[data-v-214469ec] {
  display: flex;
  flex-direction: row;
  height: 30px;
}
.custom-area .el-input[data-v-214469ec] {
    width: 430px;
}
.custom-area .pre[data-v-214469ec] {
    width: 30px;
    margin: 0 10px;
    line-height: 30px;
    text-align: center;
}
.input-area[data-v-214469ec] {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.input-area .el-input[data-v-214469ec] {
    margin-right: 10px;
}
.top-title[data-v-214469ec] {
  display: flex;
  flex-direction: row;
  justify-content: center;
  justify-items: center;
  font-size: 20px;
  font-weight: bold;
}
.top-title div[data-v-214469ec] {
    flex: 1;
}
.top-title .el-button[data-v-214469ec] {
    float: right;
}
.tag-row[data-v-214469ec] {
  display: flex;
  flex-direction: row;
  align-content: center;
  align-items: center;
  margin-top: 10px;
}
.tag-row .title[data-v-214469ec] {
    font-size: 12px;
    margin-right: 20px;
}
.no-data[data-v-214469ec] {
  padding-top: 50px;
  font-size: 14px;
  display: flex;
  justify-content: center;
  justify-items: center;
  align-content: center;
  align-items: center;
  width: 100%;
  flex-direction: column;
}
.no-data img[data-v-214469ec] {
    width: 100px;
    margin-top: 10px;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.device-list .el-card[data-v-214469ec] {
  display: block;
  cursor: pointer;
  background: #535353;
  padding: 20px;
  text-align: center;
  width: 100px;
  height: 100px;
  margin-bottom: 20px;
  color: #f0f0f0;
}
.device-list .el-card[data-v-214469ec]:hover {
  background: #505050;
  border: 1px solid #0084bf;
  box-shadow: 0 2px 12px 0 rgba(0, 132, 191, 0.1);
  color: #f0f0f0;
}
.device-list .is-active[data-v-214469ec],
.device-list .is-active[data-v-214469ec]:hover {
  background: #0084BF;
  border: 1px solid #ffffff;
  box-shadow: 0 2px 12px 0 rgba(0, 132, 191, 0.1);
  color: #ffffff;
  font-weight: 600;
}
.device-list .el-card i[data-v-214469ec] {
  font-size: 32px;
  display: block;
  line-height: 32px;
}
.device-list .el-card .caption[data-v-214469ec] {
  font-size: 14px;
  font-weight: 300;
  line-height: 40px;
  padding: 10px 0;
}
.page-item-wrapper[data-v-214469ec] {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.page-item-no[data-v-214469ec] {
  width: calc((100% - 15px*6)/ 6);
  height: 226px;
}
.page-item[data-v-214469ec] {
  width: calc((100% - 15px*6)/ 6);
  height: 226px;
  border-radius: 4px;
  overflow: hidden;
  margin-bottom: 24px;
  background: white;
  position: relative;
  transition: all 0.28s;
}
.page-item .temp-id[data-v-214469ec] {
    padding-left: 10px;
    padding-top: 10px;
    position: absolute;
    top: 10;
    right: 2;
    color: white;
    font-size: 12px;
    display: none;
    opacity: 0;
    transform: translateY(-100px);
    transition: .3s;
}
.page-item[data-v-214469ec]:hover {
    box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.16);
    transform: translate3d(0, -2px, 0);
}
.page-item:hover .header-mask[data-v-214469ec] {
      opacity: 1;
}
.page-item:hover .temp-id[data-v-214469ec] {
      display: inline;
      animation: show-214469ec .9s forwards;
}
.page-item:hover .page-item-data-pv[data-v-214469ec] {
      width: 100%;
      display: flex;
      animation: show-214469ec .5s forwards;
}
.page-item:hover .page-item-data-pv .btn-wrapper[data-v-214469ec] {
        flex: 1;
        text-align: center;
}
.page-item:hover .bottom-bar[data-v-214469ec] {
      animation: show-214469ec .5s forwards;
      font-size: 12px;
      display: flex;
      flex-direction: row;
      padding: 0 10px;
      height: 30px;
}
.page-item:hover .bottom-bar .item[data-v-214469ec] {
        float: left;
        display: flex;
        flex-direction: row;
        align-items: center;
        margin-right: 10px;
        color: #000;
}
.page-item:hover .bottom-bar .item img[data-v-214469ec] {
          width: 18px;
          margin-right: 8px;
}
.page-item .ercode-part[data-v-214469ec] {
    position: absolute;
    right: 1px;
    background: rgba(25, 25, 25, 0.7);
    padding: 5px;
    bottom: 66px;
    border-top-left-radius: 2px;
    z-index: 20;
    cursor: pointer;
}
.page-item .ercode-part .big[data-v-214469ec] {
      display: none;
      opacity: 0;
}
.page-item .ercode-part[data-v-214469ec]:hover {
      width: 100%;
      height: 160px;
      align-items: center;
      justify-content: center;
      justify-items: center;
      display: flex;
}
.page-item .ercode-part:hover .small[data-v-214469ec] {
        opacity: 0;
}
.page-item .ercode-part:hover .big[data-v-214469ec] {
        display: inline;
        opacity: 1;
}
.page-item .bottom-area[data-v-214469ec] {
    display: flex;
    flex-direction: column;
    height: 66px;
}
.page-item .page-item-title[data-v-214469ec] {
    height: 100%;
}
.page-item .page-item-title span[data-v-214469ec] {
      display: flex;
      justify-content: center;
      align-content: center;
      width: 100%;
      color: #111;
      transition: transform .2s ease;
      background-color: white;
      text-overflow: ellipsis;
      white-space: nowrap;
      text-align: center;
      font-size: 16px;
      height: 100%;
      align-items: center;
      font-weight: 500;
}
.page-item .page-item-data-pv[data-v-214469ec] {
    display: none;
    opacity: 0;
    transform: translateY(100px);
    transition: .3s;
}
.page-item .unpublish[data-v-214469ec] {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 12px;
    display: block;
    padding: 0 10px;
    height: 30px;
    line-height: 30px;
    background-color: #76838f;
    color: #fff;
    border-top-left-radius: 4px;
    border-bottom-right-radius: 12px;
    z-index: 10;
}
.page-item .header-mask[data-v-214469ec] {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.8);
    width: 100%;
    height: 160px;
    border-radius: 4px 4px 0 0;
    text-align: center;
    transition: top .28s ease, opacity .28s ease, height .28s ease;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.page-item .header-mask .details-btn[data-v-214469ec] {
      display: inline-block;
      width: 100px;
      height: 38px;
      font-size: 15px;
      line-height: 38px;
      border-radius: 22px;
      border: 1px solid #fff;
      color: #fff;
      cursor: pointer;
}
.page-item .cover[data-v-214469ec] {
    width: 100%;
    height: 160px;
    background-size: cover;
    justify-content: center;
    align-items: center;
    display: flex;
    padding: 1px 1px 0 1px;
}
.page-item .cover img[data-v-214469ec] {
      border-top-left-radius: 4px;
      border-top-right-radius: 4px;
      display: inline-block;
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover;
}
.page-item .bottom-bar[data-v-214469ec] {
    display: none;
    opacity: 0;
    transform: translateY(100px);
    transition: .3s;
}
.select-com[data-v-214469ec] {
  width: 120px;
}
@keyframes show-214469ec {
to {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
}
}
.no-data[data-v-214469ec] {
  width: 100%;
  text-align: center;
  margin-top: 50px;
}
.no-data .svg-icon[data-v-214469ec] {
    width: 100px;
    height: 100px;
    margin-bottom: 30px;
}
.no-data .el-button[data-v-214469ec] {
    margin-top: 20px;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.components-preview-inner[data-v-70eea33b] {
  width: 100%;
}
.setting-bg[data-v-70eea33b] {
  width: 100%;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 1042;
  display: flex;
  flex-direction: row;
}
.left-panel[data-v-70eea33b] {
  flex: 1;
  z-index: 1050;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
}
.right-panel[data-v-70eea33b] {
  width: 25%;
  z-index: 1050;
  background: #fff;
  border: 1px solid #191919;
  box-shadow: 0px 0px 5px #353535;
  overflow-y: auto;
  color: #333;
}
.iframe-wrapper[data-v-70eea33b] {
  background: white;
  height: 100%;
}
.vertical[data-v-70eea33b] {
  min-height: 514px;
}
.cloase-btn[data-v-70eea33b] {
  position: fixed;
  top: 8px;
  right: 20px;
  font-size: 28px;
  color: #7F8593;
  transition: all 0.28s;
  z-index: 1060;
  cursor: pointer;
}
.cloase-btn[data-v-70eea33b]:hover {
    color: #2589FF;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.preview-info-wrapper[data-v-5bde60fe] {
  padding: 30px 30px 0px;
  font-size: 16px;
}
.page-info[data-v-5bde60fe] {
  display: flex;
  padding: 12px;
  background-color: #f0f3f4;
  flex-direction: row;
}
.page-info .page-cover[data-v-5bde60fe] {
    width: 80px;
    height: 80px;
    overflow: hidden;
}
.page-info .page-cover img[data-v-5bde60fe] {
      -o-object-fit: cover;
         object-fit: cover;
      width: 100%;
      height: 100%;
}
.page-info .page-title-des[data-v-5bde60fe] {
    padding-left: 20px;
    flex: 1;
    overflow: hidden;
}
.info-form-wrapper[data-v-5bde60fe] {
  width: 100%;
  padding-bottom: 16px;
  overflow: hidden;
  word-wrap: break-word;
  word-break: normal;
}
.info-form-wrapper .info-form-l[data-v-5bde60fe] {
    line-height: 42px;
}
.info-form-wrapper .info-form-l.com-width[data-v-5bde60fe] {
      width: 120px;
}
.info-form-wrapper .info-form-r[data-v-5bde60fe] {
    flex: 1;
    padding-left: 10px;
}
.share-wx-config-wrapper[data-v-5bde60fe] {
  margin-top: 14px;
  padding: 12px;
  background-color: #f0f3f4;
  font-size: 12px;
  overflow: hidden;
  word-wrap: break-word;
  word-break: normal;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.no-data[data-v-099c0a6c] {
  width: 100%;
  text-align: center;
}
.no-data .svg-icon[data-v-099c0a6c] {
    width: 100px;
    height: 100px;
    margin-bottom: 30px;
}
.no-data .el-button[data-v-099c0a6c] {
    margin-top: 20px;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.welcome-container[data-v-c792157a] {
  min-width: 1280px;
  max-width: 1920px;
  margin: 0 auto;
  height: 100%;
  overflow: hidden;
  display: flex;
  padding-top: 40px;
  padding-bottom: 30px;
  padding-left: 30px;
  padding-right: 30px;
  background-color: #535353;
  flex-direction: column;
}
.welcome-container .container[data-v-c792157a] {
    width: 100%;
    display: flex;
}
.welcome-container .flex-hor[data-v-c792157a] {
    flex-direction: row;
}
.welcome-container .flex-ver[data-v-c792157a] {
    flex-direction: column;
}
.welcome-container .container-a[data-v-c792157a] {
    width: 100%;
    float: left;
    height: 200px;
    background-color: #888888;
}
.welcome-container .spacing-right-small[data-v-c792157a] {
    margin-right: 10px;
}
.welcome-container .spacing-left-small[data-v-c792157a] {
    margin-left: 10px;
}
.welcome-container .spacing-tb-small[data-v-c792157a] {
    display: block;
    height: 50px;
}
.welcome-container .title-row[data-v-c792157a] {
    width: 100%;
    height: 35px;
    border-bottom: 1px solid white;
    margin-bottom: 10px;
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
}
.welcome-container .title-row .font1[data-v-c792157a] {
      float: left;
      font-size: 18px;
      font-weight: bold;
}
.welcome-container .title-row .svg-icon[data-v-c792157a] {
      float: left;
      margin-left: 10px;
}
.welcome-container .title-row .adv-search[data-v-c792157a] {
      font-size: 13px;
      flex: 1;
      display: flex;
      flex-direction: row;
      justify-content: flex-end;
      height: 100%;
      padding-right: 5px;
      justify-items: center;
      align-items: center;
      align-content: center;
}
.welcome-container .title-row .adv-search .to-all[data-v-c792157a] {
        margin-right: 10px;
        cursor: pointer;
}
.welcome-container .title-row .adv-search .el-input[data-v-c792157a] {
        width: 180px;
        margin-right: 0px;
}
.welcome-container .title-row .adv-search .tab-cus-item[data-v-c792157a] {
        cursor: pointer;
        width: 30px;
        height: 30px;
        margin: 0 0 0 10px;
        padding: 5px 5px;
        border-radius: 5px;
        overflow: hidden;
        text-align: center;
}
.welcome-container .title-row .adv-search .tab-cus-item .svg-icon[data-v-c792157a] {
          color: #666;
          width: 20px;
          height: 20px;
          margin: 0 0;
}
.welcome-container .swiper-container[data-v-c792157a] {
    width: 100%;
    display: flex;
    flex-direction: row;
}
.welcome-container .swiper-container .swiper-item[data-v-c792157a] {
    margin-right: 5px;
    text-align: center;
    font-size: 13px;
    width: 100%;
    max-width: 250px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    padding-bottom: 5px;
}
.welcome-container .swiper-container .swiper-item[data-v-c792157a]:hover {
      box-shadow: 0 0 16px 0 rgba(46, 146, 205, 0.3);
      transform: translate3d(0, 2px, 0);
      padding-bottom: 5px;
      text-align: center;
}
.welcome-container .swiper-container .swiper-item .img-content[data-v-c792157a] {
      width: 100%;
      height: 199px;
      background-color: #888888;
      margin-bottom: 10px;
      padding: 1px;
}
.welcome-container .swiper-container .swiper-item .img-content img[data-v-c792157a] {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover;
}
.welcome-container .swiper-container .swiper-item .name[data-v-c792157a] {
      margin-bottom: 5px;
}
.welcome-container .swiper-container .swiper-item .ercode-part[data-v-c792157a] {
      position: absolute;
      right: 1px;
      background: rgba(25, 25, 25, 0.5);
      padding: 5px;
      top: 1px;
      border-top-right-radius: 5px;
      z-index: 20;
      cursor: pointer;
}
.welcome-container .swiper-container .swiper-item .ercode-part .big[data-v-c792157a] {
        display: none;
        opacity: 0;
}
.welcome-container .swiper-container .swiper-item .ercode-part[data-v-c792157a]:hover {
        width: 100%;
        height: 199px;
        align-items: center;
        justify-content: center;
        justify-items: center;
        display: flex;
}
.welcome-container .swiper-container .swiper-item .ercode-part:hover .small[data-v-c792157a] {
          opacity: 0;
}
.welcome-container .swiper-container .swiper-item .ercode-part:hover .big[data-v-c792157a] {
          display: inline;
          opacity: 1;
}
.welcome-container .swiper-container .swiper-item[data-v-c792157a]:last-child {
    margin-right: 0px;
}
.welcome-container .new-action-content[data-v-c792157a] {
    width: 100%;
    display: flex;
    flex-direction: row;
}
.welcome-container .new-action-content .item[data-v-c792157a] {
    flex: 1;
    height: 300px;
    background-color: #888888;
    margin-right: 22px;
    text-align: center;
    font-size: 13px;
    cursor: pointer;
    position: relative;
}
.welcome-container .new-action-content .item .title-1[data-v-c792157a] {
      background: rgba(0, 0, 0, 0.75);
      font-weight: bold;
      font-size: 18px;
      line-height: 1.5em;
      padding: 5px 0;
      position: absolute;
      bottom: 0;
      width: 100%;
      border-radius: 0 0 10px 10px;
}
.welcome-container .new-action-content .item .title-1 div[data-v-c792157a] {
        font-size: 12px;
        font-weight: normal;
}
.welcome-container .new-action-content .widzard1[data-v-c792157a] {
    background: url("https://qichuan-pc.oss-cn-shenzhen.aliyuncs.com/editor/welcome/wizard1.jpg");
}
.welcome-container .new-action-content .widzard2[data-v-c792157a] {
    background: url("https://qichuan-pc.oss-cn-shenzhen.aliyuncs.com/editor/welcome/wizard2.jpg");
}
.welcome-container .new-action-content .widzard3[data-v-c792157a] {
    background: url("https://qichuan-pc.oss-cn-shenzhen.aliyuncs.com/editor/welcome/wizard3.jpg");
}
.welcome-container .new-action-content .item[data-v-c792157a]:last-child {
    margin-right: 0px;
}
.welcome-container .new-action-content .widzard1[data-v-c792157a],
  .welcome-container .new-action-content .widzard2[data-v-c792157a],
  .welcome-container .new-action-content .widzard3[data-v-c792157a] {
    background-size: 100% 100%;
    background-position: center center;
    background-repeat: no-repeat;
}
.welcome-container .helpclass[data-v-c792157a] {
    padding-top: 20px;
    padding-left: 20px;
}
.welcome-container .helpclass .title[data-v-c792157a] {
      width: 100%;
      margin-bottom: 10px;
}
.welcome-container .helpclass .item[data-v-c792157a] {
      width: 30%;
      height: 35px;
      line-height: 35px;
      border: 1px solid white;
      float: left;
      text-align: center;
      margin: 5px;
      cursor: pointer;
}
.welcome-container .pager[data-v-c792157a] {
    width: 100%;
    text-align: right;
    margin-top: 10px;
}
.welcome-container .rounded[data-v-c792157a] {
    border-radius: 5px 5px;
}
.welcome-container .bg-checked[data-v-c792157a] {
    background-color: #000000;
}
.welcome-container .new-function[data-v-c792157a] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    justify-items: center;
    align-items: center;
    align-content: center;
}
.welcome-container .new-function .left[data-v-c792157a] {
      flex: 1;
      padding-left: 20px;
      overflow: hidden;
}
.welcome-container .new-function .left .item[data-v-c792157a] {
        cursor: pointer;
        margin-bottom: 10px;
}
.welcome-container .new-function .right[data-v-c792157a] {
      flex: 2;
      padding: 10px;
}
.welcome-container .new-function .right img[data-v-c792157a] {
        width: 100%;
        height: 150px;
        -o-object-fit: cover;
           object-fit: cover;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
@font-face {
  font-family: 'Muyao-Softbrush';
  font-display: swap;
  src: url("//qichuan-pc.oss-cn-shenzhen.aliyuncs.com/editor/font/Muyao-Softbrush.ttf");
}
@font-face {
  font-family: 'weiruanyahei';
  font-display: swap;
  src: url("//qichuan-pc.oss-cn-shenzhen.aliyuncs.com/editor/font/weiruanyahei.ttf");
}
@font-face {
  font-family: 'puhuiti-2-35';
  font-display: swap;
  src: url("//qichuan-pc.oss-cn-shenzhen.aliyuncs.com/editor/font/puhuiti-2-35.ttf");
}
.web-font[data-v-6d1f6e0c] {
  font-family: "webfont" !important;
}
.qk-text[data-v-6d1f6e0c] {
  width: 100%;
  height: 100%;
  overflow: hidden;
  white-space: pre-wrap;
  display: flex;
  align-items: center;
  justify-content: center;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
img[data-v-145b1b8e] {
  max-width: none !important;
}
img[src=""][data-v-145b1b8e], img[data-v-145b1b8e]:not([src]) {
  opacity: 0；;
}
.noHidd[data-v-145b1b8e] {
  overflow-x: scroll;
}
.qk-image[data-v-145b1b8e] {
  width: 100%;
  height: 100%;
  height: 100%;
  overflow: hidden;
}
.qk-image img[data-v-145b1b8e] {
    -o-object-fit: cover;
       object-fit: cover;
}
.qk-image .container[data-v-145b1b8e] {
    display: flex;
    margin: 0 0;
    flex-direction: row;
    height: 100%;
}
.qk-image .img1[data-v-145b1b8e] {
    display: block;
    width: 100%;
    height: 100%;
}
.qk-image .container2[data-v-145b1b8e] {
    margin: 0 0;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    /* 相当于 1fr 1fr 1fr */
    grid-gap: 12px;
    /* grid-column-gap 和 grid-row-gap的简写 */
    grid-auto-flow: row;
    height: 100%;
}
.qk-image .container2 .img2[data-v-145b1b8e] {
      display: block;
      width: 100%;
      height: 100%;
}
.qk-image .container3[data-v-145b1b8e] {
    margin: 0 0;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    /* 相当于 1fr 1fr 1fr */
    grid-gap: 12px;
    /* grid-column-gap 和 grid-row-gap的简写 */
    grid-auto-flow: row;
    height: 100%;
}
.qk-image .container3 .img3[data-v-145b1b8e] {
      display: block;
      width: 100%;
      height: 100%;
}


.wh_content {
    position: relative;
    z-index: 1;
    overflow: hidden;
    width: 100%;
}
.wh_swiper {
    width: 100%;
    display: flex;
    transition-duration: 0s linear;
}
.wh_indicator {
    position: absolute;
    bottom: 8px;
    width: 100%;
    text-align: center;
    background: 0 0;
}
.wh_indicator_item {
    display: inline-block;
    width: 8px;
    height: 8px;
    margin: 1px 7px;
    cursor: pointer;
    border-radius: 100%;
    background: #aaa;
}
.wh_show_bgcolor {
    background: #0fc37c;
}


.wh_slide {
    width: 100%;
    flex-shrink: 0;
    z-index: 10;
    min-height: 100px;
}
.wh_slide img {
    display: block;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.qk-image-carsousel[data-v-81c61f42] {
  overflow: hidden;
  height: 100%;
}
.qk-image-carsousel .container[data-v-81c61f42] {
    margin: 0px 15px;
    height: 100%;
}
.qk-image-carsousel .image-carsousel-swiper[data-v-81c61f42],
  .qk-image-carsousel .image-carsousel-slide[data-v-81c61f42],
  .qk-image-carsousel .image-carsousel-image[data-v-81c61f42] {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 4px;
    border-radius: 3px;
    object-fit: cover;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.qk-rectangle-border[data-v-6932a052] {
  display: block;
  height: 1px;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.qk-rectangle-border[data-v-6932a052]::after {
  background-size: cover;
  filter: blur(15px) brightness(110%);
  -webkit-filter: blur(15px);
  -moz-filter: blur(15px);
  -ms-filter: blur(15px);
  -o-filter: blur(15px);
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.qk-iframe[data-v-22d406f1] {
  height: 100%;
  text-align: left;
  overflow-x: scroll;
}
.qk-iframe iframe[data-v-22d406f1] {
    border: 0px;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.qk-button[data-v-4bfc9aff] {
  width: 100%;
  height: 100%;
}
.qk-button .container[data-v-4bfc9aff] {
    display: flex;
    flex-direction: row;
    cursor: pointer;
    height: 100%;
    overflow: hidden;
    font-size: 14px;
    font-family: PingFangSC-Regular,PingFang SC;
}
.qk-button .container .white-btn[data-v-4bfc9aff] {
      flex: 1;
      height: 100%;
      border-radius: 4px;
      border: 1px solid #b3d8ff;
      font-weight: 400;
      color: #0084bf;
      margin-right: 13px;
      display: flex;
      justify-content: center;
      align-items: center;
}
.qk-button .container .btn[data-v-4bfc9aff] {
      flex: 1;
      border-radius: 4px;
      display: flex;
      justify-content: center;
      align-items: center;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.container[data-v-3cda95cb] {
  display: flex;
  margin: 0 20px;
  flex-direction: column;
  text-align: left;
}
.title[data-v-3cda95cb] {
  width: 93px;
  height: 31px;
  line-height: 31px;
}
.desc[data-v-3cda95cb] {
  height: 22px;
  line-height: 22px;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.qk-label[data-v-4909b167] {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.qk-label .container[data-v-4909b167] {
    display: -webkit-flex;
    margin: 0 10px;
    flex-direction: row;
    text-align: left;
    display: -webkit-flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.qk-label .label[data-v-4909b167] {
    float: left;
    height: 31px;
    border: 1px solid #f2f2f2;
    padding-left: 5px;
    padding-right: 5px;
    margin-right: 5px;
    line-height: 31px;
    margin-bottom: 5px;
    display: block;
    overflow: hidden;
    text-align: center;
    font-size: 12px;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.qk-nav[data-v-87475bd4] {
  height: 100%;
}
.qk-nav .grid[data-v-87475bd4] {
    margin-left: 15px;
    margin-right: 15px;
    display: flex;
    grid-template-columns: repeat(4, 1fr);
    /* 相当于 1fr 1fr 1fr */
    grid-gap: 10px;
    /* grid-column-gap 和 grid-row-gap的简写 */
    grid-auto-flow: row;
    justify-content: space-between;
}
.qk-nav .grid_item[data-v-87475bd4] {
    display: flex;
    flex-direction: column;
    color: #fff;
    font-size: 16px;
    line-height: 2;
    text-align: center;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 8px;
    justify-content: center;
    justify-items: center;
    align-items: center;
    padding-top: 17px;
    padding-bottom: 17px;
}
.qk-nav .grid_item .iconfont[data-v-87475bd4] {
      width: 44px;
      height: 44px;
      background: #d8d8d8;
}
.qk-nav .grid_item .name[data-v-87475bd4] {
      font-size: 12px;
      font-family: PingFangSC-Regular,PingFang SC;
      font-weight: 400;
      color: #666666;
}
.qk-nav .grid_item .on[data-v-87475bd4] {
      font-weight: bold;
}
.qk-nav .iframe-style[data-v-87475bd4] {
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.qk-video[data-v-25268eae] {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.qk-video img[data-v-25268eae] {
    border-radius: 3px;
    -o-object-fit: cover;
       object-fit: cover;
}
.qk-video .video-tag[data-v-25268eae] {
    display: block;
    width: 100%;
    height: 100%;
    background-color: black;
    -o-object-fit: cover;
       object-fit: cover;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
img[data-v-6311f3fb] {
  max-width: none !important;
}
.noHidd[data-v-6311f3fb] {
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
}
.noHidd[data-v-6311f3fb]::-webkit-scrollbar-track-piece {
  background-color: rgba(0, 0, 0, 0);
  border-left: 0.01333rem solid rgba(0, 0, 0, 0);
}
.noHidd[data-v-6311f3fb]::-webkit-scrollbar {
  width: .04rem;
  height: 3px;
  border-radius: 3px;
}
.noHidd[data-v-6311f3fb]::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
  border-radius: 3px;
  min-height: 3px;
}
.noHidd[data-v-6311f3fb]::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 3px;
}
.qk-image-long[data-v-6311f3fb] {
  height: 100%;
  overflow: hidden;
}
.qk-image-long img[data-v-6311f3fb] {
    border-radius: 3px;
    -o-object-fit: cover;
       object-fit: cover;
}
.qk-image-long .container[data-v-6311f3fb] {
    display: flex;
    margin: 0 0;
    flex-direction: row;
    height: 100%;
}
.qk-image-long .img1[data-v-6311f3fb] {
    display: block;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.du-anchor[data-v-56795542] {
  padding: 10px;
  width: 100%;
  height: 100%;
}
.du-anchor .breathe-btn[data-v-56795542] {
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    border: 1px solid #2b92d4;
    color: #fff;
    text-align: center;
    cursor: pointer;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    overflow: hidden;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#6cc3fe), to(#21a1d0));
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-name: breathe;
    -webkit-animation-duration: 1700ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.du-map[data-v-508df68f] {
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.du-map .map-con[data-v-508df68f] {
    width: 100%;
    height: 100%;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.qk-line[data-v-580a68fe] {
  display: block;
  height: 1px;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.du-float-menu[data-v-4f00b6fd] {
  cursor: pointer;
}
.du-float-menu .menu-list[data-v-4f00b6fd] {
    position: absolute;
    display: flex;
    flex-direction: column;
    width: 80px;
    box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
}
.du-float-menu .menu-list .menu-item[data-v-4f00b6fd] {
      width: 80px;
      height: 30px;
      border-bottom: 0.7px solid #F3F3F3;
      line-height: 30px;
      font-size: 13px;
      text-align: center;
}
.du-float-menu .menu-list .menu-item[data-v-4f00b6fd]:hover {
      background-color: #cccccc;
      color: white;
}
.du-float-menu .menu-list .menu-item[data-v-4f00b6fd]:last-child {
      border-bottom: 0px;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.qk-input-item[data-v-2cb65bbd] {
  display: block;
  width: 100%;
  height: 100%;
  outline: none;
  border: none;
  cursor: pointer;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.qk-textarea-item[data-v-4af429c7] {
  display: block;
  width: 100%;
  height: 100%;
  outline: none;
  border: none;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.qk-bg-music[data-v-58ba4fea] {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 10px;
  border-radius: 50%;
  overflow: hidden;
  cursor: pointer;
}
.qk-bg-music.playing[data-v-58ba4fea] {
    animation: changeright 3s linear infinite;
}
.qk-bg-music .video-play-audio[data-v-58ba4fea] {
    border: 1px solid yellow;
    position: absolute;
    left: -9999px;
    top: -9999px;
    width: 0;
    height: 0;
    z-index: -1;
    opacity: 1;
    overflow: hidden;
}
.qk-bg-music .yinyue-img[data-v-58ba4fea] {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100%;
}

/* 无限旋转 */
@keyframes spin-58ba4fea {
from {
    transform: rotate(0);
}
to {
    transform: rotate(360deg);
}
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.qk-sudoku[data-v-7ff660b8] {
  overflow: hidden;
}
.qk-sudoku .grid[data-v-7ff660b8] {
    margin-left: 15px;
    margin-right: 15px;
    display: flex;
    justify-content: space-between;
}
.qk-sudoku .grid_item[data-v-7ff660b8] {
    display: flex;
    flex-direction: column;
    color: #fff;
    font-size: 16px;
    line-height: 2;
    text-align: center;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 8px;
    justify-content: center;
    justify-items: center;
    align-items: center;
    padding-top: 17px;
    padding-bottom: 17px;
}
.qk-sudoku .grid_item .iconfont[data-v-7ff660b8] {
      width: 44px;
      height: 44px;
      background: #d8d8d8;
      -o-object-fit: cover;
         object-fit: cover;
}
.qk-sudoku .grid_item .name[data-v-7ff660b8] {
      font-size: 12px;
      font-family: PingFangSC-Regular,PingFang SC;
      font-weight: 400;
      color: #666666;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.qk-image-carsousel[data-v-525bd2c8] {
  overflow: hidden;
  height: 100%;
  width: 100%;
}
.qk-image-carsousel .image-carsousel-swiper[data-v-525bd2c8],
  .qk-image-carsousel .image-carsousel-slide[data-v-525bd2c8],
  .qk-image-carsousel .image-carsousel-image[data-v-525bd2c8] {
    display: block;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
.qk-image-carsousel .profile-container[data-v-525bd2c8] {
    display: flex;
    flex-direction: row;
    margin: 10px 20px 0 20px;
    justify-items: center;
    height: 100%;
}
.qk-image-carsousel .profile-container .left[data-v-525bd2c8] {
      width: 72px;
      height: 100%;
      margin-right: 8px;
}
.qk-image-carsousel .profile-container .left img[data-v-525bd2c8] {
        width: 64px;
        height: 64px;
        border-radius: 64px;
        background: #d8d8d8;
        margin-left: 3px;
}
.qk-image-carsousel .profile-container .left .name[data-v-525bd2c8] {
        width: 72px;
        font-size: 14px;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: #333333;
        line-height: 20px;
        margin-top: 8px;
}
.qk-image-carsousel .profile-container .right[data-v-525bd2c8] {
      border: 1px dotted #f2f2f2;
      font-size: 12px;
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400;
      color: #666666;
      line-height: 17px;
      overflow: hidden;
      text-align: left;
}
.qk-image-carsousel .profile-container .desc[data-v-525bd2c8] {
      font-size: 12px;
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400;
      color: #999999;
      line-height: 17px;
      white-space: nowrap;
}


.image-carsousel-swiper .wh_swiper{
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.qk-ex-single img[data-v-14764491] {
  border-radius: 3px;
}
.ex-container[data-v-14764491] {
  display: flex;
  margin: 10px 15px;
  flex-direction: column;
  height: 222px;
  justify-items: center;
}
.ex-container .title[data-v-14764491] {
    font-size: 14px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: #333333;
    line-height: 20px;
    height: 20px;
    text-align: left;
    margin-top: 8px;
}
.img1[data-v-14764491] {
  display: block;
  width: 100%;
  height: 188px;
  background-color: #d8d8d8;
  -o-object-fit: cover;
     object-fit: cover;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.qk-ex-double img[data-v-20a4d85a] {
  border-radius: 3px;
}
.container[data-v-20a4d85a] {
  display: flex;
  margin: 10px 15px;
  flex-direction: row;
  height: 196px;
}
.container .left[data-v-20a4d85a] {
    margin-right: 6px;
}
.container .right[data-v-20a4d85a] {
    margin-left: 6px;
}
.container .item[data-v-20a4d85a] {
    flex: 1;
    display: flex;
    flex-direction: column;
}
.container .item .title[data-v-20a4d85a] {
      margin-top: 9px;
      text-align: left;
}
.img1[data-v-20a4d85a] {
  display: block;
  width: 100%;
  height: 162px;
  background-color: #d8d8d8;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 4px;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.du-information[data-v-338bb142] {
  overflow: hidden;
  height: 100%;
  width: 100%;
  padding: 5px;
}
.du-information .info-item[data-v-338bb142] {
    text-align: left;
    cursor: pointer;
    margin-bottom: 3px;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.du-information .info-item .photo-area[data-v-338bb142] {
      display: flex;
      flex-direction: row;
}
.du-information .info-item .photo-area img[data-v-338bb142] {
        width: 100px;
        height: 50px;
        margin: 2px;
}
.du-information .info-item[data-v-338bb142]:hover {
    text-decoration: underline;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.QkThreeD[data-v-d613fbe4] {
  text-align: left;
}
.QkThreeD .title[data-v-d613fbe4] {
    margin: 20px 0;
    font-size: 18px;
    font-family: PingFangSC-Medium,PingFang SC;
    font-weight: 500;
    color: #333333;
}
.QkThreeD .desc[data-v-d613fbe4] {
    margin: 20px 0;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.QkThreedPage[data-v-4e65d826] {
  width: 100%;
  height: 100%;
}
.QkThreedPage .unity-box[data-v-4e65d826] {
    height: 100%;
    width: 100%;
    pointer-events: none;
}
.QkThreedPage .webgl-content[data-v-4e65d826] {
    position: absolute;
    width: 100%;
    height: 100%;
}
.QkThreedPage .webgl-content #unity-container[data-v-4e65d826] {
      height: 100%;
      width: 100%;
}
.QkThreedPage .webgl-content .footer[data-v-4e65d826] {
      position: absolute;
      left: 5px;
      bottom: 5px;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.qk-card-avatar[data-v-43ae5769] {
  overflow: hidden;
}
.qk-card-avatar img[data-v-43ae5769] {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.Dujscard[data-v-39ae4f76] {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.Dujscard .iframepenone[data-v-39ae4f76] {
    pointer-events: none;
}
.Dujscard .demo1[data-v-39ae4f76] {
    width: 100%;
    height: 100%;
    border: 1px solid red;
}
.Dujscard .denglong[data-v-39ae4f76] {
    width: 200px;
    height: 200px;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.Dujssroom[data-v-0d9b2f19] {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.page-container[data-v-43f2cf96] {
  display: flex;
  flex-direction: row;
  width: 100%;
  padding: 40px 20px;
}
.page-container .card-container[data-v-43f2cf96] {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    overflow-x: auto;
}
.page-container .card-container .card-row[data-v-43f2cf96] {
      margin-bottom: 50px;
}
.page-container .card-container .card-row .card-item[data-v-43f2cf96] {
        width: 128px;
        height: 127px;
        background-color: #888888;
        border-radius: 4px;
        font-size: 12px;
        padding: 14px;
        overflow: hidden;
        margin-right: 50px;
        float: left;
}
.page-container .card-container .card-row .card-item .title[data-v-43f2cf96] {
          color: #000;
          margin-bottom: 5px;
}
.page-container .add-story[data-v-43f2cf96] {
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    cursor: pointer;
    margin-top: 10px;
    font-size: 14px;
    margin-bottom: 10px;
}
.page-container .add-story .svg-icon[data-v-43f2cf96] {
      margin-right: 5px;
}
.page-container .story-title[data-v-43f2cf96] {
    font-size: 23px;
    font-weight: bold;
    margin-bottom: 10px;
}
.page-container .story-panel[data-v-43f2cf96] {
    width: 40%;
    margin-right: 20px;
}
.page-container .story-view[data-v-43f2cf96] {
    width: 100%;
}
.page-container .normal[data-v-43f2cf96] {
    height: 90px;
}
.page-container .small[data-v-43f2cf96] {
    height: 26px;
}
.page-container .smallPad[data-v-43f2cf96] {
    padding-left: 50px;
}
.page-container .story-item-container[data-v-43f2cf96] {
    display: flex;
    flex-direction: row;
    margin-bottom: 10px;
}
.page-container .story-item-container .panel[data-v-43f2cf96] {
      border-radius: 4px;
      background-color: #888888;
      overflow: hidden;
      flex: 1;
}
.page-container .story-item-container .panel .title[data-v-43f2cf96] {
        border-bottom: 1px solid #000;
        height: 27px;
        line-height: 27px;
        padding-left: 10px;
        font-size: 13px;
        position: relative;
}
.page-container .story-item-container .panel .title .hidden[data-v-43f2cf96] {
          position: absolute;
          right: 10px;
          top: 7px;
          cursor: pointer;
}
.page-container .story-item-container .panel .content[data-v-43f2cf96] {
        font-size: 12px;
        padding: 10px;
}
.page-container .story-item-container .control-bar[data-v-43f2cf96] {
      text-align: center;
      padding-left: 20px;
      padding-right: 20px;
      padding-top: 10px;
}
.page-container .story-item-container .control-bar .svg-icon[data-v-43f2cf96] {
        margin-right: 10px;
        cursor: pointer;
        font-size: 20px;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.welcome-container[data-v-5838f948] {
  width: 100%;
  margin: 0 auto;
  height: 100vh;
  overflow: hidden;
  display: flex;
  padding-top: 40px;
  padding-bottom: 30px;
  padding-left: 30px;
  padding-right: 30px;
  background-color: #535353;
  flex-direction: column;
}
.welcome-container .container[data-v-5838f948] {
    width: 100%;
    display: flex;
}
.welcome-container .flex-hor[data-v-5838f948] {
    flex-direction: row;
}
.welcome-container .flex-ver[data-v-5838f948] {
    flex-direction: column;
}
.welcome-container .container-a[data-v-5838f948] {
    width: 100%;
    float: left;
    height: 200px;
    background-color: #888888;
}
.welcome-container .spacing-right-small[data-v-5838f948] {
    margin-right: 10px;
}
.welcome-container .spacing-left-small[data-v-5838f948] {
    margin-left: 10px;
}
.welcome-container .spacing-tb-small[data-v-5838f948] {
    display: block;
    height: 50px;
}
.welcome-container .title-row[data-v-5838f948] {
    width: 100%;
    height: 38px;
    border-bottom: 1px solid white;
    margin-bottom: 10px;
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
}
.welcome-container .title-row .font1[data-v-5838f948] {
      float: left;
      font-size: 18px;
      font-weight: bold;
}
.welcome-container .title-row .svg-icon[data-v-5838f948] {
      float: left;
      margin-left: 10px;
      font-size: 23px;
      margin-right: 5px;
      cursor: pointer;
}
.welcome-container .body-class[data-v-5838f948] {
    display: flex;
    flex-direction: row;
}
.welcome-container .body-class .left[data-v-5838f948] {
      flex: 1;
      padding-right: 20px;
}
.welcome-container .body-class .left .title-1[data-v-5838f948] {
        margin-top: 10px;
        font-size: 18px;
        font-weight: bold;
        margin-bottom: 20px;
}
.welcome-container .body-class .left p[data-v-5838f948] {
        text-indent: 2em;
        line-height: 1.5em;
}
.welcome-container .body-class .right[data-v-5838f948] {
      padding-top: 30px;
      float: left;
      width: 250px;
}
.welcome-container .menu[data-v-5838f948] {
    width: 100%;
}
.welcome-container .menu .item[data-v-5838f948] {
      width: 100%;
      height: 35px;
      line-height: 35px;
      margin-bottom: 20px;
      position: relative;
      padding-left: 20px;
      cursor: pointer;
}
.welcome-container .menu .item .check[data-v-5838f948] {
      position: absolute;
      left: 0;
      top: 0;
      width: 8px;
      height: 100%;
      background-color: white;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.guide-box[data-v-6aa38e37] {
  position: relative;
}
.guide-box .content-body[data-v-6aa38e37] {
    top: 50px;
    left: 0;
    z-index: 1043;
    width: 100%;
    height: 100%;
    position: fixed;
    padding-right: 100px;
    padding-left: 100px;
}
.guide-box .content-top[data-v-6aa38e37] {
    text-align: center;
    height: 43px;
}
.guide-box .content-top .el-button-group[data-v-6aa38e37] {
      margin-right: 5px;
}
.guide-box .content-top .el-button[data-v-6aa38e37] {
      float: right;
}
.guide-box .content-bottom[data-v-6aa38e37] {
    margin-top: 30px;
    display: flex;
    flex-direction: row;
}
.guide-box .content-bottom .cb-right[data-v-6aa38e37] {
      margin-left: 25px;
      position: relative;
      width: 100%;
}
.setting-bg[data-v-6aa38e37] {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1042;
  background: #141414;
}
.midd_col_small[data-v-6aa38e37] {
  margin: 0 10px;
}
.midd_col_top[data-v-6aa38e37] {
  margin-top: 10px;
}
.content-box[data-v-6aa38e37] {
  top: 0;
  left: 0;
  z-index: 1043;
  width: 100%;
  height: 100%;
  position: fixed;
  background: transparent;
}
.plateform_row[data-v-6aa38e37] {
  font-size: 13px;
  display: flex;
  flex-direction: row;
}
.plateform_row .plateform_item[data-v-6aa38e37] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    width: 100%;
    height: 161px;
    border-radius: 5px;
    overflow: hidden;
    background: white;
    position: relative;
    transition: all 0.28s;
    border: 1px solid #cccccc;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.16);
    color: #000;
}
.plateform_row .plateform_item img[data-v-6aa38e37] {
      width: 50px;
      margin-bottom: 10px;
}
.plateform_row .plateform_item[data-v-6aa38e37]:hover {
      box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.16);
      transform: translate3d(0, -2px, 0);
}
.plateform_row .selectd[data-v-6aa38e37] {
    border: 2px solid #0479b7;
}
.bottom-control[data-v-6aa38e37] {
  display: flex;
  flex-direction: row;
  margin-top: 10px;
}
.bottom-control .el-button[data-v-6aa38e37] {
    width: 100%;
}
.drop-row[data-v-6aa38e37] {
  margin: 5px 0;
}
.drop-row .el-select[data-v-6aa38e37] {
    width: 100%;
}
.custom-area[data-v-6aa38e37] {
  display: flex;
  flex-direction: row;
  height: 30px;
}
.custom-area .el-input[data-v-6aa38e37] {
    width: 430px;
}
.custom-area .pre[data-v-6aa38e37] {
    width: 30px;
    margin: 0 10px;
    line-height: 30px;
    text-align: center;
}
.input-area[data-v-6aa38e37] {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.input-area .el-input[data-v-6aa38e37] {
    margin-right: 10px;
}
.top-title[data-v-6aa38e37] {
  display: flex;
  flex-direction: row;
  justify-content: center;
  justify-items: center;
  font-size: 20px;
  font-weight: bold;
}
.top-title div[data-v-6aa38e37] {
    flex: 1;
}
.top-title .el-button[data-v-6aa38e37] {
    float: right;
}
.tag-row[data-v-6aa38e37] {
  display: flex;
  flex-direction: row;
  align-content: center;
  align-items: center;
  margin-top: 10px;
}
.tag-row .title[data-v-6aa38e37] {
    font-size: 12px;
    margin-right: 20px;
}
.no-data[data-v-6aa38e37] {
  padding-top: 50px;
  font-size: 14px;
  display: flex;
  justify-content: center;
  justify-items: center;
  align-content: center;
  align-items: center;
  width: 100%;
  flex-direction: column;
}
.no-data img[data-v-6aa38e37] {
    width: 100px;
    margin-top: 10px;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.device-list .el-card[data-v-6aa38e37] {
  display: block;
  cursor: pointer;
  background: #535353;
  padding: 20px;
  text-align: center;
  width: 100px;
  height: 100px;
  margin-bottom: 20px;
  color: #f0f0f0;
}
.device-list .el-card[data-v-6aa38e37]:hover {
  background: #505050;
  border: 1px solid #0084bf;
  box-shadow: 0 2px 12px 0 rgba(0, 132, 191, 0.1);
  color: #f0f0f0;
}
.device-list .is-active[data-v-6aa38e37],
.device-list .is-active[data-v-6aa38e37]:hover {
  background: #0084BF;
  border: 1px solid #ffffff;
  box-shadow: 0 2px 12px 0 rgba(0, 132, 191, 0.1);
  color: #ffffff;
  font-weight: 600;
}
.device-list .el-card i[data-v-6aa38e37] {
  font-size: 32px;
  display: block;
  line-height: 32px;
}
.device-list .el-card .caption[data-v-6aa38e37] {
  font-size: 14px;
  font-weight: 300;
  line-height: 40px;
  padding: 10px 0;
}
.page-item-wrapper[data-v-6aa38e37] {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.page-item-no[data-v-6aa38e37] {
  width: calc((100% - 15px*6)/ 6);
  height: 226px;
}
.page-item[data-v-6aa38e37] {
  width: calc((100% - 15px*6)/ 6);
  height: 226px;
  border-radius: 4px;
  overflow: hidden;
  margin-bottom: 24px;
  background: white;
  position: relative;
  transition: all 0.28s;
}
.page-item .temp-id[data-v-6aa38e37] {
    padding-left: 10px;
    padding-top: 10px;
    position: absolute;
    top: 10;
    right: 2;
    color: white;
    font-size: 12px;
    display: none;
    opacity: 0;
    transform: translateY(-100px);
    transition: .3s;
}
.page-item[data-v-6aa38e37]:hover {
    box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.16);
    transform: translate3d(0, -2px, 0);
}
.page-item:hover .header-mask[data-v-6aa38e37] {
      opacity: 1;
}
.page-item:hover .temp-id[data-v-6aa38e37] {
      display: inline;
      animation: show-6aa38e37 .9s forwards;
}
.page-item:hover .page-item-data-pv[data-v-6aa38e37] {
      width: 100%;
      display: flex;
      animation: show-6aa38e37 .5s forwards;
}
.page-item:hover .page-item-data-pv .btn-wrapper[data-v-6aa38e37] {
        flex: 1;
        text-align: center;
}
.page-item:hover .bottom-bar[data-v-6aa38e37] {
      animation: show-6aa38e37 .5s forwards;
      font-size: 12px;
      display: flex;
      flex-direction: row;
      padding: 0 10px;
      height: 30px;
}
.page-item:hover .bottom-bar .item[data-v-6aa38e37] {
        float: left;
        display: flex;
        flex-direction: row;
        align-items: center;
        margin-right: 10px;
        color: #000;
}
.page-item:hover .bottom-bar .item img[data-v-6aa38e37] {
          width: 18px;
          margin-right: 8px;
}
.page-item .ercode-part[data-v-6aa38e37] {
    position: absolute;
    right: 1px;
    background: rgba(25, 25, 25, 0.7);
    padding: 5px;
    bottom: 66px;
    border-top-left-radius: 2px;
    z-index: 20;
    cursor: pointer;
}
.page-item .ercode-part .big[data-v-6aa38e37] {
      display: none;
      opacity: 0;
}
.page-item .ercode-part[data-v-6aa38e37]:hover {
      width: 100%;
      height: 160px;
      align-items: center;
      justify-content: center;
      justify-items: center;
      display: flex;
}
.page-item .ercode-part:hover .small[data-v-6aa38e37] {
        opacity: 0;
}
.page-item .ercode-part:hover .big[data-v-6aa38e37] {
        display: inline;
        opacity: 1;
}
.page-item .bottom-area[data-v-6aa38e37] {
    display: flex;
    flex-direction: column;
    height: 66px;
}
.page-item .page-item-title[data-v-6aa38e37] {
    height: 100%;
}
.page-item .page-item-title span[data-v-6aa38e37] {
      display: flex;
      justify-content: center;
      align-content: center;
      width: 100%;
      color: #111;
      transition: transform .2s ease;
      background-color: white;
      text-overflow: ellipsis;
      white-space: nowrap;
      text-align: center;
      font-size: 16px;
      height: 100%;
      align-items: center;
      font-weight: 500;
}
.page-item .page-item-data-pv[data-v-6aa38e37] {
    display: none;
    opacity: 0;
    transform: translateY(100px);
    transition: .3s;
}
.page-item .unpublish[data-v-6aa38e37] {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 12px;
    display: block;
    padding: 0 10px;
    height: 30px;
    line-height: 30px;
    background-color: #76838f;
    color: #fff;
    border-top-left-radius: 4px;
    border-bottom-right-radius: 12px;
    z-index: 10;
}
.page-item .header-mask[data-v-6aa38e37] {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.8);
    width: 100%;
    height: 160px;
    border-radius: 4px 4px 0 0;
    text-align: center;
    transition: top .28s ease, opacity .28s ease, height .28s ease;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.page-item .header-mask .details-btn[data-v-6aa38e37] {
      display: inline-block;
      width: 100px;
      height: 38px;
      font-size: 15px;
      line-height: 38px;
      border-radius: 22px;
      border: 1px solid #fff;
      color: #fff;
      cursor: pointer;
}
.page-item .cover[data-v-6aa38e37] {
    width: 100%;
    height: 160px;
    background-size: cover;
    justify-content: center;
    align-items: center;
    display: flex;
    padding: 1px 1px 0 1px;
}
.page-item .cover img[data-v-6aa38e37] {
      border-top-left-radius: 4px;
      border-top-right-radius: 4px;
      display: inline-block;
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover;
}
.page-item .bottom-bar[data-v-6aa38e37] {
    display: none;
    opacity: 0;
    transform: translateY(100px);
    transition: .3s;
}
.select-com[data-v-6aa38e37] {
  width: 120px;
}
@keyframes show-6aa38e37 {
to {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
}
}
.no-data[data-v-6aa38e37] {
  width: 100%;
  text-align: center;
  margin-top: 50px;
}
.no-data .svg-icon[data-v-6aa38e37] {
    width: 100px;
    height: 100px;
    margin-bottom: 30px;
}
.no-data .el-button[data-v-6aa38e37] {
    margin-top: 20px;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.guide-box[data-v-3d764c0e] {
  width: 100%;
  position: relative;
}
.setBody[data-v-3d764c0e] {
  margin: 10px 0 0 0;
}
.setting-bg[data-v-3d764c0e] {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: white;
  z-index: 1042;
}
.midd_col_small[data-v-3d764c0e] {
  margin: 0 10px;
}
.midd_col_top[data-v-3d764c0e] {
  margin-top: 10px;
}
.content-box[data-v-3d764c0e] {
  top: 15%;
  left: 25%;
  z-index: 1043;
  background: rgba(25, 25, 25, 0.7);
  width: 949px;
  position: fixed;
  padding: 35px;
}
.plateform_row[data-v-3d764c0e] {
  font-size: 13px;
  display: flex;
  flex-direction: row;
  margin-bottom: 10px;
}
.plateform_row .selectd[data-v-3d764c0e] {
    border: 2px solid #ff5656;
}
.plateform_row .plateform_item[data-v-3d764c0e] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    width: 100%;
    height: 161px;
    border-radius: 5px;
    overflow: hidden;
    background: white;
    position: relative;
    transition: all 0.28s;
    border: 1px solid #cccccc;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.16);
}
.plateform_row .plateform_item img[data-v-3d764c0e] {
      width: 50px;
      margin-bottom: 10px;
}
.plateform_row .plateform_item[data-v-3d764c0e]:hover {
      box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.16);
      transform: translate3d(0, -2px, 0);
}
.bottom-control[data-v-3d764c0e] {
  display: flex;
  flex-direction: row;
  margin-top: 10px;
}
.bottom-control .el-button[data-v-3d764c0e] {
    width: 100%;
}
.drop-row[data-v-3d764c0e] {
  margin: 5px 0;
}
.drop-row .el-select[data-v-3d764c0e] {
    width: 100%;
}
.drop-title[data-v-3d764c0e] {
  font-size: 12px;
  margin: 10px 0;
}
.custom-area[data-v-3d764c0e] {
  display: flex;
  flex-direction: row;
  height: 30px;
}
.custom-area .el-input[data-v-3d764c0e] {
    width: 430px;
}
.custom-area .pre[data-v-3d764c0e] {
    width: 30px;
    margin: 0 10px;
    line-height: 30px;
    text-align: center;
}
.input-area[data-v-3d764c0e] {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.input-area .el-input[data-v-3d764c0e] {
    width: 100%;
    margin-right: 10px;
}
.top-title[data-v-3d764c0e] {
  display: flex;
  flex-direction: row;
  justify-content: center;
  justify-items: center;
  font-size: 20px;
  font-weight: bold;
  color: white;
}
.top-title div[data-v-3d764c0e] {
    flex: 1;
}
.top-title .el-button[data-v-3d764c0e] {
    float: right;
}
.tag-row[data-v-3d764c0e] {
  display: flex;
  flex-direction: row;
  align-content: center;
  align-items: center;
  margin-top: 10px;
}
.tag-row .title[data-v-3d764c0e] {
    font-size: 12px;
    margin-right: 20px;
}
.page-item-wrapper[data-v-3d764c0e] {
  display: flex;
  flex-wrap: wrap;
  margin-top: 10px;
}
.page-item[data-v-3d764c0e] {
  margin-right: 10px;
  padding-bottom: 10px;
  width: 200px;
  border-radius: 4px;
  overflow: hidden;
  margin-bottom: 24px;
  background: white;
  position: relative;
  transition: all 0.28s;
}
.page-item .temp-id[data-v-3d764c0e] {
    padding-left: 10px;
    padding-top: 10px;
    position: absolute;
    top: 10;
    right: 2;
    color: white;
    font-size: 12px;
}
.page-item[data-v-3d764c0e]:hover {
    box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.16);
    transform: translate3d(0, -2px, 0);
}
.page-item:hover .header-mask[data-v-3d764c0e] {
      opacity: 1;
}
.page-item .header-mask[data-v-3d764c0e] {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.8);
    width: 100%;
    height: 150px;
    border-radius: 4px 4px 0 0;
    text-align: center;
    transition: top .28s ease, opacity .28s ease, height .28s ease;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    align-items: center;
    justify-items: center;
}
.page-item .header-mask .details-btn[data-v-3d764c0e] {
      width: 100px;
      height: 38px;
      font-size: 15px;
      line-height: 38px;
      border-radius: 22px;
      border: 1px solid #fff;
      color: #fff;
      cursor: pointer;
}
.page-item .cover[data-v-3d764c0e] {
    width: 100%;
    height: 150px;
    background-size: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}
.page-item .cover img[data-v-3d764c0e] {
      display: inline-block;
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover;
}
.page-item .page-item-title .item-title-i[data-v-3d764c0e] {
    display: inline-block;
    width: 85%;
    font-size: 14px;
    height: 25px;
    line-height: 25px;
    color: #111;
    transition: transform .2s ease;
    background-color: #fff;
    padding: 2px 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 400;
}
.bottom-bar[data-v-3d764c0e] {
  font-size: 12px;
  display: flex;
  flex-direction: row;
  padding: 0 10px;
}
.bottom-bar .item[data-v-3d764c0e] {
    float: left;
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-right: 10px;
}
.bottom-bar .item img[data-v-3d764c0e] {
      width: 18px;
      margin-right: 8px;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.i-big[data-v-12389f28] {
  font-size: 25px;
}
.components-contrl-bar[data-v-12389f28] {
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  justify-content: center;
  justify-items: center;
  z-index: 3;
  height: 100%;
  background: #242424;
}
.components-contrl-bar .active[data-v-12389f28] {
    color: #2589FF;
}
.components-contrl-bar .button-item[data-v-12389f28] {
    display: inline-block;
    width: 60px;
    cursor: pointer;
    text-align: center;
    vertical-align: bottom;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    height: 100%;
    padding-top: 15px;
}
.components-contrl-bar .button-item img[data-v-12389f28] {
      height: 20px;
}
.components-contrl-bar .button-item.scale-wrappper[data-v-12389f28] {
      width: 120px;
      margin-right: 10px;
      padding-top: 12px;
}
.components-contrl-bar .button-item.scale-wrappper[data-v-12389f28]:hover {
        color: inherit;
        transform: none;
}
.components-contrl-bar .button-item.scale-wrappper > .scale-btn[data-v-12389f28] {
        display: inline-block;
        vertical-align: middle;
        transition: all 0.28s;
        font-size: 25px;
}
.components-contrl-bar .button-item.scale-wrappper > .scale-btn[data-v-12389f28]:hover {
          color: #2589FF;
}
.components-contrl-bar .button-item[data-v-12389f28]:hover {
      color: #2589FF;
}
.components-contrl-bar .button-item.disabled[data-v-12389f28] {
      cursor: not-allowed;
      color: #7F8593 !important;
}
.components-contrl-bar .button-item > i[data-v-12389f28] {
      font-size: 25px;
      display: inline-block;
      transition: all 0.28s;
}
.components-contrl-bar .button-item > p[data-v-12389f28] {
      font-size: 12px;
}
.scale-input[data-v-12389f28] {
  display: inline-block;
  position: relative;
  padding: 7px 0;
  width: 46px;
  font-size: 14px;
  text-align: center;
  cursor: pointer;
  white-space: nowrap;
  border-radius: 17px;
  margin: 0 4px;
}
.scale-input[data-v-12389f28]:hover {
    background: #dfdfdf;
}
.icon-size[data-v-12389f28] {
  width: 20px;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.exit-area[data-v-27145c8f] {
  display: flex;
  flex-direction: row;
  align-content: center;
  align-items: center;
  background-color: black;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
[data-v-6da3afbd] .el-pagination.is-background .el-pager li:not(.disabled) {
  background-color: #fff;
}
[data-v-6da3afbd] .el-pagination.is-background .el-pager li:not(.disabled).active {
  background-color: #f0992d;
  color: #fff;
}
.list-bar-wrapper[data-v-6da3afbd] {
  position: absolute;
  top: -60px;
  left: 0;
  width: 100%;
  text-align: center;
  z-index: 100;
  height: 60px;
}
.list-tpl-bar-wrapper[data-v-6da3afbd] {
  position: absolute;
  top: -60px;
  right: 0;
  text-align: center;
  z-index: 101;
  height: 60px;
  width: 300px;
}
.tab-container[data-v-6da3afbd] {
  margin: 0 0 20px 0;
}
.float-buttons[data-v-6da3afbd] {
  position: absolute;
  top: 13px;
  right: 20px;
  float: right;
}
.float-back-buttons[data-v-6da3afbd] {
  position: absolute;
  top: 13px;
  right: 70px;
  float: right;
}
.float-buttons .el-button[data-v-6da3afbd] {
  font-size: 100%;
  box-shadow: 0px 0px 5px #353535;
}
.my-page-list[data-v-6da3afbd] {
  min-width: 1280px;
  max-width: 1920px;
  margin: 0 auto;
}
.my-page-list .page-content[data-v-6da3afbd] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 15px 15px;
}
.my-page-nav-list[data-v-6da3afbd] {
  height: 40px;
  line-height: 40px;
  z-index: 2;
  margin-bottom: 20px;
}
.my-page-nav-list .my-page-nav-item[data-v-6da3afbd] {
    float: left;
    padding-right: 32px;
    text-align: center;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
}
.my-page-nav-list .my-page-nav-item img[data-v-6da3afbd] {
      margin-right: 3px;
      width: 20px;
      height: 20px;
}
.my-page-nav-list .my-page-nav-item.active[data-v-6da3afbd] {
      color: #2589FF;
      font-weight: bold;
}
.my-page-nav-list .my-page-nav-item[data-v-6da3afbd]:hover {
      color: #2589FF;
}
.my-page-nav-list .small[data-v-6da3afbd] {
    font-size: 14px;
}
.page-item-wrapper[data-v-6da3afbd] {
  width: 100%;
  margin-top: 40px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@keyframes show-6da3afbd {
to {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
}
}
.page-item-no[data-v-6da3afbd] {
  width: calc((100% - 15px*6)/ 6);
  height: auto;
}
.page-item[data-v-6da3afbd] {
  width: calc((100% - 15px*6)/ 6);
  height: auto;
  border-radius: 4px;
  overflow: hidden;
  margin-bottom: 24px;
  background: white;
  position: relative;
  transition: all 0.28s;
}
.page-item[data-v-6da3afbd]:hover {
    box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.16);
    transform: translate3d(0, 2px, 0);
}
.page-item:hover .header-mask[data-v-6da3afbd] {
      opacity: 1;
}
.page-item:hover .temp-id[data-v-6da3afbd] {
      display: inline;
      animation: show-6da3afbd .9s forwards;
}
.page-item:hover .page-item-data-pv[data-v-6da3afbd] {
      width: 100%;
      display: flex;
      animation: show-6da3afbd .5s forwards;
}
.page-item:hover .page-item-data-pv .btn-wrapper[data-v-6da3afbd] {
        flex: 1;
        text-align: center;
}
.page-item .temp-id[data-v-6da3afbd] {
    padding-left: 10px;
    padding-top: 10px;
    position: absolute;
    top: 10;
    right: 2;
    color: white;
    font-size: 12px;
    display: none;
    opacity: 0;
    transform: translateY(-100px);
    transition: .3s;
}
.page-item .ercode-part[data-v-6da3afbd] {
    position: absolute;
    right: 2px;
    background: rgba(25, 25, 25, 0.5);
    padding: 5px;
    bottom: 34px;
    border-top-left-radius: 2px;
    z-index: 20;
    cursor: pointer;
}
.page-item .ercode-part .big[data-v-6da3afbd] {
      display: none;
      opacity: 0;
}
.page-item .ercode-part[data-v-6da3afbd]:hover {
      width: 100%;
      height: 160px;
      align-items: center;
      justify-content: center;
      justify-items: center;
      display: flex;
}
.page-item .ercode-part:hover .small[data-v-6da3afbd] {
        opacity: 0;
}
.page-item .ercode-part:hover .big[data-v-6da3afbd] {
        display: inline;
        opacity: 1;
}
.page-item .drop-down-menu[data-v-6da3afbd] {
    position: absolute;
    right: 5px;
    bottom: 0px;
    margin: 0 0;
    width: 100%;
}
.page-item .item-title-i[data-v-6da3afbd] {
    float: left;
    background: white !important;
}
.page-item .el-dropdown-link[data-v-6da3afbd] {
    background: white !important;
}
.page-item .el-dropdown-menu[data-v-6da3afbd] {
    width: 100%;
    min-width: 180px;
    height: 100px !important;
    text-align: left;
    background: white !important;
}
.page-item .ercode-mask[data-v-6da3afbd] {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    display: none;
    background-color: rgba(0, 0, 0, 0.8);
    width: 100%;
    height: 90px;
    border-radius: 4px 4px 0 0;
    z-index: 10;
    text-align: center;
    padding-top: 10px;
    z-index: 16;
}
.page-item .ercode-mask .svg-icon[data-v-6da3afbd] {
      width: 90px;
      height: 90px;
}
.page-item .bottom-area[data-v-6da3afbd] {
    display: flex;
    flex-direction: column;
    height: 32px;
}
.page-item .page-item-title[data-v-6da3afbd] {
    height: 100%;
}
.page-item .page-item-title span[data-v-6da3afbd] {
      display: flex;
      justify-content: left;
      align-content: center;
      width: 100%;
      color: #111;
      transition: transform .2s ease;
      background: #f0f0f0;
      text-overflow: ellipsis;
      white-space: nowrap;
      word-break: break-all;
      text-align: left;
      font-size: 12px;
      align-items: center;
      font-weight: 500;
      padding: 0 0 0 10px;
      margin: 0 0;
      height: 32px;
      line-height: 32px;
      cursor: pointer;
}
.page-item .page-item-data-pv[data-v-6da3afbd] {
    display: none;
    opacity: 0;
    transform: translateY(100px);
    transition: .3s;
}
.page-item .unpublish[data-v-6da3afbd] {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 12px;
    display: block;
    padding: 0 10px;
    height: 30px;
    line-height: 30px;
    background-color: #76838f;
    color: #fff;
    border-top-left-radius: 4px;
    border-bottom-right-radius: 12px;
    z-index: 10;
}
.page-item .header-mask[data-v-6da3afbd] {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.8);
    width: 100%;
    height: 160px;
    border-radius: 4px 4px 0 0;
    padding-top: 42px;
    text-align: center;
    transition: top .28s ease, opacity .28s ease, height .28s ease;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.page-item .header-mask .details-btn[data-v-6da3afbd] {
      display: inline-block;
      width: 80px;
      height: 24px;
      font-size: 12px;
      line-height: 24px;
      border-radius: 12px 12px;
      border: 1px solid #fff;
      color: #fff;
      cursor: pointer;
      text-decoration: none;
}
.page-item .header-mask .details-btn[data-v-6da3afbd]:hover {
        text-decoration: none;
}
.page-item .cover[data-v-6da3afbd] {
    width: 100%;
    height: 160px;
    background-size: cover;
    justify-content: center;
    align-items: center;
    display: flex;
    padding: 1px 1px 0 1px;
}
.page-item .cover img[data-v-6da3afbd] {
      border-top-left-radius: 4px;
      border-top-right-radius: 4px;
      display: inline-block;
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover;
}
.page-item.create[data-v-6da3afbd] {
  padding: 8px;
  text-align: center;
}
.page-item.create .temp-create[data-v-6da3afbd] {
    display: inline-block;
    width: 100%;
    height: 100%;
    border: 1px solid #e6ebed;
    border-radius: 3px;
    margin-bottom: 18px;
    padding-top: 104px;
    transition: all 0.28s;
    cursor: pointer;
}
.page-item.create .temp-create[data-v-6da3afbd]:hover {
      color: #2589FF;
      border-color: #2589FF;
}
.page-item.create .null-create[data-v-6da3afbd] {
    display: inline-block;
    width: 192px;
    height: 42px;
    line-height: 42px;
    border: 1px solid #e6ebed;
    transition: all 0.28s;
    cursor: pointer;
}
.page-item.create .null-create[data-v-6da3afbd]:hover {
      color: #2589FF;
      border-color: #2589FF;
}
.full-input-w[data-v-6da3afbd] {
  width: 100%;
}
.page-search-wrapper[data-v-6da3afbd] {
  padding: 0;
}
.platform_item[data-v-6da3afbd] {
  display: flex;
  flex-direction: row;
  justify-items: center;
  align-content: center;
  align-items: center;
  padding-left: 5px;
}
.platform_item img[data-v-6da3afbd] {
    width: 20px;
    height: 20px;
}
.nav-tabs-label[data-v-6da3afbd] {
  margin-left: 5px;
  display: inline-block;
  padding: 0 0;
  height: 60px;
  line-height: 60px;
  color: #2589FF;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.my-page-list .page-search-wrapper .el-tabs__header {
  margin: 0;
}
.my-page-list .page-search-wrapper .el-tabs__nav-wrap {
  padding: 0 30px;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.list-bar-wrapper[data-v-3fd36219] {
  position: absolute;
  top: -60px;
  left: 0;
  width: 100%;
  text-align: center;
  z-index: 100;
  height: 60px;
}
.list-tpl-bar-wrapper[data-v-3fd36219] {
  position: absolute;
  top: -60px;
  right: 0;
  text-align: center;
  z-index: 101;
  height: 60px;
  width: 300px;
}
.tab-container[data-v-3fd36219] {
  margin: 0 0 20px 0;
}
.float-buttons[data-v-3fd36219] {
  position: absolute;
  top: 13px;
  right: 20px;
  float: right;
}
.float-buttons .el-button[data-v-3fd36219] {
  font-size: 100%;
  box-shadow: 0px 0px 5px #353535;
}
.my-page-list[data-v-3fd36219] {
  min-width: 1280px;
  max-width: 1920px;
  margin: 0 auto;
}
.my-page-list .page-content[data-v-3fd36219] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 15px 15px;
}
.my-page-nav-list[data-v-3fd36219] {
  height: 40px;
  line-height: 40px;
  z-index: 2;
  margin-bottom: 20px;
}
.my-page-nav-list .my-page-nav-item[data-v-3fd36219] {
    float: left;
    padding-right: 32px;
    text-align: center;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
}
.my-page-nav-list .my-page-nav-item img[data-v-3fd36219] {
      margin-right: 3px;
      width: 20px;
      height: 20px;
}
.my-page-nav-list .my-page-nav-item.active[data-v-3fd36219] {
      color: #2589FF;
      font-weight: bold;
}
.my-page-nav-list .my-page-nav-item[data-v-3fd36219]:hover {
      color: #2589FF;
}
.my-page-nav-list .small[data-v-3fd36219] {
    font-size: 14px;
}
.page-item-wrapper[data-v-3fd36219] {
  width: 100%;
  margin-top: 40px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@keyframes show-3fd36219 {
to {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
}
}
.page-item-no[data-v-3fd36219] {
  width: calc((100% - 15px*6)/ 6);
  height: auto;
}
.page-item[data-v-3fd36219] {
  width: calc((100% - 15px*6)/ 6);
  height: auto;
  border-radius: 4px;
  overflow: hidden;
  margin-bottom: 24px;
  background: white;
  position: relative;
  transition: all 0.28s;
}
.page-item[data-v-3fd36219]:hover {
    box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.16);
    transform: translate3d(0, 2px, 0);
}
.page-item:hover .header-mask[data-v-3fd36219] {
      opacity: 1;
}
.page-item:hover .temp-id[data-v-3fd36219] {
      display: inline;
      animation: show-3fd36219 .9s forwards;
}
.page-item:hover .page-item-data-pv[data-v-3fd36219] {
      width: 100%;
      display: flex;
      animation: show-3fd36219 .5s forwards;
}
.page-item:hover .page-item-data-pv .btn-wrapper[data-v-3fd36219] {
        flex: 1;
        text-align: center;
}
.page-item .temp-id[data-v-3fd36219] {
    padding-left: 10px;
    padding-top: 10px;
    position: absolute;
    top: 10;
    right: 2;
    color: white;
    font-size: 12px;
    display: none;
    opacity: 0;
    transform: translateY(-100px);
    transition: .3s;
}
.page-item .ercode-part[data-v-3fd36219] {
    position: absolute;
    right: 2px;
    background: rgba(25, 25, 25, 0.5);
    padding: 5px;
    bottom: 34px;
    border-top-left-radius: 2px;
    z-index: 20;
    cursor: pointer;
}
.page-item .ercode-part .big[data-v-3fd36219] {
      display: none;
      opacity: 0;
}
.page-item .ercode-part[data-v-3fd36219]:hover {
      width: 100%;
      height: 160px;
      align-items: center;
      justify-content: center;
      justify-items: center;
      display: flex;
}
.page-item .ercode-part:hover .small[data-v-3fd36219] {
        opacity: 0;
}
.page-item .ercode-part:hover .big[data-v-3fd36219] {
        display: inline;
        opacity: 1;
}
.page-item .drop-down-menu[data-v-3fd36219] {
    position: absolute;
    right: 5px;
    bottom: 0px;
    margin: 0 0;
    width: 100%;
}
.page-item .item-title-i[data-v-3fd36219] {
    float: left;
    background: white !important;
}
.page-item .el-dropdown-link[data-v-3fd36219] {
    background: white !important;
}
.page-item .el-dropdown-menu[data-v-3fd36219] {
    width: 100%;
    min-width: 180px;
    height: 100px !important;
    text-align: left;
    background: white !important;
}
.page-item .ercode-mask[data-v-3fd36219] {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    display: none;
    background-color: rgba(0, 0, 0, 0.8);
    width: 100%;
    height: 90px;
    border-radius: 4px 4px 0 0;
    z-index: 10;
    text-align: center;
    padding-top: 10px;
    z-index: 16;
}
.page-item .ercode-mask .svg-icon[data-v-3fd36219] {
      width: 90px;
      height: 90px;
}
.page-item .bottom-area[data-v-3fd36219] {
    display: flex;
    flex-direction: column;
    height: 32px;
}
.page-item .page-item-title[data-v-3fd36219] {
    height: 100%;
}
.page-item .page-item-title span[data-v-3fd36219] {
      display: flex;
      justify-content: left;
      align-content: center;
      width: 100%;
      color: #111;
      transition: transform .2s ease;
      background: #f0f0f0;
      text-overflow: ellipsis;
      white-space: nowrap;
      word-break: break-all;
      text-align: left;
      font-size: 12px;
      align-items: center;
      font-weight: 500;
      padding: 0 0 0 10px;
      margin: 0 0;
      height: 32px;
      line-height: 32px;
      cursor: pointer;
}
.page-item .page-item-data-pv[data-v-3fd36219] {
    display: none;
    opacity: 0;
    transform: translateY(100px);
    transition: .3s;
}
.page-item .unpublish[data-v-3fd36219] {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 12px;
    display: block;
    padding: 0 10px;
    height: 30px;
    line-height: 30px;
    background-color: #76838f;
    color: #fff;
    border-top-left-radius: 4px;
    border-bottom-right-radius: 12px;
    z-index: 10;
}
.page-item .header-mask[data-v-3fd36219] {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.8);
    width: 100%;
    height: 160px;
    border-radius: 4px 4px 0 0;
    padding-top: 42px;
    text-align: center;
    transition: top .28s ease, opacity .28s ease, height .28s ease;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.page-item .header-mask .details-btn[data-v-3fd36219] {
      display: inline-block;
      width: 80px;
      height: 24px;
      font-size: 12px;
      line-height: 24px;
      border-radius: 12px 12px;
      border: 1px solid #fff;
      color: #fff;
      cursor: pointer;
      text-decoration: none;
}
.page-item .header-mask .details-btn[data-v-3fd36219]:hover {
        text-decoration: none;
}
.page-item .cover[data-v-3fd36219] {
    width: 100%;
    height: 160px;
    background-size: cover;
    justify-content: center;
    align-items: center;
    display: flex;
    padding: 1px 1px 0 1px;
}
.page-item .cover img[data-v-3fd36219] {
      border-top-left-radius: 4px;
      border-top-right-radius: 4px;
      display: inline-block;
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover;
}
.page-item.create[data-v-3fd36219] {
  padding: 8px;
  text-align: center;
}
.page-item.create .temp-create[data-v-3fd36219] {
    display: inline-block;
    width: 100%;
    height: 100%;
    border: 1px solid #e6ebed;
    border-radius: 3px;
    margin-bottom: 18px;
    padding-top: 104px;
    transition: all 0.28s;
    cursor: pointer;
}
.page-item.create .temp-create[data-v-3fd36219]:hover {
      color: #2589FF;
      border-color: #2589FF;
}
.page-item.create .null-create[data-v-3fd36219] {
    display: inline-block;
    width: 192px;
    height: 42px;
    line-height: 42px;
    border: 1px solid #e6ebed;
    transition: all 0.28s;
    cursor: pointer;
}
.page-item.create .null-create[data-v-3fd36219]:hover {
      color: #2589FF;
      border-color: #2589FF;
}
.full-input-w[data-v-3fd36219] {
  width: 100%;
}
.page-search-wrapper[data-v-3fd36219] {
  padding: 0;
}
.platform_item[data-v-3fd36219] {
  display: flex;
  flex-direction: row;
  justify-items: center;
  align-content: center;
  align-items: center;
  padding-left: 5px;
}
.platform_item img[data-v-3fd36219] {
    width: 20px;
    height: 20px;
}
.nav-tabs-label[data-v-3fd36219] {
  margin-left: 5px;
  display: inline-block;
  padding: 0 0;
  height: 60px;
  line-height: 60px;
  color: #2589FF;
}
.no-data[data-v-3fd36219] {
  width: 100%;
  text-align: center;
  margin-top: 220px;
}
.no-data .svg-icon[data-v-3fd36219] {
    width: 100px;
    height: 100px;
    margin-bottom: 30px;
}
.no-data .el-button[data-v-3fd36219] {
    margin-top: 20px;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.my-page-list .page-search-wrapper .el-tabs__header {
  margin: 0;
}
.my-page-list .page-search-wrapper .el-tabs__nav-wrap {
  padding: 0 30px;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.my-page-list .page-content[data-v-852d0820] {
  background-color: #eef1f2;
  height: 100vh;
}
.my-page-nav-list[data-v-852d0820] {
  height: 40px;
  line-height: 40px;
  z-index: 2;
  margin-bottom: 20px;
}
.my-page-nav-list .my-page-nav-item[data-v-852d0820] {
    float: left;
    padding-right: 32px;
    text-align: center;
    cursor: pointer;
}
.my-page-nav-list .my-page-nav-item.active[data-v-852d0820] {
      color: #2589FF;
      font-weight: bold;
}
.my-page-nav-list .my-page-nav-item[data-v-852d0820]:hover {
      color: #2589FF;
}
.page-item-wrapper[data-v-852d0820] {
  display: flex;
  flex-wrap: wrap;
}
.page-item[data-v-852d0820] {
  margin-left: 10px;
  width: 164px;
  height: 226px;
  border-radius: 4px;
  overflow: hidden;
  margin-bottom: 24px;
  background: white;
  position: relative;
  transition: all 0.28s;
}
.page-item .temp-id[data-v-852d0820] {
    padding-left: 10px;
    padding-top: 10px;
    position: absolute;
    top: 10;
    right: 2;
    color: white;
    font-size: 12px;
}
.page-item[data-v-852d0820]:hover {
    box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.16);
    transform: translate3d(0, -2px, 0);
}
.page-item:hover .header-mask[data-v-852d0820] {
      opacity: 1;
}
.page-item .unpublish[data-v-852d0820] {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 12px;
    display: block;
    padding: 0 10px;
    height: 30px;
    line-height: 30px;
    background-color: #76838f;
    color: #fff;
    border-top-left-radius: 4px;
    border-bottom-right-radius: 12px;
    z-index: 10;
}
.page-item .header-mask[data-v-852d0820] {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.8);
    width: 100%;
    height: 160px;
    border-radius: 4px 4px 0 0;
    padding-top: 42px;
    text-align: center;
    transition: top .28s ease, opacity .28s ease, height .28s ease;
}
.page-item .header-mask .details-btn[data-v-852d0820] {
      display: inline-block;
      width: 100px;
      height: 38px;
      font-size: 15px;
      line-height: 38px;
      border-radius: 22px;
      border: 1px solid #fff;
      color: #fff;
      cursor: pointer;
}
.page-item .cover[data-v-852d0820] {
    width: 100%;
    height: 160px;
    background-size: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}
.page-item .cover img[data-v-852d0820] {
      display: inline-block;
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover;
}
.page-item .page-item-title .item-title-i[data-v-852d0820] {
    display: inline-block;
    width: 85%;
    font-size: 14px;
    height: 36px;
    line-height: 36px;
    color: #111;
    transition: transform .2s ease;
    background-color: #fff;
    padding: 0 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    float: left;
}
.page-item .page-item-data-pv[data-v-852d0820] {
    width: 100%;
    display: flex;
}
.page-item .page-item-data-pv .btn-wrapper[data-v-852d0820] {
      flex: 1;
      text-align: center;
}
.page-item.create[data-v-852d0820] {
  padding: 8px;
  text-align: center;
}
.page-item.create .temp-create[data-v-852d0820] {
    display: inline-block;
    width: 100%;
    height: 100%;
    border: 1px solid #e6ebed;
    border-radius: 3px;
    margin-bottom: 18px;
    padding-top: 104px;
    transition: all 0.28s;
    cursor: pointer;
}
.page-item.create .temp-create[data-v-852d0820]:hover {
      color: #2589FF;
      border-color: #2589FF;
}
.page-item.create .null-create[data-v-852d0820] {
    display: inline-block;
    width: 192px;
    height: 42px;
    line-height: 42px;
    border: 1px solid #e6ebed;
    transition: all 0.28s;
    cursor: pointer;
}
.page-item.create .null-create[data-v-852d0820]:hover {
      color: #2589FF;
      border-color: #2589FF;
}
.full-input-w[data-v-852d0820] {
  width: 100%;
}
.nav-tabs-label[data-v-852d0820] {
  display: inline-block;
  padding: 0 16px;
  height: 60px;
  line-height: 60px;
  color: #2589FF;
}
.page-search-wrapper[data-v-852d0820] {
  padding: 0;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.my-page-list .page-search-wrapper .el-tabs__header {
  margin: 0;
}
.my-page-list .page-search-wrapper .el-tabs__nav-wrap {
  padding: 0 30px;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.my-page-list .page-content[data-v-1c1e9a86] {
  background-color: #eef1f2;
  height: 100vh;
}
.my-page-nav-list[data-v-1c1e9a86] {
  height: 40px;
  line-height: 40px;
  z-index: 2;
  margin-bottom: 20px;
}
.my-page-nav-list .my-page-nav-item[data-v-1c1e9a86] {
    float: left;
    padding-right: 32px;
    text-align: center;
    cursor: pointer;
}
.my-page-nav-list .my-page-nav-item.active[data-v-1c1e9a86] {
      color: #2589FF;
      font-weight: bold;
}
.my-page-nav-list .my-page-nav-item[data-v-1c1e9a86]:hover {
      color: #2589FF;
}
.page-item-wrapper[data-v-1c1e9a86] {
  display: flex;
  flex-wrap: wrap;
}
.page-item[data-v-1c1e9a86] {
  margin-left: 10px;
  width: 164px;
  height: 226px;
  border-radius: 4px;
  overflow: hidden;
  margin-bottom: 24px;
  background: white;
  position: relative;
  transition: all 0.28s;
}
.page-item .temp-id[data-v-1c1e9a86] {
    padding-left: 2px;
    padding-top: 10px;
    position: absolute;
    top: 10;
    right: 2;
    color: white;
    font-size: 10px;
}
.page-item[data-v-1c1e9a86]:hover {
    box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.16);
    transform: translate3d(0, -2px, 0);
}
.page-item:hover .header-mask[data-v-1c1e9a86] {
      opacity: 1;
}
.page-item .unpublish[data-v-1c1e9a86] {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 12px;
    display: block;
    padding: 0 10px;
    height: 30px;
    line-height: 30px;
    background-color: #76838f;
    color: #fff;
    border-top-left-radius: 4px;
    border-bottom-right-radius: 12px;
    z-index: 10;
}
.page-item .header-mask[data-v-1c1e9a86] {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.8);
    width: 100%;
    height: 160px;
    border-radius: 4px 4px 0 0;
    padding-top: 42px;
    text-align: center;
    transition: top .28s ease, opacity .28s ease, height .28s ease;
}
.page-item .header-mask .details-btn[data-v-1c1e9a86] {
      display: inline-block;
      width: 100px;
      height: 38px;
      font-size: 15px;
      line-height: 38px;
      border-radius: 22px;
      border: 1px solid #fff;
      color: #fff;
      cursor: pointer;
}
.page-item .cover[data-v-1c1e9a86] {
    width: 100%;
    height: 160px;
    background-size: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}
.page-item .cover img[data-v-1c1e9a86] {
      display: inline-block;
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover;
}
.page-item .page-item-title .item-title-i[data-v-1c1e9a86] {
    display: inline-block;
    width: 85%;
    font-size: 14px;
    height: 36px;
    line-height: 36px;
    color: #111;
    transition: transform .2s ease;
    background-color: #fff;
    padding: 0 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.page-item .page-item-data-pv[data-v-1c1e9a86] {
    width: 100%;
    display: flex;
}
.page-item .page-item-data-pv .btn-wrapper[data-v-1c1e9a86] {
      flex: 1;
      text-align: center;
}
.page-item.create[data-v-1c1e9a86] {
  padding: 8px;
  text-align: center;
}
.page-item.create .temp-create[data-v-1c1e9a86] {
    display: inline-block;
    width: 100%;
    height: 100%;
    border: 1px solid #e6ebed;
    border-radius: 3px;
    margin-bottom: 18px;
    padding-top: 104px;
    transition: all 0.28s;
    cursor: pointer;
}
.page-item.create .temp-create[data-v-1c1e9a86]:hover {
      color: #2589FF;
      border-color: #2589FF;
}
.page-item.create .null-create[data-v-1c1e9a86] {
    display: inline-block;
    width: 192px;
    height: 42px;
    line-height: 42px;
    border: 1px solid #e6ebed;
    transition: all 0.28s;
    cursor: pointer;
}
.page-item.create .null-create[data-v-1c1e9a86]:hover {
      color: #2589FF;
      border-color: #2589FF;
}
.full-input-w[data-v-1c1e9a86] {
  width: 100%;
}
.nav-tabs-label[data-v-1c1e9a86] {
  display: inline-block;
  padding: 0 16px;
  height: 60px;
  line-height: 60px;
  color: #2589FF;
}
.page-search-wrapper[data-v-1c1e9a86] {
  padding: 0;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.my-page-list .page-search-wrapper .el-tabs__header {
  margin: 0;
}
.my-page-list .page-search-wrapper .el-tabs__nav-wrap {
  padding: 0 30px;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.components-default-style[data-v-415cc02f] {
  width: 100%;
  height: 100%;
  text-align: center;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.components-default-style > div[data-v-415cc02f] {
    display: inline-block;
}
.components-default-style .default-style-img[data-v-415cc02f] {
    display: inline-block;
}


.page-data-list[data-v-efdcee6e]{
  height: 100%;
}

/* reset styling (prevent conflicts with bootstrap, materialize.css, etc.) */

div.jsoneditor .jsoneditor-search input {
  height: auto;
  border: inherit;
}

div.jsoneditor .jsoneditor-search input:focus {
  border: none !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

div.jsoneditor table {
  border-collapse: collapse;
  width: auto;
}

div.jsoneditor td,
div.jsoneditor th {
  padding: 0;
  display: table-cell;
  text-align: left;
  vertical-align: inherit;
  border-radius: inherit;
}


div.jsoneditor-field,
div.jsoneditor-value,
div.jsoneditor-readonly {
  border: 1px solid transparent;
  min-height: 16px;
  min-width: 32px;
  padding: 2px;
  margin: 1px;
  word-wrap: break-word;
  float: left;
}

/* adjust margin of p elements inside editable divs, needed for Opera, IE */

div.jsoneditor-field p,
div.jsoneditor-value p {
  margin: 0;
}

div.jsoneditor-value {
  word-break: break-word;
}

div.jsoneditor-readonly {
  min-width: 16px;
  color: gray;
}

div.jsoneditor-empty {
  border-color: lightgray;
  border-style: dashed;
  border-radius: 2px;
}

div.jsoneditor-field.jsoneditor-empty::after,
div.jsoneditor-value.jsoneditor-empty::after {
  pointer-events: none;
  color: lightgray;
  font-size: 8pt;
}

div.jsoneditor-field.jsoneditor-empty::after {
  content: "field";
}

div.jsoneditor-value.jsoneditor-empty::after {
  content: "value";
}

div.jsoneditor-value.jsoneditor-url,
a.jsoneditor-value.jsoneditor-url {
  color: green;
  text-decoration: underline;
}

a.jsoneditor-value.jsoneditor-url {
  display: inline-block;
  padding: 2px;
  margin: 2px;
}

a.jsoneditor-value.jsoneditor-url:hover,
a.jsoneditor-value.jsoneditor-url:focus {
  color: #ee422e;
}

div.jsoneditor td.jsoneditor-separator {
  padding: 3px 0;
  vertical-align: top;
  color: gray;
}

div.jsoneditor-field[contenteditable=true]:focus,
div.jsoneditor-field[contenteditable=true]:hover,
div.jsoneditor-value[contenteditable=true]:focus,
div.jsoneditor-value[contenteditable=true]:hover,
div.jsoneditor-field.jsoneditor-highlight,
div.jsoneditor-value.jsoneditor-highlight {
  background-color: #FFFFAB;
  border: 1px solid yellow;
  border-radius: 2px;
}

div.jsoneditor-field.jsoneditor-highlight-active,
div.jsoneditor-field.jsoneditor-highlight-active:focus,
div.jsoneditor-field.jsoneditor-highlight-active:hover,
div.jsoneditor-value.jsoneditor-highlight-active,
div.jsoneditor-value.jsoneditor-highlight-active:focus,
div.jsoneditor-value.jsoneditor-highlight-active:hover {
  background-color: #ffee00;
  border: 1px solid #ffc700;
  border-radius: 2px;
}

div.jsoneditor-value.jsoneditor-string {
  color: #008000;
}

div.jsoneditor-value.jsoneditor-object,
div.jsoneditor-value.jsoneditor-array {
  min-width: 16px;
  color: #808080;
}

div.jsoneditor-value.jsoneditor-number {
  color: #ee422e;
}

div.jsoneditor-value.jsoneditor-boolean {
  color: #ff8c00;
}

div.jsoneditor-value.jsoneditor-null {
  color: #004ED0;
}

div.jsoneditor-value.jsoneditor-invalid {
  color: #000000;
}

div.jsoneditor-tree button {
  width: 24px;
  height: 24px;
  padding: 0;
  margin: 0;
  border: none;
  cursor: pointer;
  background: transparent url(../../static/img/jsoneditor-icons.256e3abc.svg);
}

div.jsoneditor-mode-view tr.jsoneditor-expandable td.jsoneditor-tree,
div.jsoneditor-mode-form tr.jsoneditor-expandable td.jsoneditor-tree {
  cursor: pointer;
}

div.jsoneditor-tree button.jsoneditor-collapsed {
  background-position: 0 -48px;
}

div.jsoneditor-tree button.jsoneditor-expanded {
  background-position: 0 -72px;
}

div.jsoneditor-tree button.jsoneditor-contextmenu {
  background-position: -48px -72px;
}

div.jsoneditor-tree button.jsoneditor-contextmenu:hover,
div.jsoneditor-tree button.jsoneditor-contextmenu:focus,
div.jsoneditor-tree button.jsoneditor-contextmenu.jsoneditor-selected,
tr.jsoneditor-selected.jsoneditor-first button.jsoneditor-contextmenu {
  background-position: -48px -48px;
}

div.jsoneditor-tree *:focus {
  outline: none;
}

div.jsoneditor-tree button:focus {
  /* TODO: nice outline for buttons with focus
  outline: #97B0F8 solid 2px;
  box-shadow: 0 0 8px #97B0F8;
  */
  background-color: #f5f5f5;
  outline: #e5e5e5 solid 1px;
}

div.jsoneditor-tree button.jsoneditor-invisible {
  visibility: hidden;
  background: none;
}

div.jsoneditor {
  color: #1A1A1A;
  border: 1px solid #3883fa;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
  padding: 0;
  line-height: 100%;
}

div.jsoneditor-tree table.jsoneditor-tree {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  margin: 0;
}

div.jsoneditor-outer {
  position: static;
  width: 100%;
  height: 100%;
  margin: -35px 0 0 0;
  padding: 35px 0 0 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

textarea.jsoneditor-text,
.ace-jsoneditor {
  min-height: 150px;
}

div.jsoneditor-tree {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: auto;
}

textarea.jsoneditor-text {
  width: 100%;
  height: 100%;
  margin: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline-width: 0;
  border: none;
  background-color: white;
  resize: none;
}

tr.jsoneditor-highlight,
tr.jsoneditor-selected {
  background-color: #e6e6e6;
}

tr.jsoneditor-selected button.jsoneditor-dragarea,
tr.jsoneditor-selected button.jsoneditor-contextmenu {
  visibility: hidden;
}

tr.jsoneditor-selected.jsoneditor-first button.jsoneditor-dragarea,
tr.jsoneditor-selected.jsoneditor-first button.jsoneditor-contextmenu {
  visibility: visible;
}

div.jsoneditor-tree button.jsoneditor-dragarea {
  background: url(../../static/img/jsoneditor-icons.256e3abc.svg) -72px -72px;
  cursor: move;
}

div.jsoneditor-tree button.jsoneditor-dragarea:hover,
div.jsoneditor-tree button.jsoneditor-dragarea:focus,
tr.jsoneditor-selected.jsoneditor-first button.jsoneditor-dragarea {
  background-position: -72px -48px;
}

div.jsoneditor tr,
div.jsoneditor th,
div.jsoneditor td {
  padding: 0;
  margin: 0;
}

div.jsoneditor td {
  vertical-align: top;
}

div.jsoneditor td.jsoneditor-tree {
  vertical-align: top;
}

div.jsoneditor-field,
div.jsoneditor-value,
div.jsoneditor td,
div.jsoneditor th,
div.jsoneditor textarea,
.jsoneditor-schema-error {
  font-family: droid sans mono, consolas, monospace, courier new, courier, sans-serif;
  font-size: 10pt;
  color: #1A1A1A;
}

/* popover */

.jsoneditor-schema-error {
  cursor: default;
  display: inline-block;
  /*font-family: arial, sans-serif;*/
  height: 24px;
  line-height: 24px;
  position: relative;
  text-align: center;
  width: 24px;
}

div.jsoneditor-tree .jsoneditor-schema-error {
  width: 24px;
  height: 24px;
  padding: 0;
  margin: 0 4px 0 0;
  background: url(../../static/img/jsoneditor-icons.256e3abc.svg)  -168px -48px;
}

.jsoneditor-schema-error .jsoneditor-popover {
  background-color: #4c4c4c;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.4);
          box-shadow: 0 0 5px rgba(0,0,0,0.4);
  color: #fff;
  display: none;
  padding: 7px 10px;
  position: absolute;
  width: 200px;
  z-index: 4;
}

.jsoneditor-schema-error .jsoneditor-popover.jsoneditor-above {
  bottom: 32px;
  left: -98px;
}

.jsoneditor-schema-error .jsoneditor-popover.jsoneditor-below {
  top: 32px;
  left: -98px;
}

.jsoneditor-schema-error .jsoneditor-popover.jsoneditor-left {
  top: -7px;
  right: 32px;
}

.jsoneditor-schema-error .jsoneditor-popover.jsoneditor-right {
  top: -7px;
  left: 32px;
}

.jsoneditor-schema-error .jsoneditor-popover:before {
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  content: '';
  display: block;
  left: 50%;
  margin-left: -7px;
  position: absolute;
}

.jsoneditor-schema-error .jsoneditor-popover.jsoneditor-above:before {
  border-top: 7px solid #4c4c4c;
  bottom: -7px;
}

.jsoneditor-schema-error .jsoneditor-popover.jsoneditor-below:before {
  border-bottom: 7px solid #4c4c4c;
  top: -7px;
}

.jsoneditor-schema-error .jsoneditor-popover.jsoneditor-left:before {
  border-left: 7px solid #4c4c4c;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  content: '';
  top: 19px;
  right: -14px;
  left: inherit;
  margin-left: inherit;
  margin-top: -7px;
  position: absolute;
}

.jsoneditor-schema-error .jsoneditor-popover.jsoneditor-right:before {
  border-right: 7px solid #4c4c4c;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  content: '';
  top: 19px;
  left: -14px;
  margin-left: inherit;
  margin-top: -7px;
  position: absolute;
}

.jsoneditor-schema-error:hover .jsoneditor-popover,
.jsoneditor-schema-error:focus .jsoneditor-popover {
  display: block;
  -webkit-animation: fade-in .3s linear 1, move-up .3s linear 1;
  -moz-animation: fade-in .3s linear 1, move-up .3s linear 1;
  -ms-animation: fade-in .3s linear 1, move-up .3s linear 1;
}

@-webkit-keyframes fade-in {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

/*@-webkit-keyframes move-up {*/

/*from   { bottom: 24px; }*/

/*to { bottom: 32px; }*/

/*}*/

/*@-moz-keyframes move-up {*/

/*from   { bottom: 24px; }*/

/*to { bottom: 32px; }*/

/*}*/

/*@-ms-keyframes move-up {*/

/*from   { bottom: 24px; }*/

/*to { bottom: 32px; }*/

/*}*/

/* JSON schema errors displayed at the bottom of the editor in mode text and code */

.jsoneditor .jsoneditor-text-errors {
  width: 100%;
  border-collapse: collapse;
  background-color: #ffef8b;
  border-top: 1px solid #ffd700;
}

.jsoneditor .jsoneditor-text-errors td {
  padding: 3px 6px;
  vertical-align: middle;
}

.jsoneditor-text-errors .jsoneditor-schema-error {
  border: none;
  width: 24px;
  height: 24px;
  padding: 0;
  margin: 0 4px 0 0;
  background: url(../../static/img/jsoneditor-icons.256e3abc.svg)  -168px -48px;
}
/* ContextMenu - main menu */

div.jsoneditor-contextmenu-root {
  position: relative;
  width: 0;
  height: 0;
}

div.jsoneditor-contextmenu {
  position: absolute;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  z-index: 99999;
}

div.jsoneditor-contextmenu ul,
div.jsoneditor-contextmenu li {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

div.jsoneditor-contextmenu ul {
  position: relative;
  left: 0;
  top: 0;
  width: 124px;
  background: white;
  border: 1px solid #d3d3d3;
  -webkit-box-shadow: 2px 2px 12px rgba(128, 128, 128, 0.3);
          box-shadow: 2px 2px 12px rgba(128, 128, 128, 0.3);
  list-style: none;
  margin: 0;
  padding: 0;
}

div.jsoneditor-contextmenu ul li button {
  padding: 0;
  margin: 0;
  width: 124px;
  height: 24px;
  border: none;
  cursor: pointer;
  color: #4d4d4d;
  background: transparent;
  font-size: 10pt;
  font-family: arial, sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  line-height: 26px;
  text-align: left;
}

/* Fix button padding in firefox */

div.jsoneditor-contextmenu ul li button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

div.jsoneditor-contextmenu ul li button:hover,
div.jsoneditor-contextmenu ul li button:focus {
  color: #1a1a1a;
  background-color: #f5f5f5;
  outline: none;
}

div.jsoneditor-contextmenu ul li button.jsoneditor-default {
  width: 92px;
}

div.jsoneditor-contextmenu ul li button.jsoneditor-expand {
  float: right;
  width: 32px;
  height: 24px;
  border-left: 1px solid #e5e5e5;
}

div.jsoneditor-contextmenu div.jsoneditor-icon {
  float: left;
  width: 24px;
  height: 24px;
  border: none;
  padding: 0;
  margin: 0;
  background-image: url(../../static/img/jsoneditor-icons.256e3abc.svg);
}

div.jsoneditor-contextmenu ul li button div.jsoneditor-expand {
  float: right;
  width: 24px;
  height: 24px;
  padding: 0;
  margin: 0 4px 0 0;
  background: url(../../static/img/jsoneditor-icons.256e3abc.svg) 0 -72px;
  opacity: 0.4;
}

div.jsoneditor-contextmenu ul li button:hover div.jsoneditor-expand,
div.jsoneditor-contextmenu ul li button:focus div.jsoneditor-expand,
div.jsoneditor-contextmenu ul li.jsoneditor-selected div.jsoneditor-expand,
div.jsoneditor-contextmenu ul li button.jsoneditor-expand:hover div.jsoneditor-expand,
div.jsoneditor-contextmenu ul li button.jsoneditor-expand:focus div.jsoneditor-expand {
  opacity: 1;
}

div.jsoneditor-contextmenu div.jsoneditor-separator {
  height: 0;
  border-top: 1px solid #e5e5e5;
  padding-top: 5px;
  margin-top: 5px;
}

div.jsoneditor-contextmenu button.jsoneditor-remove > div.jsoneditor-icon {
  background-position: -24px -24px;
}

div.jsoneditor-contextmenu button.jsoneditor-remove:hover > div.jsoneditor-icon,
div.jsoneditor-contextmenu button.jsoneditor-remove:focus > div.jsoneditor-icon {
  background-position: -24px 0;
}

div.jsoneditor-contextmenu button.jsoneditor-append > div.jsoneditor-icon {
  background-position: 0 -24px;
}

div.jsoneditor-contextmenu button.jsoneditor-append:hover > div.jsoneditor-icon,
div.jsoneditor-contextmenu button.jsoneditor-append:focus > div.jsoneditor-icon {
  background-position: 0 0;
}

div.jsoneditor-contextmenu button.jsoneditor-insert > div.jsoneditor-icon {
  background-position: 0 -24px;
}

div.jsoneditor-contextmenu button.jsoneditor-insert:hover > div.jsoneditor-icon,
div.jsoneditor-contextmenu button.jsoneditor-insert:focus > div.jsoneditor-icon {
  background-position: 0 0;
}

div.jsoneditor-contextmenu button.jsoneditor-duplicate > div.jsoneditor-icon {
  background-position: -48px -24px;
}

div.jsoneditor-contextmenu button.jsoneditor-duplicate:hover > div.jsoneditor-icon,
div.jsoneditor-contextmenu button.jsoneditor-duplicate:focus > div.jsoneditor-icon {
  background-position: -48px 0;
}

div.jsoneditor-contextmenu button.jsoneditor-sort-asc > div.jsoneditor-icon {
  background-position: -168px -24px;
}

div.jsoneditor-contextmenu button.jsoneditor-sort-asc:hover > div.jsoneditor-icon,
div.jsoneditor-contextmenu button.jsoneditor-sort-asc:focus > div.jsoneditor-icon {
  background-position: -168px 0;
}

div.jsoneditor-contextmenu button.jsoneditor-sort-desc > div.jsoneditor-icon {
  background-position: -192px -24px;
}

div.jsoneditor-contextmenu button.jsoneditor-sort-desc:hover > div.jsoneditor-icon,
div.jsoneditor-contextmenu button.jsoneditor-sort-desc:focus > div.jsoneditor-icon {
  background-position: -192px 0;
}

/* ContextMenu - sub menu */

div.jsoneditor-contextmenu ul li button.jsoneditor-selected,
div.jsoneditor-contextmenu ul li button.jsoneditor-selected:hover,
div.jsoneditor-contextmenu ul li button.jsoneditor-selected:focus {
  color: white;
  background-color: #ee422e;
}

div.jsoneditor-contextmenu ul li {
  overflow: hidden;
}

div.jsoneditor-contextmenu ul li ul {
  display: none;
  position: relative;
  left: -10px;
  top: 0;
  border: none;
  -webkit-box-shadow: inset 0 0 10px rgba(128, 128, 128, 0.5);
          box-shadow: inset 0 0 10px rgba(128, 128, 128, 0.5);
  padding: 0 10px;
  /* TODO: transition is not supported on IE8-9 */
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}



div.jsoneditor-contextmenu ul li ul li button {
  padding-left: 24px;
  -webkit-animation: all ease-in-out 1s;
          animation: all ease-in-out 1s;
}

div.jsoneditor-contextmenu ul li ul li button:hover,
div.jsoneditor-contextmenu ul li ul li button:focus {
  background-color: #f5f5f5;
}

div.jsoneditor-contextmenu button.jsoneditor-type-string > div.jsoneditor-icon {
  background-position: -144px -24px;
}

div.jsoneditor-contextmenu button.jsoneditor-type-string:hover > div.jsoneditor-icon,
div.jsoneditor-contextmenu button.jsoneditor-type-string:focus > div.jsoneditor-icon,
div.jsoneditor-contextmenu button.jsoneditor-type-string.jsoneditor-selected > div.jsoneditor-icon {
  background-position: -144px 0;
}

div.jsoneditor-contextmenu button.jsoneditor-type-auto > div.jsoneditor-icon {
  background-position: -120px -24px;
}

div.jsoneditor-contextmenu button.jsoneditor-type-auto:hover > div.jsoneditor-icon,
div.jsoneditor-contextmenu button.jsoneditor-type-auto:focus > div.jsoneditor-icon,
div.jsoneditor-contextmenu button.jsoneditor-type-auto.jsoneditor-selected > div.jsoneditor-icon {
  background-position: -120px 0;
}

div.jsoneditor-contextmenu button.jsoneditor-type-object > div.jsoneditor-icon {
  background-position: -72px -24px;
}

div.jsoneditor-contextmenu button.jsoneditor-type-object:hover > div.jsoneditor-icon,
div.jsoneditor-contextmenu button.jsoneditor-type-object:focus > div.jsoneditor-icon,
div.jsoneditor-contextmenu button.jsoneditor-type-object.jsoneditor-selected > div.jsoneditor-icon {
  background-position: -72px 0;
}

div.jsoneditor-contextmenu button.jsoneditor-type-array > div.jsoneditor-icon {
  background-position: -96px -24px;
}

div.jsoneditor-contextmenu button.jsoneditor-type-array:hover > div.jsoneditor-icon,
div.jsoneditor-contextmenu button.jsoneditor-type-array:focus > div.jsoneditor-icon,
div.jsoneditor-contextmenu button.jsoneditor-type-array.jsoneditor-selected > div.jsoneditor-icon {
  background-position: -96px 0;
}

div.jsoneditor-contextmenu button.jsoneditor-type-modes > div.jsoneditor-icon {
  background-image: none;
  width: 6px;
}
div.jsoneditor-menu {
  width: 100%;
  height: 35px;
  padding: 2px;
  margin: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: white;
  background-color: #3883fa;
  border-bottom: 1px solid #3883fa;
}

div.jsoneditor-menu > button,
div.jsoneditor-menu > div.jsoneditor-modes > button {
  width: 26px;
  height: 26px;
  margin: 2px;
  padding: 0;
  border-radius: 2px;
  border: 1px solid transparent;
  background: transparent url(../../static/img/jsoneditor-icons.256e3abc.svg);
  color: white;
  opacity: 0.8;
  font-family: arial, sans-serif;
  font-size: 10pt;
  float: left;
}

div.jsoneditor-menu > button:hover,
div.jsoneditor-menu > div.jsoneditor-modes > button:hover {
  background-color: rgba(255,255,255,0.2);
  border: 1px solid rgba(255,255,255,0.4);
}

div.jsoneditor-menu > button:focus,
div.jsoneditor-menu > button:active,
div.jsoneditor-menu > div.jsoneditor-modes > button:focus,
div.jsoneditor-menu > div.jsoneditor-modes > button:active {
  background-color: rgba(255,255,255,0.3);
}

div.jsoneditor-menu > button:disabled,
div.jsoneditor-menu > div.jsoneditor-modes > button:disabled {
  opacity: 0.5;
}

div.jsoneditor-menu > button.jsoneditor-collapse-all {
  background-position: 0 -96px;
}

div.jsoneditor-menu > button.jsoneditor-expand-all {
  background-position: 0 -120px;
}

div.jsoneditor-menu > button.jsoneditor-undo {
  background-position: -24px -96px;
}

div.jsoneditor-menu > button.jsoneditor-undo:disabled {
  background-position: -24px -120px;
}

div.jsoneditor-menu > button.jsoneditor-redo {
  background-position: -48px -96px;
}

div.jsoneditor-menu > button.jsoneditor-redo:disabled {
  background-position: -48px -120px;
}

div.jsoneditor-menu > button.jsoneditor-compact {
  background-position: -72px -96px;
}

div.jsoneditor-menu > button.jsoneditor-format {
  background-position: -72px -120px;
}

div.jsoneditor-menu > div.jsoneditor-modes {
  display: inline-block;
  float: left;
}

div.jsoneditor-menu > div.jsoneditor-modes > button {
  background-image: none;
  width: auto;
  padding-left: 6px;
  padding-right: 6px;
}

div.jsoneditor-menu > button.jsoneditor-separator,
div.jsoneditor-menu > div.jsoneditor-modes > button.jsoneditor-separator {
  margin-left: 10px;
}

div.jsoneditor-menu a {
  font-family: arial, sans-serif;
  font-size: 10pt;
  color: white;
  opacity: 0.8;
  vertical-align: middle;
}

div.jsoneditor-menu a:hover {
  opacity: 1;
}

div.jsoneditor-menu a.jsoneditor-poweredBy {
  font-size: 8pt;
  position: absolute;
  right: 0;
  top: 0;
  padding: 10px;
}
table.jsoneditor-search input,
table.jsoneditor-search div.jsoneditor-results {
  font-family: arial, sans-serif;
  font-size: 10pt;
  color: #1A1A1A;
  background: transparent;
  /* For Firefox */
}

table.jsoneditor-search div.jsoneditor-results {
  color: white;
  padding-right: 5px;
  line-height: 24px;
}

table.jsoneditor-search {
  position: absolute;
  right: 4px;
  top: 4px;
  border-collapse: collapse;
  border-spacing: 0;
}

table.jsoneditor-search div.jsoneditor-frame {
  border: 1px solid transparent;
  background-color: white;
  padding: 0 2px;
  margin: 0;
}

table.jsoneditor-search div.jsoneditor-frame table {
  border-collapse: collapse;
}

table.jsoneditor-search input {
  width: 120px;
  border: none;
  outline: none;
  margin: 1px;
  line-height: 20px;
}

table.jsoneditor-search button {
  width: 16px;
  height: 24px;
  padding: 0;
  margin: 0;
  border: none;
  background: url(../../static/img/jsoneditor-icons.256e3abc.svg);
  vertical-align: top;
}

table.jsoneditor-search button:hover {
  background-color: transparent;
}

table.jsoneditor-search button.jsoneditor-refresh {
  width: 18px;
  background-position: -99px -73px;
}

table.jsoneditor-search button.jsoneditor-next {
  cursor: pointer;
  background-position: -124px -73px;
}

table.jsoneditor-search button.jsoneditor-next:hover {
  background-position: -124px -49px;
}

table.jsoneditor-search button.jsoneditor-previous {
  cursor: pointer;
  background-position: -148px -73px;
  margin-right: 2px;
}

table.jsoneditor-search button.jsoneditor-previous:hover {
  background-position: -148px -49px;
}

.ace_line_group[data-v-551a97e0] {
  text-align: left;
}
.json-editor-container[data-v-551a97e0] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.json-editor-container .tree-mode[data-v-551a97e0] {
  width: 50%;
}
.json-editor-container .code-mode[data-v-551a97e0] {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.jsoneditor-btns[data-v-551a97e0]{
  text-align: center;
  margin-top:10px;
}
.jsoneditor-vue .jsoneditor-outer[data-v-551a97e0]{
  min-height:150px;
}
.jsoneditor-vue div.jsoneditor-tree[data-v-551a97e0]{
  min-height: 350px;
}
.json-save-btn[data-v-551a97e0]{
  background-color: #20A0FF;
  border: none;
  color:#fff;
  padding:5px 10px;
  border-radius: 5px;
  cursor: pointer;
}
.json-save-btn[data-v-551a97e0]:focus{
  outline: none;
}
.json-save-btn[disabled][data-v-551a97e0]{
  background-color: #1D8CE0;
  cursor: not-allowed;
}
code[data-v-551a97e0] {
  background-color: #f5f5f5;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.page-data-list[data-v-76bfa705] {
  height: 100%;
  background-color: white;
}
.page-data-list .jsoneditor-vue[data-v-76bfa705] {
    height: 500px;
    background-color: white;
}
.editor-class div[data-v-76bfa705] {
  background-color: white;
  border: 1px solid red;
  height: 100vh;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.page-item[data-v-2fffdc9c] {
  width: 224px;
  height: 296px;
  border-radius: 4px;
  overflow: hidden;
  float: left;
  margin-bottom: 24px;
  background: white;
  position: relative;
  transition: all 0.28s;
}
.page-item[data-v-2fffdc9c]:hover {
    box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.16);
    transform: translate3d(0, -2px, 0);
}
.page-item:hover .header-mask[data-v-2fffdc9c] {
      opacity: 1;
}
.page-item .header-mask[data-v-2fffdc9c] {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.8);
    width: 224px;
    height: 224px;
    border-radius: 4px 4px 0 0;
    padding-top: 92px;
    text-align: center;
    transition: top .28s ease, opacity .28s ease, height .28s ease;
}
.page-item .header-mask .details-btn[data-v-2fffdc9c] {
      display: inline-block;
      width: 120px;
      height: 44px;
      font-size: 18px;
      line-height: 44px;
      border-radius: 22px;
      border: 1px solid #fff;
      color: #fff;
      cursor: pointer;
}
.page-item .cover[data-v-2fffdc9c] {
    width: 224px;
    height: 224px;
    background-size: cover;
    justify-content: center;
    align-items: center;
    display: flex;
}
.page-item .cover img[data-v-2fffdc9c] {
      display: inline-block;
      max-width: 100%;
      max-height: 100%;
}
.page-item .page-item-title .item-title-i[data-v-2fffdc9c] {
    display: inline-block;
    width: 85%;
    font-size: 14px;
    height: 36px;
    line-height: 36px;
    color: #111;
    transition: transform .2s ease;
    background-color: #fff;
    padding: 0 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    float: left;
}
.page-item .page-item-data-pv[data-v-2fffdc9c] {
    width: 100%;
    display: flex;
}
.page-item .page-item-data-pv .btn-wrapper[data-v-2fffdc9c] {
      flex: 1;
      text-align: center;
}
.page-item[data-v-2fffdc9c]:not(:nth-child(4n+1)) {
  margin-left: calc((100% - 224px * 4) / 3);
}
.page-item.create[data-v-2fffdc9c] {
  padding: 16px;
  text-align: center;
}
.page-item.create .temp-create[data-v-2fffdc9c] {
    display: inline-block;
    width: 192px;
    height: 204px;
    border: 1px solid #e6ebed;
    border-radius: 3px;
    margin-bottom: 18px;
    padding-top: 70px;
    transition: all 0.28s;
    cursor: pointer;
}
.page-item.create .temp-create[data-v-2fffdc9c]:hover {
      color: #2589FF;
      border-color: #2589FF;
}
.page-item.create .null-create[data-v-2fffdc9c] {
    display: inline-block;
    width: 192px;
    height: 42px;
    line-height: 42px;
    border: 1px solid #e6ebed;
    transition: all 0.28s;
    cursor: pointer;
}
.page-item.create .null-create[data-v-2fffdc9c]:hover {
      color: #2589FF;
      border-color: #2589FF;
}
.nav-tabs-label[data-v-2fffdc9c] {
  display: inline-block;
  padding: 0 16px;
  height: 60px;
  line-height: 60px;
}
.page-search-wrapper[data-v-2fffdc9c] {
  padding: 0;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.my-page-list .page-search-wrapper .el-tabs__header {
  margin: 0;
}
.my-page-list .page-search-wrapper .el-tabs__nav-wrap {
  padding: 0 30px;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.components-libs-wrapper[data-v-23d08f6e] {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  height: 100%;
  padding-bottom: 10px;
  position: relative;
}
.components-libs-wrapper ul[data-v-23d08f6e] {
    padding: 10px 10px 10px 20px;
}
.page-title[data-v-23d08f6e] {
  position: absolute;
  top: 0px;
  left: 0;
  width: 100%;
}
.components-libs-title[data-v-23d08f6e] {
  margin-bottom: 16px;
}
.el-collapse-item[data-v-23d08f6e] {
  padding: 0 0px;
}
.el-collapse-item__wrap[data-v-23d08f6e] {
  text-align: center;
}
.components-lib-item[data-v-23d08f6e] {
  height: 56px;
  background-color: inherit;
  border: 1px solid transparent;
  border-radius: 5px 5px;
  font-size: 12px;
  text-align: center;
  color: white;
  text-align: center;
  width: 56px;
  float: left;
  padding: 2px 2px;
  margin: 2px 2px;
  cursor: pointer;
  transition: All 0.1s ease-in-out;
}
.components-lib-item[data-v-23d08f6e]:hover {
    background-color: #EF9800;
    border: 1px solid #EF9800;
}
.components-lib-item .lib-item-img[data-v-23d08f6e] {
    width: 20px;
    height: 20px;
    margin: 0 auto;
    margin-bottom: 7px;
}
.components-lib-item .lib-item-img .svg-icon[data-v-23d08f6e] {
      color: #d2d2d2;
      width: 20px;
      height: 20px;
      margin-top: 5px;
}
.components-lib-item .lib-item-title[data-v-23d08f6e] {
    color: #d2d2d2;
    margin: 5px 0;
    word-break: break-all;
    white-space: nowrap;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.self-components[data-v-0a4d4a05] {
  padding-bottom: 20px;
}
.self-components .com-list[data-v-0a4d4a05] {
    margin-bottom: 15px;
}
.self-components .com-list .com-item[data-v-0a4d4a05] {
      color: black;
      background-color: white;
      overflow: auto;
      cursor: pointer;
      height: 80px;
      position: relative;
      padding: 10px;
}
.self-components .com-list .el-button[data-v-0a4d4a05] {
      margin: 10px 0 0 0;
}
.self-components .no-data[data-v-0a4d4a05] {
    color: #D2D2D2;
    padding: 20px;
    font-size: 12px;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.editor-main[data-v-3be2bb80] {
  width: 320px;
  height: 514px;
  overflow: hidden;
  transform: scale(0.46875);
  transform-origin: 0 0;
  pointer-events: none;
  box-shadow: 0 3px 10px #dcdcdc;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZAgMAAAC5h23wAAAAAXNSR0IB2cksfwAAAAlQTFRF9fX18PDwAAAABQ8/pgAAAAN0Uk5T/yIA41y2EwAAABhJREFUeJxjYIAC0VAQcGCQWgUCDUONBgDH8Fwzu33LswAAAABJRU5ErkJggg==");
  transform-origin: 0px,0px;
  background-color: white;
}
.editor-main-hor[data-v-3be2bb80] {
  width: 514px;
  height: 320px;
  overflow: hidden;
  transform: scale(0.44875);
  transform-origin: 0 0;
  pointer-events: none;
  box-shadow: 0 3px 10px #dcdcdc;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZAgMAAAC5h23wAAAAAXNSR0IB2cksfwAAAAlQTFRF9fX18PDwAAAABQ8/pgAAAAN0Uk5T/yIA41y2EwAAABhJREFUeJxjYIAC0VAQcGCQWgUCDUONBgDH8Fwzu33LswAAAABJRU5ErkJggg==");
  transform-origin: 0px,0px;
  background-color: white;
}
.page-preview-wrapper[data-v-3be2bb80] {
  width: 100%;
  height: 100%;
  position: relative;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.components-page-manage[data-v-5f5d47ea] {
  height: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 0 0;
  margin: 0 0;
}
.btn-group[data-v-5f5d47ea] {
  background: #000000;
  height: 28px;
  line-height: 28px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  text-align: left;
  margin-bottom: 10px;
}
.btn-group .el-button[data-v-5f5d47ea] {
    border: 0;
    width: 100%;
    height: 28px;
    background: #000000;
    color: #EF9800;
    border-radius: 0px 0px;
    font-size: 10px;
    padding: 2px 8px;
}
.btn-group .el-button[data-v-5f5d47ea]:hover {
    color: #EF9800;
}
.page-title[data-v-5f5d47ea] {
  position: absolute;
  top: 16px;
  left: 0;
  width: 100%;
}
.page-item[data-v-5f5d47ea] {
  text-align: left;
  font-size: 12px;
  line-height: 35px;
  width: 100%;
  cursor: pointer;
  transition: all 0.28s;
  border-bottom: 1px solid #e6ebed;
  color: white;
  padding: 0 10px;
  display: flex;
  position: relative;
  overflow: hidden;
  padding-bottom: 20px;
  flex-direction: column;
}
.page-item .preview[data-v-5f5d47ea] {
    overflow: hidden;
    border: 1px solid #eee;
    width: 150px;
    height: 234px;
    margin: 0 auto;
}
.page-item .preview-hor[data-v-5f5d47ea] {
    overflow: hidden;
    width: 100%;
    height: 145px;
    margin: 0 auto;
    padding-left: 50px;
}
.page-item > .pull-right[data-v-5f5d47ea] {
    width: 20px;
}
.page-item > .pull-right.custom-loading-btn[data-v-5f5d47ea] {
      width: 84px;
}
.page-item > .inline-block[data-v-5f5d47ea] {
    flex: 1;
}
.page-item:hover .page-item-btn-wrapper[data-v-5f5d47ea] {
    display: block;
    opacity: 1;
}
.page-item.active[data-v-5f5d47ea] {
    color: #2589FF;
}
.page-item.active .page-item-index[data-v-5f5d47ea] {
      background: #2589FF;
      color: white;
}
.page-item .page-item-index[data-v-5f5d47ea] {
    display: inline-block;
    width: 16px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    border-radius: 8px;
    background-color: #ccc;
    color: #fff;
    font-size: 9px !important;
    margin-right: 8px;
}
.page-item .page-item-title[data-v-5f5d47ea] {
    color: #fff;
}
.page-item .page-item-btn-wrapper[data-v-5f5d47ea] {
    position: absolute;
    right: 3px;
    top: 2px;
}
.page-item .page-item-btn-wrapper .btn-item[data-v-5f5d47ea] {
      display: inline-block;
      padding: 4px 4px;
      font-size: 18px;
      transition: all 0.28s;
}
.page-item .page-item-btn-wrapper .btn-item[data-v-5f5d47ea]:hover {
        color: #2589FF;
        transform: scale(1.05);
}
.bottom-btn-wrapper[data-v-5f5d47ea] {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 60px;
  text-align: center;
  width: 100%;
  padding-top: 12px;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.containon[data-v-7bdec2a9] {
  height: 100vh;
  overflow-y: scroll;
}
.content[data-v-7bdec2a9] {
  display: flex;
  justify-content: center;
  justify-items: center;
  align-content: center;
  align-items: center;
  flex-direction: column;
}
.content-item[data-v-7bdec2a9] {
  width: 150px;
  margin-bottom: 15px;
  text-align: center;
  font-size: 10px;
}
.content-item .el-image[data-v-7bdec2a9] {
    margin-bottom: 5px;
    border-radius: 10px;
}
.content-item .id[data-v-7bdec2a9] {
    margin-bottom: 5px;
}
.content-item .title[data-v-7bdec2a9] {
    margin-bottom: 5px;
}
.content-item .btn[data-v-7bdec2a9] {
    margin-bottom: 5px;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.edit-shape-point[data-v-5af28efe] {
  width: 8px;
  height: 8px;
  background-color: #fff;
  border: 1px solid #000;
  position: absolute;
  z-index: 1001;
}
.components-edit-shape[data-v-5af28efe] {
  cursor: move;
}
.components-edit-shape.active[data-v-5af28efe] {
    outline: 1px dashed #000;
}
.components-edit-shape[data-v-5af28efe]:hover {
    outline: 1px dashed #000;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.h5ds-canvas-lines[data-v-97852b84] {
  position: absolute;
  z-index: 210;
  pointer-events: none;
  left: 0;
  top: 0;
  box-sizing: border-box;
  opacity: 1;
}
.h5ds-canvas-lines .h5ds-canvas-lines-iphone678[data-v-97852b84] {
    position: absolute;
    box-sizing: border-box;
    left: 0;
    top: 100 / 2;
    border: 1px dashed #f0a32c;
    width: 320px;
    height: 514px;
}
.h5ds-canvas-lines .h5ds-canvas-lines-iphone678[data-v-97852b84]::before, .h5ds-canvas-lines .h5ds-canvas-lines-iphone678[data-v-97852b84]::after {
      content: 'iphone6/7/8';
      display: inline-block;
      position: absolute;
      left: -75px;
      width: 75px;
      color: #f0a32c;
      font-size: 12px;
}
.h5ds-canvas-lines .h5ds-canvas-lines-iphone678[data-v-97852b84]::before {
      top: -1px;
      border-top: 1px dashed #f0a32c;
}
.h5ds-canvas-lines .h5ds-canvas-lines-iphone678[data-v-97852b84]::after {
      bottom: -1px;
      border-bottom: 1px dashed #f0a32c;
}
.h5ds-canvas-lines .h5ds-canvas-lines-xiaomi10[data-v-97852b84] {
    position: absolute;
    box-sizing: border-box;
    left: 0;
    border: 1px dashed #f0a32c;
    width: 320px;
    height: 867px;
}
.h5ds-canvas-lines .h5ds-canvas-lines-xiaomi10[data-v-97852b84]::after {
      content: 'xiaomi10';
      display: inline-block;
      position: absolute;
      right: -155px;
      width: 155px;
      color: #f0a32c;
      font-size: 12px;
      text-align: right;
}
.h5ds-canvas-lines .h5ds-canvas-lines-xiaomi10[data-v-97852b84]::before {
      top: -1px;
      border-top: 1px dashed #f0a32c;
}
.h5ds-canvas-lines .h5ds-canvas-lines-xiaomi10[data-v-97852b84]::after {
      bottom: -1px;
      border-bottom: 1px dashed #f0a32c;
}
.h5ds-canvas-lines .h5ds-canvas-lines-iphone12ProMax[data-v-97852b84] {
    position: absolute;
    box-sizing: border-box;
    left: 0;
    border: 1px dashed #f0a32c;
    width: 320px;
    height: 771px;
}
.h5ds-canvas-lines .h5ds-canvas-lines-iphone12ProMax[data-v-97852b84]::after {
      content: 'iphone12ProMax';
      display: inline-block;
      position: absolute;
      right: -155px;
      width: 155px;
      color: #f0a32c;
      font-size: 12px;
      text-align: right;
}
.h5ds-canvas-lines .h5ds-canvas-lines-iphone12ProMax[data-v-97852b84]::before {
      top: -1px;
      border-top: 1px dashed #f0a32c;
}
.h5ds-canvas-lines .h5ds-canvas-lines-iphone12ProMax[data-v-97852b84]::after {
      bottom: -1px;
      border-bottom: 1px dashed #f0a32c;
}
.h5ds-canvas-lines .h5ds-canvas-lines-iphoneX[data-v-97852b84] {
    position: absolute;
    box-sizing: border-box;
    left: 0;
    border: 1px dashed #f0a32c;
    width: 320px;
    height: 812px;
}
.h5ds-canvas-lines .h5ds-canvas-lines-iphoneX[data-v-97852b84]::before, .h5ds-canvas-lines .h5ds-canvas-lines-iphoneX[data-v-97852b84]::after {
      content: 'iphoneX';
      display: inline-block;
      position: absolute;
      right: -75px;
      width: 75px;
      color: #f0a32c;
      font-size: 12px;
      text-align: right;
}
.h5ds-canvas-lines .h5ds-canvas-lines-iphoneX[data-v-97852b84]::before {
      top: -1px;
      border-top: 1px dashed #f0a32c;
}
.h5ds-canvas-lines .h5ds-canvas-lines-iphoneX[data-v-97852b84]::after {
      bottom: -1px;
      border-bottom: 1px dashed #f0a32c;
}
.h5ds-canvas-lines .h5ds-canvas-lines-motoG4[data-v-97852b84] {
    position: absolute;
    box-sizing: border-box;
    left: 0;
    border: 1px dashed #f0a32c;
    width: 360px;
    height: 640px;
}
.h5ds-canvas-lines .h5ds-canvas-lines-motoG4[data-v-97852b84]::before, .h5ds-canvas-lines .h5ds-canvas-lines-motoG4[data-v-97852b84]::after {
      content: 'motoG4';
      display: inline-block;
      position: absolute;
      right: -75px;
      width: 75px;
      color: #f0a32c;
      font-size: 12px;
      text-align: right;
}
.h5ds-canvas-lines .h5ds-canvas-lines-motoG4[data-v-97852b84]::before {
      top: -1px;
      border-top: 1px dashed #f0a32c;
}
.h5ds-canvas-lines .h5ds-canvas-lines-motoG4[data-v-97852b84]::after {
      bottom: -1px;
      border-bottom: 1px dashed #f0a32c;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.leader-zone[data-v-f4938f5a] {
  font-size: 12px;
  font-style: italic;
  color: #f0f0f0;
  white-space: nowrap;
}
.leader-zone span[data-v-f4938f5a],
.leader-zone a[data-v-f4938f5a],
.leader-zone .showItem[data-v-f4938f5a],
.leader-zone .el-button[data-v-f4938f5a] {
  width: fit-content;
  width: -moz-fit-content;
  height: 30px;
  line-height: 30px;
  padding: 0 15px;
  background: rgba(0, 0, 0, 0.3);
  border: none;
  border-radius: 15px 15px;
  cursor: pointer;
}
.leader-zone span[data-v-f4938f5a]:hover,
  .leader-zone a[data-v-f4938f5a]:hover,
  .leader-zone .showItem[data-v-f4938f5a]:hover,
  .leader-zone .el-button[data-v-f4938f5a]:hover {
    transform: translate3d(0, -1px, 0);
    background: rgba(0, 0, 0, 0.8);
}
.leader-zone.left[data-v-f4938f5a] {
  position: absolute;
  top: -30px;
  left: -200px;
}
.leader-zone.left div[data-v-f4938f5a],
  .leader-zone.left span[data-v-f4938f5a],
  .leader-zone.left a[data-v-f4938f5a],
  .leader-zone.left .el-button[data-v-f4938f5a] {
    margin: 10px 0 10px auto;
    display: block;
    transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    /* IE 9 */
    -moz-transform: rotate(5deg);
    /* Firefox */
    -webkit-transform: rotate(5deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(5deg);
    /* Opera */
}
.leader-zone.right[data-v-f4938f5a] {
  position: absolute;
  top: -30px;
  right: -200px;
}
.leader-zone.right div[data-v-f4938f5a],
  .leader-zone.right span[data-v-f4938f5a],
  .leader-zone.right a[data-v-f4938f5a],
  .leader-zone.right .el-button[data-v-f4938f5a] {
    margin: 10px auto 10px 0;
    display: block;
    transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    /* IE 9 */
    -moz-transform: rotate(-5deg);
    /* Firefox */
    -webkit-transform: rotate(-5deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(-5deg);
    /* Opera */
}
.leader-zone.top[data-v-f4938f5a] {
  position: absolute;
  top: -50px;
  left: 0px;
  text-align: left !important;
  width: 100%;
  height: 48px;
}
.leader-zone.top div[data-v-f4938f5a],
  .leader-zone.top span[data-v-f4938f5a],
  .leader-zone.top a[data-v-f4938f5a],
  .leader-zone.top .el-button[data-v-f4938f5a] {
    display: inline;
    padding: 5px 15px;
    margin: 0 5px 0 0;
}
.leader-zone.bottom[data-v-f4938f5a] {
  position: absolute;
  bottom: -80px;
  left: 100px;
  text-align: left !important;
  width: 100%;
  height: 48px;
}
.leader-zone.bottom div[data-v-f4938f5a],
  .leader-zone.bottom span[data-v-f4938f5a],
  .leader-zone.bottom a[data-v-f4938f5a],
  .leader-zone.bottom .el-button[data-v-f4938f5a] {
    display: inline;
    padding: 5px 15px;
    margin: 0 5px 0 0;
}
.leader-zone .leader-normal[data-v-f4938f5a] {
  color: #f0f0f0;
}
.leader-zone .leader-primary[data-v-f4938f5a] {
  color: #74D5FF;
}
.leader-zone .leader-info[data-v-f4938f5a] {
  color: #EF9800;
}
.leader-zone .leader-warning[data-v-f4938f5a] {
  color: #EFC800;
}
.leader-zone .leader-error[data-v-f4938f5a] {
  color: #F13022;
}
.leader-zone .leader-success[data-v-f4938f5a] {
  color: #00BF28;
}
.leader-zone .leader-divider[data-v-f4938f5a] {
  line-height: 15px;
  height: 15px;
  border-top: none;
  background: rgba(0, 0, 0, 0);
}
.leader-zone .leader-divider[data-v-f4938f5a]:hover {
    background: rgba(0, 0, 0, 0);
    border-top: none;
}
.leader-zone.left .el-button[data-v-f4938f5a],
.leader-zone.right .el-button[data-v-f4938f5a] {
  width: 32px;
  height: 32px;
  line-height: 32px;
  padding: 0 0;
  text-align: center;
  vertical-align: middle;
  color: #f0f0f0;
}
.leader-zone.left .el-button i[data-v-f4938f5a],
  .leader-zone.right .el-button i[data-v-f4938f5a] {
    font-size: 14px;
    padding-top: 7px;
}
.leader-zone.top .el-button[data-v-f4938f5a],
.leader-zone.bottom .el-button[data-v-f4938f5a] {
  width: 32px;
  height: 32px;
  line-height: 32px;
  padding: 0 0;
  text-align: center;
  vertical-align: middle;
  color: #f0f0f0;
}
.leader-zone.top .el-button i[data-v-f4938f5a],
  .leader-zone.bottom .el-button i[data-v-f4938f5a] {
    font-size: 14px;
    padding-top: 7px;
}


.contextmenu[data-v-32d42c8a] {
  margin: 0;
  background: #fff;
  z-index: 3000;
  position: absolute;
  list-style-type: none;
  padding: 5px 0;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 400;
  color: #333;
  box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, .3);
}
.contextmenu li[data-v-32d42c8a] {
  list-style-type: none;
  margin: 0;
  padding: 7px 16px;
  cursor: pointer;
}
.contextmenu li[data-v-32d42c8a]:hover {
  background: #eee;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.editor-pane[data-v-7f66a50f] {
  height: 100%;
  width: 100%;
  border-width: 0 1px;
  background-position: 0 0, 13px 13px;
  background-size: 26px 26px;
  display: flex;
  justify-content: center;
  width: 100vw;
  overflow: hidden;
}
.editor-pane-inner[data-v-7f66a50f] {
  height: 100%;
  width: 100%;
  overflow: auto;
  padding: 0 0;
  position: relative;
}
.ruleraxisx[data-v-7f66a50f] {
  position: absolute;
  background-color: transparent;
  background-size: 50px 10px;
  background-image: linear-gradient(90deg, #696969 0, #696969 2%, transparent 2%), linear-gradient(180deg, #535353 50%, transparent 50%), linear-gradient(90deg, transparent 50%, #696969 50%, #696969 52%, transparent 52%), linear-gradient(180deg, #535353 70%, transparent 70%), linear-gradient(90deg, transparent 10%, #696969 10%, #696969 12%, transparent 12%, transparent 20%, #696969 20%, #696969 22%, transparent 22%, transparent 30%, #696969 30%, #696969 32%, transparent 32%, transparent 40%, #696969 40%, #696969 42%, transparent 42%, transparent 60%, #696969 60%, #696969 62%, transparent 62%, transparent 70%, #696969 70%, #696969 72%, transparent 72%, transparent 80%, #696969 80%, #696969 82%, transparent 82%, transparent 90%, #696969 90%, #696969 92%, transparent 92%);
  background-repeat: repeat-x;
  z-index: 1;
  width: 100%;
  min-height: 10px;
  margin-top: 0px;
}
.ruleraxisy[data-v-7f66a50f] {
  position: absolute;
  background-color: transparent;
  background-size: 10px 50px;
  background-image: linear-gradient(0deg, #696969 0, #696969 2%, transparent 2%), linear-gradient(90deg, #535353 50%, transparent 50%), linear-gradient(0deg, transparent 50%, #696969 50%, #696969 52%, transparent 52%), linear-gradient(90deg, #535353 70%, transparent 70%), linear-gradient(0deg, transparent 10%, #696969 10%, #696969 12%, transparent 12%, transparent 20%, #696969 20%, #696969 22%, transparent 22%, transparent 30%, #696969 30%, #696969 32%, transparent 32%, transparent 40%, #696969 40%, #696969 42%, transparent 42%, transparent 60%, #696969 60%, #696969 62%, transparent 62%, transparent 70%, #696969 70%, #696969 72%, transparent 72%, transparent 80%, #696969 80%, #696969 82%, transparent 82%, transparent 90%, #696969 90%, #696969 92%, transparent 92%);
  background-repeat: repeat-y;
  width: 10px;
  height: 100vh;
  min-height: 20px;
  left: 0;
  top: 0;
}
.scalex[data-v-7f66a50f] {
  list-style-type: none;
  position: absolute;
  left: -25px;
  top: 5px;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 30px;
  overflow: hidden;
  white-space: nowrap;
  color: #cccccc;
  font-size: 0;
  text-shadow: 0px 1px 1px #000;
  -moz-user-select: none;
  /*火狐*/
  -webkit-user-select: none;
  /*webkit浏览器*/
  /*IE10*/
  /*早期浏览器*/
  user-select: none;
  z-index: 1;
}
.scalex li[data-v-7f66a50f] {
  display: inline-block;
  width: 50px;
  text-align: center;
  font-size: 5px;
}
.scalex li[data-v-7f66a50f] {
  display: inline-block;
  width: 50px;
  text-align: center;
  font-size: 11px;
}
.scaley[data-v-7f66a50f] {
  list-style-type: none;
  position: absolute;
  left: 0px;
  top: -25px;
  margin: 0;
  padding: 0;
  width: 50px;
  height: 100%;
  overflow: hidden;
  white-space: nowrap;
  color: #b1b4b4;
  font-size: 0;
  text-shadow: 0px 1px 1px #000;
  -moz-user-select: none;
  /*火狐*/
  -webkit-user-select: none;
  /*webkit浏览器*/
  /*IE10*/
  /*早期浏览器*/
  user-select: none;
  z-index: 1;
}
.scaley li[data-v-7f66a50f] {
  writing-mode: vertical-lr;
  height: 50px;
  text-align: center;
  font-size: 11px;
}
.page-name[data-v-7f66a50f] {
  font-size: 12px;
  color: black;
  margin: 5px auto;
  cursor: pointer;
}
.page-name[data-v-7f66a50f]:hover {
    color: blue;
}
.container[data-v-7f66a50f] {
  position: relative;
  width: 5000px;
  height: 5000px;
}
.editor-main[data-v-7f66a50f] {
  border-radius: 3px;
  box-shadow: 0 1px 3px #000;
  position: absolute;
  left: 2000px;
  top: 2000px;
  background: white;
  transform-origin: 0px, 0px;
}
.page-preview-wrapper[data-v-7f66a50f] {
  height: 100%;
  position: relative;
}
.page-wrapper-mask[data-v-7f66a50f] {
  height: 100%;
  width: 100%;
  z-index: 1000;
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  outline: rgba(236, 238, 240, 0.77) solid 10000px;
}
.element-on-edit-pane[data-v-7f66a50f] {
  height: 100%;
  width: 100%;
  overflow-x: auto;
}
.page-wrapper-menu-operation[data-v-7f66a50f] {
  position: absolute;
  right: -80px;
  top: 5%;
  width: 0;
  background: rgba(0, 0, 0, 0.7);
  color: white;
  text-align: center;
  z-index: 1002;
  border-radius: 5px 5px;
  display: none;
  transition: all 0.28s;
  opacity: 0;
  transform-origin: center top;
  box-shadow: 0px 0px 5px #353535;
  background-color: #191919;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAC8SURBVFhH7ZOxDYMwEEXZJRmEzajT0lExQkagASlFdkiVOiM4/7hvy4ggMFWK/6QvH086F+ejEkII8feEEC4sE3A1y8SGu7I8By54IEZHZW50tXCtqzBQmbu5Ck+qMtBYe79DbT5BtXBgngTOwT9nVtM5BBp75IU0VOY6xMhd4yq0VNG9kTuVKAfjsyewMR59gnwx4xP0VGWgcbWEOHYXE8QlzDm9hBPyQfZ+wziVkSo6652ohBBCiB9U1RcQLzVj9ICAigAAAABJRU5ErkJggg==);
  background-position: center top;
  background-repeat: no-repeat, no-repeat;
  background-size: 18px 18px;
  padding: 20px 0 0 0;
  opacity: 0.66;
  color: #f0f0f0;
  font-size: 12px;
  text-align: center;
  cursor: move;
}
.page-wrapper-menu-operation .menu-item[data-v-7f66a50f] {
    display: block;
    height: 36px;
    line-height: 36px;
    font-size: 20px;
    border-top: 1px solid #353535;
    border-bottom: 2px solid #000000;
    cursor: pointer;
}
.page-wrapper-menu-operation .menu-item.i[data-v-7f66a50f] {
      font-size: 24px;
      line-height: 30px;
}
.page-wrapper-menu-operation .menu-item[data-v-7f66a50f]:hover {
      color: #2589FF;
}
.page-wrapper-menu-operation .menu-item:hover.i[data-v-7f66a50f] {
        font-weight: bold;
        font-size: 26px;
}
.page-wrapper-menu-operation.active[data-v-7f66a50f] {
    display: block;
    width: 36px;
    opacity: 1;
}
.right-menu[data-v-7f66a50f] {
  background: rgba(0, 0, 0, 0.7);
  color: white;
}
.right-menu li[data-v-7f66a50f]:hover {
    background-color: #2589FF;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.none-select[data-v-031c0ea2] {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.mk-layerlist[data-v-031c0ea2] {
  width: 190px;
  background: #0e1113;
  z-index: 300;
  color: #a5b6c8;
  border: 1px solid #191919;
  box-shadow: 0px 0px 5px #353535;
  border-radius: 5px 5px;
}
.mk-layerlist a[data-v-031c0ea2] {
    color: #a5b6c8;
}
.mk-layerlist .mk-ico[data-v-031c0ea2] {
    color: #EF9800;
    font-size: 18px;
}
.mk-layerlist ul[data-v-031c0ea2] {
    font-size: 12px;
    background: #252a2e;
    max-height: 800px;
    overflow-y: auto;
    overflow-x: hidden;
}
.mk-layerlist ul li[data-v-031c0ea2] {
      margin: 0;
      height: 24px;
      line-height: 24px;
      border-bottom: 1px solid #0e1113;
      cursor: pointer;
      overflow: hidden;
}
.mk-layerlist ul li a[data-v-031c0ea2] {
        vertical-align: middle;
        cursor: pointer;
        height: 100%;
        width: 23px;
        text-align: center;
        float: left;
}
.mk-layerlist ul li span.name[data-v-031c0ea2] {
        vertical-align: middle;
        height: 100%;
        border-left: 1px solid #0e1113;
        border-right: 1px solid #0e1113;
        float: left;
        width: 90px;
        text-indent: 10px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        position: relative;
}
.mk-layerlist ul li span.name input[data-v-031c0ea2] {
          float: left;
          width: 100%;
          height: 100%;
          color: #333;
}
.mk-layerlist ul .mk-layerlist-null[data-v-031c0ea2] {
      display: block;
      height: 60px;
      text-align: center;
}
.mk-layerlist ul .mk-layerlist-hidelayer-active .mk-ico[data-v-031c0ea2] {
      color: #0e1113;
}
.mk-layerlist ul .mk-layerlist-locklayer .mk-ico[data-v-031c0ea2] {
      font-size: 14px;
      color: #0e1113;
}
.mk-layerlist ul .mk-layerlist-locklayer-active .mk-ico[data-v-031c0ea2] {
      color: #EF9800;
}
.mk-layerlist ul .mk-layerlist-active[data-v-031c0ea2] {
      background: #EF9800;
      color: #0e1113;
}
.mk-layerlist ul .mk-layerlist-active .mk-ico[data-v-031c0ea2] {
        color: #0e1113;
}
.mk-layerlist ul .mk-layerlist-active .mk-layerlist-locklayer .mk-ico[data-v-031c0ea2] {
        color: #0e1113;
}
.mk-layerlist ul .mk-layerlist-active .mk-layerlist-locklayer-active .mk-ico[data-v-031c0ea2] {
        color: #0e1113;
}
.mk-layerlist ul .mk-layerlist-active .mk-layerlist-hidelayer-active .mk-ico[data-v-031c0ea2] {
        color: #0e1113;
}
.mk-global-clearfix[data-v-031c0ea2]:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.panel-caption[data-v-031c0ea2] {
  color: #ffffff;
  font-size: 12px;
  text-align: left;
  font-weight: normal;
  background-color: #000000;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABNUlEQVRYR+2WPTIEURRGz9mBmERgdiBQCGZ2YAkjISIVYgtEJOzAFiYwAVV2QIlILeGqVj1TXaqZ995QnXRn3fX1/c79eT/S8WPH/vQAfQWKKhARQ3XSHOC2bykDng0QEVNgG7hV9yuTiLgBxsCDupViPNOUAHwAK8C7ulYDvALrddAN9SUVogTgCjgAztTzGuC0egeu1cNU80qXDZATPEVbBFA6cG1A2QARcQ/sNMsdEbO2TNXdlMyXGcKY/6xfCUTE/Bsw+r5EfwMqqUA/hDktXqj96xZcqscLXRuCEoDOh7BtGV4AR8BEHf1rBepl191pmJNdirZkBn7aB4bAo3qSYrzMTth2HL8Bq3XQgfqcClFSgbYLyR2wBzypm6nmxcdxp1eynOxStNktSAmao+kB+gp8Ah0KkiEvtscQAAAAAElFTkSuQmCC);
  background-position: left center;
  background-repeat: no-repeat, no-repeat;
  background-size: 18px 18px;
  padding: 7px 0px 5px 20px;
  border-bottom: 1px solid #222222;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  cursor: move;
}
.panel-caption a[data-v-031c0ea2] {
    float: right;
    padding-right: 10px;
}
.mk-uniqlist[data-v-031c0ea2] {
  padding-left: 0px;
  margin-left: 0px;
}

/**
 * Swiper 6.8.4
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2021 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: August 23, 2021
 */

@font-face {
  font-family: 'swiper-icons';
  src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA') format('woff');
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color: #007aff;
}
.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}
.swiper-container-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
  flex-wrap: wrap;
}
.swiper-container-multirow-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}
.swiper-container-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-container-pointer-events {
  touch-action: pan-y;
}
.swiper-container-pointer-events.swiper-container-vertical {
  touch-action: pan-x;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
/* 3D Effects */
.swiper-container-3d {
  perspective: 1200px;
}
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
/* CSS Mode */
.swiper-container-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}
.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}
.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}
.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}
:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}
.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-prev:after,
.swiper-button-next:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  text-transform: none;
  font-variant: initial;
  line-height: 1;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  left: 10px;
  right: auto;
}
.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
  content: 'prev';
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  right: 10px;
  left: auto;
}
.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
  content: 'next';
}
.swiper-button-prev.swiper-button-white,
.swiper-button-next.swiper-button-white {
  --swiper-navigation-color: #ffffff;
}
.swiper-button-prev.swiper-button-black,
.swiper-button-next.swiper-button-black {
  --swiper-navigation-color: #000000;
}
.swiper-button-lock {
  display: none;
}
:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  */
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%;
}
/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}
.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 50%;
  background: #000;
  opacity: 0.2;
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
          -moz-appearance: none;
       appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet:only-child {
  display: none !important;
}
.swiper-pagination-bullet-active {
  opacity: 1;
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 200ms transform, 200ms top;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms left;
}
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms right;
}
/* Progress */
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}
.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-white {
  --swiper-pagination-color: #ffffff;
}
.swiper-pagination-black {
  --swiper-pagination-color: #000000;
}
.swiper-pagination-lock {
  display: none;
}
/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
.swiper-scrollbar-lock {
  display: none;
}
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.swiper-slide-zoomed {
  cursor: move;
}
/* Preloader */
:root {
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  */
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  animation: swiper-preloader-spin 1s infinite linear;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg);
  }
}
/* a11y */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube {
  overflow: visible;
}
.swiper-container-cube .swiper-slide {
  pointer-events: none;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}
.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
  transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
  z-index: 0;
  backface-visibility: hidden;
}
.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  z-index: 0;
}
.swiper-container-cube .swiper-cube-shadow:before {
  content: '';
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  filter: blur(50px);
}
.swiper-container-flip {
  overflow: visible;
}
.swiper-container-flip .swiper-slide {
  pointer-events: none;
  backface-visibility: hidden;
  z-index: 1;
}
.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;
  backface-visibility: hidden;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.swiper-container[data-v-4288f1e0] {
  width: 100%;
  height: 100%;
  z-index: 300;
  text-align: left;
}
.swiper-slide[data-v-4288f1e0] {
  text-align: center;
  /* Center slide text vertically */
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 300ms;
  transform: scale(0.9);
  border-radius: 8px;
}
.skin-item-hor[data-v-4288f1e0] {
  overflow: hidden;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  position: relative;
  border-radius: 8px;
  cursor: pointer;
  pointer-events: none;
}
.skin-item[data-v-4288f1e0] {
  overflow: hidden;
  border: 1px solid #eee;
  width: 150px;
  height: 234px;
  margin: 0 auto;
  position: relative;
  border-radius: 8px;
}
.mk-page-skinlist[data-v-4288f1e0] {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: white;
  z-index: 300;
  background: #242424;
  overflow: hidden;
  height: 210px;
}
.mk-page-skinlist .container[data-v-4288f1e0] {
    width: 100%;
    position: relative;
    height: 100%;
    padding: 0 8px;
}
.mk-page-skinlist .closeSkins[data-v-4288f1e0] {
    width: 25px;
    height: 25px;
    position: absolute;
    right: 10px;
    top: 0px;
    cursor: pointer;
    z-index: 301;
}
.mk-page-skinlist .swiper[data-v-4288f1e0] {
    width: 100%;
}
.editor-side-bar[data-v-4288f1e0] {
  display: flex;
  flex-direction: row;
}
.editor-side-bar .el-tag[data-v-4288f1e0] {
    height: 26px;
    margin-right: 10px;
    background-color: #535353;
    cursor: pointer;
    border: 0px;
    margin-top: 2px;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.component-image-select[data-v-52601151] {
  width: 60px;
  height: 60px;
  border: 1px dashed #2589FF;
  border-radius: 3px;
  margin-bottom: 0px;
  text-align: center;
  font-size: 12px;
  cursor: pointer;
  transition: all 0.28s;
  position: relative;
  background: #eee 50%/contain no-repeat;
  justify-content: center;
  align-items: center;
  display: flex;
}
.component-image-select[data-v-52601151]:hover {
    color: #2589FF;
}
.component-image-select el-image[data-v-52601151] {
    display: inline-block;
    width: 100%;
    height: 100%;
}
.component-image-select p[data-v-52601151] {
    line-height: 1;
    padding-bottom: 3px;
}
.image-preview-null[data-v-52601151] {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding-top: 25px;
  background: rgba(0, 0, 0, 0.2);
}
.image-select-wrapper[data-v-52601151] {
  height: 60px;
  overflow: hidden;
  display: flex;
}
.image-select-wrapper .el-button[data-v-52601151] {
    height: 60px;
    margin-right: 4px;
}
.image-select-wrapper .image-select-l[data-v-52601151] {
    padding-right: 4px;
    height: 100%;
}
.image-select-wrapper .image-select-r[data-v-52601151] {
    flex: 1;
    height: 100%;
}
.image-select-wrapper .inputcss[data-v-52601151] {
    font-size: 10px;
    height: 100%;
    overflow: hidden;
}
.el-animate-title-btn[data-v-52601151] {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  line-height: 24px;
  font-size: 14px;
  color: #fff;
  width: 24px;
  height: 24px;
  cursor: pointer;
  border-radius: 4px;
  background: rgba(37, 165, 137, 0.08);
  margin-left: 6px;
}
.el-animate-title-btn[data-v-52601151]:hover {
    color: white;
    background: #2589FF;
}
.dialog-footer .el-button[data-v-52601151] {
  height: 30px;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.select-left-Label[data-v-3cf6bd60] {
  float: left;
  width: 60px;
  margin-right: 10px;
}
.select-right-Label[data-v-3cf6bd60] {
  float: left;
}
.select-right-Label img[data-v-3cf6bd60] {
    width: 150px;
    height: 40px;
    -o-object-fit: contain;
       object-fit: contain;
}
.row-tpl[data-v-3cf6bd60] {
  display: flex;
  flex-direction: column;
}
.absset-frame[data-v-3cf6bd60] {
  width: 120px;
  height: 120px;
  margin-top: 5px;
  padding: 5px;
  position: relative;
}
.absset-frame .frame[data-v-3cf6bd60] {
    border: 1px dashed white;
    width: 100%;
    height: 100%;
}
.absset-frame .on[data-v-3cf6bd60] {
    background-color: #2e92cd;
}
.absset-frame .point[data-v-3cf6bd60] {
    width: 12px;
    height: 12px;
    position: absolute;
    cursor: pointer;
    border: 1px solid #2e92cd;
}
.absset-frame .top-left[data-v-3cf6bd60] {
    top: 0;
    left: 0;
}
.absset-frame .top-center[data-v-3cf6bd60] {
    top: 0;
    left: 55px;
}
.absset-frame .top-right[data-v-3cf6bd60] {
    top: 0;
    right: 0;
}
.absset-frame .center-left[data-v-3cf6bd60] {
    top: 55px;
    left: 0;
}
.absset-frame .center-right[data-v-3cf6bd60] {
    top: 55px;
    right: 0;
}
.absset-frame .bottom-left[data-v-3cf6bd60] {
    bottom: 0;
    left: 0;
}
.absset-frame .bottom-center[data-v-3cf6bd60] {
    bottom: 0;
    left: 55px;
}
.absset-frame .bottom-right[data-v-3cf6bd60] {
    bottom: 0;
    right: 0;
}
.sizeAndPosition-wrapper[data-v-3cf6bd60] {
  display: flex;
  width: 100%;
}
.align-type-item[data-v-3cf6bd60] {
  flex: 1;
  cursor: pointer;
  text-align: center;
}
.align-type-item.clearFlex[data-v-3cf6bd60] {
    width: 42px;
    flex: none;
}
.align-type-item i[data-v-3cf6bd60] {
    line-height: 1;
    display: inline-block;
    padding: 6px;
    border-radius: 4px;
    background: rgba(37, 165, 137, 0.08);
}
.align-type-item:hover i[data-v-3cf6bd60] {
    color: white;
    background: #2589FF;
}
.attr-item-edit-wrapper[data-v-3cf6bd60] {
  padding-left: 5px;
  display: flex;
  width: 100%;
  text-align: center;
  padding-bottom: 10px;
}
.attr-item-edit-wrapper .attr-item-title[data-v-3cf6bd60] {
    text-align: left;
    min-width: 60px;
    font-size: 12px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
.attr-item-edit-wrapper .attr-item-edit-input.col-2[data-v-3cf6bd60] {
    width: 90px;
    margin-left: 10px;
}
.attr-item-edit-wrapper .attr-item-edit-input.col-1[data-v-3cf6bd60] {
    width: 250px;
}
.attr-item-edit-wrapper .attr-item-edit-input.col-3[data-v-3cf6bd60] {
    width: 60px;
    margin-left: 10px;
}
.attr-item-edit-wrapper .attr-item-edit-input.col-4[data-v-3cf6bd60] {
    width: 50px;
    margin-left: 10px;
}
.attr-item-edit-wrapper .attr-item-edit-input .attr-item-edit-input-des[data-v-3cf6bd60] {
    text-align: center;
    line-height: 1;
    margin-top: 2px;
    font-size: 12px;
    color: #7F8593;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.attr-item-edit-wrapper .el-input-number.is-controls-right .el-input__inner {
  padding-left: 2px;
  padding-right: 32px;
  width: 90px;
}
.attr-item-edit-wrapper .el-input-number--mini {
  width: 90px;
}
.attr-item-edit-wrapper .el-slider__runway.show-input {
  margin-right: 108px;
}


.form-item[data-v-143fcf91]{
   display: flex;
   flex-direction: row;
   padding-left: 10px;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.option-id[data-v-4dfe2bb2] {
  float: right;
  color: #8492a6;
  font-size: 13px;
}
.PageSelect[data-v-4dfe2bb2] {
  width: 100%;
}
.PageSelect .el-radio[data-v-4dfe2bb2] {
    margin-top: 5px;
    margin-bottom: 5px;
}
.PageSelect .content[data-v-4dfe2bb2] {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.PageSelect .content .el-input[data-v-4dfe2bb2] {
      width: 200px;
      margin-right: 10px;
}
.PageSelect .content .clear-btn[data-v-4dfe2bb2] {
      margin-left: 5px;
      cursor: pointer;
      width: 15px;
      height: 15px;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.data-row[data-v-32eed0ed] {
  position: relative;
}
.container .el-form-item__label[data-v-32eed0ed] {
  color: white;
}
.addordel[data-v-32eed0ed] {
  display: flex;
  flex-direction: row;
  font-size: 14px;
  position: absolute;
  bottom: 30px;
  right: 0px;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.attr-edit-wrapper[data-v-0645342b] {
  display: block;
  width: 100%;
  position: relative;
  display: flex;
  margin-bottom: 5px;
}
.attr-edit-btn-wrapper[data-v-0645342b] {
  position: absolute;
  bottom: 0;
  right: 8px;
}
.attr-edit-btn-wrapper .imageSelect-btn[data-v-0645342b] {
    margin-left: 8px;
    font-size: 24px;
    cursor: pointer;
}
.attr-edit-btn-wrapper .imageSelect-btn[data-v-0645342b]:hover {
      color: #2589FF;
}
.attr-edit-btn-wrapper .imageSelect-btn.error[data-v-0645342b] {
      color: inherit;
}
.attr-edit-btn-wrapper .imageSelect-btn.error[data-v-0645342b]:hover {
        color: #ea5361;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.cb-item[data-v-7ecb74e3] {
  text-align: left;
  margin-bottom: 10px !important;
  color: white;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.attr-item-edit-wrapper[data-v-d54ada0a] {
  position: relative;
  height: 45px;
  align-items: center;
}
.attr-item-edit-wrapper .el-input[data-v-d54ada0a] {
    height: 30px;
}
.addordel[data-v-d54ada0a] {
  position: absolute;
  right: 0;
  top: 0px;
  display: flex;
  flex-direction: row;
}
.addordel .imageSelect-btn[data-v-d54ada0a] {
    font-size: 20px;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.title_row[data-v-879c5416] {
  display: flex;
  flex-direction: row;
}
.title_row .name[data-v-879c5416] {
    flex: 1;
}
.title_row .imageSelect-btn[data-v-879c5416] {
    font-size: 24px;
}
.addordel[data-v-879c5416] {
  display: flex;
  flex-direction: row;
}
.attr-edit-wrapper[data-v-879c5416] {
  display: block;
  width: 100%;
  position: relative;
}
.attr-edit-btn-wrapper[data-v-879c5416] {
  position: absolute;
  bottom: 0;
  right: 8px;
}
.attr-edit-btn-wrapper .imageSelect-btn[data-v-879c5416] {
    margin-left: 8px;
    font-size: 24px;
    cursor: pointer;
}
.attr-edit-btn-wrapper .imageSelect-btn[data-v-879c5416]:hover {
      color: #2589FF;
}
.attr-edit-btn-wrapper .imageSelect-btn.error[data-v-879c5416] {
      color: inherit;
}
.attr-edit-btn-wrapper .imageSelect-btn.error[data-v-879c5416]:hover {
        color: #ea5361;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.title[data-v-2d0677d4] {
  font-size: 14px;
  font-family: PingFangSC-Regular,PingFang SC;
  font-weight: 400;
  color: white;
  line-height: 20px;
  margin: 10px 0;
}
.form-item[data-v-2d0677d4] {
  display: flex;
  flex-direction: row;
  width: 100%;
}
.style-row[data-v-2d0677d4] {
  display: flex;
  flex-direction: row;
}
.style-row .align-type-item[data-v-2d0677d4] {
    display: flex;
    flex-direction: column;
    margin-right: 10px;
}
.style-row .align-type-item .content[data-v-2d0677d4] {
      text-align: center;
      font-size: 12px;
}
.style-row img[data-v-2d0677d4] {
    width: 63px;
    height: 34px;
    margin-bottom: 10px;
}


.form-item[data-v-34e57c24]{
   display: flex;
   flex-direction: row;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.title_row[data-v-e00daa80] {
  margin-top: 20px;
  display: flex;
  flex-direction: row;
}
.title_row el-input[data-v-e00daa80] {
    width: 150px;
}
.title_row .name[data-v-e00daa80] {
    flex: 1;
}
.title_row .imageSelect-btn[data-v-e00daa80] {
    font-size: 24px;
}
.addordel[data-v-e00daa80] {
  display: flex;
  flex-direction: row;
}
.attr-edit-wrapper[data-v-e00daa80] {
  display: block;
  width: 100%;
  position: relative;
}
.attr-edit-btn-wrapper[data-v-e00daa80] {
  position: absolute;
  bottom: 0;
  right: 8px;
}
.attr-edit-btn-wrapper .imageSelect-btn[data-v-e00daa80] {
    margin-left: 8px;
    font-size: 24px;
    cursor: pointer;
}
.attr-edit-btn-wrapper .imageSelect-btn[data-v-e00daa80]:hover {
      color: #2589FF;
}
.attr-edit-btn-wrapper .imageSelect-btn.error[data-v-e00daa80] {
      color: inherit;
}
.attr-edit-btn-wrapper .imageSelect-btn.error[data-v-e00daa80]:hover {
        color: #ea5361;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.title_row[data-v-e315e7c2] {
  margin-top: 20px;
  display: flex;
  flex-direction: row;
}
.title_row .name[data-v-e315e7c2] {
    flex: 1;
}
.title_row .imageSelect-btn[data-v-e315e7c2] {
    font-size: 24px;
}
.addordel[data-v-e315e7c2] {
  display: flex;
  flex-direction: row;
}
.arrt-eidt-wrapper[data-v-e315e7c2] {
  display: flex;
}
.arrt-eidt-wrapper .arrt-eidt-l[data-v-e315e7c2] {
    width: 108px;
}
.arrt-eidt-wrapper .arrt-eidt-r[data-v-e315e7c2] {
    flex: 1;
}
.redirt-class[data-v-e315e7c2] {
  margin-top: 10px;
}
.redirt-class .title[data-v-e315e7c2] {
    font-size: 14px;
}
.select-area[data-v-e315e7c2] {
  display: flex;
  flex-direction: row;
}
.select-area .el-button[data-v-e315e7c2] {
    height: 75px;
    margin-right: 8px;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.title_row[data-v-f329d1b0] {
  margin-top: 20px;
  display: flex;
  flex-direction: row;
}
.title_row .name[data-v-f329d1b0] {
    flex: 1;
}
.title_row .imageSelect-btn[data-v-f329d1b0] {
    font-size: 24px;
}
.addordel[data-v-f329d1b0] {
  display: flex;
  flex-direction: row;
}
.attr-edit-wrapper .title[data-v-f329d1b0] {
  font-size: 12px;
  margin: 10px 0;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.option-item[data-v-27b2cc08] {
  float: left;
  width: 20px;
  margin-right: 10px;
}
.option-id[data-v-27b2cc08] {
  float: right;
  color: #8492a6;
  font-size: 13px;
}
.PageSelect[data-v-27b2cc08] {
  margin-top: 10px;
}
.PageSelect .title[data-v-27b2cc08] {
    font-size: 12px;
}
.PageSelect .content[data-v-27b2cc08] {
    margin-top: 10px;
    display: flex;
    flex-direction: row;
    align-items: center;
}
.PageSelect .content .clear-btn[data-v-27b2cc08] {
      margin-left: 5px;
}
.PageSelect .cover[data-v-27b2cc08] {
    height: 100%;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.title_row[data-v-24803b22] {
  margin-top: 20px;
  display: flex;
  flex-direction: row;
}
.title_row .name[data-v-24803b22] {
    flex: 1;
    font-size: 12px;
}
.title_row .imageSelect-btn[data-v-24803b22] {
    font-size: 24px;
}
.addordel[data-v-24803b22] {
  display: flex;
  flex-direction: row;
}
.attr-edit-wrapper[data-v-24803b22] {
  display: block;
  width: 100%;
  position: relative;
}
.attr-edit-btn-wrapper[data-v-24803b22] {
  position: absolute;
  bottom: 0;
  right: 8px;
}
.attr-edit-btn-wrapper .imageSelect-btn[data-v-24803b22] {
    margin-left: 8px;
    font-size: 24px;
    cursor: pointer;
}
.attr-edit-btn-wrapper .imageSelect-btn[data-v-24803b22]:hover {
      color: #2589FF;
}
.attr-edit-btn-wrapper .imageSelect-btn.error[data-v-24803b22] {
      color: inherit;
}
.attr-edit-btn-wrapper .imageSelect-btn.error[data-v-24803b22]:hover {
        color: #ea5361;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.title_row[data-v-2eee07e7] {
  margin-top: 20px;
  display: flex;
  flex-direction: row;
}
.title_row .name[data-v-2eee07e7] {
    flex: 1;
}
.title_row .imageSelect-btn[data-v-2eee07e7] {
    font-size: 24px;
}
.addordel[data-v-2eee07e7] {
  display: flex;
  flex-direction: row;
}
.attr-edit-wrapper[data-v-2eee07e7] {
  display: block;
  width: 100%;
  position: relative;
}
.attr-edit-btn-wrapper[data-v-2eee07e7] {
  position: absolute;
  bottom: 0;
  right: 8px;
}
.attr-edit-btn-wrapper .imageSelect-btn[data-v-2eee07e7] {
    margin-left: 8px;
    font-size: 24px;
    cursor: pointer;
}
.attr-edit-btn-wrapper .imageSelect-btn[data-v-2eee07e7]:hover {
      color: #2589FF;
}
.attr-edit-btn-wrapper .imageSelect-btn.error[data-v-2eee07e7] {
      color: inherit;
}
.attr-edit-btn-wrapper .imageSelect-btn.error[data-v-2eee07e7]:hover {
        color: #ea5361;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.form-item[data-v-03a5a4c7] {
  display: flex;
  flex-direction: row;
}
.form-item .el-button[data-v-03a5a4c7] {
    margin-bottom: 10px;
}


.form-item[data-v-c69622f8]{
   display: flex;
   flex-direction: row;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.attr-item-edit-wrapper[data-v-72045aba] {
  display: flex;
  justify-items: center;
}
.attr-item-edit-wrapper .attr-item-title[data-v-72045aba] {
    border: 1px solid black;
}
.data-row[data-v-72045aba] {
  position: relative;
}


.form-item[data-v-544d42f4]{
   display: flex;
   flex-direction: row;
   white-space: nowrap;
}


.form-item[data-v-6cee3afc]{
   display: flex;
   flex-direction: row;
   white-space: nowrap;
}


.form-item[data-v-006dd39b]{
   display: flex;
   flex-direction: row;
   white-space: nowrap;
}


.form-item[data-v-343807a4]{
   display: flex;
   flex-direction: row;
   white-space: nowrap;
}


.form-item[data-v-34094fc0]{
   display: flex;
   flex-direction: row;
   white-space: nowrap;
}


.form-item[data-v-6325e54b]{
   display: flex;
   flex-direction: row;
   white-space: nowrap;
}


.form-item[data-v-9dcac056]{
   display: flex;
   flex-direction: row;
   white-space: nowrap;
}


.form-item[data-v-13b74e89]{
   display: flex;
   flex-direction: row;
   white-space: nowrap;
}


.form-item[data-v-5781267c]{
   display: flex;
   flex-direction: row;
   white-space: nowrap;
}


.form-item[data-v-3f04b6d7]{
   display: flex;
   flex-direction: row;
   white-space: nowrap;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.component-image-select[data-v-74de7231] {
  width: 60px;
  height: 60px;
  border: 1px dashed #2589FF;
  border-radius: 3px;
  margin-bottom: 0px;
  text-align: center;
  font-size: 12px;
  cursor: pointer;
  transition: all 0.28s;
  position: relative;
  background: #eee 50%/contain no-repeat;
  justify-content: center;
  align-items: center;
  display: flex;
}
.component-image-select[data-v-74de7231]:hover {
    color: #2589FF;
}
.component-image-select video[data-v-74de7231] {
    display: inline-block;
    width: 100%;
    height: 100%;
}
.component-image-select p[data-v-74de7231] {
    line-height: 1;
    padding-bottom: 3px;
}
.image-preview-null[data-v-74de7231] {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding-top: 25px;
  background: rgba(0, 0, 0, 0.2);
}
.image-select-wrapper[data-v-74de7231] {
  height: 60px;
  overflow: hidden;
  display: flex;
}
.image-select-wrapper .el-button[data-v-74de7231] {
    height: 60px;
    margin-right: 4px;
}
.image-select-wrapper .image-select-l[data-v-74de7231] {
    padding-right: 4px;
    height: 100%;
}
.image-select-wrapper .image-select-r[data-v-74de7231] {
    flex: 1;
    height: 100%;
}
.image-select-wrapper .inputcss[data-v-74de7231] {
    font-size: 10px;
    height: 100%;
    overflow: hidden;
}
.el-animate-title-btn[data-v-74de7231] {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  line-height: 24px;
  font-size: 14px;
  color: #fff;
  width: 24px;
  height: 24px;
  cursor: pointer;
  border-radius: 4px;
  background: rgba(37, 165, 137, 0.08);
  margin-left: 6px;
}
.el-animate-title-btn[data-v-74de7231]:hover {
    color: white;
    background: #2589FF;
}
.dialog-footer .el-button[data-v-74de7231] {
  height: 30px;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.threediv[data-v-59c258e5] {
  font-size: 12px;
}
.threediv .slider[data-v-59c258e5] {
    width: 200px;
}
.threediv .cover-img[data-v-59c258e5] {
    width: 20px;
    height: 20px;
    -o-object-fit: contain;
       object-fit: contain;
    background-color: #cccccc;
    margin-right: 5px;
}
.threediv .span-title[data-v-59c258e5] {
    float: left;
    font-weight: bold;
    font-size: 14px;
    color: #2C8DF4;
    margin-right: 10px;
}
.threediv .remove-btn[data-v-59c258e5] {
    cursor: pointer;
    padding: 5px;
}
.threediv .remove-btn[data-v-59c258e5]:hover {
    background-color: #666666;
}
.threediv .emicon[data-v-59c258e5] {
    font-size: 15px;
    margin-right: 10px;
    text-align: center;
}
.threediv .row-container[data-v-59c258e5] {
    display: flex;
    flex-direction: row;
    margin-bottom: 5px;
}
.threediv .row-container .item[data-v-59c258e5] {
      justify-items: center;
      align-content: center;
      align-items: center;
      display: flex;
      flex-direction: row;
      margin-right: 5px;
}
.threediv .row-container .item span[data-v-59c258e5] {
        margin-right: 5px;
        white-space: nowrap;
}
.threediv .control-area[data-v-59c258e5] {
    margin-left: 10px;
}


.components-attr-edit[data-v-cc5a1bae] {
  padding: 20px 0;
  height: 100%;
  overflow: hidden;
  min-height: 60px;
}
.attr-title[data-v-cc5a1bae] {
  font-weight: bold;
}
.sizeAndPosition-wrapper[data-v-cc5a1bae] {
  display: flex;
  width: 100%;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.common-attr-style .el-form-item {
  margin-bottom: 0;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.components-attr-edit[data-v-7242ac80] {
  padding: 20px 0;
  height: 100%;
  min-height: 60px;
}
.attr-edit-inner[data-v-7242ac80] {
  padding: 20px 0;
}
.components-attr-animate-edit[data-v-7242ac80] {
  position: relative;
}
.attr-title[data-v-7242ac80] {
  font-weight: bold;
}
.attr-item-edit-wrapper[data-v-7242ac80] {
  padding-left: 4px;
  display: flex;
  width: 100%;
  text-align: center;
  padding-bottom: 10px;
}
.attr-item-edit-wrapper .attr-item-title[data-v-7242ac80] {
    text-align: left;
    min-width: 60px;
    font-size: 12px;
    line-height: 28px;
}
.attr-item-edit-wrapper .attr-item-edit-input.col-2[data-v-7242ac80] {
    width: 90px;
    margin-left: 10px;
}
.attr-item-edit-wrapper .attr-item-edit-input.col-1[data-v-7242ac80] {
    width: 250px;
}
.attr-item-edit-wrapper .attr-item-edit-input.col-3[data-v-7242ac80] {
    width: 60px;
    margin-left: 10px;
}
.attr-item-edit-wrapper .attr-item-edit-input.col-4[data-v-7242ac80] {
    width: 50px;
    margin-left: 10px;
}
.attr-item-edit-wrapper .attr-item-edit-input .attr-item-edit-input-des[data-v-7242ac80] {
    text-align: center;
    line-height: 1;
    margin-top: 2px;
    font-size: 12px;
    color: #7F8593;
}
.animate-choose-list-wrapper[data-v-7242ac80] {
  background: rgba(25, 25, 25, 0.9);
  position: fixed;
  top: 90px;
  right: 0;
  width: 380px;
  height: calc(100% - 48px);
  z-index: 100;
  transition: all 0.28s;
  text-align: left;
}
.animate-choose-list-wrapper.fadeInUp[data-v-7242ac80] {
    top: 90px;
    opacity: 1;
}
.animate-choose-list-wrapper.fadeInDown[data-v-7242ac80] {
    opacity: 0;
    top: 110%;
}
.animate-choose-item[data-v-7242ac80] {
  height: 100%;
}
.animate-choose-item .animate-choose-item-inner[data-v-7242ac80] {
    display: inline-block;
    width: 25%;
    height: 72px;
    color: #76838f;
    text-align: center;
    cursor: pointer;
}
.animate-choose-item .animate-choose-item-inner > .animate-choose-image[data-v-7242ac80] {
      display: inline-block;
      width: 40px;
      height: 40px;
      margin-bottom: 6px;
      background-image: url(../../static/img/use-beb469.beb469b6.png);
}
.animate-choose-item .animate-choose-item-inner p[data-v-7242ac80] {
      font-size: 12px;
      line-height: 1;
}
.el-animate-list-wrapper[data-v-7242ac80] {
  padding: 20px 0;
}
.el-animate-list-wrapper .el-animate-title-name[data-v-7242ac80] {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    font-weight: bold;
    width: 55px;
}
.el-animate-list-wrapper .el-animate-title-type-wrapper[data-v-7242ac80] {
    display: inline-block;
    width: 164px;
}
.el-animate-list-wrapper .el-animate-title-type[data-v-7242ac80] {
    display: inline-block;
    vertical-align: middle;
    max-width: 140px;
    height: 24px;
    line-height: 1px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: #fafafa;
    border-radius: 60px;
    padding: 4px 16px;
    border: none;
    cursor: pointer;
    margin: 0 20px 0 10px;
}
.el-animate-list-wrapper .el-animate-title-type[data-v-7242ac80]:hover {
      color: white;
      background: #2589FF;
}
.el-animate-list-wrapper .el-animate-title-btn[data-v-7242ac80] {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    line-height: 24px;
    font-size: 14px;
    color: #fff;
    width: 24px;
    height: 24px;
    cursor: pointer;
    border-radius: 4px;
    background: rgba(37, 165, 137, 0.08);
    margin-left: 6px;
}
.el-animate-list-wrapper .el-animate-title-btn[data-v-7242ac80]:hover {
      color: white;
      background: #2589FF;
}
.components-attr-edit .el-tabs[data-v-7242ac80] {
  height: 100%;
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.uploadArea[data-v-406cdeac] {
  text-align: left;
}
.uploadArea .el-input[data-v-406cdeac] {
    margin-bottom: 5px;
}
.el-image-class[data-v-406cdeac] {
  border-radius: 4px;
}
.components-attr-edit[data-v-406cdeac] {
  height: 100%;
  min-height: 60px;
}
.animate-edit-btn-wrapper[data-v-406cdeac] {
  padding: 20px 0;
}
.components-attr-animate-edit[data-v-406cdeac] {
  position: relative;
}
.attr-title[data-v-406cdeac] {
  font-weight: bold;
}
.attr-item-edit-wrapper[data-v-406cdeac] {
  padding-left: 4px;
  display: flex;
  width: 100%;
  text-align: center;
  padding-bottom: 10px;
  flex-direction: column;
}
.attr-item-edit-wrapper .attr-item-title[data-v-406cdeac] {
    text-align: left;
    width: 80px;
    font-size: 12px;
    line-height: 28px;
}
.attr-item-edit-wrapper .attr-item-edit-input[data-v-406cdeac] {
    text-align: left;
    flex: 1;
}
.el-animate-list-wrapper .el-animate-title-name[data-v-406cdeac] {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  font-weight: bold;
  width: 55px;
}
.el-animate-list-wrapper .el-animate-title-type-wrapper[data-v-406cdeac] {
  display: inline-block;
  width: 190px;
}
.el-animate-list-wrapper .el-animate-title-type[data-v-406cdeac] {
  display: inline-block;
  vertical-align: middle;
  max-width: 140px;
  height: 24px;
  color: #333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: #fafafa;
  border-radius: 60px;
  padding: 4px 20px;
  border: none;
  cursor: pointer;
  margin: 0 20px 0 10px;
  line-height: 14px;
}
.el-animate-list-wrapper .el-animate-title-btn[data-v-406cdeac] {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  line-height: 24px;
  font-size: 14px;
  color: #fff;
  width: 24px;
  height: 24px;
  cursor: pointer;
  border-radius: 4px;
  background: rgba(37, 165, 137, 0.08);
  margin-left: 6px;
}
.el-animate-list-wrapper .el-animate-title-btn[data-v-406cdeac]:hover {
    color: white;
    background: #2589FF;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.title_row[data-v-74aef416] {
  display: flex;
  flex-direction: row;
}
.title_row .name[data-v-74aef416] {
    flex: 1;
    text-align: left;
}
.components-attr-edit[data-v-74aef416] {
  padding: 20px 0;
  height: 100%;
}
.components-attr-animate-edit[data-v-74aef416] {
  position: relative;
}
.attr-title[data-v-74aef416] {
  font-weight: bold;
}
.attr-item-edit-wrapper[data-v-74aef416] {
  padding-left: 18px;
  display: flex;
  width: 100%;
  text-align: center;
  padding-bottom: 10px;
}
.attr-item-edit-wrapper .el-select[data-v-74aef416] {
    margin-left: 10px;
    width: 100px;
}
.attr-item-edit-wrapper .attr-item-title[data-v-74aef416] {
    text-align: left;
    min-width: 60px;
    font-size: 12px;
    padding-top: 10px;
}
.attr-item-edit-wrapper .attr-item-edit-input.col-2[data-v-74aef416] {
    width: 90px;
    margin-left: 10px;
}
.attr-item-edit-wrapper .attr-item-edit-input.col-1[data-v-74aef416] {
    width: 250px;
}
.attr-item-edit-wrapper .attr-item-edit-input.col-3[data-v-74aef416] {
    width: 60px;
    margin-left: 10px;
}
.attr-item-edit-wrapper .attr-item-edit-input.col-4[data-v-74aef416] {
    width: 50px;
    margin-left: 10px;
}
.attr-item-edit-wrapper .attr-item-edit-input .attr-item-edit-input-des[data-v-74aef416] {
    text-align: center;
    line-height: 1;
    margin-top: 2px;
    font-size: 12px;
    color: #7F8593;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.i-big[data-v-70b0b56a] {
  font-size: 25px;
}
.components-contrl-bar[data-v-70b0b56a] {
  display: flex;
  flex-direction: row;
  justify-content: center;
  justify-items: center;
  z-index: 3;
  height: 100%;
  margin: 0 auto;
  background: #242424;
  border-bottom: 1px solid #888888;
}
.components-contrl-bar .button-item[data-v-70b0b56a] {
    display: inline-block;
    width: 60px;
    cursor: pointer;
    text-align: center;
    vertical-align: bottom;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    height: 100%;
    padding-top: 15px;
    color: #D2D2D2;
}
.components-contrl-bar .button-item img[data-v-70b0b56a] {
      height: 20px;
}
.components-contrl-bar .button-item.scale-wrappper[data-v-70b0b56a] {
      width: 120px;
      margin-right: 10px;
      padding-top: 12px;
}
.components-contrl-bar .button-item.scale-wrappper[data-v-70b0b56a]:hover {
        color: inherit;
        transform: none;
}
.components-contrl-bar .button-item.scale-wrappper > .scale-btn[data-v-70b0b56a] {
        display: inline-block;
        vertical-align: middle;
        transition: all 0.28s;
        font-size: 25px;
}
.components-contrl-bar .button-item.scale-wrappper > .scale-btn[data-v-70b0b56a]:hover {
          color: #2589FF;
}
.components-contrl-bar .button-item[data-v-70b0b56a]:hover {
      transform: scale(1.02);
      color: #2589FF;
}
.components-contrl-bar .button-item.disabled[data-v-70b0b56a] {
      cursor: not-allowed;
      color: #7F8593 !important;
}
.components-contrl-bar .button-item > i[data-v-70b0b56a] {
      font-size: 25px;
      display: inline-block;
      transition: all 0.28s;
}
.components-contrl-bar .button-item > p[data-v-70b0b56a] {
      font-size: 12px;
}
.scale-input[data-v-70b0b56a] {
  display: inline-block;
  position: relative;
  padding: 7px 0;
  width: 46px;
  font-size: 14px;
  text-align: center;
  cursor: pointer;
  white-space: nowrap;
  border-radius: 17px;
  margin: 0 4px;
}
.scale-input[data-v-70b0b56a]:hover {
    background: #dfdfdf;
}
.icon-size[data-v-70b0b56a] {
  width: 20px;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.scene-bar[data-v-679e9d7a] {
  margin: 0 auto;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.scene-bar .el-submenu__title[data-v-679e9d7a] {
    color: #353535;
}
.scene-bar .settingcss[data-v-679e9d7a] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.coverImg[data-v-3f7c7ef0] {
  background-color: #ccc;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
  margin: 3px;
}
.cropper-res-img[data-v-3f7c7ef0] {
  width: 100px;
  height: 100px;
  border: 1px dashed #2589FF;
  border-radius: 3px;
  margin-bottom: 18px;
  text-align: center;
  cursor: pointer;
  transition: all 0.28s;
  position: relative;
  background: #eee 50%/contain no-repeat;
  justify-content: center;
  align-items: center;
  display: flex;
}
.cropper-res-img[data-v-3f7c7ef0]:hover {
    color: #2589FF;
}
.cropper-res-img .cropper-res-img-title[data-v-3f7c7ef0] {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 80px;
    transform: translateY(-50%);
    transform: translateX(-50%);
    text-align: center;
    background: rgba(0, 0, 0, 0.7);
    padding: 6px 8px;
    border-radius: 4px;
    color: #eee;
    transition: all 0.28s;
}
.cropper-res-img .cropper-res-img-title[data-v-3f7c7ef0]:hover {
      background: rgba(0, 0, 0, 0.8);
      color: white;
}
.cropper-res-img img[data-v-3f7c7ef0] {
    display: inline-block;
    max-width: 100%;
    max-height: 100%;
}
.cropper-wrapper[data-v-3f7c7ef0] {
  height: 400px;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.content-form[data-v-1c4fc36e] {
  display: flex;
  flex-direction: column;
  padding-right: 20px;
}
.content-form .attr-edit-wrapper[data-v-1c4fc36e] {
    width: 50%;
}
.scene-set-form[data-v-1c4fc36e] {
  padding: 30px 0 30px 30px;
  width: 100%;
  height: 100%;
  border-radius: 3px;
  background: rgba(0, 0, 0, 0.8);
}
.form-item[data-v-1c4fc36e] {
  color: white;
}
.el-input[data-v-1c4fc36e] {
  width: 50%;
}
.el-textarea[data-v-1c4fc36e] {
  width: 50%;
}
.title_row[data-v-1c4fc36e] {
  margin-top: 20px;
  display: flex;
  flex-direction: row;
}
.title_row el-input[data-v-1c4fc36e] {
    width: 150px;
}
.title_row .name[data-v-1c4fc36e] {
    flex: 1;
    text-align: left;
}
.title_row .imageSelect-btn[data-v-1c4fc36e] {
    font-size: 24px;
}
.addordel[data-v-1c4fc36e] {
  display: flex;
  flex-direction: row;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.preview-info-wrapper[data-v-01cb56f0] {
  padding: 30px 30px 60px;
}
.page-info[data-v-01cb56f0] {
  display: flex;
}
.page-info .page-cover[data-v-01cb56f0] {
    width: 120px;
    height: 120px;
    overflow: hidden;
}
.page-info .page-title-des[data-v-01cb56f0] {
    padding-left: 20px;
    flex: 1;
}
.info-form-wrapper[data-v-01cb56f0] {
  display: flex;
  padding-bottom: 16px;
}
.info-form-wrapper .info-form-l[data-v-01cb56f0] {
    line-height: 42px;
}
.info-form-wrapper .info-form-l.com-width[data-v-01cb56f0] {
      width: 120px;
}
.info-form-wrapper .info-form-r[data-v-01cb56f0] {
    flex: 1;
    padding-left: 10px;
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
}
.foot-btn-wrapper[data-v-01cb56f0] {
  position: absolute;
  left: 0;
  bottom: 8px;
  height: 60px;
  padding: 8px 30px;
}
.share-wx-config-wrapper[data-v-01cb56f0] {
  margin-top: 14px;
  padding: 12px;
  font-size: 12px;
  background-color: #f0f3f4;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.seq-container {
  min-width: 170px;
  display: flex;
  flex-direction: row;
}
.seq-container .title {
    margin-right: 10px;
}
.seq-container .seq-content span {
    margin-right: 5px;
    cursor: pointer;
}
.seq-container .seq-content .active {
    color: #2589FF;
}
.seq-container .seq-content .vip {
    color: #bf8a5e;
}
.pic-first-type {
  margin: 0 0 10px 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  align-content: center;
}
.pic-first-type .el-radio-group {
    width: 100%;
}
.pic-two-type {
  margin: 0 0 10px 0;
}
.cropper-wrapper {
  height: 400px;
}
.components-image-libs-wrapper .el-dialog {
  background: #191919;
  opacity: 0.95;
}
.components-image-libs-wrapper .el-dialog__header {
  background-color: #000000;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABNUlEQVRYR+2WPTIEURRGz9mBmERgdiBQCGZ2YAkjISIVYgtEJOzAFiYwAVV2QIlILeGqVj1TXaqZ995QnXRn3fX1/c79eT/S8WPH/vQAfQWKKhARQ3XSHOC2bykDng0QEVNgG7hV9yuTiLgBxsCDupViPNOUAHwAK8C7ulYDvALrddAN9SUVogTgCjgAztTzGuC0egeu1cNU80qXDZATPEVbBFA6cG1A2QARcQ/sNMsdEbO2TNXdlMyXGcKY/6xfCUTE/Bsw+r5EfwMqqUA/hDktXqj96xZcqscLXRuCEoDOh7BtGV4AR8BEHf1rBepl191pmJNdirZkBn7aB4bAo3qSYrzMTth2HL8Bq3XQgfqcClFSgbYLyR2wBzypm6nmxcdxp1eynOxStNktSAmao+kB+gp8Ah0KkiEvtscQAAAAAElFTkSuQmCC);
  background-position: left center;
  background-repeat: no-repeat, no-repeat;
  background-size: 18px 18px;
  cursor: pointer;
  opacity: 1;
  color: #f0f0f0;
  font-size: 12px;
  text-align: center;
  padding: 0 0;
  border: 1px solid #191919;
  box-shadow: 0px 0px 5px #353535;
}
.components-image-libs-wrapper .el-dialog__title {
  width: 100%;
  color: #ffffff;
  font-size: 12px;
  text-align: left;
  font-weight: normal;
  padding: 5px 0px 5px 0px;
  border-bottom: 1px solid #222222;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  cursor: move;
}
.components-image-libs-wrapper .el-dialog__headerbtn {
  position: absolute;
  top: 6px;
  right: 8px;
  padding: 0;
  background: 0 0;
  border: none;
  outline: 0;
  cursor: pointer;
  font-size: 14px;
}
.components-image-libs-wrapper .el-dialog__headerbtn .el-dialog__close {
  color: #f0f0f0;
}
.components-image-libs-wrapper .dialog-wrapper {
  display: flex;
  flex-wrap: wrap;
}
.components-image-libs-wrapper .el-dialog__body {
  padding: 5px 5px;
  color: #f0f0f0;
  font-size: 12px;
  word-break: break-all;
  display: flex;
  flex-direction: row;
}
.components-image-libs-wrapper .el-dialog__body .body-menu {
    width: 100px;
}
.components-image-libs-wrapper .el-dialog__body .body-menu .el-tabs__item {
      width: 100px;
      padding-right: 8px;
}
.components-image-libs-wrapper .el-dialog__body .body-right {
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    padding-left: 5px;
}
.components-image-libs-wrapper .el-dialog__footer {
  padding: 10px 0px;
  text-align: center;
  box-sizing: border-box;
}
.components-image-libs-wrapper .dialog-footer {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.components-image-libs-wrapper .dialog-footer .el-button {
    padding: 5px 20px;
    font-size: 12px;
    border-radius: 4px;
}
.components-image-libs-wrapper .dialog-footer .el-upload {
    margin-left: 10px;
}
.components-image-libs-wrapper .dialog-info {
  margin: 0 0;
  padding: 5px 0;
}
.components-image-libs-wrapper .dialog-info .title {
  float: left;
  font-size: 12px;
  font-weight: bold;
}
.components-image-libs-wrapper .dialog-info .el-checkbox {
  float: right;
  font-size: 12px;
  padding-top: 8px;
}
.components-image-libs-wrapper .dialog-info .el-button {
  float: right;
  background-color: #000000;
  border: 1px solid #535353;
  color: #f0f0f0;
  font-size: 12px;
  padding: 5px 8px;
  margin-left: 6px;
}
.components-image-libs-wrapper .dialog-info .el-button:hover {
  color: #0084bf;
  border: 1px solid #0084bf;
  box-shadow: 0px 0px 5px #0084bf;
}
.components-image-libs-wrapper .dialog-info .el-checkbox .el-checkbox__label {
  color: #f0f0f0;
}
.components-image-libs-wrapper .thrumb {
  cursor: pointer;
  padding: 0 0;
  width: 100px;
  margin-bottom: 10px;
  height: 80px;
  position: relative;
  margin-right: 8px;
}
.components-image-libs-wrapper .thrumb .fav-area {
    position: absolute;
    left: 5px;
    bottom: 5px;
    cursor: pointer;
}
.components-image-libs-wrapper .thrumb .el-image-class {
  width: 100%;
  height: 100%;
  padding: 0 0;
  margin: 0 0;
  background-color: #000000;
  border-radius: 5px 5px;
  -o-object-fit: cover;
     object-fit: cover;
}
.components-image-libs-wrapper .checked {
  border: 1px solid #0084bf;
  border-radius: 5px 5px;
  box-shadow: 0px 0px 5px #0084bf;
}
.components-image-libs-wrapper .thrumb .el-image:hover {
  border: 1px solid #0084bf;
  border-radius: 5px 5px;
  box-shadow: 0px 0px 5px #0084bf;
}
.components-image-libs-wrapper .thrumb.new {
  background-color: transparent;
  line-height: 32px;
  text-align: center;
  color: #f0f0f0;
  padding: 15% 0;
}
.components-image-libs-wrapper .thrumb.new i:hover {
  color: #0084bf;
}
.components-image-libs-wrapper .thrumb.new i {
  font-size: 32px;
  display: block;
}
.components-image-libs-wrapper .thrumb.new span {
  display: block;
  font-size: 12px;
}
.el-checkbox {
  line-height: 28px;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.imgclass {
  height: 80px;
}
.seq-container {
  min-width: 170px;
  display: flex;
  flex-direction: row;
}
.seq-container .title {
    margin-right: 10px;
}
.seq-container .seq-content span {
    margin-right: 5px;
    cursor: pointer;
}
.seq-container .seq-content .active {
    color: #2589FF;
}
.seq-container .seq-content .vip {
    color: #bf8a5e;
}
.pic-first-type {
  margin: 0 0 10px 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  align-content: center;
}
.pic-first-type .el-radio-group {
    width: 100%;
}
.pic-two-type {
  margin: 0 0 10px 0;
}
.cropper-wrapper {
  height: 400px;
}
.components-image-libs-wrapper .el-dialog {
  background: #191919;
  opacity: 0.95;
}
.components-image-libs-wrapper .el-dialog__header {
  background-color: #000000;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABNUlEQVRYR+2WPTIEURRGz9mBmERgdiBQCGZ2YAkjISIVYgtEJOzAFiYwAVV2QIlILeGqVj1TXaqZ995QnXRn3fX1/c79eT/S8WPH/vQAfQWKKhARQ3XSHOC2bykDng0QEVNgG7hV9yuTiLgBxsCDupViPNOUAHwAK8C7ulYDvALrddAN9SUVogTgCjgAztTzGuC0egeu1cNU80qXDZATPEVbBFA6cG1A2QARcQ/sNMsdEbO2TNXdlMyXGcKY/6xfCUTE/Bsw+r5EfwMqqUA/hDktXqj96xZcqscLXRuCEoDOh7BtGV4AR8BEHf1rBepl191pmJNdirZkBn7aB4bAo3qSYrzMTth2HL8Bq3XQgfqcClFSgbYLyR2wBzypm6nmxcdxp1eynOxStNktSAmao+kB+gp8Ah0KkiEvtscQAAAAAElFTkSuQmCC);
  background-position: left center;
  background-repeat: no-repeat, no-repeat;
  background-size: 18px 18px;
  cursor: pointer;
  opacity: 1;
  color: #f0f0f0;
  font-size: 12px;
  text-align: center;
  padding: 0 0;
  border: 1px solid #191919;
  box-shadow: 0px 0px 5px #353535;
}
.components-image-libs-wrapper .el-dialog__title {
  width: 100%;
  color: #ffffff;
  font-size: 12px;
  text-align: left;
  font-weight: normal;
  padding: 5px 0px 5px 0px;
  border-bottom: 1px solid #222222;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  cursor: move;
}
.components-image-libs-wrapper .el-dialog__headerbtn {
  position: absolute;
  top: 6px;
  right: 8px;
  padding: 0;
  background: 0 0;
  border: none;
  outline: 0;
  cursor: pointer;
  font-size: 14px;
}
.components-image-libs-wrapper .el-dialog__headerbtn .el-dialog__close {
  color: #f0f0f0;
}
.components-image-libs-wrapper .dialog-wrapper {
  display: flex;
  flex-wrap: wrap;
}
.components-image-libs-wrapper .el-dialog__body {
  max-height: 700px;
  min-height: 450px;
  padding: 5px 5px;
  color: #f0f0f0;
  font-size: 12px;
  word-break: break-all;
  display: flex;
  flex-direction: row;
}
.components-image-libs-wrapper .el-dialog__body .body-menu {
    width: 100px;
}
.components-image-libs-wrapper .el-dialog__body .body-menu .el-tabs__item {
      width: 100px;
      padding-right: 8px;
}
.components-image-libs-wrapper .el-dialog__body .body-right {
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    padding-left: 5px;
}
.components-image-libs-wrapper .el-dialog__footer {
  padding: 10px 0px;
  text-align: center;
  box-sizing: border-box;
}
.components-image-libs-wrapper .dialog-footer .el-button {
  padding: 5px 20px;
  font-size: 12px;
  border-radius: 4px;
}
.components-image-libs-wrapper .dialog-info {
  margin: 0 0;
  padding: 5px 0;
}
.components-image-libs-wrapper .dialog-info .title {
  float: left;
  font-size: 12px;
  font-weight: bold;
}
.components-image-libs-wrapper .dialog-info .el-checkbox {
  float: right;
  font-size: 12px;
  padding-top: 8px;
}
.components-image-libs-wrapper .dialog-info .el-button {
  float: right;
  background-color: #000000;
  border: 1px solid #535353;
  color: #f0f0f0;
  font-size: 12px;
  padding: 5px 8px;
  margin-left: 6px;
}
.components-image-libs-wrapper .dialog-info .el-button:hover {
  color: #0084bf;
  border: 1px solid #0084bf;
  box-shadow: 0px 0px 5px #0084bf;
}
.components-image-libs-wrapper .dialog-info .el-checkbox .el-checkbox__label {
  color: #f0f0f0;
}
.components-image-libs-wrapper .thrumb {
  cursor: pointer;
  padding: 0 0;
  width: 100px;
  margin-bottom: 10px;
  height: 80px;
  position: relative;
  margin-right: 8px;
}
.components-image-libs-wrapper .thrumb .fav-area {
    position: absolute;
    left: 5px;
    bottom: 5px;
    cursor: pointer;
}
.components-image-libs-wrapper .thrumb .el-image-class {
  width: 100%;
  height: 100%;
  padding: 0 0;
  margin: 0 0;
  background-color: #000000;
  border-radius: 5px 5px;
  -o-object-fit: cover;
     object-fit: cover;
}
.components-image-libs-wrapper .checked {
  border: 1px solid #0084bf;
  border-radius: 5px 5px;
  box-shadow: 0px 0px 5px #0084bf;
}
.components-image-libs-wrapper .thrumb .el-image:hover {
  border: 1px solid #0084bf;
  border-radius: 5px 5px;
  box-shadow: 0px 0px 5px #0084bf;
}
.components-image-libs-wrapper .thrumb.new {
  background-color: transparent;
  line-height: 32px;
  text-align: center;
  color: #f0f0f0;
  padding: 15% 0;
}
.components-image-libs-wrapper .thrumb.new i:hover {
  color: #0084bf;
}
.components-image-libs-wrapper .thrumb.new i {
  font-size: 32px;
  display: block;
}
.components-image-libs-wrapper .thrumb.new span {
  display: block;
  font-size: 12px;
}
.el-checkbox {
  line-height: 28px;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.leader-line {
  z-index: 300;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.page-editor[data-v-2edf9cbe] {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAYAAACtWK6eAAACd0lEQVR4nO3bwWkDQRBFwcUoIIfg/JMaRaDHQu/F6qqz+GDBgwG5rzvOOX+3PniTPXv/Ze/nyT8Evo1AIAgEgkAgCASCQCAIBIJAIAgEwuvmr4q/55wnv0d79r5nz79K2Nu654kFQSAQBAJBIBAEAkEgEAQCQSAQBAJBIBAEAkEgEAQCQSAQBAJBIBAEAkEgENyk27M35WbZ3tY9TywIAoEgEAgCgSAQCAKBIBAIAoEgEAgCgSAQCAKBIBAIAoEgEAgCgSAQCAKB4Cbdnr0pN8v2tu55YkEQCASBQBAIBIFAEAgEgUAQCASBQBAIBIFAEAgEgUAQCASBQBAIBIFAEAgEN+n27E25Wba3dc8TC4JAIAgEgkAgCASCQCAIBIJAIAgEgkAgCASCQCAIBIJAIAgEgkAgCASCQCC4Sbdnb8rNsr2te55YEAQCQSAQBAJBIBAEAkEgEAQCQSAQBAJBIBAEAkEgEAQCQSAQBAJBIBAEAsFNuj17U26W7W3d88SCIBAIAoEgEAgCgSAQCAKBIBAIAoEgEAgCgSAQCAKBIBAIAoEgEAgCgSAQCG7S7dmbcrNsb+ueJxYEgUAQCASBQBAIBIFAEAgEgUAQCASBQBAIBIFAEAgEgUAQCASBQBAIBIFAcJNuz96Um2V7W/c8sSAIBIJAIAgEgkAgCASCQCAIBIJAIAgEgkAgCASCQCAIBIJAIAgEgkAgCASCm3R79qbcLNvbuueJBUEgEAQCQSAQBAJBIBAEAkEgEAQCQSAQBAJBIBAEAkEgEAQCQSAQBAJBIBDcpNuzN+Vm2d7WPU8sCAKBIBAIAoEgEAgCgSAQCAKBT67regN0PsPZ8sKk1gAAAABJRU5ErkJggg==);
}
@keyframes hiddLeft-2edf9cbe {
to {
    display: none;
    opacity: 0;
    left: -500px;
}
}
@keyframes hiddRight-2edf9cbe {
to {
    display: none;
    opacity: 0;
    top: -500px;
}
}
@keyframes showRight-2edf9cbe {
to {
    opacity: 1;
    right: 5px;
    top: 20px;
    display: inline;
}
}
.anim-hidd-right[data-v-2edf9cbe] {
  animation: hiddRight-2edf9cbe .9s forwards;
}
.anim-hidd-left[data-v-2edf9cbe] {
  animation: hiddLeft-2edf9cbe .9s forwards;
}
.anim-show-right[data-v-2edf9cbe] {
  animation: showRight-2edf9cbe .9s forwards;
}
.ass-tool[data-v-2edf9cbe] {
  position: absolute;
  right: 10px;
  bottom: 10px;
  display: flex;
  flex-direction: row;
}
.ass-tool .tool-item[data-v-2edf9cbe] {
    background: rgba(0, 0, 0, 0.7);
    border-radius: 10px;
    flex: 1;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    margin-right: 5px;
    cursor: pointer;
}
.ass-tool .tool-item i[data-v-2edf9cbe] {
      color: white;
}
.ass-tool .tool-item i[data-v-2edf9cbe]:hover {
        color: #2589FF;
        transform: none;
}
.left-top2[data-v-2edf9cbe] {
  left: 10px;
  top: 20px;
}
.left-top3[data-v-2edf9cbe] {
  left: 10px;
  top: 70px;
}
.left-top4[data-v-2edf9cbe] {
  left: 10px;
  top: 420px;
}
.left-bottom[data-v-2edf9cbe] {
  left: 10px;
  bottom: 10px;
}
.right-middle[data-v-2edf9cbe] {
  right: 5px;
  top: 180px;
}
.right-middle2[data-v-2edf9cbe] {
  right: 5px;
  top: 220px;
}
.left-container[data-v-2edf9cbe] {
  max-height: 800px;
  position: absolute;
  display: flex;
  z-index: 3;
  flex-direction: column;
  color: #f0f0f0;
  text-align: center;
  margin: 10px 10px;
  border: 1px solid #191919;
  box-shadow: 0px 0px 5px #353535;
  border-radius: 5px;
  background: rgba(25, 25, 25, 0.7);
  overflow: hidden;
  width: 350px;
}
.left-container .editor-side-bar[data-v-2edf9cbe] {
    position: relative;
    background-color: transparent;
    margin: 0 0;
}
.left-container .editor-side-bar .hidshow[data-v-2edf9cbe] {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 40px;
      border: 0;
}
.editor-wrapper[data-v-2edf9cbe] {
  display: flex;
  height: 100%;
  position: relative;
}
.editor-wrapper .editor-page-edit-wrapper[data-v-2edf9cbe] {
    background-color: transparent;
    padding: 0 0px;
    overflow: hidden;
    transition: width 0.5s cubic-bezier(0.48, 0.43, 0.29, 1.3);
    margin: 0 0px;
    overflow-y: auto;
}
.editor-wrapper .editor-page-edit-wrapper-hidd[data-v-2edf9cbe] {
    background-color: transparent;
    width: 0px;
    overflow: hidden;
    transition: width 0.5s cubic-bezier(0.49, -0.3, 0.68, 1.23);
}
.editor-wrapper .editor-main[data-v-2edf9cbe] {
    background: transparent;
    position: relative;
    flex: 1;
    overflow: hidden;
}
.editor-wrapper .el-attr-edit-wrapper[data-v-2edf9cbe] {
    width: 350px;
    padding: 0;
    position: absolute;
    right: 5px;
    top: 20px;
    z-index: 3;
    background: rgba(25, 25, 25, 0.7);
    color: #f0f0f0;
    text-align: center;
    margin: 10px 10px;
    box-shadow: 0px 0px 5px #353535;
    border-radius: 5px 5px;
}
.editor-wrapper .el-attr-edit-wrapper .el-tabs[data-v-2edf9cbe] {
      max-height: 800px;
      overflow-y: auto;
}
.control-bar-wrapper[data-v-2edf9cbe] {
  position: absolute;
  top: -60px;
  width: 100%;
  text-align: center;
  z-index: 200;
  height: 60px;
}
.scene-bar-wrapper[data-v-2edf9cbe] {
  position: absolute;
  top: -60px;
  width: 100%;
  text-align: center;
  z-index: 200;
  height: 60px;
  width: 100px;
  right: 0;
}
.scene-set-wrapper[data-v-2edf9cbe] {
  position: absolute;
  top: 0;
  right: 10px;
  z-index: 9999;
}
.el-attr-edit-wrapper .el-tabs__content[data-v-2edf9cbe] {
  height: calc(100% - 55px);
}
.el-attr-edit-wrapper .el-tabs__content > div[data-v-2edf9cbe] {
    height: 100%;
}
.el-attr-edit-wrapper .el-tabs__content .attr-edit-inner[data-v-2edf9cbe] {
    padding-left: 16px;
    padding-right: 16px;
}
.free-mode[data-v-2edf9cbe] {
  top: 25px;
  position: absolute;
  z-index: 2;
  width: 80px;
  display: flex;
  flex-direction: column;
  align-content: center;
  align-items: center;
  font-size: 11px;
  cursor: pointer;
  margin-left: 10px;
}
.free-mode img[data-v-2edf9cbe] {
    cursor: pointer;
    width: 20px;
    margin-bottom: 10px;
}
.dialogStyle .el-dialog[data-v-2edf9cbe] {
  background: transparent;
  position: absolute;
  top: -90px;
  right: 0;
  width: 350px;
}
.dialogStyle .el-dialog__header[data-v-2edf9cbe] {
  display: none;
}
.dialogStyle .el-dialog__body[data-v-2edf9cbe] {
  background: transparent;
  padding: 0px;
}
.canvas-style[data-v-2edf9cbe] {
  position: absolute;
  top: 100px;
  left: 500px;
  z-index: 1;
}
@keyframes reset_to_attrpanel-2edf9cbe {
to {
    top: 10px;
    right: 10px;
}
}
.coordinate[data-v-2edf9cbe] {
  display: none;
  position: absolute;
  left: 40px;
  bottom: 40px;
}
.coordinate span[data-v-2edf9cbe] {
    color: white;
    font-size: 12px;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.components-image-libs-wrapper .el-dialog {
  background: #191919;
  opacity: 0.95;
}
.components-image-libs-wrapper .el-dialog__header {
  background-position: left center;
  background-repeat: no-repeat, no-repeat;
  background-size: 18px 18px;
  cursor: pointer;
  opacity: 1;
  color: #f0f0f0;
  font-size: 12px;
  text-align: center;
  padding: 0 0;
  height: 30px;
}
.components-image-libs-wrapper .el-dialog__title {
  width: 100%;
  color: #ffffff;
  font-size: 12px;
  text-align: left;
  font-weight: normal;
  padding: 5px 0px 5px 0px;
  cursor: move;
}
.components-image-libs-wrapper .el-dialog__headerbtn {
  position: absolute;
  top: 6px;
  right: 8px;
  padding: 0;
  background: 0 0;
  border: none;
  outline: 0;
  cursor: pointer;
  font-size: 14px;
}
.components-image-libs-wrapper .el-dialog__headerbtn .el-dialog__close {
  color: #f0f0f0;
}
.components-image-libs-wrapper .dialog-wrapper {
  display: flex;
  flex-wrap: wrap;
}
.components-image-libs-wrapper .el-dialog__body {
  padding: 24px 24px;
  color: #f0f0f0;
  font-size: 12px;
  word-break: break-all;
  display: flex;
  flex-direction: row;
}
.components-image-libs-wrapper .el-dialog__body .body-menu {
    display: flex;
    flex-direction: row;
    width: 100%;
}
.components-image-libs-wrapper .el-dialog__body .body-menu .body-item {
      flex: 1;
      width: 124px;
      height: 124px;
      background: #222326;
      border-radius: 12px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      margin: 24px 16px 24px 16px;
      cursor: pointer;
}
.components-image-libs-wrapper .el-dialog__body .body-menu .body-item img {
        width: 54px;
        height: 54px;
}
.components-image-libs-wrapper .el-dialog__body .body-menu .body-item .title {
        margin-top: 12px;
        font-size: 12px;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: #FFFFFF;
}
.components-image-libs-wrapper .el-dialog__body .body-menu .body-upload-item {
      width: 100%;
      height: 124px;
      background: #222326;
      border-radius: 12px;
      display: flex;
      flex-direction: row;
      align-items: center;
      padding: 16px;
}
.components-image-libs-wrapper .el-dialog__body .body-menu .body-upload-item .upload-body {
        display: flex;
        flex-direction: row;
        align-items: center;
        width: 100%;
        height: 100%;
}
.components-image-libs-wrapper .el-dialog__body .body-menu .body-upload-item .upload-body .image-area {
          margin-right: 10px;
}
.components-image-libs-wrapper .el-dialog__body .body-menu .body-upload-item .upload-body .image-area img {
            width: 92px;
            height: 92px;
            border-radius: 7px;
            background-color: #000;
            overflow: hidden;
}
.components-image-libs-wrapper .el-dialog__body .body-menu .body-upload-item .upload-body .right-area {
          height: 100%;
          display: flex;
          flex-direction: column;
          flex: 1;
}
.components-image-libs-wrapper .el-dialog__body .body-menu .body-upload-item .upload-body .right-area .options {
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 2px;
}
.components-image-libs-wrapper .el-dialog__body .body-menu .body-upload-item .upload-body .right-area .options .icon {
              width: 14px;
              height: 14px;
              padding: 8px;
              box-sizing: initial;
}
.components-image-libs-wrapper .el-dialog__body .body-menu .body-upload-item .upload-body .right-area .options .icon:hover {
                background: #2D2E31;
                border-radius: 50%;
                cursor: pointer;
}
.components-image-libs-wrapper .el-dialog__body .body-menu .body-upload-item .upload-body .right-area .pageName {
            font-size: 14px;
            flex: 1;
}
.components-image-libs-wrapper .el-dialog__body .body-menu .body-upload-item .upload-body .right-area .desc-row {
            display: flex;
            flex-direction: row;
}
.components-image-libs-wrapper .el-dialog__body .body-menu .body-upload-item .upload-body .right-area .desc-row .left-area {
              flex: 1;
}
.components-image-libs-wrapper .el-dialog__body .body-menu .body-upload-item .upload-body .right-area .desc-row .left-area .pageType {
                width: 42px;
                height: 22px;
                background: linear-gradient(90deg, #52BE85 0%, #05A989 100%);
                border-radius: 6px;
                text-align: center;
                line-height: 22px;
}
.components-image-libs-wrapper .el-dialog__body .body-menu .body-upload-item .upload-body .right-area .desc-row .right-area {
              display: flex;
              flex-direction: row;
              align-items: center;
              justify-content: flex-end;
}
.components-image-libs-wrapper .el-dialog__body .body-menu .body-upload-item .upload-body .right-area .desc-row .right-area img {
                width: 14px;
                height: 14px;
                float: left;
                cursor: pointer;
}
.components-image-libs-wrapper .el-dialog__body .body-right {
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    padding-left: 5px;
}
.components-image-libs-wrapper .el-dialog__footer {
  padding: 10px 0px;
  text-align: center;
  box-sizing: border-box;
}
.components-image-libs-wrapper .dialog-footer {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.components-image-libs-wrapper .dialog-footer .el-button {
    padding: 5px 20px;
    font-size: 12px;
    border-radius: 4px;
}
.components-image-libs-wrapper .dialog-footer .el-upload {
    margin-left: 10px;
}
.components-image-libs-wrapper .dialog-info {
  margin: 0 0;
  padding: 5px 0;
}
.components-image-libs-wrapper .dialog-info .title {
  float: left;
  font-size: 12px;
  font-weight: bold;
}
.components-image-libs-wrapper .dialog-info .el-checkbox {
  float: right;
  font-size: 12px;
  padding-top: 8px;
}
.components-image-libs-wrapper .dialog-info .el-button {
  float: right;
  background-color: #000000;
  border: 1px solid #535353;
  color: #f0f0f0;
  font-size: 12px;
  padding: 5px 8px;
  margin-left: 6px;
}
.components-image-libs-wrapper .dialog-info .el-button:hover {
  color: #0084bf;
  border: 1px solid #0084bf;
  box-shadow: 0px 0px 5px #0084bf;
}
.components-image-libs-wrapper .dialog-info .el-checkbox .el-checkbox__label {
  color: #f0f0f0;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.pageMenu[data-v-f6d2eddc] {
  position: absolute;
  width: 142px;
  background: #222326;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.5), 0px 2px 16px 0px rgba(0, 0, 0, 0.5);
  border-radius: 12px;
  padding: 8px;
  z-index: 9999;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.pageMenu .item[data-v-f6d2eddc] {
    border-radius: 6px;
    width: 100%;
    height: 36px;
    text-align: left;
    cursor: pointer;
    margin-bottom: 8px;
    font-size: 12px;
    line-height: 36px;
    padding-left: 10px;
    color: #fff !important;
}
.pageMenu .item[data-v-f6d2eddc]:hover {
    background: #313235;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.5);
}
.pageMenu .item[data-v-f6d2eddc]:last-child {
    margin-bottom: 0;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.input-style .el-input .el-input__inner[data-v-5a587e9f] {
  color: #fff;
}
.input-style .el-textarea__inner[data-v-5a587e9f] {
  color: #fff;
}
.select-style .el-input .el-input__inner[data-v-5a587e9f] {
  color: #fff !important;
}
.select-style .el-select-dropdown[data-v-5a587e9f] {
  border: 0px;
  background-color: #000;
}
.select-style .el-select-dropdown .el-select-dropdown__item[data-v-5a587e9f] {
  color: #333;
  /* 修改下拉框列表项的文字颜色 */
}
.split-line[data-v-5a587e9f] {
  width: 100%;
  height: 8px;
  background: #222326;
  display: block;
  margin: 20px 0;
}
.dialog_icon_select[data-v-5a587e9f] {
  width: 404px;
  padding: 8px;
  overflow-y: auto;
}
.dialog_icon_select .item[data-v-5a587e9f] {
    position: relative;
    cursor: pointer;
    float: left;
    width: 58px;
    height: 58px;
    background: #313235;
    border-radius: 6px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-right: 8px;
    margin-bottom: 8px;
    justify-content: center;
    font-size: 12px;
    font-family: PingFangSC, PingFang SC;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.6);
}
.dialog_icon_select .item .customimg[data-v-5a587e9f] {
      width: 16px;
      height: 16px;
      margin-bottom: 4px;
}
.dialog_icon_select .item .giftag[data-v-5a587e9f] {
      width: 19px;
      height: 11px;
      position: absolute;
      right: 0;
      bottom: 0;
}
.dialog_icon_select .item .preview[data-v-5a587e9f] {
      width: 30px;
      height: 30px;
}
.components-dialog .el-dialog[data-v-5a587e9f] {
  background: #191919;
  opacity: 0.98;
  background: #222326;
  box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.5);
  border-radius: 12px;
  padding: 8px;
}
.components-dialog .el-dialog__header[data-v-5a587e9f] {
  background-position: left center;
  background-repeat: no-repeat, no-repeat;
  background-size: 18px 18px;
  cursor: pointer;
  opacity: 1;
  color: #f0f0f0;
  font-size: 12px;
  text-align: center;
  padding: 0 0;
  height: 30px;
}
.components-dialog .el-dialog__title[data-v-5a587e9f] {
  width: 100%;
  color: #ffffff;
  font-size: 12px;
  text-align: left;
  font-weight: normal;
  padding: 5px 0px 5px 0px;
  cursor: move;
}
.components-libs-wrapper-vr .el-dialog[data-v-5a587e9f] {
  background: #191919;
  opacity: 1;
}
.components-libs-wrapper-vr[data-v-5a587e9f] .el-dialog__body .el-checkbox .el-checkbox__label,
.components-libs-wrapper-vr[data-v-5a587e9f] .form-body .el-checkbox .el-checkbox__label,
.components-libs-wrapper-vr[data-v-5a587e9f] .content-row .el-checkbox .el-checkbox__label,
.components-libs-wrapper-vr[data-v-5a587e9f] .el-checkbox__label {
  color: #666 !important;
}
.components-libs-wrapper-vr .el-dialog__header[data-v-5a587e9f] {
  opacity: 1;
  color: #f0f0f0;
  text-align: left;
  padding-left: 24px;
  color: #ffffff;
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 0px;
}
.components-libs-wrapper-vr .el-dialog__title[data-v-5a587e9f] {
  width: 100%;
  color: #ffffff;
  font-size: 16px;
  text-align: left;
  font-weight: 600;
  font-family: PingFangSC, PingFang SC;
  margin-top: 24px;
}
.components-libs-wrapper-vr .el-dialog__headerbtn[data-v-5a587e9f] {
  position: absolute;
  top: 24px;
  right: 24px;
  padding: 0;
  background: 0 0;
  border: none;
  outline: 0;
  cursor: pointer;
  font-size: 16px;
}
.components-libs-wrapper-vr .el-dialog__headerbtn .el-dialog__close[data-v-5a587e9f] {
  color: #f0f0f0;
}
.components-libs-wrapper-vr .dialog-wrapper[data-v-5a587e9f] {
  display: flex;
  flex-wrap: wrap;
}
.components-libs-wrapper-vr .el-dialog__body[data-v-5a587e9f] {
  padding: 24px 24px;
  color: #f0f0f0;
  font-size: 12px;
  word-break: break-all;
  display: flex;
  flex-direction: row;
}
.components-libs-wrapper-vr .el-dialog__body .body-menu[data-v-5a587e9f] {
    display: flex;
    flex-direction: row;
    width: 100%;
}
.components-libs-wrapper-vr .el-dialog__body .body-menu .body-item[data-v-5a587e9f] {
      width: 124px;
      height: 124px;
      background: #222326;
      border-radius: 12px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      margin: 24px 16px 24px 16px;
      cursor: pointer;
}
.components-libs-wrapper-vr .el-dialog__body .body-menu .body-item img[data-v-5a587e9f] {
        width: 54px;
        height: 54px;
}
.components-libs-wrapper-vr .el-dialog__body .body-menu .body-item .title[data-v-5a587e9f] {
        margin-top: 12px;
        font-size: 12px;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: #ffffff;
}
.components-libs-wrapper-vr .el-dialog__body .body-menu .body-upload-item[data-v-5a587e9f] {
      width: 100%;
      height: 124px;
      background: #222326;
      border-radius: 12px;
      display: flex;
      flex-direction: row;
      align-items: center;
      padding: 16px;
}
.components-libs-wrapper-vr .el-dialog__body .body-menu .body-upload-item .upload-body[data-v-5a587e9f] {
        display: flex;
        flex-direction: row;
        align-items: center;
        width: 100%;
        height: 100%;
}
.components-libs-wrapper-vr .el-dialog__body .body-menu .body-upload-item .upload-body .image-area[data-v-5a587e9f] {
          margin-right: 10px;
}
.components-libs-wrapper-vr .el-dialog__body .body-menu .body-upload-item .upload-body .image-area img[data-v-5a587e9f] {
            width: 92px;
            height: 92px;
            border-radius: 7px;
            background-color: #000;
            overflow: hidden;
}
.components-libs-wrapper-vr .el-dialog__body .body-menu .body-upload-item .upload-body .right-area[data-v-5a587e9f] {
          height: 100%;
          display: flex;
          flex-direction: column;
          flex: 1;
}
.components-libs-wrapper-vr .el-dialog__body .body-menu .body-upload-item .upload-body .right-area .pageName[data-v-5a587e9f] {
            font-size: 14px;
            flex: 1;
}
.components-libs-wrapper-vr .el-dialog__body .body-menu .body-upload-item .upload-body .right-area .desc-row[data-v-5a587e9f] {
            display: flex;
            flex-direction: row;
}
.components-libs-wrapper-vr .el-dialog__body .body-menu .body-upload-item .upload-body .right-area .desc-row .left-area[data-v-5a587e9f] {
              flex: 1;
}
.components-libs-wrapper-vr .el-dialog__body .body-menu .body-upload-item .upload-body .right-area .desc-row .left-area .pageType[data-v-5a587e9f] {
                width: 42px;
                height: 22px;
                background: linear-gradient(90deg, #52be85 0%, #05a989 100%);
                border-radius: 6px;
                text-align: center;
                line-height: 22px;
}
.components-libs-wrapper-vr .el-dialog__body .body-menu .body-upload-item .upload-body .right-area .desc-row .right-area[data-v-5a587e9f] {
              display: flex;
              flex-direction: row;
              align-items: center;
              justify-content: flex-end;
}
.components-libs-wrapper-vr .el-dialog__body .body-menu .body-upload-item .upload-body .right-area .desc-row .right-area img[data-v-5a587e9f] {
                width: 14px;
                height: 14px;
                float: left;
                cursor: pointer;
}
.components-libs-wrapper-vr .el-dialog__body .body-right[data-v-5a587e9f] {
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    padding-left: 5px;
}
.components-libs-wrapper-vr .el-dialog__footer[data-v-5a587e9f] {
  padding: 10px 0px;
  text-align: center;
  box-sizing: border-box;
}
.components-libs-wrapper-vr .dialog-footer[data-v-5a587e9f] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.components-libs-wrapper-vr .dialog-footer .el-button[data-v-5a587e9f] {
    padding: 5px 20px;
    font-size: 12px;
    border-radius: 4px;
}
.components-libs-wrapper-vr .dialog-footer .el-upload[data-v-5a587e9f] {
    margin-left: 10px;
}
.components-libs-wrapper-vr .dialog-info[data-v-5a587e9f] {
  margin: 0 0;
  padding: 5px 0;
}
.components-libs-wrapper-vr .dialog-info .title[data-v-5a587e9f] {
  float: left;
  font-size: 12px;
  font-weight: bold;
}
.components-libs-wrapper-vr .dialog-info .el-checkbox[data-v-5a587e9f] {
  float: right;
  font-size: 12px;
  padding-top: 8px;
}
.components-libs-wrapper-vr .dialog-info .el-button[data-v-5a587e9f] {
  float: right;
  background-color: #000000;
  border: 1px solid #535353;
  color: #f0f0f0;
  font-size: 12px;
  padding: 5px 8px;
  margin-left: 6px;
}
.components-libs-wrapper-vr .dialog-info .el-button[data-v-5a587e9f]:hover {
  color: #0084bf;
  border: 1px solid #0084bf;
  box-shadow: 0px 0px 5px #0084bf;
}
.components-libs-wrapper-vr .dialog-info .el-checkbox .el-checkbox__label[data-v-5a587e9f] {
  color: #000 !important;
}
.form-body[data-v-5a587e9f] {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.content-row[data-v-5a587e9f] {
  margin-top: 15px;
}
.content-row .splitgroup[data-v-5a587e9f] {
    display: flex;
    flex-direction: row;
    width: 100%;
}
.content-row .splitgroup .group[data-v-5a587e9f] {
      flex: 1;
      margin-right: 16px;
}
.content-row .splitgroup .group[data-v-5a587e9f]:last-child {
      margin-right: 0;
}
.content-row .title[data-v-5a587e9f] {
    margin-bottom: 10px;
    display: flex;
    flex-direction: row;
}
.content-row .title .desc[data-v-5a587e9f] {
      flex: 1;
}
.content-row .title .actiondesc[data-v-5a587e9f] {
      cursor: pointer;
      color: #2589ff;
}
.content-row .tab-content[data-v-5a587e9f] {
    white-space: nowrap;
    display: flex;
    flex-direction: row;
    border: 0px;
}
.content-row .tab-content .title[data-v-5a587e9f] {
      font-family: PingFangSC-Semibold, PingFang SC;
      font-weight: 600;
      color: #ffffff;
}
.content-row .tab-content .el-button[data-v-5a587e9f] {
      width: 194px;
      height: 44px;
      background: #222326;
      border: 1px solid #222326;
      border-radius: 12px;
      flex: 1;
}
.content-row .tab-content .checked[data-v-5a587e9f] {
      border: 2px solid #2589ff;
      color: #fff;
}
.content-row .empty-content[data-v-5a587e9f] {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.content-row .empty-content .uploadText[data-v-5a587e9f] {
      width: 80px;
      color: #2589ff;
}
.content-row .empty-content .el-input .el-input__inner[data-v-5a587e9f] {
      height: 44px;
      background: #222326;
      border-radius: 12px;
      border-color: #222326;
      color: #fff;
}
.content-row .empty-content .el-textarea .el-textarea__inner[data-v-5a587e9f] {
      height: 44px;
      background: #222326;
      border-radius: 12px;
      border-color: #222326;
      color: #fff;
}
.content-row .empty-content .el-input input[data-v-5a587e9f]::-moz-placeholder {
      color: rgba(255, 255, 255, 0.6);
}
.content-row .empty-content .el-input input[data-v-5a587e9f]::placeholder {
      color: rgba(255, 255, 255, 0.6);
}
.content-row .empty-content .el-input .el-input__inner[data-v-5a587e9f]:focus {
      border-color: #2589ff;
}
.content-row .icon-content[data-v-5a587e9f] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 64px;
    background: #222326;
    border-radius: 12px;
}
.content-row .icon-content .el-input[data-v-5a587e9f] {
      width: 80px;
      height: 32px;
      margin-left: 20px;
      margin-right: 20px;
      background: #191a1d;
      border-radius: 4px;
}
.content-row .icon-content img[data-v-5a587e9f] {
      width: 16px;
      height: 16px;
}
.content-row .blackDropdown[data-v-5a587e9f] input::-webkit-input-placeholder {
    color: #fff;
}
.content-row .blackDropdown[data-v-5a587e9f] input::-moz-input-placeholder {
    color: #fff;
}
.content-row .blackDropdown[data-v-5a587e9f] input::-ms-input-placeholder {
    color: #fff;
}
.content-row .blackDropdown[data-v-5a587e9f] .el-select,
  .content-row .blackDropdown[data-v-5a587e9f] .el-input,
  .content-row .blackDropdown[data-v-5a587e9f] .el-textarea,
  .content-row .blackDropdown[data-v-5a587e9f] .el-textarea__inner /deep/ .el-input__inner {
    background-color: #08164d;
    color: #fff;
    border: 0px;
    border-radius: 0px;
    text-align: center;
}
.content-row .blackDropdown[data-v-5a587e9f] .el-select .el-input.is-focus .el-input__inner {
    border: 0px;
}
.content-row .blackDropdown[data-v-5a587e9f] .el-select .el-input .el-select__caret {
    color: #fff;
}
.content-row .blackDropdown[data-v-5a587e9f] .el-select-dropdown {
    background-color: #08164d;
    margin: 0px;
    border: 0px;
    border-radius: 0px;
}
.content-row .blackDropdown[data-v-5a587e9f] .el-select-dropdown__item {
    background-color: transparent;
    color: #fff;
}
.content-row .blackDropdown[data-v-5a587e9f] .el-select-dropdown__item.hover,
  .content-row .blackDropdown[data-v-5a587e9f] .el-select-dropdown__item:hover {
    color: #409eff;
}
.content-row .blackDropdown[data-v-5a587e9f] .el-popper .popper__arrow,
  .content-row .blackDropdown .el-popper .popper__arrow[data-v-5a587e9f]::after {
    display: none;
}
.content-row .sel-content .el-select[data-v-5a587e9f] {
    width: 100%;
}
.content-row .sel-content .el-select .el-select-dropdown[data-v-5a587e9f] {
    background: #222326;
    box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.5);
    border-radius: 12px;
}
.content-row .sel-content .el-select .el-input__inner[data-v-5a587e9f] {
    height: 44px;
    background: #222326;
    border-radius: 12px;
    border-color: #222326;
    /* 设置边框颜色为 #ff0000 */
}
.content-row .sel-content .el-select .el-input__inner[data-v-5a587e9f]:focus {
    border-color: #2589ff;
    /* 设置焦点时的边框颜色为 #00ff00 */
}
.content-row .norl-content[data-v-5a587e9f] {
    width: 100%;
    height: 104px;
    background: #222326;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    color: #2589ff;
}
.content-row .norl-content .empty_img[data-v-5a587e9f] {
      width: 36px;
      height: 36px;
}
.content-row .norl-content .empty_cus_img[data-v-5a587e9f] {
      width: 100px;
      height: 70px;
}
.content-row .norl-content .empty_file[data-v-5a587e9f] {
      width: 60px;
      height: 60px;
      -o-object-fit: cover;
         object-fit: cover;
}
.content-row .norl-content .giftag[data-v-5a587e9f] {
      position: absolute;
      right: 10px;
      bottom: 10px;
      width: 32px;
      height: auto;
}
.content-row .try_play[data-v-5a587e9f] {
    padding: 5px;
    cursor: pointer;
    font-size: 20px;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.project-settings-dialog .el-dialog__body {
  padding: 20px;
  max-height: 60vh;
  overflow-y: auto;
}
.project-settings-dialog .settings-container .settings-item {
  margin-bottom: 20px;
}
.project-settings-dialog .settings-container .settings-item .item-label {
    font-size: 14px;
    margin-bottom: 8px;
    color: black;
}
.project-settings-dialog .settings-container .settings-item .music-uploader {
    display: inline-block;
    margin-left: 10px;
}
.project-settings-dialog .settings-container .settings-item .music-uploader .music-name {
      margin-left: 10px;
      font-size: 12px;
      color: #909399;
}
.project-settings-dialog .settings-container .settings-item .speed-value {
    font-size: 12px;
    color: #909399;
    text-align: right;
    margin-top: 5px;
}
.project-settings-dialog .settings-container .settings-item.space-settings {
    border-top: 1px solid #3e3e3e;
    padding-top: 15px;
}
.project-settings-dialog .settings-container .settings-item.space-settings .item-header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 10px;
}
.project-settings-dialog .settings-container .settings-item.space-settings .item-header .el-button--mini {
        padding: 4px;
}
.project-settings-dialog .settings-container .settings-item.space-settings .space-list {
      background: #222326;
      border-radius: 4px;
      padding: 5px;
      max-height: 200px;
      overflow-y: auto;
}
.project-settings-dialog .settings-container .settings-item.space-settings .space-list .space-item {
        margin-bottom: 8px;
        background: #2d2e31;
        border-radius: 4px;
        padding: 8px 12px;
}
.project-settings-dialog .settings-container .settings-item.space-settings .space-list .space-item:last-child {
          margin-bottom: 0;
}
.project-settings-dialog .settings-container .settings-item.space-settings .space-list .space-item .space-content {
          display: flex;
          justify-content: space-between;
          align-items: center;
}
.project-settings-dialog .settings-container .settings-item.space-settings .space-list .space-item .space-content .space-name {
            font-size: 14px;
            color: #FFFFFF;
}
.project-settings-dialog .settings-container .settings-item.space-settings .space-list .space-item .space-content .space-actions {
            display: flex;
            align-items: center;
}
.project-settings-dialog .settings-container .settings-item.space-settings .space-list .space-item .space-content .space-actions .el-button {
              padding: 2px 5px;
              font-size: 12px;
}
.project-settings-dialog .settings-container .settings-item.space-settings .space-list .space-item .space-content .space-actions .el-button:hover {
                color: #409EFF;
}
.project-settings-dialog .settings-container .settings-item.space-settings .space-list .space-item .space-content .space-actions .el-button[disabled] {
                color: #606266;
                cursor: not-allowed;
                opacity: 0.5;
}
.project-settings-dialog .settings-container .settings-item.space-settings .space-list .space-item .space-content .space-actions .el-button[disabled]:hover {
                  color: #606266;
}
.project-settings-dialog .settings-container .settings-item.space-settings .space-list .space-item .space-edit {
          display: flex;
          justify-content: space-between;
          align-items: center;
}
.project-settings-dialog .settings-container .settings-item.space-settings .space-list .space-item .space-edit .el-input {
            width: 80%;
}
.project-settings-dialog .settings-container .settings-item.space-settings .space-list .space-item .space-edit .edit-actions .el-button {
            padding: 2px 5px;
            font-size: 12px;
}
.project-settings-dialog .settings-container .settings-item.space-settings .empty-space {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      height: 100px;
      background: #222326;
      border-radius: 4px;
      color: #909399;
}
.project-settings-dialog .settings-container .settings-item.space-settings .empty-space i {
        font-size: 24px;
        margin-bottom: 10px;
}
.project-settings-dialog .dialog-footer {
  display: flex;
  justify-content: center;
}
.project-settings-dialog .dialog-footer .el-button {
    padding: 8px 20px;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.scene-setting-dialog .el-dialog__body {
  padding: 20px;
}
.scene-setting-dialog .setting-content .setting-item {
  margin-bottom: 20px;
}
.scene-setting-dialog .setting-content .setting-item .item-label {
    font-size: 14px;
    margin-bottom: 8px;
    color: #000;
}
.scene-setting-dialog .setting-content .setting-item .space-select {
    width: 100%;
}
.scene-setting-dialog .dialog-footer {
  display: flex;
  justify-content: center;
}
.scene-setting-dialog .dialog-footer .el-button {
    padding: 8px 20px;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.newPointMenu {
  position: absolute;
  width: 142px;
  background: #222326;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.5), 0px 2px 16px 0px rgba(0, 0, 0, 0.5);
  border-radius: 12px;
  padding: 8px;
  z-index: 9999;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #fff;
}
.newPointMenu .item {
    border-radius: 6px;
    width: 100%;
    height: 36px;
    text-align: center;
    cursor: pointer;
    margin-bottom: 8px;
    font-size: 12px;
    line-height: 36px;
}
.newPointMenu .item:hover {
    background: #313235;
}
.newPointMenu .item:last-child {
    margin-bottom: 0;
}
.loadingshow {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 9999;
}
.container {
  background-color: #000;
  height: 100%;
  display: flex;
  flex-direction: column;
  padding: 0 97px 16px 97px;
  font-size: 14px;
}
.toppageinput .el-input__inner {
  height: 44px;
  background: #222326 !important;
  border-radius: 12px;
  border-color: #222326;
}
.toppageinput .el-input__inner:focus {
  border-color: #2589ff;
}
.topbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 50px;
}
.topbar .row-middle .pageTitleStyle {
    min-width: 130px;
    height: 34px;
    background: #26272a;
    border-radius: 8px;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 16px;
}
.topbar .row-middle .pageTitleStyle .split {
      margin-left: 5px;
      margin-right: 5px;
}
.topbar .row-middle .pageTitleStyle .title {
      color: #fff;
      flex: 1;
      margin-right: 5px;
}
.topbar .row-middle .pageTitleStyle img {
      width: 14px;
      height: 14px;
}
.main-scene {
  flex: 1;
  overflow: hidden;
  position: relative;
  position: relative;
}
.main-scene .welcome-edit {
    width: 100%;
    height: 100vh;
    z-index: 1000;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    padding-top: 10%;
    position: absolute;
    background-color: #000;
}
.main-scene .welcome-edit .welcome-logo {
      min-width: 300px;
      height: 220px;
      margin: 0 auto 20px;
}
.main-scene .welcome-edit .imgLogoEx {
      display: flex;
      flex-direction: column;
      align-items: center;
      border: 1px dotted #fff;
      padding: 2px;
      min-width: 200px;
      height: 150px;
      justify-content: center;
      margin-bottom: 10px;
}
.main-scene .welcome-edit .imgLogoEx img {
        margin-bottom: 10px;
}
.main-scene .welcome-edit .imgLogo {
      min-width: 300px;
      height: 220px;
      overflow: hidden;
      border: 1px dotted #fff;
      padding: 2px;
}
.main-scene .welcome-edit .imgLogo img {
      width: 100%;
      height: 100%;
      -o-object-fit: contain;
         object-fit: contain;
      cursor: pointer;
}
.main-scene .welcome-edit .companyName {
      font-size: 50px;
      font-family: PingFangSC, PingFang SC;
      font-weight: 600;
      color: #ffffff;
      margin-bottom: 32px;
      border: 1px dotted #fff;
      padding: 5px;
      cursor: pointer;
}
.main-scene .welcome-edit .companyName .el-input__inner {
        height: 100%;
}
.main-scene .welcome-edit .vrDesc {
      font-size: 24px;
      font-family: PingFangSC, PingFang SC;
      font-weight: 400;
      color: #ffffff;
      border: 1px dotted #fff;
      padding: 5px;
}
.iframeclass {
  border-radius: 16px;
  width: 100%;
  height: 100%;
  z-index: 900;
}
.bottom-row {
  margin-top: 12px;
  min-height: 124px;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  background: #26272a;
  border-radius: 16px;
}
.scene_row {
  margin-top: 12px;
  height: 90px;
  display: flex;
  flex-direction: row;
  overflow-y: auto;
}
.scene_space {
  width: 100%;
  height: 50px;
  padding-top: 10px;
  padding-left: 23px;
}
.scene_space .space-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}
.scene_space .space-header .space-title {
      font-size: 14px;
      font-weight: 500;
      color: #fff;
}
.scene_space .space-content {
    display: flex;
    align-items: center;
    overflow-x: auto;
    padding-bottom: 5px;
}
.scene_space .space-content .space-item {
      min-width: 80px;
      height: 30px;
      background: #1e1f22;
      border-radius: 8px;
      margin-right: 12px;
      cursor: pointer;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
      transition: all 0.3s;
      padding: 0 8px;
}
.scene_space .space-content .space-item:hover {
        background: #2d2e31;
}
.scene_space .space-content .space-item.space-item-selected {
        border: 1px solid #2589ff;
}
.scene_space .space-content .space-item .space-icon {
        font-size: 20px;
        color: #2589ff;
        margin-right: 3px;
}
.scene_space .space-content .space-item .space-name {
        font-size: 12px;
        color: #ffffff;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100%;
}
.scene_space .space-content .empty-space-tip {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: 60px;
      color: #999;
}
.scene_space .space-content .empty-space-tip i {
        font-size: 20px;
        margin-bottom: 8px;
}
.scene_space .space-content .empty-space-tip span {
        font-size: 12px;
}
.scene_list {
  width: 100%;
  height: 100%;
  flex: 1;
  margin-right: 12px;
  display: flex;
  align-items: center;
  overflow-y: auto;
}
.scene_add {
  width: 118px;
  height: 100%;
  background: #26272a;
  border-radius: 16px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.scene_add img {
    width: 54px;
    height: 54px;
}
.cover_item_selected {
  border: 1px solid #2589ff;
}
.cover_item {
  width: 72px;
  height: 72px;
  background: #000000;
  border-radius: 7px;
  margin-left: 14px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  position: relative;
  flex-shrink: 0;
}
.cover_item .moreAction {
    position: absolute;
    right: 4px;
    top: 4px;
}
.cover_item .moreAction img {
      width: 26px;
      height: 16px;
}
.cover_item .pageTitle {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 25px;
    background: rgba(0, 0, 0, 0.8);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #ffffff;
    white-space: nowrap;
}
.coverShow {
  display: flex;
  line-height: 92px;
  align-items: center;
  justify-content: center;
  position: relative;
}
.coverShow .cover {
    width: 100%;
    height: 34px;
    background: rgba(37, 137, 255, 0.3);
    text-align: center;
    font-size: 10px;
    white-space: nowrap;
}
.coverShow .title {
    position: absolute;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.input-style .el-input .el-input__inner[data-v-a62764de] {
  color: #fff;
}
.select-style .el-input .el-input__inner[data-v-a62764de] {
  color: #fff !important;
}
.select-style .el-select-dropdown[data-v-a62764de] {
  border: 0px;
  background-color: #000;
}
.select-style .el-select-dropdown .el-select-dropdown__item[data-v-a62764de] {
  color: #333;
  /* 修改下拉框列表项的文字颜色 */
}
.split-line[data-v-a62764de] {
  width: 100%;
  height: 8px;
  background: #222326;
  display: block;
  margin: 20px 0;
}
.dialog_icon_select[data-v-a62764de] {
  width: 404px;
  padding: 8px;
  overflow-y: auto;
}
.dialog_icon_select .item[data-v-a62764de] {
    position: relative;
    cursor: pointer;
    float: left;
    width: 58px;
    height: 58px;
    background: #313235;
    border-radius: 6px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-right: 8px;
    margin-bottom: 8px;
    justify-content: center;
    font-size: 12px;
    font-family: PingFangSC, PingFang SC;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.6);
}
.dialog_icon_select .item .customimg[data-v-a62764de] {
      width: 16px;
      height: 16px;
      margin-bottom: 4px;
}
.dialog_icon_select .item .giftag[data-v-a62764de] {
      width: 19px;
      height: 11px;
      position: absolute;
      right: 0;
      bottom: 0;
}
.dialog_icon_select .item .preview[data-v-a62764de] {
      width: 30px;
      height: 30px;
}
.components-dialog .el-dialog[data-v-a62764de] {
  background: #191919;
  opacity: 0.98;
  background: #222326;
  box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.5);
  border-radius: 12px;
  padding: 8px;
}
.components-dialog .el-dialog__header[data-v-a62764de] {
  background-position: left center;
  background-repeat: no-repeat, no-repeat;
  background-size: 18px 18px;
  cursor: pointer;
  opacity: 1;
  color: #f0f0f0;
  font-size: 12px;
  text-align: center;
  padding: 0 0;
  height: 30px;
}
.components-dialog .el-dialog__title[data-v-a62764de] {
  width: 100%;
  color: #ffffff;
  font-size: 12px;
  text-align: left;
  font-weight: normal;
  padding: 5px 0px 5px 0px;
  cursor: move;
}
.components-libs-wrapper .el-dialog[data-v-a62764de] {
  background: #191919;
  opacity: 1;
}
.components-libs-wrapper .el-dialog__header[data-v-a62764de] {
  opacity: 1;
  color: #f0f0f0;
  text-align: left;
  padding-left: 24px;
  color: #ffffff;
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 0px;
}
.components-libs-wrapper .el-dialog__title[data-v-a62764de] {
  width: 100%;
  color: #ffffff;
  font-size: 16px;
  text-align: left;
  font-weight: 600;
  font-family: PingFangSC, PingFang SC;
  margin-top: 24px;
}
.components-libs-wrapper .el-dialog__headerbtn[data-v-a62764de] {
  position: absolute;
  top: 24px;
  right: 24px;
  padding: 0;
  background: 0 0;
  border: none;
  outline: 0;
  cursor: pointer;
  font-size: 16px;
}
.components-libs-wrapper .el-dialog__headerbtn .el-dialog__close[data-v-a62764de] {
  color: #f0f0f0;
}
.components-libs-wrapper .dialog-wrapper[data-v-a62764de] {
  display: flex;
  flex-wrap: wrap;
}
.components-libs-wrapper .el-dialog__body[data-v-a62764de] {
  padding: 24px 24px;
  color: #f0f0f0;
  font-size: 12px;
  word-break: break-all;
  display: flex;
  flex-direction: row;
}
.components-libs-wrapper .el-dialog__body .body-menu[data-v-a62764de] {
    display: flex;
    flex-direction: row;
    width: 100%;
}
.components-libs-wrapper .el-dialog__body .body-menu .body-item[data-v-a62764de] {
      width: 124px;
      height: 124px;
      background: #222326;
      border-radius: 12px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      margin: 24px 16px 24px 16px;
      cursor: pointer;
}
.components-libs-wrapper .el-dialog__body .body-menu .body-item img[data-v-a62764de] {
        width: 54px;
        height: 54px;
}
.components-libs-wrapper .el-dialog__body .body-menu .body-item .title[data-v-a62764de] {
        margin-top: 12px;
        font-size: 12px;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: #ffffff;
}
.components-libs-wrapper .el-dialog__body .body-menu .body-upload-item[data-v-a62764de] {
      width: 100%;
      height: 124px;
      background: #222326;
      border-radius: 12px;
      display: flex;
      flex-direction: row;
      align-items: center;
      padding: 16px;
}
.components-libs-wrapper .el-dialog__body .body-menu .body-upload-item .upload-body[data-v-a62764de] {
        display: flex;
        flex-direction: row;
        align-items: center;
        width: 100%;
        height: 100%;
}
.components-libs-wrapper .el-dialog__body .body-menu .body-upload-item .upload-body .image-area[data-v-a62764de] {
          margin-right: 10px;
}
.components-libs-wrapper .el-dialog__body .body-menu .body-upload-item .upload-body .image-area img[data-v-a62764de] {
            width: 92px;
            height: 92px;
            border-radius: 7px;
            background-color: #000;
            overflow: hidden;
}
.components-libs-wrapper .el-dialog__body .body-menu .body-upload-item .upload-body .right-area[data-v-a62764de] {
          height: 100%;
          display: flex;
          flex-direction: column;
          flex: 1;
}
.components-libs-wrapper .el-dialog__body .body-menu .body-upload-item .upload-body .right-area .pageName[data-v-a62764de] {
            font-size: 14px;
            flex: 1;
}
.components-libs-wrapper .el-dialog__body .body-menu .body-upload-item .upload-body .right-area .desc-row[data-v-a62764de] {
            display: flex;
            flex-direction: row;
}
.components-libs-wrapper .el-dialog__body .body-menu .body-upload-item .upload-body .right-area .desc-row .left-area[data-v-a62764de] {
              flex: 1;
}
.components-libs-wrapper .el-dialog__body .body-menu .body-upload-item .upload-body .right-area .desc-row .left-area .pageType[data-v-a62764de] {
                width: 42px;
                height: 22px;
                background: linear-gradient(90deg, #52be85 0%, #05a989 100%);
                border-radius: 6px;
                text-align: center;
                line-height: 22px;
}
.components-libs-wrapper .el-dialog__body .body-menu .body-upload-item .upload-body .right-area .desc-row .right-area[data-v-a62764de] {
              display: flex;
              flex-direction: row;
              align-items: center;
              justify-content: flex-end;
}
.components-libs-wrapper .el-dialog__body .body-menu .body-upload-item .upload-body .right-area .desc-row .right-area img[data-v-a62764de] {
                width: 14px;
                height: 14px;
                float: left;
                cursor: pointer;
}
.components-libs-wrapper .el-dialog__body .body-right[data-v-a62764de] {
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    padding-left: 5px;
}
.components-libs-wrapper .el-dialog__footer[data-v-a62764de] {
  padding: 10px 0px;
  text-align: center;
  box-sizing: border-box;
}
.components-libs-wrapper .dialog-footer[data-v-a62764de] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.components-libs-wrapper .dialog-footer .el-button[data-v-a62764de] {
    padding: 5px 20px;
    font-size: 12px;
    border-radius: 4px;
}
.components-libs-wrapper .dialog-footer .el-upload[data-v-a62764de] {
    margin-left: 10px;
}
.components-libs-wrapper .dialog-info[data-v-a62764de] {
  margin: 0 0;
  padding: 5px 0;
}
.components-libs-wrapper .dialog-info .title[data-v-a62764de] {
  float: left;
  font-size: 12px;
  font-weight: bold;
}
.components-libs-wrapper .dialog-info .el-checkbox[data-v-a62764de] {
  float: right;
  font-size: 12px;
  padding-top: 8px;
}
.components-libs-wrapper .dialog-info .el-button[data-v-a62764de] {
  float: right;
  background-color: #000000;
  border: 1px solid #535353;
  color: #f0f0f0;
  font-size: 12px;
  padding: 5px 8px;
  margin-left: 6px;
}
.components-libs-wrapper .dialog-info .el-button[data-v-a62764de]:hover {
  color: #0084bf;
  border: 1px solid #0084bf;
  box-shadow: 0px 0px 5px #0084bf;
}
.components-libs-wrapper .dialog-info .el-checkbox .el-checkbox__label[data-v-a62764de] {
  color: #f0f0f0;
}
.form-body[data-v-a62764de] {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.content-row[data-v-a62764de] {
  margin-top: 15px;
}
.content-row .splitgroup[data-v-a62764de] {
    display: flex;
    flex-direction: row;
    width: 100%;
}
.content-row .splitgroup .group[data-v-a62764de] {
      flex: 1;
      margin-right: 16px;
}
.content-row .splitgroup .group[data-v-a62764de]:last-child {
      margin-right: 0;
}
.content-row .title[data-v-a62764de] {
    margin-bottom: 10px;
    display: flex;
    flex-direction: row;
}
.content-row .title .desc[data-v-a62764de] {
      flex: 1;
}
.content-row .title .actiondesc[data-v-a62764de] {
      cursor: pointer;
      color: #2589ff;
}
.content-row .tab-content[data-v-a62764de] {
    white-space: nowrap;
    display: flex;
    flex-direction: row;
    border: 0px;
}
.content-row .tab-content .title[data-v-a62764de] {
      font-family: PingFangSC-Semibold, PingFang SC;
      font-weight: 600;
      color: #ffffff;
}
.content-row .tab-content .el-button[data-v-a62764de] {
      width: 194px;
      height: 44px;
      background: #222326;
      border: 1px solid #222326;
      border-radius: 12px;
}
.content-row .tab-content .checked[data-v-a62764de] {
      border: 2px solid #2589ff;
      color: #fff;
}
.content-row .empty-content[data-v-a62764de] {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.content-row .empty-content .uploadText[data-v-a62764de] {
      width: 80px;
      color: #2589ff;
}
.content-row .empty-content .el-input .el-input__inner[data-v-a62764de] {
      height: 44px;
      background: #222326;
      border-radius: 12px;
      border-color: #222326;
      color: #fff;
}
.content-row .empty-content .el-input input[data-v-a62764de]::-moz-placeholder {
      color: rgba(255, 255, 255, 0.6);
}
.content-row .empty-content .el-input input[data-v-a62764de]::placeholder {
      color: rgba(255, 255, 255, 0.6);
}
.content-row .empty-content .el-input .el-input__inner[data-v-a62764de]:focus {
      border-color: #2589ff;
}
.content-row .icon-content[data-v-a62764de] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 64px;
    background: #222326;
    border-radius: 12px;
}
.content-row .icon-content .el-input[data-v-a62764de] {
      width: 80px;
      height: 32px;
      margin-left: 20px;
      margin-right: 20px;
      background: #191a1d;
      border-radius: 4px;
}
.content-row .icon-content img[data-v-a62764de] {
      width: 16px;
      height: 16px;
}
.content-row .blackDropdown[data-v-a62764de] input::-webkit-input-placeholder {
    color: #fff;
}
.content-row .blackDropdown[data-v-a62764de] input::-moz-input-placeholder {
    color: #fff;
}
.content-row .blackDropdown[data-v-a62764de] input::-ms-input-placeholder {
    color: #fff;
}
.content-row .blackDropdown[data-v-a62764de] .el-select,
  .content-row .blackDropdown[data-v-a62764de] .el-input,
  .content-row .blackDropdown[data-v-a62764de] .el-input__inner {
    background-color: #08164d;
    color: #fff;
    border: 0px;
    border-radius: 0px;
    text-align: center;
}
.content-row .blackDropdown[data-v-a62764de] .el-select .el-input.is-focus .el-input__inner {
    border: 0px;
}
.content-row .blackDropdown[data-v-a62764de] .el-select .el-input .el-select__caret {
    color: #fff;
}
.content-row .blackDropdown[data-v-a62764de] .el-select-dropdown {
    background-color: #08164d;
    margin: 0px;
    border: 0px;
    border-radius: 0px;
}
.content-row .blackDropdown[data-v-a62764de] .el-select-dropdown__item {
    background-color: transparent;
    color: #fff;
}
.content-row .blackDropdown[data-v-a62764de] .el-select-dropdown__item.hover,
  .content-row .blackDropdown[data-v-a62764de] .el-select-dropdown__item:hover {
    color: #409eff;
}
.content-row .blackDropdown[data-v-a62764de] .el-popper .popper__arrow,
  .content-row .blackDropdown .el-popper .popper__arrow[data-v-a62764de]::after {
    display: none;
}
.content-row .sel-content .el-select[data-v-a62764de] {
    width: 100%;
}
.content-row .sel-content .el-select .el-select-dropdown[data-v-a62764de] {
    background: #222326;
    box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.5);
    border-radius: 12px;
}
.content-row .sel-content .el-select .el-input__inner[data-v-a62764de] {
    height: 44px;
    background: #222326;
    border-radius: 12px;
    border-color: #222326;
    /* 设置边框颜色为 #ff0000 */
}
.content-row .sel-content .el-select .el-input__inner[data-v-a62764de]:focus {
    border-color: #2589ff;
    /* 设置焦点时的边框颜色为 #00ff00 */
}
.content-row .norl-content[data-v-a62764de] {
    width: 100%;
    height: 124px;
    background: #222326;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    color: #2589ff;
}
.content-row .norl-content .empty_img[data-v-a62764de] {
      width: 36px;
      height: 36px;
}
.content-row .norl-content .empty_cus_img[data-v-a62764de] {
      width: 100px;
      height: 70px;
}
.content-row .norl-content .empty_file[data-v-a62764de] {
      width: 60px;
      height: 60px;
      -o-object-fit: cover;
         object-fit: cover;
}
.content-row .norl-content .giftag[data-v-a62764de] {
      position: absolute;
      right: 10px;
      bottom: 10px;
      width: 32px;
      height: auto;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.pageMenu {
  position: absolute;
  width: 142px;
  background: #222326;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.5), 0px 2px 16px 0px rgba(0, 0, 0, 0.5);
  border-radius: 12px;
  padding: 8px;
  z-index: 9999;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.pageMenu .item {
    border-radius: 6px;
    width: 100%;
    height: 36px;
    text-align: left;
    cursor: pointer;
    margin-bottom: 8px;
    font-size: 12px;
    line-height: 36px;
    padding-left: 10px;
}
.pageMenu .item:hover {
    background: #313235;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.5);
}
.pageMenu .item:last-child {
    margin-bottom: 0;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.input-style .el-input .el-input__inner[data-v-35a9d18b] {
  color: #fff;
}
.select-style .el-input .el-input__inner[data-v-35a9d18b] {
  color: #fff !important;
}
.select-style .el-select-dropdown[data-v-35a9d18b] {
  border: 0px;
  background-color: #000;
}
.select-style .el-select-dropdown .el-select-dropdown__item[data-v-35a9d18b] {
  color: #333;
  /* 修改下拉框列表项的文字颜色 */
}
.split-line[data-v-35a9d18b] {
  width: 100%;
  height: 8px;
  background: #222326;
  display: block;
  margin: 20px 0;
}
.dialog_icon_select[data-v-35a9d18b] {
  width: 404px;
  padding: 8px;
  overflow-y: auto;
}
.dialog_icon_select .item[data-v-35a9d18b] {
    position: relative;
    cursor: pointer;
    float: left;
    width: 58px;
    height: 58px;
    background: #313235;
    border-radius: 6px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-right: 8px;
    margin-bottom: 8px;
    justify-content: center;
    font-size: 12px;
    font-family: PingFangSC, PingFang SC;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.6);
}
.dialog_icon_select .item .customimg[data-v-35a9d18b] {
      width: 16px;
      height: 16px;
      margin-bottom: 4px;
}
.dialog_icon_select .item .giftag[data-v-35a9d18b] {
      width: 19px;
      height: 11px;
      position: absolute;
      right: 0;
      bottom: 0;
}
.dialog_icon_select .item .preview[data-v-35a9d18b] {
      width: 30px;
      height: 30px;
}
.components-dialog .el-dialog[data-v-35a9d18b] {
  background: #191919;
  opacity: 0.98;
  background: #222326;
  box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.5);
  border-radius: 12px;
  padding: 8px;
}
.components-dialog .el-dialog__header[data-v-35a9d18b] {
  background-position: left center;
  background-repeat: no-repeat, no-repeat;
  background-size: 18px 18px;
  cursor: pointer;
  opacity: 1;
  color: #f0f0f0;
  font-size: 12px;
  text-align: center;
  padding: 0 0;
  height: 30px;
}
.components-dialog .el-dialog__title[data-v-35a9d18b] {
  width: 100%;
  color: #ffffff;
  font-size: 12px;
  text-align: left;
  font-weight: normal;
  padding: 5px 0px 5px 0px;
  cursor: move;
}
.components-libs-wrapper .el-dialog[data-v-35a9d18b] {
  background: #191919;
  opacity: 1;
}
.components-libs-wrapper .el-dialog__header[data-v-35a9d18b] {
  opacity: 1;
  color: #f0f0f0;
  text-align: left;
  padding-left: 24px;
  color: #ffffff;
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 0px;
}
.components-libs-wrapper .el-dialog__title[data-v-35a9d18b] {
  width: 100%;
  color: #ffffff;
  font-size: 16px;
  text-align: left;
  font-weight: 600;
  font-family: PingFangSC, PingFang SC;
  margin-top: 24px;
}
.components-libs-wrapper .el-dialog__headerbtn[data-v-35a9d18b] {
  position: absolute;
  top: 24px;
  right: 24px;
  padding: 0;
  background: 0 0;
  border: none;
  outline: 0;
  cursor: pointer;
  font-size: 16px;
}
.components-libs-wrapper .el-dialog__headerbtn .el-dialog__close[data-v-35a9d18b] {
  color: #f0f0f0;
}
.components-libs-wrapper .dialog-wrapper[data-v-35a9d18b] {
  display: flex;
  flex-wrap: wrap;
}
.components-libs-wrapper .el-dialog__body[data-v-35a9d18b] {
  padding: 24px 24px;
  color: #f0f0f0;
  font-size: 12px;
  word-break: break-all;
  display: flex;
  flex-direction: row;
}
.components-libs-wrapper .el-dialog__body .body-menu[data-v-35a9d18b] {
    display: flex;
    flex-direction: row;
    width: 100%;
}
.components-libs-wrapper .el-dialog__body .body-menu .body-item[data-v-35a9d18b] {
      width: 124px;
      height: 124px;
      background: #222326;
      border-radius: 12px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      margin: 24px 16px 24px 16px;
      cursor: pointer;
}
.components-libs-wrapper .el-dialog__body .body-menu .body-item img[data-v-35a9d18b] {
        width: 54px;
        height: 54px;
}
.components-libs-wrapper .el-dialog__body .body-menu .body-item .title[data-v-35a9d18b] {
        margin-top: 12px;
        font-size: 12px;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: #ffffff;
}
.components-libs-wrapper .el-dialog__body .body-menu .body-upload-item[data-v-35a9d18b] {
      width: 100%;
      height: 124px;
      background: #222326;
      border-radius: 12px;
      display: flex;
      flex-direction: row;
      align-items: center;
      padding: 16px;
}
.components-libs-wrapper .el-dialog__body .body-menu .body-upload-item .upload-body[data-v-35a9d18b] {
        display: flex;
        flex-direction: row;
        align-items: center;
        width: 100%;
        height: 100%;
}
.components-libs-wrapper .el-dialog__body .body-menu .body-upload-item .upload-body .image-area[data-v-35a9d18b] {
          margin-right: 10px;
}
.components-libs-wrapper .el-dialog__body .body-menu .body-upload-item .upload-body .image-area img[data-v-35a9d18b] {
            width: 92px;
            height: 92px;
            border-radius: 7px;
            background-color: #000;
            overflow: hidden;
}
.components-libs-wrapper .el-dialog__body .body-menu .body-upload-item .upload-body .right-area[data-v-35a9d18b] {
          height: 100%;
          display: flex;
          flex-direction: column;
          flex: 1;
}
.components-libs-wrapper .el-dialog__body .body-menu .body-upload-item .upload-body .right-area .pageName[data-v-35a9d18b] {
            font-size: 14px;
            flex: 1;
}
.components-libs-wrapper .el-dialog__body .body-menu .body-upload-item .upload-body .right-area .desc-row[data-v-35a9d18b] {
            display: flex;
            flex-direction: row;
}
.components-libs-wrapper .el-dialog__body .body-menu .body-upload-item .upload-body .right-area .desc-row .left-area[data-v-35a9d18b] {
              flex: 1;
}
.components-libs-wrapper .el-dialog__body .body-menu .body-upload-item .upload-body .right-area .desc-row .left-area .pageType[data-v-35a9d18b] {
                width: 42px;
                height: 22px;
                background: linear-gradient(90deg, #52be85 0%, #05a989 100%);
                border-radius: 6px;
                text-align: center;
                line-height: 22px;
}
.components-libs-wrapper .el-dialog__body .body-menu .body-upload-item .upload-body .right-area .desc-row .right-area[data-v-35a9d18b] {
              display: flex;
              flex-direction: row;
              align-items: center;
              justify-content: flex-end;
}
.components-libs-wrapper .el-dialog__body .body-menu .body-upload-item .upload-body .right-area .desc-row .right-area img[data-v-35a9d18b] {
                width: 14px;
                height: 14px;
                float: left;
                cursor: pointer;
}
.components-libs-wrapper .el-dialog__body .body-right[data-v-35a9d18b] {
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    padding-left: 5px;
}
.components-libs-wrapper .el-dialog__footer[data-v-35a9d18b] {
  padding: 10px 0px;
  text-align: center;
  box-sizing: border-box;
}
.components-libs-wrapper .dialog-footer[data-v-35a9d18b] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.components-libs-wrapper .dialog-footer .el-button[data-v-35a9d18b] {
    padding: 5px 20px;
    font-size: 12px;
    border-radius: 4px;
}
.components-libs-wrapper .dialog-footer .el-upload[data-v-35a9d18b] {
    margin-left: 10px;
}
.components-libs-wrapper .dialog-info[data-v-35a9d18b] {
  margin: 0 0;
  padding: 5px 0;
}
.components-libs-wrapper .dialog-info .title[data-v-35a9d18b] {
  float: left;
  font-size: 12px;
  font-weight: bold;
}
.components-libs-wrapper .dialog-info .el-checkbox[data-v-35a9d18b] {
  float: right;
  font-size: 12px;
  padding-top: 8px;
}
.components-libs-wrapper .dialog-info .el-button[data-v-35a9d18b] {
  float: right;
  background-color: #000000;
  border: 1px solid #535353;
  color: #f0f0f0;
  font-size: 12px;
  padding: 5px 8px;
  margin-left: 6px;
}
.components-libs-wrapper .dialog-info .el-button[data-v-35a9d18b]:hover {
  color: #0084bf;
  border: 1px solid #0084bf;
  box-shadow: 0px 0px 5px #0084bf;
}
.components-libs-wrapper .dialog-info .el-checkbox .el-checkbox__label[data-v-35a9d18b] {
  color: #f0f0f0;
}
.form-body[data-v-35a9d18b] {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.content-row[data-v-35a9d18b] {
  margin-top: 15px;
}
.content-row .splitgroup[data-v-35a9d18b] {
    display: flex;
    flex-direction: row;
    width: 100%;
}
.content-row .splitgroup .group[data-v-35a9d18b] {
      flex: 1;
      margin-right: 16px;
}
.content-row .splitgroup .group[data-v-35a9d18b]:last-child {
      margin-right: 0;
}
.content-row .title[data-v-35a9d18b] {
    margin-bottom: 10px;
    display: flex;
    flex-direction: row;
}
.content-row .title .desc[data-v-35a9d18b] {
      flex: 1;
}
.content-row .title .actiondesc[data-v-35a9d18b] {
      cursor: pointer;
      color: #2589ff;
}
.content-row .tab-content[data-v-35a9d18b] {
    white-space: nowrap;
    display: flex;
    flex-direction: row;
    border: 0px;
}
.content-row .tab-content .title[data-v-35a9d18b] {
      font-family: PingFangSC-Semibold, PingFang SC;
      font-weight: 600;
      color: #ffffff;
}
.content-row .tab-content .el-button[data-v-35a9d18b] {
      width: 194px;
      height: 44px;
      background: #222326;
      border: 1px solid #222326;
      border-radius: 12px;
}
.content-row .tab-content .checked[data-v-35a9d18b] {
      border: 2px solid #2589ff;
      color: #fff;
}
.content-row .empty-content[data-v-35a9d18b] {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.content-row .empty-content .uploadText[data-v-35a9d18b] {
      width: 80px;
      color: #2589ff;
}
.content-row .empty-content .el-input .el-input__inner[data-v-35a9d18b] {
      height: 44px;
      background: #222326;
      border-radius: 12px;
      border-color: #222326;
      color: #fff;
}
.content-row .empty-content .el-input input[data-v-35a9d18b]::-moz-placeholder {
      color: rgba(255, 255, 255, 0.6);
}
.content-row .empty-content .el-input input[data-v-35a9d18b]::placeholder {
      color: rgba(255, 255, 255, 0.6);
}
.content-row .empty-content .el-input .el-input__inner[data-v-35a9d18b]:focus {
      border-color: #2589ff;
}
.content-row .icon-content[data-v-35a9d18b] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 64px;
    background: #222326;
    border-radius: 12px;
}
.content-row .icon-content .el-input[data-v-35a9d18b] {
      width: 80px;
      height: 32px;
      margin-left: 20px;
      margin-right: 20px;
      background: #191a1d;
      border-radius: 4px;
}
.content-row .icon-content img[data-v-35a9d18b] {
      width: 16px;
      height: 16px;
}
.content-row .blackDropdown[data-v-35a9d18b] input::-webkit-input-placeholder {
    color: #fff;
}
.content-row .blackDropdown[data-v-35a9d18b] input::-moz-input-placeholder {
    color: #fff;
}
.content-row .blackDropdown[data-v-35a9d18b] input::-ms-input-placeholder {
    color: #fff;
}
.content-row .blackDropdown[data-v-35a9d18b] .el-select,
  .content-row .blackDropdown[data-v-35a9d18b] .el-input,
  .content-row .blackDropdown[data-v-35a9d18b] .el-input__inner {
    background-color: #08164d;
    color: #fff;
    border: 0px;
    border-radius: 0px;
    text-align: center;
}
.content-row .blackDropdown[data-v-35a9d18b] .el-select .el-input.is-focus .el-input__inner {
    border: 0px;
}
.content-row .blackDropdown[data-v-35a9d18b] .el-select .el-input .el-select__caret {
    color: #fff;
}
.content-row .blackDropdown[data-v-35a9d18b] .el-select-dropdown {
    background-color: #08164d;
    margin: 0px;
    border: 0px;
    border-radius: 0px;
}
.content-row .blackDropdown[data-v-35a9d18b] .el-select-dropdown__item {
    background-color: transparent;
    color: #fff;
}
.content-row .blackDropdown[data-v-35a9d18b] .el-select-dropdown__item.hover,
  .content-row .blackDropdown[data-v-35a9d18b] .el-select-dropdown__item:hover {
    color: #409eff;
}
.content-row .blackDropdown[data-v-35a9d18b] .el-popper .popper__arrow,
  .content-row .blackDropdown .el-popper .popper__arrow[data-v-35a9d18b]::after {
    display: none;
}
.content-row .sel-content .el-select[data-v-35a9d18b] {
    width: 100%;
}
.content-row .sel-content .el-select .el-select-dropdown[data-v-35a9d18b] {
    background: #222326;
    box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.5);
    border-radius: 12px;
}
.content-row .sel-content .el-select .el-input__inner[data-v-35a9d18b] {
    height: 44px;
    background: #222326;
    border-radius: 12px;
    border-color: #222326;
    /* 设置边框颜色为 #ff0000 */
}
.content-row .sel-content .el-select .el-input__inner[data-v-35a9d18b]:focus {
    border-color: #2589ff;
    /* 设置焦点时的边框颜色为 #00ff00 */
}
.content-row .norl-content[data-v-35a9d18b] {
    width: 100%;
    height: 124px;
    background: #222326;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    color: #2589ff;
}
.content-row .norl-content .empty_img[data-v-35a9d18b] {
      width: 36px;
      height: 36px;
}
.content-row .norl-content .empty_cus_img[data-v-35a9d18b] {
      width: 100px;
      height: 70px;
}
.content-row .norl-content .empty_file[data-v-35a9d18b] {
      width: 60px;
      height: 60px;
      -o-object-fit: cover;
         object-fit: cover;
}
.content-row .norl-content .giftag[data-v-35a9d18b] {
      position: absolute;
      right: 10px;
      bottom: 10px;
      width: 32px;
      height: auto;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.newPointMenu[data-v-0957a7ea] {
  position: absolute;
  width: 142px;
  background: #222326;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.5), 0px 2px 16px 0px rgba(0, 0, 0, 0.5);
  border-radius: 12px;
  padding: 8px;
  z-index: 9999;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.newPointMenu .item[data-v-0957a7ea] {
    border-radius: 6px;
    width: 100%;
    height: 36px;
    text-align: center;
    cursor: pointer;
    margin-bottom: 8px;
    font-size: 12px;
    line-height: 36px;
}
.newPointMenu .item[data-v-0957a7ea]:hover {
    background: #313235;
}
.newPointMenu .item[data-v-0957a7ea]:last-child {
    margin-bottom: 0;
}
.loadingshow[data-v-0957a7ea] {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 9999;
}
.container[data-v-0957a7ea] {
  background-color: #121215;
  height: 100%;
  display: flex;
  flex-direction: column;
  padding: 16px 24px 24px 24px;
  font-size: 14px;
}
.toppageinput .el-input__inner[data-v-0957a7ea] {
  height: 44px;
  background: #222326 !important;
  border-radius: 12px;
  border-color: #222326;
}
.toppageinput .el-input__inner[data-v-0957a7ea]:focus {
  border-color: #2589FF;
}
.topbar[data-v-0957a7ea] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.topbar .row-middle .pageTitleStyle[data-v-0957a7ea] {
    min-width: 130px;
    height: 34px;
    background: #26272A;
    border-radius: 8px;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 16px;
}
.topbar .row-middle .pageTitleStyle .split[data-v-0957a7ea] {
      margin-left: 5px;
      margin-right: 5px;
}
.topbar .row-middle .pageTitleStyle .title[data-v-0957a7ea] {
      color: #fff;
      flex: 1;
      margin-right: 5px;
}
.topbar .row-middle .pageTitleStyle img[data-v-0957a7ea] {
      width: 14px;
      height: 14px;
}
.main-scene-win[data-v-0957a7ea] {
  display: flex;
  flex-direction: row;
  padding-top: 24px;
  padding-bottom: 24px;
  height: 100%;
}
.main-scene-win .menuleft[data-v-0957a7ea] {
    width: 12%;
    min-width: 12%;
    margin-right: 24px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.main-scene-win .rightcontent[data-v-0957a7ea] {
    flex: 1;
    background: #1C1D20;
    border-radius: 32px;
    overflow: hidden;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-items: center;
    justify-content: center;
    box-sizing: border-box;
    padding-top: 32px;
    padding-bottom: 32px;
}
.main-scene-win .rightcontent .video-container[data-v-0957a7ea] {
      height: 100%;
      width: 100%;
}
.main-scene-win .rightcontent .image-container[data-v-0957a7ea] {
      height: 100%;
      width: 100%;
}
.main-scene-win .rightcontent .iframe-container[data-v-0957a7ea] {
      height: 100%;
      width: 100%;
      border: 0px;
}
.logo-area[data-v-0957a7ea] {
  margin-bottom: 7px;
  cursor: pointer;
  width: 100%;
  border: 1px dotted #fff;
  text-align: center;
}
.logo-area .el-image[data-v-0957a7ea] {
    height: 36px;
}
.logo-area .uploadLogoBtn[data-v-0957a7ea] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 120px;
    height: 36px;
    border: 1px dotted #FFFFFF;
}
.logo-area .uploadLogoBtn img[data-v-0957a7ea] {
      width: 16px;
      height: 16px;
}
.logo-area .uploadLogoBtn span[data-v-0957a7ea] {
      margin-left: 2px;
      font-weight: 400;
      font-size: 14px;
      color: #FFFFFF;
      line-height: 20px;
      text-align: center;
      font-style: normal;
}
.product-name-area[data-v-0957a7ea] {
  width: 100%;
  height: 28px;
  border: 1px dotted #FFFFFF;
  margin-bottom: 16px;
  cursor: pointer;
  display: flex;
  align-items: center;
  align-content: center;
}
.product-name-area .editProductName[data-v-0957a7ea] {
    width: 100%;
    text-align: center;
}
.new_scene_btn[data-v-0957a7ea] {
  width: 100%;
  height: 34px;
  background: #1C1D20;
  border-radius: 16px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-top: 12px;
  cursor: pointer;
}
.new_scene_btn img[data-v-0957a7ea] {
    width: 16px;
    height: 16px;
    margin-right: 4px;
}
.new_scene_btn span[data-v-0957a7ea] {
    font-family: PingFangSC, PingFang SC;
    font-weight: 600;
    font-size: 14px;
    color: #FFFFFF;
    line-height: 18px;
    text-align: left;
    font-style: normal;
}
.menu-area[data-v-0957a7ea] {
  width: 100%;
  min-height: 178px;
  overflow-y: auto;
  flex: 1;
}
.menu-area .menu_item[data-v-0957a7ea] {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #1C1D20;
    border-radius: 16px;
    padding: 8px;
    margin-bottom: 10px;
}
.menu-area .cat1[data-v-0957a7ea] {
    width: 100%;
    height: 36px;
    background: #222326;
    border-radius: 8px;
    display: flex;
    margin-bottom: 7px;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 8px;
}
.menu-area .cat1 .name[data-v-0957a7ea] {
      flex: 1;
      font-family: PingFangSC, PingFang SC;
      font-weight: 600;
      font-size: 14px;
      color: #fff;
      line-height: 18px;
      text-align: left;
      font-style: normal;
}
.menu-area .cat1 .btn_more[data-v-0957a7ea] {
      width: 22px;
      height: 22px;
      -o-object-fit: cover;
         object-fit: cover;
      cursor: pointer;
      margin-right: 8px;
}
.menu-area .cat1 .btn_new[data-v-0957a7ea] {
      width: 16px;
      height: 16px;
      margin-right: 8px;
      -o-object-fit: cover;
         object-fit: cover;
      cursor: pointer;
}
.menu-area .cat1 .btn_showhidd[data-v-0957a7ea] {
      width: 16px;
      height: 16px;
      -o-object-fit: cover;
         object-fit: cover;
      cursor: pointer;
}
.menu-area .catmenu[data-v-0957a7ea] {
    width: 100%;
}
.menu-area .selected[data-v-0957a7ea] {
    background: rgba(37, 137, 255, 0.08) !important;
}
.menu-area .selected .name[data-v-0957a7ea] {
      color: #44A5FF !important;
}
.menu-area .menu1[data-v-0957a7ea] {
    margin-bottom: 7px;
    width: 100%;
    height: 36px;
    border-radius: 8px;
    display: flex;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 8px;
}
.menu-area .menu1 .name[data-v-0957a7ea] {
      font-family: PingFangSC, PingFang SC;
      font-weight: 600;
      font-size: 14px;
      color: #fff;
      line-height: 18px;
      text-align: left;
      font-style: normal;
      flex: 1;
}
.menu-area .menu1 .btn_upload[data-v-0957a7ea] {
      width: 22px;
      height: 22px;
      -o-object-fit: cover;
         object-fit: cover;
      cursor: pointer;
}
.menu-area .menu1[data-v-0957a7ea]:hover {
    background: #313235;
}
.new_input_page[data-v-0957a7ea] {
  width: 100%;
  height: 52px;
  background: #1C1D20;
  border-radius: 16px;
  padding: 8px;
  display: flex;
  align-items: center;
  margin-top: 12px;
}
.new_input_page .el-input__inner[data-v-0957a7ea] {
    border-radius: 8px;
    background: #222326;
    border: 2px solid #2589FF;
    font-family: PingFangSC, PingFang SC;
    font-weight: 600;
    font-size: 14px;
    color: #FFFFFF;
    line-height: 20px;
    text-align: left;
    font-style: normal;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.components-image-libs-wrapper .el-dialog {
  background: #191919;
  opacity: 0.95;
}
.components-image-libs-wrapper .el-dialog__header {
  background-position: left center;
  background-repeat: no-repeat, no-repeat;
  background-size: 18px 18px;
  cursor: pointer;
  opacity: 1;
  color: #f0f0f0;
  font-size: 12px;
  text-align: center;
  padding: 0 0;
  height: 30px;
}
.components-image-libs-wrapper .el-dialog__title {
  width: 100%;
  color: #ffffff;
  font-size: 12px;
  text-align: left;
  font-weight: normal;
  padding: 5px 0px 5px 0px;
  cursor: move;
}
.components-image-libs-wrapper .el-dialog__headerbtn {
  position: absolute;
  top: 6px;
  right: 8px;
  padding: 0;
  background: 0 0;
  border: none;
  outline: 0;
  cursor: pointer;
  font-size: 14px;
}
.components-image-libs-wrapper .el-dialog__headerbtn .el-dialog__close {
  color: #f0f0f0;
}
.components-image-libs-wrapper .dialog-wrapper {
  display: flex;
  flex-wrap: wrap;
}
.components-image-libs-wrapper .el-dialog__body {
  padding: 24px 24px;
  color: #f0f0f0;
  font-size: 12px;
  word-break: break-all;
  display: flex;
  flex-direction: row;
}
.components-image-libs-wrapper .el-dialog__body .body-menu {
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: center;
    justify-content: center;
}
.components-image-libs-wrapper .el-dialog__body .body-menu .body-item {
      width: 100%;
      height: 124px;
      background: #222326;
      border-radius: 12px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      cursor: pointer;
}
.components-image-libs-wrapper .el-dialog__body .body-menu .body-item img {
        width: 54px;
        height: 54px;
}
.components-image-libs-wrapper .el-dialog__body .body-menu .body-item .title {
        margin-top: 12px;
        font-size: 12px;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: #FFFFFF;
}
.components-image-libs-wrapper .el-dialog__body .body-menu .body-item .subtitle {
        margin-top: 4px;
        font-size: 10px;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: #AAAAAA;
}
.components-image-libs-wrapper .el-dialog__body .body-menu .body-upload-item {
      width: 100%;
      height: 124px;
      background: #222326;
      border-radius: 12px;
      display: flex;
      flex-direction: row;
      align-items: center;
      padding: 16px;
}
.components-image-libs-wrapper .el-dialog__body .body-menu .body-upload-item .upload-body {
        display: flex;
        flex-direction: row;
        align-items: center;
        width: 100%;
        height: 100%;
}
.components-image-libs-wrapper .el-dialog__body .body-menu .body-upload-item .upload-body .image-area {
          margin-right: 10px;
}
.components-image-libs-wrapper .el-dialog__body .body-menu .body-upload-item .upload-body .image-area img, .components-image-libs-wrapper .el-dialog__body .body-menu .body-upload-item .upload-body .image-area .video-preview {
            width: 92px;
            height: 92px;
            border-radius: 7px;
            background-color: #000;
            overflow: hidden;
}
.components-image-libs-wrapper .el-dialog__body .body-menu .body-upload-item .upload-body .right-area {
          height: 100%;
          display: flex;
          flex-direction: column;
          flex: 1;
}
.components-image-libs-wrapper .el-dialog__body .body-menu .body-upload-item .upload-body .right-area .options {
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 2px;
}
.components-image-libs-wrapper .el-dialog__body .body-menu .body-upload-item .upload-body .right-area .options .icon {
              width: 14px;
              height: 14px;
              padding: 8px;
              box-sizing: initial;
}
.components-image-libs-wrapper .el-dialog__body .body-menu .body-upload-item .upload-body .right-area .options .icon:hover {
                background: #2D2E31;
                border-radius: 50%;
                cursor: pointer;
}
.components-image-libs-wrapper .el-dialog__body .body-menu .body-upload-item .upload-body .right-area .pageName {
            font-size: 14px;
            flex: 1;
}
.components-image-libs-wrapper .el-dialog__body .body-menu .body-upload-item .upload-body .right-area .desc-row {
            display: flex;
            flex-direction: row;
}
.components-image-libs-wrapper .el-dialog__body .body-menu .body-upload-item .upload-body .right-area .desc-row .left-area {
              flex: 1;
}
.components-image-libs-wrapper .el-dialog__body .body-menu .body-upload-item .upload-body .right-area .desc-row .left-area .pageType {
                min-width: 42px;
                height: 22px;
                border-radius: 6px;
                text-align: center;
                line-height: 22px;
                padding: 0 6px;
}
.components-image-libs-wrapper .el-dialog__body .body-menu .body-upload-item .upload-body .right-area .desc-row .left-area .image-type {
                background: linear-gradient(90deg, #52BE85 0%, #05A989 100%);
}
.components-image-libs-wrapper .el-dialog__body .body-menu .body-upload-item .upload-body .right-area .desc-row .left-area .video-type {
                background: linear-gradient(90deg, #2589FF 0%, #1B6FE0 100%);
}
.components-image-libs-wrapper .el-dialog__body .body-menu .body-upload-item .upload-body .right-area .desc-row .right-area {
              display: flex;
              flex-direction: row;
              align-items: center;
              justify-content: flex-end;
}
.components-image-libs-wrapper .el-dialog__body .body-menu .body-upload-item .upload-body .right-area .desc-row .right-area img {
                width: 14px;
                height: 14px;
                float: left;
                cursor: pointer;
}
.components-image-libs-wrapper .el-dialog__body .body-right {
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    padding-left: 5px;
}
.components-image-libs-wrapper .el-dialog__footer {
  padding: 10px 0px;
  text-align: center;
  box-sizing: border-box;
}
.components-image-libs-wrapper .dialog-footer {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.components-image-libs-wrapper .dialog-footer .el-button {
    padding: 5px 20px;
    font-size: 12px;
    border-radius: 4px;
}
.components-image-libs-wrapper .dialog-footer .el-upload {
    margin-left: 10px;
}
.components-image-libs-wrapper .dialog-info {
  margin: 0 0;
  padding: 5px 0;
}
.components-image-libs-wrapper .dialog-info .title {
  float: left;
  font-size: 12px;
  font-weight: bold;
}
.components-image-libs-wrapper .dialog-info .el-checkbox {
  float: right;
  font-size: 12px;
  padding-top: 8px;
}
.components-image-libs-wrapper .dialog-info .el-button {
  float: right;
  background-color: #000000;
  border: 1px solid #535353;
  color: #f0f0f0;
  font-size: 12px;
  padding: 5px 8px;
  margin-left: 6px;
}
.components-image-libs-wrapper .dialog-info .el-button:hover {
  color: #0084bf;
  border: 1px solid #0084bf;
  box-shadow: 0px 0px 5px #0084bf;
}
.components-image-libs-wrapper .dialog-info .el-checkbox .el-checkbox__label {
  color: #f0f0f0;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.pageMenu[data-v-b60108fe] {
  position: absolute;
  width: 142px;
  background: #222326;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.5), 0px 2px 16px 0px rgba(0, 0, 0, 0.5);
  border-radius: 12px;
  padding: 8px;
  z-index: 9999;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #fff !important;
}
.pageMenu .item[data-v-b60108fe] {
    border-radius: 6px;
    width: 100%;
    height: 36px;
    text-align: left;
    cursor: pointer;
    margin-bottom: 8px;
    font-size: 12px;
    line-height: 36px;
    padding-left: 10px;
}
.pageMenu .item[data-v-b60108fe]:hover {
    background: #313235;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.5);
}
.pageMenu .item[data-v-b60108fe]:last-child {
    margin-bottom: 0;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.input-style .el-input .el-input__inner[data-v-5bfdc150] {
  color: #fff;
}
.input-style .el-textarea__inner[data-v-5bfdc150] {
  color: #fff;
}
.select-style .el-select-dropdown[data-v-5bfdc150] {
  border: 0px;
  background-color: #000;
}
.select-style .el-select-dropdown .el-select-dropdown__item[data-v-5bfdc150] {
  color: #333;
  /* 修改下拉框列表项的文字颜色 */
}
.split-line[data-v-5bfdc150] {
  width: 100%;
  height: 8px;
  background: #222326;
  display: block;
  margin: 20px 0;
}
.dialog_icon_select[data-v-5bfdc150] {
  width: 404px;
  padding: 8px;
  overflow-y: auto;
}
.dialog_icon_select .item[data-v-5bfdc150] {
    position: relative;
    cursor: pointer;
    float: left;
    width: 58px;
    height: 58px;
    background: #313235;
    border-radius: 6px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-right: 8px;
    margin-bottom: 8px;
    justify-content: center;
    font-size: 12px;
    font-family: PingFangSC, PingFang SC;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.6);
}
.dialog_icon_select .item .customimg[data-v-5bfdc150] {
      width: 16px;
      height: 16px;
      margin-bottom: 4px;
}
.dialog_icon_select .item .giftag[data-v-5bfdc150] {
      width: 19px;
      height: 11px;
      position: absolute;
      right: 0;
      bottom: 0;
}
.dialog_icon_select .item .preview[data-v-5bfdc150] {
      width: 30px;
      height: 30px;
}
.components-dialog .el-dialog[data-v-5bfdc150] {
  background: #191919;
  opacity: 0.98;
  background: #222326;
  box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.5);
  border-radius: 12px;
  padding: 8px;
}
.components-dialog .el-dialog__header[data-v-5bfdc150] {
  background-position: left center;
  background-repeat: no-repeat, no-repeat;
  background-size: 18px 18px;
  cursor: pointer;
  opacity: 1;
  color: #f0f0f0;
  font-size: 12px;
  text-align: center;
  padding: 0 0;
  height: 30px;
}
.components-dialog .el-dialog__title[data-v-5bfdc150] {
  width: 100%;
  color: #ffffff;
  font-size: 12px;
  text-align: left;
  font-weight: normal;
  padding: 5px 0px 5px 0px;
  cursor: move;
}
.components-libs-wrapper[data-v-5bfdc150] {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.components-libs-wrapper .el-dialog[data-v-5bfdc150] {
    background: #191919;
    opacity: 1;
}
.components-libs-wrapper .el-dialog__header[data-v-5bfdc150] {
    opacity: 1;
    color: #f0f0f0;
    text-align: left;
    padding-left: 24px;
    color: #ffffff;
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 0px;
}
.components-libs-wrapper .el-dialog__title[data-v-5bfdc150] {
    width: 100%;
    color: #ffffff;
    font-size: 16px;
    text-align: left;
    font-weight: 600;
    font-family: PingFangSC, PingFang SC;
    margin-top: 24px;
}
.components-libs-wrapper .el-dialog__headerbtn[data-v-5bfdc150] {
    position: absolute;
    top: 24px;
    right: 24px;
    padding: 0;
    background: 0 0;
    border: none;
    outline: 0;
    cursor: pointer;
    font-size: 16px;
}
.components-libs-wrapper .el-dialog__headerbtn .el-dialog__close[data-v-5bfdc150] {
    color: #f0f0f0;
}
.components-libs-wrapper .dialog-wrapper[data-v-5bfdc150] {
    display: flex;
    flex-wrap: wrap;
}
.components-libs-wrapper .el-dialog__body[data-v-5bfdc150] {
    padding: 24px 24px;
    color: #f0f0f0;
    font-size: 12px;
    word-break: break-all;
    display: flex;
    flex-direction: row;
}
.components-libs-wrapper .el-dialog__body .body-menu[data-v-5bfdc150] {
      display: flex;
      flex-direction: row;
      width: 100%;
}
.components-libs-wrapper .el-dialog__body .body-menu .body-item[data-v-5bfdc150] {
        width: 124px;
        height: 124px;
        background: #222326;
        border-radius: 12px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        margin: 24px 16px 24px 16px;
        cursor: pointer;
}
.components-libs-wrapper .el-dialog__body .body-menu .body-item img[data-v-5bfdc150] {
          width: 54px;
          height: 54px;
}
.components-libs-wrapper .el-dialog__body .body-menu .body-item .title[data-v-5bfdc150] {
          margin-top: 12px;
          font-size: 12px;
          font-family: PingFangSC-Regular, PingFang SC;
          font-weight: 400;
          color: #ffffff;
}
.components-libs-wrapper .el-dialog__body .body-menu .body-upload-item[data-v-5bfdc150] {
        width: 100%;
        height: 124px;
        background: #222326;
        border-radius: 12px;
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: 16px;
}
.components-libs-wrapper .el-dialog__body .body-menu .body-upload-item .upload-body[data-v-5bfdc150] {
          display: flex;
          flex-direction: row;
          align-items: center;
          width: 100%;
          height: 100%;
}
.components-libs-wrapper .el-dialog__body .body-menu .body-upload-item .upload-body .image-area[data-v-5bfdc150] {
            margin-right: 10px;
}
.components-libs-wrapper .el-dialog__body .body-menu .body-upload-item .upload-body .image-area img[data-v-5bfdc150] {
              width: 92px;
              height: 92px;
              border-radius: 7px;
              background-color: #000;
              overflow: hidden;
}
.components-libs-wrapper .el-dialog__body .body-menu .body-upload-item .upload-body .right-area[data-v-5bfdc150] {
            height: 100%;
            display: flex;
            flex-direction: column;
            flex: 1;
}
.components-libs-wrapper .el-dialog__body .body-menu .body-upload-item .upload-body .right-area .pageName[data-v-5bfdc150] {
              font-size: 14px;
              flex: 1;
}
.components-libs-wrapper .el-dialog__body .body-menu .body-upload-item .upload-body .right-area .desc-row[data-v-5bfdc150] {
              display: flex;
              flex-direction: row;
}
.components-libs-wrapper .el-dialog__body .body-menu .body-upload-item .upload-body .right-area .desc-row .left-area[data-v-5bfdc150] {
                flex: 1;
}
.components-libs-wrapper .el-dialog__body .body-menu .body-upload-item .upload-body .right-area .desc-row .left-area .pageType[data-v-5bfdc150] {
                  width: 42px;
                  height: 22px;
                  background: linear-gradient(90deg, #52be85 0%, #05a989 100%);
                  border-radius: 6px;
                  text-align: center;
                  line-height: 22px;
}
.components-libs-wrapper .el-dialog__body .body-menu .body-upload-item .upload-body .right-area .desc-row .right-area[data-v-5bfdc150] {
                display: flex;
                flex-direction: row;
                align-items: center;
                justify-content: flex-end;
}
.components-libs-wrapper .el-dialog__body .body-menu .body-upload-item .upload-body .right-area .desc-row .right-area img[data-v-5bfdc150] {
                  width: 14px;
                  height: 14px;
                  float: left;
                  cursor: pointer;
}
.components-libs-wrapper .el-dialog__body .body-right[data-v-5bfdc150] {
      display: flex;
      flex-direction: column;
      overflow-y: auto;
      padding-left: 5px;
}
.components-libs-wrapper .el-dialog__footer[data-v-5bfdc150] {
    padding: 10px 0px;
    text-align: center;
    box-sizing: border-box;
}
.components-libs-wrapper .dialog-footer[data-v-5bfdc150] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
.components-libs-wrapper .dialog-footer .el-button[data-v-5bfdc150] {
      padding: 5px 20px;
      font-size: 12px;
      border-radius: 4px;
}
.components-libs-wrapper .dialog-footer .el-upload[data-v-5bfdc150] {
      margin-left: 10px;
}
.components-libs-wrapper .dialog-info[data-v-5bfdc150] {
    margin: 0 0;
    padding: 5px 0;
}
.components-libs-wrapper .dialog-info .title[data-v-5bfdc150] {
    float: left;
    font-size: 12px;
    font-weight: bold;
}
.components-libs-wrapper .dialog-info .el-checkbox[data-v-5bfdc150] {
    float: right;
    font-size: 12px;
    padding-top: 8px;
}
.components-libs-wrapper .dialog-info .el-button[data-v-5bfdc150] {
    float: right;
    background-color: #000000;
    border: 1px solid #535353;
    color: #f0f0f0;
    font-size: 12px;
    padding: 5px 8px;
    margin-left: 6px;
}
.components-libs-wrapper .dialog-info .el-button[data-v-5bfdc150]:hover {
    color: #0084bf;
    border: 1px solid #0084bf;
    box-shadow: 0px 0px 5px #0084bf;
}
.components-libs-wrapper .dialog-info .el-checkbox .el-checkbox__label[data-v-5bfdc150] {
    color: #f0f0f0;
}
.form-body[data-v-5bfdc150] {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.content-row[data-v-5bfdc150] {
  margin-top: 15px;
}
.content-row .splitgroup[data-v-5bfdc150] {
    display: flex;
    flex-direction: row;
    width: 100%;
}
.content-row .splitgroup .group[data-v-5bfdc150] {
      flex: 1;
      margin-right: 16px;
}
.content-row .splitgroup .group[data-v-5bfdc150]:last-child {
      margin-right: 0;
}
.content-row .title[data-v-5bfdc150] {
    margin-bottom: 10px;
    display: flex;
    flex-direction: row;
}
.content-row .title .desc[data-v-5bfdc150] {
      flex: 1;
}
.content-row .title .actiondesc[data-v-5bfdc150] {
      cursor: pointer;
      color: #2589ff;
}
.content-row .tab-content[data-v-5bfdc150] {
    white-space: nowrap;
    display: flex;
    flex-direction: row;
    border: 0px;
}
.content-row .tab-content .title[data-v-5bfdc150] {
      font-family: PingFangSC-Semibold, PingFang SC;
      font-weight: 600;
      color: #ffffff;
}
.content-row .tab-content .el-button[data-v-5bfdc150] {
      width: 194px;
      height: 44px;
      background: #222326;
      border: 1px solid #222326;
      border-radius: 12px;
      flex: 1;
}
.content-row .tab-content .checked[data-v-5bfdc150] {
      border: 2px solid #2589ff;
      color: #fff;
}
.content-row .empty-content[data-v-5bfdc150] {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.content-row .empty-content .uploadText[data-v-5bfdc150] {
      width: 80px;
      color: #2589ff;
}
.content-row .empty-content .el-input .el-input__inner[data-v-5bfdc150] {
      height: 44px;
      background: #222326;
      border-radius: 12px;
      border-color: #222326;
      color: #fff;
}
.content-row .empty-content .el-textarea .el-textarea__inner[data-v-5bfdc150] {
      height: 44px;
      background: #222326;
      border-radius: 12px;
      border-color: #222326;
      color: #fff;
}
.content-row .empty-content .el-input input[data-v-5bfdc150]::-moz-placeholder {
      color: rgba(255, 255, 255, 0.6);
}
.content-row .empty-content .el-input input[data-v-5bfdc150]::placeholder {
      color: rgba(255, 255, 255, 0.6);
}
.content-row .empty-content .el-input .el-input__inner[data-v-5bfdc150]:focus {
      border-color: #2589ff;
}
.content-row .icon-content[data-v-5bfdc150] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 64px;
    background: #222326;
    border-radius: 12px;
    padding-right: 10px;
}
.content-row .icon-content .el-select[data-v-5bfdc150] {
      width: 100%;
}
.content-row .icon-content .el-select .el-select-dropdown[data-v-5bfdc150] {
      background: #222326;
      box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.5);
      border-radius: 12px;
}
.content-row .icon-content .el-select .el-input__inner[data-v-5bfdc150] {
      height: 44px;
      background: #222326;
      border-radius: 12px;
      border-color: #222326;
      /* 设置边框颜色为 #ff0000 */
}
.content-row .icon-content .el-select .el-input__inner[data-v-5bfdc150]:focus {
      border-color: #2589ff;
      /* 设置焦点时的边框颜色为 #00ff00 */
}
.content-row .icon-content i[data-v-5bfdc150] {
      cursor: pointer;
}
.content-row .icon-content .el-input[data-v-5bfdc150] {
      width: 80px;
      height: 32px;
      margin-left: 20px;
      margin-right: 20px;
      background: #191a1d;
      border-radius: 4px;
}
.content-row .icon-content img[data-v-5bfdc150] {
      width: 16px;
      height: 16px;
}
.content-row .blackDropdown[data-v-5bfdc150] input::-webkit-input-placeholder {
    color: #fff;
}
.content-row .blackDropdown[data-v-5bfdc150] input::-moz-input-placeholder {
    color: #fff;
}
.content-row .blackDropdown[data-v-5bfdc150] input::-ms-input-placeholder {
    color: #fff;
}
.content-row .blackDropdown[data-v-5bfdc150] .el-select,
  .content-row .blackDropdown[data-v-5bfdc150] .el-input,
  .content-row .blackDropdown[data-v-5bfdc150] .el-textarea,
  .content-row .blackDropdown[data-v-5bfdc150] .el-textarea__inner /deep/ .el-input__inner {
    background-color: #08164d;
    color: #fff;
    border: 0px;
    border-radius: 0px;
    text-align: center;
}
.content-row .blackDropdown[data-v-5bfdc150] .el-select .el-input.is-focus .el-input__inner {
    border: 0px;
}
.content-row .blackDropdown[data-v-5bfdc150] .el-select .el-input .el-select__caret {
    color: #fff;
}
.content-row .blackDropdown[data-v-5bfdc150] .el-select-dropdown {
    background-color: #08164d;
    margin: 0px;
    border: 0px;
    border-radius: 0px;
}
.content-row .blackDropdown[data-v-5bfdc150] .el-select-dropdown__item {
    background-color: transparent;
    color: #fff;
}
.content-row .blackDropdown[data-v-5bfdc150] .el-select-dropdown__item.hover,
  .content-row .blackDropdown[data-v-5bfdc150] .el-select-dropdown__item:hover {
    color: #409eff;
}
.content-row .blackDropdown[data-v-5bfdc150] .el-popper .popper__arrow,
  .content-row .blackDropdown .el-popper .popper__arrow[data-v-5bfdc150]::after {
    display: none;
}
.content-row .sel-content .el-select[data-v-5bfdc150] {
    width: 100%;
}
.content-row .sel-content .el-select .el-select-dropdown[data-v-5bfdc150] {
    background: #222326;
    box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.5);
    border-radius: 12px;
}
.content-row .sel-content .el-select .el-input__inner[data-v-5bfdc150] {
    height: 44px;
    background: #222326;
    border-radius: 12px;
    border-color: #222326;
    /* 设置边框颜色为 #ff0000 */
}
.content-row .sel-content .el-select .el-input__inner[data-v-5bfdc150]:focus {
    border-color: #2589ff;
    /* 设置焦点时的边框颜色为 #00ff00 */
}
.content-row .norl-content[data-v-5bfdc150] {
    width: 100%;
    height: 104px;
    background: #222326;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    color: #2589ff;
}
.content-row .norl-content .empty_img[data-v-5bfdc150] {
      width: 100px;
      height: 100px;
}
.content-row .norl-content .empty_cus_img[data-v-5bfdc150] {
      width: 100px;
      height: 70px;
}
.content-row .norl-content .empty_file[data-v-5bfdc150] {
      width: 60px;
      height: 60px;
      -o-object-fit: cover;
         object-fit: cover;
}
.content-row .norl-content .giftag[data-v-5bfdc150] {
      position: absolute;
      right: 10px;
      bottom: 10px;
      width: 32px;
      height: auto;
}
.content-row .try_play[data-v-5bfdc150] {
    padding: 5px;
    cursor: pointer;
    font-size: 20px;
}
.content-row .text-style-row[data-v-5bfdc150] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    padding: 10px 0;
}
.content-row .text-style-item[data-v-5bfdc150] {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 10px;
}
.content-row .color-type-selector[data-v-5bfdc150] {
    margin-bottom: 8px;
}
.content-row .gradient-container[data-v-5bfdc150] {
    display: flex;
    flex-direction: column;
    width: 100%;
}
.content-row .gradient-item[data-v-5bfdc150] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 8px;
}
.content-row .gradient-item span[data-v-5bfdc150] {
    color: #fff;
    font-size: 12px;
    margin-right: 8px;
}
.content-row .font-family-item[data-v-5bfdc150] {
    width: 100%;
}
.content-row .font-family-item .el-select[data-v-5bfdc150] {
    width: 100%;
}
.content-row .text-style-label[data-v-5bfdc150] {
    color: #fff;
    font-size: 14px;
    margin-bottom: 8px;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.control-point[data-v-aa1691c0] {
  position: absolute;
  transform: translate(-50%, -50%);
  cursor: move;
  z-index: 10;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.control-point .resize-handles[data-v-aa1691c0] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}
.control-point .resize-handle[data-v-aa1691c0] {
    position: absolute;
    width: 10px;
    height: 10px;
    background-color: rgba(255, 255, 255, 0.8);
    border: 1px solid rgba(0, 123, 255, 0.8);
    pointer-events: auto;
}
.control-point .resize-handle[data-v-aa1691c0]:hover {
      background-color: rgba(0, 123, 255, 0.8);
}
.control-point .resize-handle.resize-handle-n[data-v-aa1691c0] {
      top: -5px;
      left: 50%;
      transform: translateX(-50%);
      cursor: n-resize;
}
.control-point .resize-handle.resize-handle-e[data-v-aa1691c0] {
      top: 50%;
      right: -5px;
      transform: translateY(-50%);
      cursor: e-resize;
}
.control-point .resize-handle.resize-handle-s[data-v-aa1691c0] {
      bottom: -5px;
      left: 50%;
      transform: translateX(-50%);
      cursor: s-resize;
}
.control-point .resize-handle.resize-handle-w[data-v-aa1691c0] {
      top: 50%;
      left: -5px;
      transform: translateY(-50%);
      cursor: w-resize;
}
.control-point .resize-handle.resize-handle-ne[data-v-aa1691c0] {
      top: -5px;
      right: -5px;
      cursor: ne-resize;
}
.control-point .resize-handle.resize-handle-nw[data-v-aa1691c0] {
      top: -5px;
      left: -5px;
      cursor: nw-resize;
}
.control-point .resize-handle.resize-handle-se[data-v-aa1691c0] {
      bottom: -5px;
      right: -5px;
      cursor: se-resize;
}
.control-point .resize-handle.resize-handle-sw[data-v-aa1691c0] {
      bottom: -5px;
      left: -5px;
      cursor: sw-resize;
}
.control-point.dragging[data-v-aa1691c0] {
    box-shadow: 0 0 8px rgba(65, 63, 63, 0.8);
    background-color: rgba(65, 63, 63, 0.5);
}
.control-point.resizing[data-v-aa1691c0] {
    box-shadow: 0 0 8px rgba(0, 123, 255, 0.8);
}
.control-point.hotspot-area[data-v-aa1691c0] {
    cursor: move;
}
.control-point.hotspot-area .hotspot-content[data-v-aa1691c0] {
      background-color: rgba(0, 123, 255, 0.3);
      border: 1px dashed rgba(0, 123, 255, 0.8);
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 4px;
      transition: background-color 0.3s ease;
      position: relative;
}
.control-point.hotspot-area .hotspot-content[data-v-aa1691c0]:hover {
        background-color: rgba(0, 123, 255, 0.5);
}
.control-point.hotspot-area .hotspot-label[data-v-aa1691c0] {
      color: white;
      font-size: 14px;
      text-shadow: 0 0 3px rgba(0, 0, 0, 0.8);
      pointer-events: none;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
/* 网格线样式 */
.grid-reference[data-v-0ce76822] {
  pointer-events: none;
  z-index: 1;
}
.grid-line[data-v-0ce76822] {
  position: absolute;
  pointer-events: none;
}
.grid-label.horizontal-label[data-v-0ce76822] {
  top: -18px;
  left: 5px;
}
.grid-label.vertical-label[data-v-0ce76822] {
  left: 5px;
  top: 5px;
}
.grid-intersection[data-v-0ce76822] {
  position: absolute;
  pointer-events: none;
}
.grid-intersection:hover .intersection-label[data-v-0ce76822] {
    display: block;
}
.intersection-label[data-v-0ce76822] {
  position: absolute;
  display: none;
  font-size: 10px;
  top: -25px;
  left: 5px;
  z-index: 10;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.scene-wrapper[data-v-47f3a71b] {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: auto;
  cursor: default;
  /* 自定义滚动条样式 */
}
.scene-wrapper[data-v-47f3a71b]::-webkit-scrollbar {
    width: 4px !important;
    height: 4px !important;
}
.scene-wrapper[data-v-47f3a71b]::-webkit-scrollbar-thumb {
    background-color: #2589ff;
}
.htmlcontainer[data-v-47f3a71b] {
  position: relative;
  transform-origin: 0 0;
  position: relative;
  display: block;
  unicode-bidi: -webkit-isolate;
  unicode-bidi: -moz-isolate;
  unicode-bidi: isolate;
  padding: 0;
  margin: 50px 100px 50px 150px;
}
.control-point[data-v-47f3a71b] {
  position: absolute;
  transform: translate(0, 0);
  cursor: move;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.control-point img[data-v-47f3a71b] {
    -o-object-fit: cover;
       object-fit: cover;
}
.control-point .resize-handles[data-v-47f3a71b] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}
.control-point .resize-handle[data-v-47f3a71b] {
    position: absolute;
    width: 30px;
    height: 30px;
    background-color: rgba(255, 255, 255, 0.8);
    border: 1px solid rgba(0, 123, 255, 0.8);
    pointer-events: auto;
}
.control-point .resize-handle[data-v-47f3a71b]:hover {
      background-color: rgba(0, 123, 255, 0.8);
}
.control-point .resize-handle.resize-handle-n[data-v-47f3a71b] {
      top: -5px;
      left: 50%;
      transform: translateX(-50%);
      cursor: n-resize;
}
.control-point .resize-handle.resize-handle-e[data-v-47f3a71b] {
      top: 50%;
      right: -5px;
      transform: translateY(-50%);
      cursor: e-resize;
}
.control-point .resize-handle.resize-handle-s[data-v-47f3a71b] {
      bottom: -5px;
      left: 50%;
      transform: translateX(-50%);
      cursor: s-resize;
}
.control-point .resize-handle.resize-handle-w[data-v-47f3a71b] {
      top: 50%;
      left: -5px;
      transform: translateY(-50%);
      cursor: w-resize;
}
.control-point .resize-handle.resize-handle-ne[data-v-47f3a71b] {
      top: -5px;
      right: -5px;
      cursor: ne-resize;
}
.control-point .resize-handle.resize-handle-nw[data-v-47f3a71b] {
      top: -5px;
      left: -5px;
      cursor: nw-resize;
}
.control-point .resize-handle.resize-handle-se[data-v-47f3a71b] {
      bottom: -5px;
      right: -5px;
      cursor: se-resize;
}
.control-point .resize-handle.resize-handle-sw[data-v-47f3a71b] {
      bottom: -5px;
      left: -5px;
      cursor: sw-resize;
}
.control-point.dragging[data-v-47f3a71b] {
    box-shadow: 0 0 8px rgba(65, 63, 63, 0.8);
    background-color: rgba(65, 63, 63, 0.5);
}
.control-point.resizing[data-v-47f3a71b] {
    box-shadow: 0 0 8px rgba(0, 123, 255, 0.8);
}
.control-point.hotspot-area[data-v-47f3a71b] {
    cursor: move;
}
.control-point.hotspot-area .hotspot-content[data-v-47f3a71b] {
      background-color: rgba(0, 123, 255, 0.3);
      border: 1px dashed rgba(0, 123, 255, 0.8);
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 4px;
      transition: background-color 0.3s ease;
      position: relative;
}
.control-point.hotspot-area .hotspot-content[data-v-47f3a71b]:hover {
        background-color: rgba(0, 123, 255, 0.5);
}
.control-point.hotspot-area .hotspot-label[data-v-47f3a71b] {
      color: white;
      font-size: 14px;
      text-shadow: 0 0 3px rgba(0, 0, 0, 0.8);
      pointer-events: none;
}

/* 确保在不同设备上保持16:9比例 */
@media screen and (max-width: 768px) {
.htmlcontainer[data-v-47f3a71b] {
    width: 100%;
    height: auto;
}
}
.ele-font[data-v-47f3a71b] {
  text-align: left;
}
.size-show[data-v-47f3a71b] {
  padding: 20px;
  position: fixed;
  left: 28px;
  top: 50px;
  color: white;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.project-settings-dialog .el-dialog__body {
  padding: 20px;
  max-height: 60vh;
  overflow-y: auto;
}
.project-settings-dialog .settings-container .settings-item {
  margin-bottom: 20px;
}
.project-settings-dialog .settings-container .settings-item .item-label {
    font-size: 14px;
    margin-bottom: 8px;
    color: black;
}
.project-settings-dialog .settings-container .settings-item .music-uploader {
    display: inline-block;
    margin-left: 10px;
}
.project-settings-dialog .settings-container .settings-item .music-uploader .music-name {
      margin-left: 10px;
      font-size: 12px;
      color: #909399;
}
.project-settings-dialog .settings-container .settings-item .speed-value {
    font-size: 12px;
    color: #909399;
    text-align: right;
    margin-top: 5px;
}
.project-settings-dialog .settings-container .settings-item.space-settings {
    border-top: 1px solid #3e3e3e;
    padding-top: 15px;
}
.project-settings-dialog .settings-container .settings-item.space-settings .item-header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 10px;
}
.project-settings-dialog .settings-container .settings-item.space-settings .item-header .el-button--mini {
        padding: 4px;
}
.project-settings-dialog .settings-container .settings-item.space-settings .space-list {
      background: #222326;
      border-radius: 4px;
      padding: 5px;
      max-height: 200px;
      overflow-y: auto;
}
.project-settings-dialog .settings-container .settings-item.space-settings .space-list .space-item {
        margin-bottom: 8px;
        background: #2d2e31;
        border-radius: 4px;
        padding: 8px 12px;
}
.project-settings-dialog .settings-container .settings-item.space-settings .space-list .space-item:last-child {
          margin-bottom: 0;
}
.project-settings-dialog .settings-container .settings-item.space-settings .space-list .space-item .space-content {
          display: flex;
          justify-content: space-between;
          align-items: center;
}
.project-settings-dialog .settings-container .settings-item.space-settings .space-list .space-item .space-content .space-name {
            font-size: 14px;
            color: #FFFFFF;
}
.project-settings-dialog .settings-container .settings-item.space-settings .space-list .space-item .space-content .space-actions {
            display: flex;
            align-items: center;
}
.project-settings-dialog .settings-container .settings-item.space-settings .space-list .space-item .space-content .space-actions .el-button {
              padding: 2px 5px;
              font-size: 12px;
}
.project-settings-dialog .settings-container .settings-item.space-settings .space-list .space-item .space-content .space-actions .el-button:hover {
                color: #409EFF;
}
.project-settings-dialog .settings-container .settings-item.space-settings .space-list .space-item .space-content .space-actions .el-button[disabled] {
                color: #606266;
                cursor: not-allowed;
                opacity: 0.5;
}
.project-settings-dialog .settings-container .settings-item.space-settings .space-list .space-item .space-content .space-actions .el-button[disabled]:hover {
                  color: #606266;
}
.project-settings-dialog .settings-container .settings-item.space-settings .space-list .space-item .space-edit {
          display: flex;
          justify-content: space-between;
          align-items: center;
}
.project-settings-dialog .settings-container .settings-item.space-settings .space-list .space-item .space-edit .el-input {
            width: 80%;
}
.project-settings-dialog .settings-container .settings-item.space-settings .space-list .space-item .space-edit .edit-actions .el-button {
            padding: 2px 5px;
            font-size: 12px;
}
.project-settings-dialog .settings-container .settings-item.space-settings .empty-space {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      height: 100px;
      background: #222326;
      border-radius: 4px;
      color: #909399;
}
.project-settings-dialog .settings-container .settings-item.space-settings .empty-space i {
        font-size: 24px;
        margin-bottom: 10px;
}
.project-settings-dialog .dialog-footer {
  display: flex;
  justify-content: center;
}
.project-settings-dialog .dialog-footer .el-button {
    padding: 8px 20px;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.scene-narration-editor[data-v-0d337074] {
  width: 100%;
}
.dfj[data-v-0d337074] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}
.title[data-v-0d337074] {
  font-size: 14px;
  font-weight: 600;
}
.desc_view_input[data-v-0d337074] {
  margin-bottom: 10px;
}
.action-btns[data-v-0d337074] {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.action-btn[data-v-0d337074] {
  height: 33px;
  padding: 0 12px;
  border-radius: 4px;
  font-weight: 400;
  font-size: 12px;
  line-height: 33px;
  text-align: center;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  flex-shrink: 0;
}
.action-btn.is-loading[data-v-0d337074] {
    opacity: 0.7;
    pointer-events: none;
}
.action-btn.disabled[data-v-0d337074] {
    opacity: 0.4;
    pointer-events: none;
}
.try-play[data-v-0d337074] {
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  padding: 0 8px;
}
.try-play .tip[data-v-0d337074] {
    font-size: 12px;
    margin-left: 4px;
}
.ai-btn[data-v-0d337074] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2px;
}
.ai-btn img[data-v-0d337074] {
    width: 20px;
    height: 20px;
}
.audio-tip[data-v-0d337074] {
  margin-top: 8px;
  font-size: 12px;
  line-height: 1.5;
}

/* 暗色侧栏（alleditor 页面设置） */
.theme-dark .title[data-v-0d337074] {
  color: #ffffff;
}
.theme-dark[data-v-0d337074] .desc_view_input .el-textarea__inner {
  background: rgba(217, 217, 217, 0.05);
  border-radius: 4px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: #fff;
  font-size: 12px;
  font-weight: 400;
  min-height: 67px !important;
}
.theme-dark[data-v-0d337074] .el-switch {
  transform: scale(0.85);
}
.theme-dark .action-btn[data-v-0d337074] {
  background: rgba(217, 217, 217, 0.05);
  color: #ffffff;
}
.theme-dark .ai-btn[data-v-0d337074] {
  background: #ffffff;
  color: #3656fd;
  font-weight: 600;
  font-size: 14px;
  height: 28px;
  line-height: 28px;
  padding: 0 10px;
}
.theme-dark .audio-tip[data-v-0d337074] {
  color: rgba(255, 255, 255, 0.45);
}

/* 浅色弹窗（htmleditor 场景设置） */
.theme-light .title[data-v-0d337074] {
  color: #333;
  font-size: 16px;
}
.theme-light .dfj[data-v-0d337074] {
  padding: 15px 10px 0;
  margin-bottom: 0;
  border-bottom: none;
}
.theme-light .desc_view_input[data-v-0d337074] {
  padding: 0 10px;
}
.theme-light[data-v-0d337074] .desc_view_input .el-textarea__inner {
  background: #fff;
  border: 1px solid #dcdfe6;
  border-radius: 4px;
  color: #333;
  font-size: 14px;
}
.theme-light .action-btns[data-v-0d337074] {
  padding: 0 10px 12px;
}
.theme-light .action-btn[data-v-0d337074] {
  background: #f2f2f2;
  color: #333;
  font-size: 14px;
  height: 36px;
  line-height: 36px;
}
.theme-light .ai-btn[data-v-0d337074] {
  background: #3656fd;
  color: #fff;
  font-weight: 400;
}
.theme-light .audio-tip[data-v-0d337074] {
  padding: 0 10px 12px;
  color: #999;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.scene-narration-ai-dialog {
  border-radius: 8px;
}
.scene-narration-ai-dialog .el-dialog__header {
    padding: 15px 20px;
    border-bottom: 1px solid #efefef;
}
.scene-narration-ai-dialog .el-dialog__title {
    font-weight: 600;
    font-size: 14px;
    color: #333;
}
.scene-narration-ai-dialog .el-dialog__body {
    padding: 16px 20px;
}
.scene-narration-ai-dialog .el-textarea__inner {
    background: #f2f2f2;
    border: 0;
    border-radius: 8px;
    color: #333;
}
.scene-narration-ai-dialog .el-button--primary {
    background: #3656fd;
    border-color: #3656fd;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.scene-setting-container[data-v-d9e8b2d2] {
  padding: 10px 0;
}
.setting-header[data-v-d9e8b2d2] {
  margin-bottom: 20px;
}
.setting-header .title[data-v-d9e8b2d2] {
    font-size: 18px;
    font-weight: 600;
    color: #333;
    margin-bottom: 5px;
}
.setting-header .subtitle[data-v-d9e8b2d2] {
    font-size: 14px;
    color: #666;
}
.setting-content[data-v-d9e8b2d2] {
  padding: 10px;
  background-color: #f9f9f9;
  border-radius: 8px;
}
.setting-item[data-v-d9e8b2d2] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 10px;
  border-bottom: 1px solid #eee;
}
.setting-item[data-v-d9e8b2d2]:last-child {
    border-bottom: none;
}
.setting-item .setting-label[data-v-d9e8b2d2] {
    display: flex;
    align-items: center;
}
.setting-item .setting-label i[data-v-d9e8b2d2] {
      margin-right: 10px;
      font-size: 20px;
      color: #3656FD;
}
.setting-item .setting-label span[data-v-d9e8b2d2] {
      font-size: 16px;
      color: #333;
}
.narration-block[data-v-d9e8b2d2] {
  margin-top: 16px;
  padding-top: 4px;
  border-top: 1px solid #eee;
}
.narration-header[data-v-d9e8b2d2] {
  margin-bottom: 4px;
  padding: 0 10px;
}
.no-video-background[data-v-d9e8b2d2] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 30px 0;
}
.no-video-background i[data-v-d9e8b2d2] {
    font-size: 40px;
    color: #E6A23C;
    margin-bottom: 15px;
}
.no-video-background p[data-v-d9e8b2d2] {
    font-size: 16px;
    color: #666;
    margin-bottom: 15px;
}
[data-v-d9e8b2d2] .scene-setting-dialog {
  border-radius: 8px;
  overflow: hidden;
}
[data-v-d9e8b2d2] .scene-setting-dialog .el-dialog__header {
    background: #3656FD;
    padding: 15px 20px;
}
[data-v-d9e8b2d2] .scene-setting-dialog .el-dialog__header .el-dialog__title {
      color: white;
      font-weight: 600;
}
[data-v-d9e8b2d2] .scene-setting-dialog .el-dialog__header .el-dialog__headerbtn .el-dialog__close {
      color: white;
}
[data-v-d9e8b2d2] .scene-setting-dialog .el-dialog__body {
    padding: 20px;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.newPointMenu {
  position: absolute;
  width: 142px;
  background: #222326;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.5), 0px 2px 16px 0px rgba(0, 0, 0, 0.5);
  border-radius: 12px;
  padding: 8px;
  z-index: 9999;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.newPointMenu .item {
    border-radius: 6px;
    width: 100%;
    height: 36px;
    text-align: center;
    cursor: pointer;
    margin-bottom: 8px;
    font-size: 12px;
    line-height: 36px;
}
.newPointMenu .item:hover {
    background: #313235;
}
.newPointMenu .item:last-child {
    margin-bottom: 0;
}
.loadingshow {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 9999;
}
.container {
  background-color: #000;
  height: 100%;
  display: flex;
  flex-direction: column;
  padding: 0 0px 16px 0px;
  font-size: 14px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.toppageinput .el-input__inner {
  height: 44px;
  background: #222326 !important;
  border-radius: 12px;
  border-color: #222326;
}
.toppageinput .el-input__inner:focus {
  border-color: #2589FF;
}
.topbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 50px;
  padding: 0 50px;
}
.topbar .row-right {
    display: flex;
    align-items: center;
}
.topbar .row-right .drag-control {
      display: flex;
      align-items: center;
      margin-right: 10px;
}
.topbar .row-right .drag-control .drag-label {
        font-size: 12px;
        margin-right: 5px;
        color: #fff;
}
.topbar .row-middle .pageTitleStyle {
    height: 34px;
    background: #26272A;
    border-radius: 8px;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 16px 25px;
}
.topbar .row-middle .pageTitleStyle .split {
      margin-left: 5px;
      margin-right: 5px;
}
.topbar .row-middle .pageTitleStyle .title {
      color: #fff;
      flex: 1;
      margin-right: 5px;
}
.topbar .row-middle .pageTitleStyle img {
      width: 14px;
      height: 14px;
}
.main-scene {
  flex: 1;
  overflow: hidden;
  position: relative;
  background-color: #1E2025;
}
.main-scene .welcome-edit {
    width: 100%;
    height: 100%;
    z-index: 1000;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    padding-top: 10%;
    position: absolute;
    background-color: #000;
}
.main-scene .welcome-edit .imgLogoEx {
      display: flex;
      flex-direction: column;
      align-items: center;
      border: 1px dotted #fff;
      padding: 2px;
      min-width: 200px;
      height: 150px;
      justify-content: center;
      margin-bottom: 10px;
}
.main-scene .welcome-edit .imgLogoEx img {
        margin-bottom: 10px;
}
.main-scene .welcome-edit .imgLogo {
      min-width: 300px;
      height: 220px;
      overflow: hidden;
      border: 1px dotted #fff;
      padding: 2px;
}
.main-scene .welcome-edit .imgLogo img {
      width: 100%;
      height: 100%;
      -o-object-fit: contain;
         object-fit: contain;
      cursor: pointer;
}
.main-scene .welcome-edit .companyName {
      font-size: 50px;
      font-family: PingFangSC, PingFang SC;
      font-weight: 600;
      color: #FFFFFF;
      margin-bottom: 32px;
      border: 1px dotted #fff;
      padding: 5px;
      cursor: pointer;
}
.main-scene .welcome-edit .companyName .el-input__inner {
        height: 100%;
}
.main-scene .welcome-edit .vrDesc {
      font-size: 24px;
      font-family: PingFangSC, PingFang SC;
      font-weight: 400;
      color: #FFFFFF;
      border: 1px dotted #fff;
      padding: 5px;
}
.iframeclass {
  width: 100%;
  height: 100%;
  z-index: 900;
}
.html-bottom-row {
  margin-top: 12px;
  height: 94px;
  display: flex;
  flex-direction: row;
  overflow-y: auto;
  padding: 0 50px;
}
.scene_list {
  width: 100%;
  height: 100%;
  background: #26272A;
  border-radius: 16px;
  flex: 1;
  margin-right: 12px;
  display: flex;
  align-items: center;
  overflow-y: auto;
  /* 自定义滚动条样式 */
}
.scene_list::-webkit-scrollbar {
    width: 6px;
}
.scene_list::-webkit-scrollbar-thumb {
    background-color: #2589FF;
}
.scene_list::-webkit-scrollbar-track {
    background-color: rgba(0, 0, 0, 0.1);
}
.scene_add {
  width: 118px;
  height: 100%;
  background: #26272A;
  border-radius: 16px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.scene_add img {
    width: 44px;
    height: 44px;
}
.cover_item_selected {
  border: 2px solid #2589FF;
}
.cover_item {
  width: 72px;
  height: 72px;
  background: #000000;
  border-radius: 7px;
  margin-left: 12px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  position: relative;
  flex-shrink: 0;
}
.cover_item .image-error-placeholder {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #f5f7fa;
}
.cover_item .image-error-placeholder i {
      font-size: 24px;
      color: #909399;
}
.cover_item .image-error-placeholder p {
      margin: 5px 0 0;
      font-size: 12px;
      color: #909399;
      text-align: center;
}
.cover_item .moreAction {
    position: absolute;
    right: 4px;
    top: 4px;
}
.cover_item .moreAction img {
      width: 19px;
      height: 10px;
}
.cover_item .pageTitle {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 25px;
    background: rgba(0, 0, 0, 0.8);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #FFFFFF;
    white-space: nowrap;
}
.coverShow {
  display: flex;
  line-height: 92px;
  align-items: center;
  justify-content: center;
  position: relative;
}
.coverShow .cover {
    width: 100%;
    height: 34px;
    background: rgba(37, 137, 255, 0.3);
    text-align: center;
    font-size: 10px;
    white-space: nowrap;
}
.coverShow .title {
    position: absolute;
}


/* .modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
} */
.modal-content[data-v-6dfe38d7] {
  position: fixed;
  bottom: 25px;
  right: 320px;
  background-color: #2e313a;
  border-radius: 8px;
  width: 300px;
  max-height: 488px;
  padding: 16px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
  z-index: 20001;
  height: auto;
}
.modal-header[data-v-6dfe38d7] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
  color: white;
  font-size: 16px;
  font-weight: bold;
}
.close-btn[data-v-6dfe38d7] {
  background: none;
  border: none;
  color: white;
  font-size: 20px;
  cursor: pointer;
  padding: 4px;
  transition: opacity 0.2s;
}
.close-btn[data-v-6dfe38d7]:hover {
  opacity: 0.8;
}
.animation-grid[data-v-6dfe38d7] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 400px;
}
.animation-item[data-v-6dfe38d7] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  /* background-color: white;
  border: 1px solid #ddd; */
  /* border-radius: 4px; */
  cursor: pointer;
  transition: all 0.2s ease;
  color: #666;
  font-size: 12px;
  min-height: 60px;
  width: 80px;
  height: 108px;
}
.animation-item[data-v-6dfe38d7]:hover {
  border-color: #007bff;
  transform: scale(1.02);
}
.selected[data-v-6dfe38d7] {
  border: 2px solid #007bff;
  background-color: #f8f9fa;
  color: #007bff;
  border-radius: 8px;
}
.icon-container[data-v-6dfe38d7] {
  width: 80px;
  height: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
.icon_img[data-v-6dfe38d7] {
    width: 100%;
    height: 100%;
    border-radius: 8px;
}
}
.anima_title[data-v-6dfe38d7] {
  font-weight: 400;
  font-size: 13px;
  color: #ffffff;
  margin-top: 4px;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.resourImg[data-v-6181317e] {
  width: 100%;
  aspect-ratio: 1 / 1;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 4px 4px 0 0;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
.resourImg .videoImg[data-v-6181317e] {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 4px 4px 0 0;
}
.resourImg .pdf-preview[data-v-6181317e] {
    width: 100%;
    height: 100%;
}
.item_span[data-v-6181317e] {
  width: 100%;
  height: 38px;
  background: rgba(255, 255, 255, 0.2);
  line-height: 38px;
  padding: 0 14px;
  border-radius: 0 0 4px 4px;
  overflow: hidden;
  /* 超出部分隐藏 */
  text-overflow: ellipsis;
  /* 显示省略符号来代表被修剪的文本 */
  white-space: nowrap;
  font-size: 14px;
  width: 100%;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.desc_view_input[data-v-6279e38e] .el-textarea__inner {
  height: 67px !important;
  font-size: 12px;
  font-weight: 400;
}
.point-animation-select[data-v-6279e38e] {
  width: 100%;
}
.point-animation-select[data-v-6279e38e] .el-input__inner {
    background: rgba(217, 217, 217, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #fff;
    height: 36px;
    line-height: 36px;
}
.descbtn[data-v-6279e38e] {
  width: 248px;
  height: 33px;
  background: rgba(217, 217, 217, 0.05);
  border-radius: 4px 4px 4px 4px;
  font-weight: 400;
  font-size: 12px;
  color: #ffffff;
  line-height: 33px;
  text-align: center;
}
.titles[data-v-6279e38e] {
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.titles .down[data-v-6279e38e] {
    width: 24px;
    height: 24px;
}

/* 全局容器设置 */
.card-carousel-interact-head[data-v-6279e38e] {
  padding: 0 0 8px;
  margin-bottom: 4px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.interaction-panel[data-v-6279e38e] {
  width: 100%;
  /* 模拟侧边栏宽度 */
  height: 100%;
  color: #cccccc;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  padding-top: 12px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  position: relative;
}

/* --- 顶部蓝色区域 --- */
.header-section[data-v-6279e38e] {
  position: relative;
}
.custom-select[data-v-6279e38e] {
  background-color: #3b82f6;
  /* 亮蓝色 */
  color: white;
  padding: 8px 12px;
  border-radius: 4px;
  font-size: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.custom-select .arrow[data-v-6279e38e] {
  width: 24px;
  height: 24px;
}

/* --- 主体内容区 --- */
.body-section[data-v-6279e38e] {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 0 15px;
}

/* 示意图模拟 */
.diagram-wrapper[data-v-6279e38e] {
  position: relative;
  width: 100%;
  height: 100px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  margin-top: 80px;
}
.interaction[data-v-6279e38e] {
  width: 100%;
}
.screen[data-v-6279e38e] {
  width: 80px;
  height: 60px;
  background-color: #2a2a2a;
  border: 1px solid #444;
  border-radius: 4px;
  position: relative;
}
.left-screen .highlight-box[data-v-6279e38e] {
  width: 30px;
  height: 20px;
  background-color: rgba(59, 130, 246, 0.2);
  border: 1px solid #3b82f6;
  position: absolute;
  top: 10px;
  left: 10px;
}
.connector-line[data-v-6279e38e] {
  position: absolute;
  top: 25px;
  left: 85px;
  width: 150px;
  height: 30px;
  z-index: 1;
}

/* 文字样式 */
.main-text[data-v-6279e38e] {
  font-size: 14px;
  font-weight: normal;
  color: rgba(255, 255, 255, 0.6);
}
.sub-text[data-v-6279e38e] {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.6);
  margin: 8px 0 24px 0;
}

/* 按钮列表 */
.button-list[data-v-6279e38e] {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

/* 按钮样式 */
.action-btn[data-v-6279e38e] {
  width: 100%;
  background: #2c2e35;
  border: 1px solid #444;
  border-radius: 4px;
  padding: 10px 0;
  color: #ccc;
  font-size: 14px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s;
}
.action-btn[data-v-6279e38e]:hover {
  background-color: #2a2a2a;
  border-color: #666;
  color: #fff;
}
.action-btn[data-v-6279e38e]:active {
  background-color: #333;
}

/* 图标样式 (Unicode) */
.jump[data-v-6279e38e] {
  width: 14px;
  height: 14px;
  margin-right: 4px;
}

/* 选中或激活状态下的图标颜色（可选） */
.action-btn:hover .icon[data-v-6279e38e] {
  filter: none;
}
.content-section[data-v-6279e38e] {
  position: absolute;
  width: 100%;
  background: #2c2e35;
  border-radius: 8px 8px 8px 8px;
  margin-top: 4px;
  padding: 6px 12px 10px;
  z-index: 6;
}
.activelist[data-v-6279e38e] {
  margin-top: 4px;
  width: 100%;
  height: 36px;
  border-radius: 4px 4px 4px 4px;
  background: inherit;
  display: flex;
  align-items: center;
  padding-left: 12px;
  font-weight: 400;
  font-size: 14px;
  color: #ffffff;
  cursor: pointer;
}
.activelist[data-v-6279e38e]:hover {
    background: #3d404b;
}
.line[data-v-6279e38e] {
  width: 100%;
  height: 1px;
  border-radius: 0px 0px 0px 0px;
  background: rgba(255, 255, 255, 0.08);
  margin-top: 4px;
}
.anim_list[data-v-6279e38e] {
  max-height: calc(100% - 140px);
  overflow-y: auto;
  margin-top: 12px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.anim_list .iconitems[data-v-6279e38e] {
    background: #2c2e35;
    border-radius: 4px 4px 4px 4px;
    margin-bottom: 12px;
    cursor: pointer;
}
.anim_list .iconitems .pointactive[data-v-6279e38e] {
      border: 2px solid #007bff;
      background: #393b41;
      border-radius: 4px 4px 4px 4px;
}
.anim_list[data-v-6279e38e] .el-tree-node__content {
    background: inherit !important;
    overflow-y: hidden;
    overflow-x: hidden;
}
.anim_list[data-v-6279e38e] .el-tree {
    background: inherit !important;
    overflow-y: hidden;
    width: -moz-max-content;
    width: max-content;
    white-space: nowrap;
}
.anim_list .anim_index[data-v-6279e38e] {
    width: 24px;
    height: 24px;
    background: #35373d;
    border-radius: 4px 4px 4px 4px;
    font-weight: 400;
    font-size: 14px;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
}
.anim_list .anim_show[data-v-6279e38e] {
    margin-left: 12px;
    display: flex;
    align-items: center;
    font-weight: 400;
    font-size: 14px;
    color: #ffffff;
    max-width: 108px;
}
.anim_list .anim_show .pointimg[data-v-6279e38e] {
      width: 12px;
      height: 12px;
      margin-right: 4px;
}
.anim_list .item_title[data-v-6279e38e] {
    font-weight: 400;
    font-size: 14px;
    color: #ffffff;
    margin-left: 12px;
    text-overflow: ellipsis;
    /* 显示省略符号来代表被修剪的文本 */
    white-space: nowrap;
    justify-content: space-between;
    min-width: 86px;
    max-width: 114px;
    overflow: hidden;
}
.anim_list .item_title.colors[data-v-6279e38e] {
      color: #ff4545;
}
.anim_list .anim-list-row-main[data-v-6279e38e] {
    display: flex;
    align-items: center;
    flex: 1;
    min-width: 0;
    cursor: pointer;
}
.anim_list .move-box-toggle[data-v-6279e38e] {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    margin-left: 8px;
    cursor: pointer;
}
.anim_list .move-box-toggle .move-box-icon[data-v-6279e38e] {
      width: 12px;
      height: 12px;
      opacity: 0.35;
      transition: opacity 0.2s;
}
.anim_list .move-box-toggle .move-box-icon.active[data-v-6279e38e] {
        opacity: 1;
}
.formLine[data-v-6279e38e] {
  position: absolute;
  bottom: 0;
  width: 100%;
}
[data-v-6279e38e] .el-form-item {
  margin-bottom: 0;
}
[data-v-6279e38e] .el-input.is-disabled .el-input__inner {
  background-color: #6666;
  border: none;
}
[data-v-6279e38e] .el-select,[data-v-6279e38e] .el-input .el-input__inner {
  height: 33px;
  line-height: 33px;
  border: none !important;
  font-size: 12px;
  font-weight: 400;
}
[data-v-6279e38e] .el-upload {
  width: 100%;
  text-align: left;
  padding-left: 20px;
}
.interaction-settings[data-v-6279e38e] {
  background: #2c2e35;
  border-radius: 8px;
  margin-top: 12px;
  padding: 0;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
  overflow: hidden;
  position: fixed;
  right: 320px;
  width: 280px;
}
.interaction-settings .settings-header[data-v-6279e38e] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 16px;
    background: #2c2e35;
    color: white;
    font-size: 14px;
    font-weight: 600;
}
.interaction-settings .settings-header .settings-close[data-v-6279e38e] {
      cursor: pointer;
      font-size: 16px;
      color: #fff;
}
.interaction-settings .settings-header .settings-close[data-v-6279e38e]:hover {
        color: #fff;
}
.interaction-settings .settings-content[data-v-6279e38e] {
    padding: 16px;
    max-height: calc(100vh - 200px);
    overflow-y: auto;
}
.interaction-settings .form-row[data-v-6279e38e] {
    margin-bottom: 8px;
    position: relative;
}
.interaction-settings .form-row .select-box[data-v-6279e38e] {
      display: flex;
      align-items: center;
      justify-content: space-between;
      height: 33px;
      background: rgba(217, 217, 217, 0.05);
      border-radius: 4px 4px 4px 4px;
      padding: 0 8px 0 12px;
      font-weight: 400;
      font-size: 12px;
      color: #ffffff;
      cursor: pointer;
}
.interaction-settings .form-row .select-box .down[data-v-6279e38e] {
        width: 24px;
        height: 24px;
}
.interaction-settings .form-row .select-box .box-cont[data-v-6279e38e] {
        font-weight: 400;
        font-size: 12px;
        color: #ffffff;
        display: flex;
        align-items: center;
        overflow: hidden;
        /* 超出部分隐藏 */
        text-overflow: ellipsis;
        /* 显示省略符号来代表被修剪的文本 */
        white-space: nowrap;
}
.interaction-settings .form-label[data-v-6279e38e] {
    font-size: 12px;
    color: #fff;
    margin-bottom: 8px;
}
.interaction-settings .form-row-inline[data-v-6279e38e] {
    display: flex;
    gap: 12px;
}
.interaction-settings .input-group[data-v-6279e38e] {
    flex: 1;
}
.interaction-settings .input-label[data-v-6279e38e] {
    font-size: 11px;
    color: #949ba4;
}
.interaction-settings .upload-section[data-v-6279e38e] {
    display: flex;
    justify-content: center;
}
.interaction-settings .upload-demo[data-v-6279e38e] {
    background: rgba(217, 217, 217, 0.05);
    border-radius: 4px;
    padding: 8px;
    width: 100%;
    display: flex;
    justify-content: center;
}
.interaction-settings .upload-demo-btn[data-v-6279e38e] {
    background: #43454b !important;
}
.interaction-settings .slider-container[data-v-6279e38e] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 8px;
}
.interaction-settings .sliders[data-v-6279e38e] {
    width: 130px;
}
.interaction-settings .sliders[data-v-6279e38e] .el-slider__bar {
      background: #3656fd;
}
.interaction-settings .slider-value[data-v-6279e38e] {
    font-size: 12px;
    color: #fff;
}
.interaction-settings .dfjs[data-v-6279e38e] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.interaction-settings .dfj[data-v-6279e38e] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
}
.interaction-settings .dfj .addbtn[data-v-6279e38e] {
      width: 80px;
}
.interaction-settings .dfj .addbtn[data-v-6279e38e] .el-button {
        padding: 0;
        border: 0;
        font-size: 12px;
        background: rgba(0, 0, 0, 0);
}
.interaction-settings .dfj .addbtn[data-v-6279e38e] .el-button::before {
          background: rgba(0, 0, 0, 0);
}
.interaction-settings .dfj .addbtn[data-v-6279e38e] .el-button:hover {
          background: rgba(0, 0, 0, 0);
}
.interaction-settings .dfj .addbtn[data-v-6279e38e] .el-button:active {
          background: rgba(0, 0, 0, 0);
}
.interaction-settings .dfj .addbtn[data-v-6279e38e] .el-button:focus {
          background: rgba(0, 0, 0, 0);
}
.slace[data-v-6279e38e] {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
}
.slace.slacex[data-v-6279e38e] .el-input::before {
    content: "X" !important;
}
.slace.slacey[data-v-6279e38e] .el-input::before {
    content: "Y" !important;
}
.slace.slacew[data-v-6279e38e] .el-input::before {
    content: "W" !important;
}
.slace.slaceh[data-v-6279e38e] .el-input::before {
    content: "H" !important;
}
.slace span[data-v-6279e38e] {
    width: 30px;
    font-size: 12px;
    font-weight: 600;
}
.slace[data-v-6279e38e] .el-input::before {
    content: "px";
    position: absolute;
    left: 12px;
    color: rgba(255, 255, 255, 0.6);
    line-height: 36px;
    font-size: 14px;
}
.slace[data-v-6279e38e] .el-input__inner {
    padding: 0 20px 0 36px !important;
    border: 0 !important;
    height: 36px !important;
    line-height: 36px !important;
    color: #fff !important;
    font-size: 14px !important;
}
.whBtn[data-v-6279e38e] {
  background: #2c2e35;
  border-radius: 4px 4px 4px 4px;
  height: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.whBtn img[data-v-6279e38e] {
    width: 16px;
    height: 16px;
}
.whBtn.active[data-v-6279e38e] {
    background: rgba(255, 255, 255, 0.2);
}
.backimg[data-v-6279e38e] {
  width: 100%;
  height: 164px;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 4px 4px 4px 4px;
  position: relative;
  display: flex;
  margin-bottom: 8px;
}
.backimg .backimgTitel[data-v-6279e38e] {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.backimg:hover .upload-demo[data-v-6279e38e] {
    display: flex !important;
}
.backimg .backimg_span[data-v-6279e38e] {
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 0;
    height: 30px;
    color: #fff;
    line-height: 30px;
    padding: 0 20px;
    overflow: hidden;
    /* 超出部分隐藏 */
    text-overflow: ellipsis;
    /* 显示省略符号来代表被修剪的文本 */
    white-space: nowrap;
    font-size: 14px;
    border-radius: 0 0 4px 4px;
}
.backimg .backimg_spans[data-v-6279e38e] {
    background: rgba(0, 0, 0, 0.5);
    border-radius: 0 0 4px 4px;
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 0;
    height: 30px;
    color: #fff;
    line-height: 30px;
    padding: 0 20px;
    font-size: 14px;
    display: flex;
}
.backimg .backimg_spans .backimg_spans_span[data-v-6279e38e] {
      width: calc(100% - 60px);
      overflow: hidden;
      /* 超出部分隐藏 */
      text-overflow: ellipsis;
      /* 显示省略符号来代表被修剪的文本 */
      white-space: nowrap;
}
.backimg .backimg_spans .backimg_spans_two[data-v-6279e38e] {
      width: 60px;
      flex: 1;
}
.backimg img[data-v-6279e38e] {
    margin: auto;
    max-width: 100%;
    max-height: 100%;
    border-radius: 4px 4px 4px 4px;
}
.backimg .imgs[data-v-6279e38e] {
    margin: auto;
    width: 100%;
    height: 100%;
    border-radius: 4px 4px 4px 4px;
}
.backimg .upload-demo[data-v-6279e38e] {
    display: none;
    width: 100px;
    height: 40px;
    background: rgba(255, 255, 255, 0.4);
    border-radius: 4px 4px 4px 4px;
    font-weight: 400;
    font-size: 16px;
    color: #000000;
    text-align: center;
    line-height: 40px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -20px -50px;
    z-index: 2010;
    cursor: pointer;
}
.backimg .upload-demo[data-v-6279e38e] .el-button {
      border: 0;
      height: 100%;
}
.backimg .addbtn[data-v-6279e38e] {
    width: 100px;
    height: 40px;
    background: #43454b;
    border-radius: 4px 4px 4px 4px;
    font-weight: 400;
    font-size: 16px;
    color: #000000;
    text-align: center;
    line-height: 40px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -20px -50px;
    cursor: pointer;
}
.backimg .addbtn[data-v-6279e38e] .el-button {
      background: inherit;
}
.duration_title[data-v-6279e38e] {
  font-weight: 400;
  font-size: 12px;
  color: #ffffff;
}
.times[data-v-6279e38e] {
  width: 64px;
  height: 36px;
  background: #2c2e35;
  border-radius: 4px 4px 4px 4px;
}
.times[data-v-6279e38e] .el-input::before {
    content: "S";
    position: absolute;
    right: 9px;
    line-height: 36px;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.6);
    top: 3px;
}
.times[data-v-6279e38e] .el-input__inner,
  .times[data-v-6279e38e] .el-input {
    width: 100% !important;
    height: 100% !important;
    border: none !important;
    line-height: 36px !important;
}
.times[data-v-6279e38e] .el-input__inner {
    padding: 0 10px;
}
.point_list[data-v-6279e38e] {
  background: #35373d;
  border-radius: 4px 4px 4px 4px;
  border: 1px solid #3f4044;
  top: 100%;
  width: 100%;
  z-index: 2011;
  padding: 6px 12px 8px;
}
.point_list .iconsinp[data-v-6279e38e] {
    height: 33px;
    border-radius: 4px 4px 4px 4px;
    border: 1px solid #414349;
    font-weight: 400;
    font-size: 12px;
    margin-bottom: 4px;
}
.point_list .iconsinp[data-v-6279e38e] .el-input__inner {
      background: transparent;
      height: 33px;
      line-height: 33px;
      color: #ffffff;
}
.point_list .iconsinp[data-v-6279e38e] .el-input__icon {
      line-height: 33px;
}
.point_list .active_point[data-v-6279e38e] {
    height: 36px;
    border-radius: 2px 2px 2px 2px;
    display: flex;
    align-items: center;
    padding: 0 8px;
    cursor: pointer;
    font-size: 12px;
}
.point_list .active_point .point_title[data-v-6279e38e] {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      justify-content: space-between;
      width: 200px;
}
.point_list .active_point.active[data-v-6279e38e] {
      background: #3d404b;
}
.point_list .active_point img[data-v-6279e38e] {
      width: 16px;
      height: 16px;
      margin-right: 6px;
}
.point_list .active_point[data-v-6279e38e]:hover {
      background: #43454b;
}
.point_list .active_list[data-v-6279e38e] {
    overflow-y: auto;
    max-height: 182px;
}
.slaceThree[data-v-6279e38e] {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}
.slaceThree .spans[data-v-6279e38e] {
    font-weight: 400;
    font-size: 12px;
    color: #ffffff;
}
.slaceTwo[data-v-6279e38e] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.slaceTwo .spans[data-v-6279e38e] {
    font-weight: 400;
    font-size: 12px;
    color: #ffffff;
}
[data-v-6279e38e] .el-switch {
  transform: scale(0.7);
}
.uploaders[data-v-6279e38e] {
  width: 56px;
  height: 33px;
}
.uploaders[data-v-6279e38e] .el-upload {
    padding: 0;
}
.upload-btn[data-v-6279e38e] {
  width: 56px;
  height: 33px;
  background: rgba(217, 217, 217, 0.05);
  border-radius: 4px 4px 4px 4px;
  font-weight: 400;
  font-size: 12px;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
}
.divs[data-v-6279e38e] {
  padding-left: 20px;
}
.components-dialog[data-v-6279e38e] .el-dialog {
  background: #191919;
  opacity: 0.98;
  background: #222326;
  box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.5);
  border-radius: 12px;
  padding: 8px;
}
.components-dialog[data-v-6279e38e] .el-dialog__header {
  background-position: left center;
  background-repeat: no-repeat, no-repeat;
  background-size: 18px 18px;
  cursor: pointer;
  opacity: 1;
  color: #f0f0f0;
  font-size: 12px;
  text-align: center;
  padding: 0 0;
  height: 30px;
}
.components-dialog[data-v-6279e38e] .el-dialog__title {
  width: 100%;
  color: #ffffff;
  font-size: 12px;
  text-align: left;
  font-weight: normal;
  padding: 5px 0px 5px 0px;
  cursor: move;
}
.components-dialog[data-v-6279e38e] .el-input__icon {
  line-height: 33px;
}
.components-dialog[data-v-6279e38e] .el-input__inner {
  background: rgba(217, 217, 217, 0.05);
}
.components-dialog .icon_select[data-v-6279e38e] {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
.components-dialog .icon_select .item[data-v-6279e38e] {
    position: relative;
    cursor: pointer;
    width: 158px;
    height: auto;
    background: #343740;
    border-radius: 8px 8px 8px 8px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 16px;
    padding-bottom: 12px;
    color: rgba(255, 255, 255, 0.6);
}
.components-dialog .icon_select .item[data-v-6279e38e] .el-image {
      width: 150px;
      height: 84px;
      border-radius: 4px 4px 4px 4px;
}
.components-dialog .icon_select .item .item_title[data-v-6279e38e] {
      width: 134px;
      font-weight: 400;
      font-size: 14px;
      color: #ffffff;
      margin-top: 12px;
      overflow: hidden;
      /* 超出部分隐藏 */
      text-overflow: ellipsis;
      /* 显示省略符号来代表被修剪的文本 */
      white-space: nowrap;
}
.components-dialog .pagination[data-v-6279e38e] {
  display: flex;
  justify-content: flex-end;
  max-width: 100%;
  margin: 20px 0;
  text-align: right;
  flex-shrink: 0;
  overflow: hidden;
}
.components-dialog .pagination[data-v-6279e38e] .el-input__inner {
    background-color: transparent !important;
    border: none !important;
    transition: color 0.2s ease-in-out;
}
.components-dialog .pagination[data-v-6279e38e] .el-input__inner:hover {
      color: #fff !important;
}
.components-dialog .pagination[data-v-6279e38e] .btn-prev {
    background-color: transparent !important;
}
.components-dialog .pagination[data-v-6279e38e] .btn-next {
    background-color: transparent !important;
}
.components-dialog .pagination[data-v-6279e38e] .el-pager .btn-quicknext,
  .components-dialog .pagination[data-v-6279e38e] .el-pager .btn-quickprev,
  .components-dialog .pagination[data-v-6279e38e] .el-pager .number {
    background-color: rgba(121, 121, 121, 0.1) !important;
    color: #fff !important;
}
.components-dialog .pagination[data-v-6279e38e] .el-pager .btn-quicknext.active,
    .components-dialog .pagination[data-v-6279e38e] .el-pager .btn-quickprev.active,
    .components-dialog .pagination[data-v-6279e38e] .el-pager .number.active {
      background-color: #2589FF !important;
}
.components-dialog .dialog_icon_select[data-v-6279e38e] {
  padding: 8px;
  overflow-y: auto;
}
.components-dialog .dialog_icon_select .item[data-v-6279e38e] {
    position: relative;
    cursor: pointer;
    float: left;
    width: 58px;
    height: 58px;
    background: #313235;
    border-radius: 6px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-right: 8px;
    margin-bottom: 8px;
    justify-content: center;
    font-size: 12px;
    font-family: PingFangSC, PingFang SC;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.6);
}
.components-dialog .dialog_icon_select .item .customimg[data-v-6279e38e] {
      width: 16px;
      height: 16px;
      margin-bottom: 4px;
}
.components-dialog .dialog_icon_select .item .giftag[data-v-6279e38e] {
      width: 19px;
      height: 11px;
      position: absolute;
      right: 0;
      bottom: 0;
}
.components-dialog .dialog_icon_select .item .preview[data-v-6279e38e] {
      width: 30px;
      height: 30px;
}
.form-title[data-v-6279e38e] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
}
.form-title .title_left[data-v-6279e38e] {
    font-weight: 600;
    font-size: 12px;
    color: #ffffff;
}
.form-title .title_right[data-v-6279e38e] {
    font-weight: 400;
    font-size: 10px;
    color: rgba(255, 255, 255, 0.6);
}
.radio_list[data-v-6279e38e] {
  height: 33px;
  border-radius: 4px;
  border: 1px solid #414349;
  display: flex;
  overflow: hidden;
}
.radio_list .radio_item[data-v-6279e38e] {
    width: 33.3%;
    height: 33px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 400;
    font-size: 12px;
    color: #ffffff;
    cursor: pointer;
}
.radio_list .radio_item img[data-v-6279e38e] {
      width: 12px;
      height: 12px;
      margin-right: 4px;
}
.radio_list .radio_active[data-v-6279e38e] {
    background: #3656fd;
}
.item_duration[data-v-6279e38e] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.item_duration .duration_title[data-v-6279e38e] {
    font-weight: 400;
    font-size: 14px;
    color: #ffffff;
}
.item_duration .times[data-v-6279e38e] {
    width: 55px;
    height: 33px;
    background: #2c2e35;
    border-radius: 4px 4px 4px 4px;
}
.item_duration .times[data-v-6279e38e] .el-input::before {
      content: "S";
      position: absolute;
      right: 9px;
      line-height: 33px;
      font-size: 12px;
      color: rgba(255, 255, 255, 0.6);
      top: 3px;
}
.item_duration .times[data-v-6279e38e] .el-input__inner,
    .item_duration .times[data-v-6279e38e] .el-input {
      width: 100% !important;
      height: 100% !important;
      border: none !important;
      line-height: 33px !important;
}
.item_duration .times[data-v-6279e38e] .el-input__inner {
      padding: 0 10px;
}
.item_duration .sliders[data-v-6279e38e] {
    width: 150px;
}
.item_duration[data-v-6279e38e] .el-select,
  .item_duration[data-v-6279e38e] .el-input,
  .item_duration[data-v-6279e38e] .el-input__inner {
    width: 210px;
    height: 33px;
    line-height: 33px;
}
.item_duration[data-v-6279e38e] .el-slider__bar {
    background: #3656fd;
}
[data-v-6279e38e] .el-tree-node__content {
  background: inherit !important;
  overflow-y: hidden;
  overflow-x: hidden;
}
[data-v-6279e38e] .el-tree {
  background: inherit !important;
  overflow-y: hidden;
  width: -moz-max-content;
  width: max-content;
  white-space: nowrap;
}
.items-text[data-v-6279e38e] {
  margin-left: 6px;
  font-size: 14px;
}
.modal-content[data-v-6279e38e] {
  position: fixed;
  bottom: 25px;
  right: 600px;
  background-color: #2e313a;
  border-radius: 8px;
  width: 300px;
  max-height: 488px;
  padding: 16px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
  z-index: 20001;
  height: auto;
}
.modal-header[data-v-6279e38e] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
  color: white;
  font-size: 16px;
  font-weight: bold;
}
.close-btn[data-v-6279e38e] {
  background: none;
  border: none;
  color: white;
  font-size: 20px;
  cursor: pointer;
  padding: 4px;
  transition: opacity 0.2s;
}
.close-btn[data-v-6279e38e]:hover {
  opacity: 0.8;
}
.animation-grid[data-v-6279e38e] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 400px;
}
.animation-item[data-v-6279e38e] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  /* background-color: white;
  border: 1px solid #ddd; */
  /* border-radius: 4px; */
  cursor: pointer;
  transition: all 0.2s ease;
  color: #666;
  font-size: 12px;
  min-height: 60px;
  width: 80px;
  height: 108px;
}
.animation-item[data-v-6279e38e]:hover {
  border-color: #007bff;
  transform: scale(1.02);
}
.selecteds[data-v-6279e38e] {
  border: 2px solid #007bff;
  background-color: #f8f9fa;
  color: #007bff;
  border-radius: 8px;
}
.icon-container[data-v-6279e38e] {
  width: 80px;
  height: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.icon-container .icon_img[data-v-6279e38e] {
    width: 100%;
    height: 100%;
    border-radius: 8px;
}
.anima_title[data-v-6279e38e] {
  font-weight: 400;
  font-size: 13px;
  color: #ffffff;
  margin-top: 4px;
}
.duration[data-v-6279e38e] .el-input::before {
  content: "S";
  position: absolute;
  right: 9px;
  line-height: 33px;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.6);
  top: 3px;
}
.startSelect[data-v-6279e38e] {
  background: #2c2e35;
  height: 40px !important;
}
.startSelect[data-v-6279e38e] .el-select {
    background: #2c2e35;
    height: 40px !important;
}
.startSelect[data-v-6279e38e] .el-input,
  .startSelect[data-v-6279e38e] .el-input__inner {
    height: 40px !important;
    line-height: 40px !important;
}
.startSelect[data-v-6279e38e] .el-input__icon {
    line-height: 40px !important;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.dropdown {
  width: 140px;
  background: #464856 !important;
  border-radius: 16px 16px 16px 16px !important;
  padding: 12px !important;
  z-index: 2220 !important;
}
.dropdown .dropdown_item {
    width: 116px;
    height: 36px;
    border-radius: 8px 8px 8px 8px;
    font-weight: 400;
    font-size: 14px !important;
    color: #ffffff !important;
    text-align: left !important;
    line-height: 36px !important;
    padding: 0 !important;
    margin-bottom: 4px;
    opacity: 1 !important;
}
.dropdown .dropdown_item /deep/ .el-upload {
      text-align: left;
}
.dropdown .dropdown_item:hover {
      background: #3656fd !important;
      color: #fff !important;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.intelligence-panel[data-v-65cf2ff6] {
  height: calc(100% - 50px);
  display: flex;
  flex-direction: column;
}
.panel-header[data-v-65cf2ff6] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 16px 16px;
  font-size: 14px;
  color: #ffffff;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.panel-header i[data-v-65cf2ff6] {
    font-size: 16px;
}
.panel-body[data-v-65cf2ff6] {
  flex: 1;
  overflow-y: auto;
}
.const[data-v-65cf2ff6] {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  padding: 0 16px;
}
.const .item[data-v-65cf2ff6] {
    width: 100%;
    border-radius: 6px;
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: grab;
}
.const .item:active .item-preview[data-v-65cf2ff6], .const .item:hover .item-preview[data-v-65cf2ff6] {
      background: rgba(255, 255, 255, 0.06);
}
.const .item .item-preview[data-v-65cf2ff6] {
      width: 100%;
      margin-top: 10px;
      border-radius: 6px;
      box-sizing: border-box;
      display: flex;
      align-items: center;
      justify-content: center;
}
.const .item .item-preview img[data-v-65cf2ff6] {
        width: 55%;
        -o-object-fit: cover;
           object-fit: cover;
}
.const .item .divs[data-v-65cf2ff6] {
      width: 100%;
      font-weight: 400;
      font-size: 14px;
      color: #ffffff;
      margin-top: 10px;
      text-align: center;
}
.card-carousel-preview[data-v-65cf2ff6] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 72px;
}
.preview-card[data-v-65cf2ff6] {
  width: 44px;
  height: 58px;
  border-radius: 4px;
  background: rgba(8, 8, 8, 0.95);
  border: 1px solid;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0 10px color-mix(in srgb, currentColor 40%, transparent);
}
.flip-gallery-preview[data-v-65cf2ff6] {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  min-height: 72px;
  padding: 4px;
}
.preview-tile[data-v-65cf2ff6] {
  flex: 1 1 calc((100% - 12px) / 3);
  min-width: calc((100% - 12px) / 3);
  max-width: calc((100% - 12px) / 3);
  min-height: 28px;
  border-radius: 4px;
  font-size: 10px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid;
}
.card-stack-preview[data-v-65cf2ff6] {
  position: relative;
  min-height: 72px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.preview-stack-card[data-v-65cf2ff6] {
  position: absolute;
  width: 52px;
  height: 72px;
  border-radius: 4px;
  background: rgba(8, 8, 8, 0.95);
  border: 1px solid;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0 10px color-mix(in srgb, currentColor 40%, transparent);
}
.grid-animate-preview[data-v-65cf2ff6] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-height: 72px;
  padding: 4px;
}
.preview-grid-stage[data-v-65cf2ff6] {
  flex: 1;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(4, 1fr);
  gap: 4px;
  padding: 6px;
  min-height: 64px;
  grid-template-areas: "hero hero hero" "hero hero hero" "hero hero hero" "t1 t2 t3";
}
.preview-hero[data-v-65cf2ff6] {
  grid-area: hero;
  color: #f472b6;
  border-color: #f472b6;
  border: 1px solid;
}
.preview-thumb[data-v-65cf2ff6] {
  border: 1px solid;
  color: #a78bfa;
  border-color: #a78bfa;
}
.preview-thumb[data-v-65cf2ff6]:nth-of-type(2) {
    grid-area: t1;
}
.preview-thumb[data-v-65cf2ff6]:nth-of-type(3) {
    grid-area: t2;
    color: #fb7185;
    border-color: #fb7185;
}
.preview-thumb[data-v-65cf2ff6]:nth-of-type(4) {
    grid-area: t3;
    color: #38bdf8;
    border-color: #38bdf8;
}
.dashed[data-v-65cf2ff6] {
  border: 1px dashed rgba(255, 255, 255, 0.35);
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.color-picker[data-v-076aae4a] {
  width: 248px;
  padding: 12px;
  background: #2c2e35;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  box-sizing: border-box;
  position: fixed;
  right: 320px;
  bottom: 12px;
}
.preview[data-v-076aae4a] {
  width: 100%;
  height: 40px;
  border-radius: 4px;
  margin-bottom: 12px;
  border: 1px solid #eeeeee;
  box-sizing: border-box;
}
.eyedropper-btn[data-v-076aae4a] {
  width: 100%;
  padding: 6px 0;
  margin-bottom: 12px;
  border: none;
  background-color: #f0f0f0;
  border-radius: 4px;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  color: #333;
  transition: background-color 0.2s;
}
.eyedropper-btn[data-v-076aae4a]:hover {
  background-color: #e0e0e0;
}
.saturation-panel[data-v-076aae4a] {
  position: relative;
  width: 100%;
  height: 120px;
  border-radius: 4px;
  cursor: crosshair;
  margin-bottom: 12px;
  /* 从右到左：白色到透明（饱和度渐变）*/
  /* 从下到上：黑色到透明（亮度渐变）*/
  background-image: linear-gradient(to top, black, rgba(0, 0, 0, 0)), linear-gradient(to right, white, rgba(255, 255, 255, 0));
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  box-sizing: border-box;
}
.saturation-cursor[data-v-076aae4a] {
  position: absolute;
  width: 12px;
  height: 12px;
  border: 2px solid #ffffff;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3);
  pointer-events: none;
}
.hue-slider[data-v-076aae4a],
.alpha-slider[data-v-076aae4a] {
  width: 100%;
  height: 8px;
  margin-bottom: 12px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 6px;
  outline: none;
  cursor: pointer;
}
.hue-slider[data-v-076aae4a] {
  background: linear-gradient(to right, #ff0000 0%, #ffff00 16.66%, #00ff00 33.33%, #00ffff 50%, #0000ff 66.66%, #ff00ff 83.33%, #ff0000 100%);
}
.alpha-slider[data-v-076aae4a] {
  background: linear-gradient(270deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
}

/* WebKit 滑块 thumb */
.hue-slider[data-v-076aae4a]::-webkit-slider-thumb,
.alpha-slider[data-v-076aae4a]::-webkit-slider-thumb {
  -webkit-appearance: none;
          appearance: none;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #ffffff;
  cursor: pointer;
}

/* Firefox 支持（基础） */
.hue-slider[data-v-076aae4a]::-moz-range-thumb,
.alpha-slider[data-v-076aae4a]::-moz-range-thumb {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #ffffff;
  cursor: pointer;
}
.hex-input[data-v-076aae4a] {
  width: 100%;
  padding: 6px 8px;
  border: 1px solid #dddddd;
  border-radius: 4px;
  font-size: 14px;
  text-align: center;
  font-family: Consolas, Monaco, monospace;
  box-sizing: border-box;
  margin-bottom: 12px;
}
.swatches[data-v-076aae4a] {
  display: flex;
  justify-content: space-between;
}
.swatch[data-v-076aae4a] {
  width: 24px;
  height: 24px;
  border-radius: 4px;
  cursor: pointer;
  border: 1px solid #eeeeee;
  transition: transform 0.1s;
}
.swatch[data-v-076aae4a]:hover {
  transform: scale(1.1);
}
.recent-title[data-v-076aae4a] {
  margin-top: 12px;
}
.recent-swatches[data-v-076aae4a] {
  display: grid;
  grid-template-columns: repeat(8, 24px);
  justify-content: space-between;
  row-gap: 8px;
}
.modal-header[data-v-076aae4a] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
  color: white;
  font-size: 16px;
  font-weight: bold;
}
.close-btn[data-v-076aae4a] {
  background: none;
  border: none;
  color: white;
  font-size: 20px;
  cursor: pointer;
  transition: opacity 0.2s;
}
.btns[data-v-076aae4a] {
  display: flex;
  justify-content: center;
}
.btns[data-v-076aae4a] .el-button {
    width: 136px;
    height: 36px;
    background: rgba(217, 217, 217, 0.05);
    border-radius: 7px 7px 7px 7px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #fff;
}
.btns .active[data-v-076aae4a] {
    background: #3656fd !important;
}
[data-v-076aae4a] .el-input__inner {
  background: rgba(217, 217, 217, 0.05) !important;
  color: #fff;
  border-radius: 4 !important;
  border: none !important;
  height: 24px !important;
  line-height: 24px !important;
  padding: 0 0 0 16px !important;
}
[data-v-076aae4a] .el-input__inner:focus {
  border: none;
}
[data-v-076aae4a] .vc-chrome-color-wrap {
  display: none;
}
[data-v-076aae4a] .vc-chrome-saturation-wrap,[data-v-076aae4a] .vc-saturation {
  border-radius: 5px;
  overflow: hidden;
}
[data-v-076aae4a] .vc-saturation-circle {
  width: 10px;
  height: 10px;
}
[data-v-076aae4a] .vc-chrome {
  background: initial;
  box-shadow: none;
}
[data-v-076aae4a] .vc-chrome .vc-chrome-body {
    background: initial;
    padding: 0;
    margin-top: 15px;
}
[data-v-076aae4a] .vc-chrome .vc-chrome-body .vc-chrome-hue-wrap .vc-hue,[data-v-076aae4a] .vc-chrome .vc-chrome-body .vc-chrome-alpha-wrap .vc-alpha .vc-alpha-checkboard-wrap {
      border-radius: 5px;
}
.eye-btn[data-v-076aae4a] {
  background: rgba(217, 217, 217, 0.05) !important;
  border-radius: 4 !important;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 36px;
  cursor: pointer;
}
.eye-btn img[data-v-076aae4a] {
    width: 20px;
    height: 20px;
}
.title[data-v-076aae4a] {
  font-weight: 600;
  font-size: 12px;
  color: #ffffff;
  margin-bottom: 8px;
}
.hue-slider-container[data-v-076aae4a] {
  position: relative;
  height: 10px;
  margin-bottom: 8px;
  border: 1px solid #444;
  border-radius: 4px;
  overflow: hidden;
}
.hue-track[data-v-076aae4a] {
  width: 100%;
  height: 100%;
  border-radius: 4px;
  background: linear-gradient(to right, #ff0000, #ffff00, #00ff00, #00ffff, #0000ff);
}
.stop-handle[data-v-076aae4a] {
  width: 12px;
  height: 12px;
  background: yellow;
  position: absolute;
  top: -3px;
  transform: translateX(-50%);
  cursor: pointer;
}
.start[data-v-076aae4a] {
  left: 0;
}
.end[data-v-076aae4a] {
  right: 0;
}
.hue-handle[data-v-076aae4a] {
  width: 12px;
  height: 12px;
  background: white;
  border: 1px solid #444;
  border-radius: 50%;
  position: absolute;
  top: -3px;
  transform: translateX(-50%);
  cursor: pointer;
}

/* 渐变预览 */
.gradient-preview[data-v-076aae4a] {
  position: relative;
  height: 8px;
  margin-bottom: 16px;
  border-radius: 2px;
  cursor: pointer;
  background: repeating-conic-gradient(#eee 0% 25%, transparent 0% 50%) 0/20px 20px;
}
.gradient-overlay[data-v-076aae4a] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 2px;
}

/* 停靠点 */
.stop-handle[data-v-076aae4a] {
  position: absolute;
  top: -4px;
  width: 14px;
  height: 14px;
  transform: translateX(-50%);
}
.stop-handle.active[data-v-076aae4a] {
    border: 2px solid #0c86ff;
    border-radius: 2px;
}
.stop-thumb[data-v-076aae4a] {
  width: 100%;
  height: 100%;
}
.stop-remove[data-v-076aae4a] {
  position: absolute;
  top: -6px;
  right: -6px;
  width: 12px;
  height: 12px;
  font-size: 12px;
  line-height: 1;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 50%;
  cursor: pointer;
  display: none;
}
.stop-handle.active .stop-remove[data-v-076aae4a] {
  display: block;
}
.direction[data-v-076aae4a] {
  display: flex;
  align-items: center;
  height: 36px;
  font-weight: 600;
  font-size: 12px;
  color: #ffffff;
  margin-bottom: 10px;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
[data-v-e4365e90] .el-input__icon {
  line-height: 30px;
}
.align-cont[data-v-e4365e90] {
  padding: 0 6px;
  height: 42px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.align-cont .disabled[data-v-e4365e90] {
    cursor: not-allowed;
}
.align-cont .disabled img[data-v-e4365e90] {
      opacity: 0.3;
}
.align-cont .disabled[data-v-e4365e90]:hover {
      background-color: rgba(255, 255, 255, 0);
}
.item_slaces[data-v-e4365e90] {
  width: 28px;
  height: 28px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  border-radius: 4px;
}
.item_slaces img[data-v-e4365e90] {
    width: 100%;
}
.item_slaces[data-v-e4365e90]:hover {
    background-color: rgba(255, 255, 255, 0.2);
}
.slace_item[data-v-e4365e90] {
  display: flex;
  background-color: rgba(217, 217, 217, 0.05);
  border-radius: 4px;
  justify-content: space-between;
}
.slace_item .item_slace[data-v-e4365e90] {
    height: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    padding: 0 16px;
}
.slace_item .item_slace img[data-v-e4365e90] {
      width: 24px;
      height: 24px;
}
.slace_item .item_active[data-v-e4365e90] {
    background-color: rgba(240, 234, 234, 0.05);
}
.slace[data-v-e4365e90] {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
}
.slace.slacex[data-v-e4365e90] .el-input::before {
    content: "X" !important;
}
.slace.slacey[data-v-e4365e90] .el-input::before {
    content: "Y" !important;
}
.slace.slacew[data-v-e4365e90] .el-input::before {
    content: "W" !important;
}
.slace.slaceh[data-v-e4365e90] .el-input::before {
    content: "H" !important;
}
.slace.slacerotate[data-v-e4365e90] {
    position: relative;
}
.slace.slacerotate[data-v-e4365e90] .el-input::before {
      content: "" !important;
}
.slace.slacerotate[data-v-e4365e90] .el-input__inner {
      padding-left: 12px !important;
      padding-right: 28px !important;
}
.slace.slacerotate[data-v-e4365e90]::after {
      content: "\21BB";
      position: absolute;
      right: 10px;
      top: 50%;
      transform: translateY(-50%);
      color: rgba(255, 255, 255, 0.6);
      pointer-events: none;
      font-size: 14px;
}
.slace span[data-v-e4365e90] {
    width: 30px;
    font-size: 12px;
    font-weight: 600;
}
.slace[data-v-e4365e90] .el-input::before {
    content: "px";
    position: absolute;
    left: 12px;
    color: rgba(255, 255, 255, 0.6);
    line-height: 36px;
    font-size: 14px;
}
.slace[data-v-e4365e90] .el-input__inner {
    padding: 0 20px 0 36px !important;
    border: 0 !important;
    height: 36px !important;
    line-height: 36px !important;
}
.dfj[data-v-e4365e90] {
  display: flex;
  justify-content: space-between;
  margin: 15px 0 20px 0;
}
.dfj[data-v-e4365e90] .el-upload,
  .dfj[data-v-e4365e90] .el-button {
    height: 100%;
}
.title[data-v-e4365e90] {
  font-size: 14px;
  font-weight: 600;
}
.backimg[data-v-e4365e90] {
  width: 100%;
  height: 164px;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 4px 4px 4px 4px;
  position: relative;
  display: flex;
}
.backimg .backimgTitel[data-v-e4365e90] {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.backimg:hover .upload-demo[data-v-e4365e90] {
    display: block !important;
}
.backimg .backimg_span[data-v-e4365e90] {
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 0;
    height: 30px;
    color: #fff;
    line-height: 30px;
    padding: 0 20px;
    overflow: hidden;
    /* 超出部分隐藏 */
    text-overflow: ellipsis;
    /* 显示省略符号来代表被修剪的文本 */
    white-space: nowrap;
    font-size: 14px;
}
.backimg .backimg_spans[data-v-e4365e90] {
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 0;
    height: 30px;
    color: #fff;
    line-height: 30px;
    padding: 0 20px;
    font-size: 14px;
    display: flex;
}
.backimg .backimg_spans .backimg_spans_span[data-v-e4365e90] {
      width: calc(100% - 60px);
      overflow: hidden;
      /* 超出部分隐藏 */
      text-overflow: ellipsis;
      /* 显示省略符号来代表被修剪的文本 */
      white-space: nowrap;
}
.backimg .backimg_spans .backimg_spans_two[data-v-e4365e90] {
      width: 60px;
      flex: 1;
}
.backimg img[data-v-e4365e90] {
    margin: auto;
    max-width: 100%;
    max-height: 100%;
    border-radius: 4px 4px 4px 4px;
}
.backimg .imgs[data-v-e4365e90] {
    margin: auto;
    width: 100%;
    height: 100%;
    border-radius: 4px 4px 4px 4px;
}
.backimg .upload-demo[data-v-e4365e90] {
    display: none;
    width: 100px;
    height: 40px;
    background: rgba(255, 255, 255, 0.4);
    border-radius: 4px 4px 4px 4px;
    font-weight: 400;
    font-size: 16px;
    color: #000000;
    text-align: center;
    line-height: 40px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -20px -50px;
    z-index: 2210;
    cursor: pointer;
}
.backimg .upload-demo[data-v-e4365e90] .el-button {
      border: 0;
      height: 100%;
}
.backimg .addbtn[data-v-e4365e90] {
    width: 100px;
    height: 40px;
    background: #3656fd;
    border-radius: 4px 4px 4px 4px;
    font-weight: 400;
    font-size: 16px;
    color: #000000;
    text-align: center;
    line-height: 40px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -20px -50px;
    cursor: pointer;
}
.backimg .addbtn[data-v-e4365e90] .el-button {
      background: #3656fd;
}
.card-style-preview img[data-v-e4365e90] {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 4px;
}
.card-style-placeholder[data-v-e4365e90] {
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.08);
  border-radius: 4px;
}
.btns[data-v-e4365e90] {
  display: flex;
  justify-content: center;
}
.btns[data-v-e4365e90] .el-button {
    width: 136px;
    height: 36px;
    background: rgba(217, 217, 217, 0.05);
    border-radius: 7px 7px 7px 7px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #fff;
}
.btns .active[data-v-e4365e90] {
    background: #3656fd !important;
}
.image-action-btn[data-v-e4365e90] {
  height: 36px;
  margin-top: 12px;
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.85);
  font-size: 14px;
  line-height: 36px;
  text-align: center;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.image-action-btn.active[data-v-e4365e90] {
    background: rgba(54, 86, 253, 0.2);
    color: #fff;
}
.image-action-btn.disabled[data-v-e4365e90] {
    opacity: 0.45;
    cursor: not-allowed;
}
.slaceTwo[data-v-e4365e90] {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
}
.slaceTwo span[data-v-e4365e90] {
    width: 90px;
    font-size: 12px;
}
.btn[data-v-e4365e90] {
  display: flex;
  justify-content: flex-end;
  margin-top: 10px;
}
.btn[data-v-e4365e90] .el-button {
    width: 136px;
    height: 48px;
    background: rgba(217, 217, 217, 0.05);
    border-radius: 7px 7px 7px 7px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #fff;
}
.dfj[data-v-e4365e90] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}
.dfj[data-v-e4365e90] .el-upload,
  .dfj[data-v-e4365e90] .el-button {
    height: 100%;
}
.showCla[data-v-e4365e90] {
  width: 32px;
  height: 32px;
  background: #2c2e35;
  border-radius: 4px 4px 4px 4px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.showCla .pointimg[data-v-e4365e90] {
    width: 16px;
    height: 16px;
}
.dropdown[data-v-e4365e90] {
  width: 140px;
  background: #464856 !important;
  border-radius: 16px 16px 16px 16px;
  padding: 12px;
  z-index: 2220 !important;
}
.dropdown .dropdown_item[data-v-e4365e90] {
    width: 116px;
    height: 36px;
    border-radius: 8px 8px 8px 8px;
    font-weight: 400;
    font-size: 14px;
    color: #ffffff;
    text-align: left !important;
    line-height: 36px;
    padding: 0 0 0 0 !important;
}
.dropdown .dropdown_item .divs[data-v-e4365e90] {
      padding-left: 20px;
}
.dropdown .dropdown_item[data-v-e4365e90] .el-upload {
      text-align: left;
}
.dropdown .dropdown_item[data-v-e4365e90]:hover {
      background: #3656fd !important;
      color: #fff !important;
}
.line[data-v-e4365e90] {
  height: 0px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  width: 100%;
  margin-bottom: 16px;
}
.point_title[data-v-e4365e90] {
  width: calc(100% - 32px);
  font-weight: 600;
  font-size: 14px;
  color: #ffffff;
  display: flex;
  align-items: center;
  height: 20px;
}
.point_title .spans[data-v-e4365e90] {
    white-space: nowrap;
    /* 防止文本换行 */
    overflow: hidden;
    /* 隐藏溢出的内容 */
    text-overflow: ellipsis;
    /* 显示省略符号来代表被修剪的文本 */
}
.point_title img[data-v-e4365e90] {
    width: 20px;
    height: 20px;
    margin-left: 4px;
    cursor: pointer;
}
.title_edit[data-v-e4365e90] {
  margin: 0 0 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.title_edit[data-v-e4365e90] .el-input {
    width: calc(100% - 32px);
    padding: 6px 0;
}
.title_edit[data-v-e4365e90] .el-input__inner {
    background: inherit !important;
    color: #fff;
    border-radius: 0 !important;
    border: none !important;
    height: 24px !important;
    line-height: 24px !important;
    padding: 0 0 2px 8px !important;
    border-bottom: 1px solid #0c86ff !important;
}
.title_edit[data-v-e4365e90] .el-input__inner:focus {
    border: none;
}
.whBtn[data-v-e4365e90] {
  background: #2c2e35;
  border-radius: 4px 4px 4px 4px;
  height: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.whBtn img[data-v-e4365e90] {
    width: 16px;
    height: 16px;
}
.whBtn.active[data-v-e4365e90] {
    background: rgba(255, 255, 255, 0.2);
}
[data-v-e4365e90] .el-select {
  height: 36px !important;
}
[data-v-e4365e90] .el-select,[data-v-e4365e90] .el-input,[data-v-e4365e90] .el-input__inner {
  height: 36px !important;
  border: none !important;
}
.slace-two[data-v-e4365e90] {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
}
.slace-two span[data-v-e4365e90] {
    font-size: 12px;
    margin-right: 12px;
}
.slace-two[data-v-e4365e90] .el-input::before {
    content: "";
    position: absolute;
    left: 5px;
    color: #fff;
    line-height: 40px;
    font-size: 12px;
    background-image: url("https://qichuan-pc.oss-cn-shenzhen.aliyuncs.com/vreditor/elements/group2.png");
    background-size: 100% 100%;
    width: 24px;
    height: 24px;
    top: 6px;
}
.slace-two[data-v-e4365e90] .el-input__inner {
    text-align: right;
    padding: 0 25px 0 20px !important;
}
.slace-two1[data-v-e4365e90] {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
}
.slace-two1 span[data-v-e4365e90] {
    font-size: 12px;
    margin-right: 12px;
}
.slace-two1[data-v-e4365e90] .el-input::before {
    content: "";
    position: absolute;
    left: 5px;
    color: #fff;
    line-height: 40px;
    font-size: 12px;
    background-image: url("https://qichuan-pc.oss-cn-shenzhen.aliyuncs.com/vreditor/elements/group1.png");
    width: 24px;
    height: 24px;
    background-size: 100% 100%;
    top: 6px;
}
.slace-two1[data-v-e4365e90] .el-input__inner {
    text-align: right;
    padding: 0 25px 0 20px !important;
}
.slace-font[data-v-e4365e90] .el-input::before {
  content: "\5B57\53F7" !important;
  left: 5px;
}
.slace-font[data-v-e4365e90] .el-input__inner {
  text-align: right;
  padding: 0 25px 0 20px !important;
}
.font-size[data-v-e4365e90] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #2c2e35;
  border-radius: 4px 4px 4px 4px;
  width: 100%;
  height: 36px;
  margin-bottom: 12px;
  padding: 0 4px;
}
.font-size .textImg[data-v-e4365e90] {
    background-color: rgba(240, 234, 234, 0.05);
    border-radius: 4px 4px 4px 4px;
}
.font-size img[data-v-e4365e90] {
    width: 24px;
    height: 24px;
    cursor: pointer;
}
.colorPicker[data-v-e4365e90] {
  height: 36px;
  background: #2c2e35;
  border-radius: 4px 4px 4px 4px;
  display: flex;
  align-items: center;
  padding: 0 12px;
}
.colorPicker .colors[data-v-e4365e90] {
    width: 24px;
    height: 24px;
    background: #ffffff;
    border-radius: 2px 2px 2px 2px;
    cursor: pointer;
}
.colorPicker[data-v-e4365e90] .el-input {
    width: calc(100% - 24px);
}
.colorPicker[data-v-e4365e90] .el-input,
  .colorPicker[data-v-e4365e90] .el-input__inner {
    border: 0 !important;
    background: inherit !important;
}
.colorPicker[data-v-e4365e90] .el-input__inner {
    padding: 0 0 0 15px !important;
}
.colorPicker[data-v-e4365e90] .el-input__inner:focus {
    border: 0 !important;
}
.uploader[data-v-e4365e90] .el-upload {
  width: 100%;
  padding-left: 20px;
}
.split[data-v-e4365e90] {
  height: 36px;
  background: #2c2e35;
  border-radius: 4px 4px 4px 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 400;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.3);
  cursor: no-drop;
}
.split img[data-v-e4365e90] {
    width: 16px;
    height: 16px;
    margin-right: 4px;
}
.split.active[data-v-e4365e90] {
    color: #ffffff;
    cursor: pointer;
}


/* .modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
} */
.modal-content[data-v-c9104480] {
  position: fixed;
  top: 204px;
  right: 22px;
  background-color: #2e313a;
  border-radius: 8px;
  width: 300px;
  max-height: 488px;
  padding: 16px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
  z-index: 20001;
}
.modal-header[data-v-c9104480] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
  color: white;
  font-size: 16px;
  font-weight: bold;
}
.close-btn[data-v-c9104480] {
  background: none;
  border: none;
  color: white;
  font-size: 20px;
  cursor: pointer;
  padding: 4px;
  transition: opacity 0.2s;
}
.close-btn[data-v-c9104480]:hover {
  opacity: 0.8;
}
.animation-grid[data-v-c9104480] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 400px;
}
.animation-item[data-v-c9104480] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  /* background-color: white;
  border: 1px solid #ddd; */
  /* border-radius: 4px; */
  cursor: pointer;
  transition: all 0.2s ease;
  color: #666;
  font-size: 12px;
  min-height: 60px;
  width: 80px;
  height: 108px;
}
.animation-item[data-v-c9104480]:hover {
  border-color: #007bff;
  transform: scale(1.02);
}
.selected[data-v-c9104480] {
  border: 2px solid #007bff;
  background-color: #f8f9fa;
  color: #007bff;
  border-radius: 8px;
}
.icon-container[data-v-c9104480] {
  width: 80px;
  height: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
.icon_img[data-v-c9104480] {
    width: 100%;
    height: 100%;
    border-radius: 8px;
}
}
.anima_title[data-v-c9104480] {
  font-weight: 400;
  font-size: 13px;
  color: #ffffff;
  margin-top: 4px;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.anim_list[data-v-e255e286] {
  height: calc(100% - 175px);
  overflow-y: auto;
}
.formLine[data-v-e255e286] {
  position: absolute;
  bottom: 42px;
  width: 100%;
}
.formLine[data-v-e255e286] .el-input.is-disabled .el-input__inner {
    background-color: #6666;
    border: none;
}
.formLine[data-v-e255e286] .el-select,
  .formLine[data-v-e255e286] .el-input .el-input__inner {
    height: 40px;
    line-height: 40px;
}
.slace[data-v-e255e286] {
  align-items: center;
  margin-bottom: 12px;
}
.slace[data-v-e255e286] .el-input::after {
    content: "S";
    position: absolute;
    right: 16px;
    color: #fff;
    line-height: 40px;
    font-size: 12px;
}
.slace[data-v-e255e286] .el-input__inner {
    padding: 0 20px 0 15px !important;
}
.layer-name[data-v-e255e286] {
  font-size: 14px;
  color: #fff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 135px;
}
.animation_container[data-v-e255e286] {
  margin-top: 18px;
  position: relative;
  height: 100%;
}
.animation_container .anim_title[data-v-e255e286] {
    display: flex;
    align-items: center;
    font-weight: 600;
    font-size: 14px;
    color: #ffffff;
    margin-bottom: 24px;
    cursor: pointer;
}
.animation_container .anim_title .el-icon-arrow-left[data-v-e255e286] {
      margin-right: 8px;
      font-size: 14px;
}
.animation_container .listTop[data-v-e255e286] {
    margin-bottom: 0 !important;
    border-radius: 4px 4px 0 0 !important;
}
.animation_container .listBottom[data-v-e255e286] {
    border-radius: 0 0 4px 4px !important;
}
.animation_container .listMiddle[data-v-e255e286] {
    margin-bottom: 0 !important;
    border-radius: 0 !important;
}
.animation_container .layer-item[data-v-e255e286] {
    position: relative;
    width: 100%;
    height: 54px;
    background: rgba(255, 255, 255, 0.05);
    display: flex;
    align-items: center;
    padding: 8px 16px;
    font-weight: 400;
    font-size: 20px;
    color: #ffffff;
    overflow: hidden;
    /* 超出部分隐藏 */
    text-overflow: ellipsis;
    /* 显示省略符号来代表被修剪的文本 */
    white-space: nowrap;
    justify-content: space-between;
    cursor: pointer;
}
.animation_container .layer-item.active[data-v-e255e286] {
      border: 2px solid #3656fd;
}
.animation_container .layer-item[data-v-e255e286]:hover {
    background: #43454b;
}
.animation_container .layer-item:hover .moreshow[data-v-e255e286] {
      display: block;
}
.animation_container .layer-item.drag-over[data-v-e255e286] {
    border-top: 2px solid #007bff;
}
.animation_container .layer-item.drag-over-below[data-v-e255e286] {
    border-bottom: 2px solid #007bff;
}
.animation_container .layer-item.drag-over-inside[data-v-e255e286] {
    background-color: #0a1923;
    outline: 1px dashed #007bff;
}
.item_head[data-v-e255e286] {
  display: flex;
  justify-content: space-between;
  margin-bottom: 14px;
}
.item_head .head_title[data-v-e255e286] {
    font-weight: 600;
    font-size: 14px;
    color: #ffffff;
}
.item_head .head_span[data-v-e255e286] {
    font-weight: 500;
    font-size: 14px;
    color: #ffffff;
    cursor: pointer;
}
.item_cont[data-v-e255e286] {
  width: 100%;
  height: 50px;
  background: rgba(217, 217, 217, 0.05);
  border-radius: 4px 4px 4px 4px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 8px;
  cursor: pointer;
  margin-bottom: 15px;
}
.item_cont img[data-v-e255e286] {
    width: 36px;
}
.item_duration[data-v-e255e286] {
  padding-top: 10px;
  margin-bottom: 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.item_duration .duration_title[data-v-e255e286] {
    font-weight: 400;
    font-size: 14px;
    color: #ffffff;
}
.item_duration .times[data-v-e255e286] {
    width: 25px;
}
.item_duration .sliders[data-v-e255e286] {
    width: 130px;
}
.item_duration[data-v-e255e286] .el-select,
  .item_duration[data-v-e255e286] .el-input,
  .item_duration[data-v-e255e286] .el-input__inner {
    width: 210px;
    height: 40px;
    line-height: 40px;
}
.item_duration[data-v-e255e286] .el-slider__bar {
    background: #3656fd;
}
.item_line[data-v-e255e286] {
  width: 100%;
  height: 0px;
  border-radius: 0px 0px 0px 0px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  margin-bottom: 15px;
}
.animLine[data-v-e255e286] {
  width: 100%;
  height: 44px;
  background: rgba(217, 217, 217, 0.05);
  border-radius: 4px 4px 4px 4px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  position: absolute;
  bottom: 0;
  font-weight: 600;
  font-size: 14px;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.item-card-popover-content {
  width: 222px !important;
  background: #34363a !important;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25) !important;
  border-radius: 2px !important;
  border: 1px solid #444547 !important;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
[data-v-7abbbc0d] .el-input__inner {
  font-size: 14px;
  font-weight: 400;
  color: #FFFFFF;
  background: #373942;
  border-radius: 4px;
  border: 1px solid #373942;
}
[data-v-7abbbc0d] .el-textarea__inner {
  font-size: 14px;
  font-weight: 400;
  color: #FFFFFF;
  background: #373942;
  border-radius: 4px;
  padding: 12px;
  border: 1px solid #373942;
}
[data-v-7abbbc0d] .el-textarea .el-textarea__inner {
  resize: none;
}
.material-library[data-v-7abbbc0d] {
  display: flex;
  overflow: hidden;
  flex-direction: column;
  position: relative;
}
.main-section[data-v-7abbbc0d] {
  width: 100%;
  display: flex;
  overflow: hidden;
  flex-direction: column;
}
.main-section .search-box[data-v-7abbbc0d] {
    display: flex;
    align-items: center;
    width: 260px;
    height: 33px;
    background: #26272A;
    border-radius: 8px;
    padding: 0 16px;
    box-sizing: border-box;
    margin-right: 20px;
}
.main-section .search-box .icon-search[data-v-7abbbc0d] {
      width: 16px;
      height: 16px;
      margin-right: 8px;
}
.main-section .search-box[data-v-7abbbc0d] .el-input__inner {
      height: 22px !important;
      background-color: transparent;
      border: none;
      padding: 0;
      color: #fff;
}
.main-section .search-box[data-v-7abbbc0d] .el-input__inner::-moz-placeholder {
      font-size: 12px;
      font-weight: 400;
      color: #FFFFFF;
}
.main-section .search-box[data-v-7abbbc0d] .el-input__inner::placeholder {
      font-size: 12px;
      font-weight: 400;
      color: #FFFFFF;
}
.main-section .search-box-material[data-v-7abbbc0d] {
    width: 100%;
    height: 40px;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
    border-radius: 8px 8px 8px 8px;
    line-height: 40px;
}
.main-section .search-box-material .search-input[data-v-7abbbc0d] {
      font-weight: 400;
      font-size: 14px;
      color: rgba(255, 255, 255, 0.6);
      text-align: center;
}
.main-section .search-box-material[data-v-7abbbc0d] .el-input__inner {
      padding-right: 30px;
}
.main-section .search-box-material .icon-search-quadratic[data-v-7abbbc0d] {
      width: 20px !important;
      height: 20px !important;
}
.category-preview-section[data-v-7abbbc0d] {
  width: 100%;
  flex: 1;
  overflow: auto;
  display: flex;
  flex-direction: column;
}
.category-preview-section .category-preview-item[data-v-7abbbc0d] {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-top: 20px;
}
.category-preview-section .category-preview-item .category-header[data-v-7abbbc0d] {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 18px;
}
.category-preview-section .category-preview-item .category-header .category-title[data-v-7abbbc0d] {
        font-weight: 600;
        font-size: 16px;
        color: #ffffff;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 60%;
}
.category-preview-section .category-preview-item .category-header .view-all-link[data-v-7abbbc0d] {
        font-weight: 400;
        font-size: 14px;
        color: #919295;
        cursor: pointer;
        margin-left: 20px;
        margin-top: 2px;
}
.preview-content[data-v-7abbbc0d] {
  overflow: auto;
  display: flex;
  width: 100%;
  gap: 10px;
  flex-wrap: wrap;
}
.preview-content .preview-item[data-v-7abbbc0d] {
    width: calc((100% - 20px) / 3);
    /* 一行三个，减去2个gap间距 */
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.05);
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
    padding: 5px;
    position: relative;
    cursor: pointer;
}
.preview-content .preview-item .popover-content-style[data-v-7abbbc0d] {
      position: absolute;
      top: -2px;
      right: 5px;
}
.preview-content .preview-item .sub-category-button[data-v-7abbbc0d] {
      width: 20px;
      height: 12px;
      background: rgba(255, 255, 255, 0.2);
      border-radius: 6px;
      line-height: 12px;
      border: 1px solid rgba(255, 255, 255, 0.2);
      z-index: 1;
      position: relative;
}
.preview-content .preview-item .sub-category-button-hidden[data-v-7abbbc0d] {
      opacity: 0;
      transition: opacity 0.3s;
}
.preview-content .preview-item .ellipsis[data-v-7abbbc0d] {
      position: absolute;
      top: 6px;
      right: 12px;
      font-size: 12px;
      color: #ffffff;
      pointer-events: none;
      z-index: 1;
}
.preview-content .preview-item .ellipsis-hidden[data-v-7abbbc0d] {
      opacity: 0;
      transition: opacity 0.3s;
}
.preview-content .preview-item[data-v-7abbbc0d]:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    transform: translateY(-2px);
}
.preview-content .preview-item:hover .sub-category-button-hidden[data-v-7abbbc0d],
  .preview-content .preview-item:hover .preview-image-hidden[data-v-7abbbc0d],
  .preview-content .preview-item:hover .ellipsis-hidden[data-v-7abbbc0d] {
    opacity: 1;
}
.preview-content .popover-content-style[data-v-7abbbc0d] {
    position: absolute;
    top: -2px;
    right: 5px;
}
.preview-content .preview-image[data-v-7abbbc0d] {
    border-radius: 4px;
    transition: opacity 0.3s;
    width: calc(((100% - 20px) / 3) - 10);
    /* 一行三个，减去2个gap间距 */
}
.popover-content[data-v-7abbbc0d] {
  font-weight: 600;
  font-size: 14px;
  color: #ffffff;
  margin-bottom: 8px;
}
.sub-category-list[data-v-7abbbc0d] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.sub-category-list .sub-category-item[data-v-7abbbc0d] {
    background: rgba(217, 217, 217, 0.2);
    border-radius: 2px;
    padding: 0 12px;
    min-width: 64px;
    line-height: 22px;
    padding-top: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 400;
    font-size: 12px;
    color: #ffffff;
}
.sub-category-section[data-v-7abbbc0d] {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: calc(100% - 50px);
}
.sub-category-section .subordinate-title-bar[data-v-7abbbc0d] {
    display: flex;
    font-family: PingFang SC, PingFang SC;
    margin-bottom: 12px;
    align-items: center;
    font-weight: 600;
    font-size: 16px;
    color: #ffffff;
}
.sub-category-section .subordinate-title-bar .subordinate-title-bar-ioc[data-v-7abbbc0d] {
      font-weight: 600;
      color: #ffffff;
      margin-right: 2px;
}
.sub-category-section .filter-tabs[data-v-7abbbc0d] {
    display: flex;
    gap: 8px;
    margin-bottom: 20px;
    flex-wrap: wrap;
}
.sub-category-section .filter-tabs .tab-item[data-v-7abbbc0d] {
      background: rgba(217, 217, 217, 0.2);
      border-radius: 2px;
      padding: 0 12px;
      min-width: 64px;
      line-height: 22px;
      padding-top: 2px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-weight: 400;
      font-size: 12px;
      color: #ffffff;
}
.sub-category-section .filter-tabs .active[data-v-7abbbc0d] {
      background: #3656fd;
      border-color: #3656fd;
}
.preview-modal[data-v-7abbbc0d] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2000;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.5);
  /* 半透明背景遮罩 */
}
.preview-modal .preview-content-dialog[data-v-7abbbc0d] {
    width: 80vw;
    height: 80vh;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.preview-modal .preview-content-dialog .preview-image-dialog[data-v-7abbbc0d] {
      max-width: 100%;
      height: calc(100% - 56px);
      -o-object-fit: contain;
         object-fit: contain;
}
.preview-modal .preview-content-dialog .preview-video-dialog[data-v-7abbbc0d] {
      width: 100%;
      height: calc(100% - 56px);
      -o-object-fit: contain;
         object-fit: contain;
}
.preview-modal .preview-content-dialog .preview-content-text-dialog[data-v-7abbbc0d] {
      width: 70px;
      height: 36px;
      background: rgba(255, 255, 255, 0.2);
      border-radius: 4px 4px 4px 4px;
      font-weight: 400;
      font-size: 14px;
      color: #ffffff;
      width: 70px;
      height: 36px;
      display: flex;
      justify-content: center;
      align-items: center;
      margin-top: 20px;
}
.data-empty[data-v-7abbbc0d] {
  width: 100%;
  height: 100%;
  display: flex;
  padding-top: 246px;
  align-items: center;
  flex-direction: column;
  flex: 1;
  font-weight: 600;
  font-size: 16px;
  color: #ffffff;
}
.materialLoading[data-v-7abbbc0d] {
  position: absolute;
  top: -20px;
  left: -10px;
  width: 255px;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(35, 37, 44, 0.7);
}
.materialLoading .rotating-image[data-v-7abbbc0d] {
  display: inline-block;
}
.rotating-image[data-v-7abbbc0d] {
  display: none;
  animation: rotate 1s linear infinite;
  margin-right: 4px;
  width: 32px;
  height: 32px;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.anim_list[data-v-6049a570] {
  max-height: calc(100% - 190px);
  overflow-y: auto;
  margin-top: 12px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.formLine[data-v-6049a570] {
  position: absolute;
  bottom: 0;
  width: 100%;
}
.formLine[data-v-6049a570] .el-input.is-disabled .el-input__inner {
    background-color: #6666;
    border: none;
}
.formLine[data-v-6049a570] .el-select,
  .formLine[data-v-6049a570] .el-input .el-input__inner {
    height: 40px;
    line-height: 40px;
}
.slace[data-v-6049a570] {
  align-items: center;
  margin-bottom: 12px;
}
.slace[data-v-6049a570] .el-input::after {
    content: "S";
    position: absolute;
    right: 16px;
    color: #fff;
    line-height: 36px;
    font-size: 12px;
    height: 36px;
}
.slace[data-v-6049a570] .el-input {
    line-height: 36px;
    height: 36px;
}
.slace[data-v-6049a570] .el-input__inner {
    line-height: 36px;
    height: 36px;
    padding: 0 20px 0 15px !important;
}
.layer-name[data-v-6049a570] {
  font-size: 14px;
  color: #fff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 135px;
}
.animation_container[data-v-6049a570] {
  margin-top: 18px;
  position: relative;
  height: 100%;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}
.animation_container .anim_title[data-v-6049a570] {
    display: flex;
    align-items: center;
    font-weight: 600;
    font-size: 14px;
    color: #ffffff;
    margin-bottom: 24px;
    cursor: pointer;
}
.animation_container .anim_title .el-icon-arrow-left[data-v-6049a570] {
      margin-right: 8px;
      font-size: 14px;
}
.animation_container .listTop[data-v-6049a570] {
    margin-bottom: 0 !important;
    border-radius: 4px 4px 0 0 !important;
}
.animation_container .listBottom[data-v-6049a570] {
    border-radius: 0 0 4px 4px !important;
}
.animation_container .listMiddle[data-v-6049a570] {
    margin-bottom: 0 !important;
    border-radius: 0 !important;
}
.animation_container .layer-item[data-v-6049a570] {
    position: relative;
    width: 100%;
    height: 48px;
    background: rgba(255, 255, 255, 0.05);
    border-radius: 4px 4px 4px 4px;
    display: flex;
    align-items: center;
    padding: 8px 16px;
    font-weight: 400;
    font-size: 20px;
    color: #ffffff;
    overflow: hidden;
    /* 超出部分隐藏 */
    text-overflow: ellipsis;
    /* 显示省略符号来代表被修剪的文本 */
    white-space: nowrap;
    margin-bottom: 12px;
    justify-content: space-between;
    cursor: pointer;
}
.animation_container .layer-item.active[data-v-6049a570] {
      border: 2px solid #3656fd;
}
.animation_container .layer-item[data-v-6049a570]:hover {
    background: #43454b;
}
.animation_container .layer-item:hover .moreshow[data-v-6049a570] {
      display: block;
}
.animation_container .layer-item.drag-over[data-v-6049a570] {
    border-top: 2px solid #007bff;
}
.animation_container .layer-item.drag-over-below[data-v-6049a570] {
    border-bottom: 2px solid #007bff;
}
.animation_container .layer-item.drag-over-inside[data-v-6049a570] {
    background-color: #0a1923;
    outline: 1px dashed #007bff;
}
.item_head[data-v-6049a570] {
  display: flex;
  justify-content: space-between;
  margin-bottom: 14px;
}
.item_head .head_title[data-v-6049a570] {
    font-weight: 600;
    font-size: 14px;
    color: #ffffff;
}
.item_head .head_span[data-v-6049a570] {
    font-weight: 500;
    font-size: 14px;
    color: #ffffff;
    cursor: pointer;
}
.item_cont[data-v-6049a570] {
  width: 100%;
  height: 50px;
  background: rgba(217, 217, 217, 0.05);
  border-radius: 4px 4px 4px 4px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 8px;
  cursor: pointer;
  margin-bottom: 15px;
}
.item_cont img[data-v-6049a570] {
    width: 36px;
}
.item_duration[data-v-6049a570] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.item_duration .duration_title[data-v-6049a570] {
    font-weight: 400;
    font-size: 14px;
    color: #ffffff;
}
.item_duration .times[data-v-6049a570] {
    width: 55px;
    height: 36px;
    background: #2c2e35;
    border-radius: 4px 4px 4px 4px;
}
.item_duration .times[data-v-6049a570] .el-input::before {
      content: "S";
      position: absolute;
      right: 9px;
      line-height: 36px;
      font-size: 12px;
      color: rgba(255, 255, 255, 0.6);
      top: 3px;
}
.item_duration .times[data-v-6049a570] .el-input__inner,
    .item_duration .times[data-v-6049a570] .el-input {
      width: 100% !important;
      height: 100% !important;
      border: none !important;
      line-height: 36px !important;
}
.item_duration .times[data-v-6049a570] .el-input__inner {
      padding: 0 10px;
}
.item_duration .sliders[data-v-6049a570] {
    width: 150px;
}
.item_duration[data-v-6049a570] .el-select,
  .item_duration[data-v-6049a570] .el-input,
  .item_duration[data-v-6049a570] .el-input__inner {
    width: 210px;
    height: 40px;
    line-height: 40px;
}
.item_duration[data-v-6049a570] .el-slider__bar {
    background: #3656fd;
}
.item_line[data-v-6049a570] {
  width: 100%;
  height: 0px;
  border-radius: 0px 0px 0px 0px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  margin-bottom: 15px;
}
.animLine[data-v-6049a570] {
  width: 100%;
  height: 44px;
  background: rgba(217, 217, 217, 0.05);
  border-radius: 4px 4px 4px 4px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  position: absolute;
  bottom: 0;
  font-weight: 600;
  font-size: 14px;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.anim_index[data-v-6049a570] {
  width: 24px;
  height: 24px;
  background: #35373d;
  border-radius: 4px 4px 4px 4px;
  font-weight: 400;
  font-size: 14px;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.anim_show[data-v-6049a570] {
  margin-left: 12px;
  display: flex;
  align-items: center;
  font-weight: 400;
  font-size: 14px;
  color: #ffffff;
}
.anim_show .pointimg[data-v-6049a570] {
    width: 12px;
    height: 12px;
    margin-right: 4px;
}
.item_title[data-v-6049a570] {
  font-weight: 400;
  font-size: 14px;
  color: #ffffff;
  margin-left: 12px;
  text-overflow: ellipsis;
  /* 显示省略符号来代表被修剪的文本 */
  white-space: nowrap;
  justify-content: space-between;
  width: 120px;
  overflow: hidden;
}
.item_title.colors[data-v-6049a570] {
    color: #ff4545;
}
.add_anim[data-v-6049a570] {
  height: 36px;
  background: #3656fd;
  border-radius: 4px 4px 4px 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 400;
  font-size: 14px;
  color: #ffffff;
  cursor: pointer;
  margin-top: 12px;
}
.point_anim_dia[data-v-6049a570] {
  width: 280px;
  background: #2c2e35;
  border-radius: 8px 8px 8px 8px;
  border: 1px solid #414349;
  position: fixed;
  z-index: 20001;
  right: 320px;
  padding: 0 16px 16px;
}
.point_anim_dia .anim_dia_head[data-v-6049a570] {
    height: 44px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 600;
    font-size: 14px;
    color: #ffffff;
    margin-bottom: 8px;
}
.point_anim_dia .anim_dia_head .head_icon[data-v-6049a570] {
      display: flex;
      align-items: center;
}
.point_anim_dia .anim_dia_head .head_icon img[data-v-6049a570] {
        width: 16px;
        height: 16px;
        cursor: pointer;
}
.point_anim_dia .radio_list[data-v-6049a570] {
    height: 33px;
    border-radius: 4px;
    border: 1px solid #414349;
    display: flex;
    overflow: hidden;
}
.point_anim_dia .radio_list .radio_item[data-v-6049a570] {
      width: 33.3%;
      height: 33px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-weight: 400;
      font-size: 12px;
      color: #ffffff;
      cursor: pointer;
}
.point_anim_dia .radio_list .radio_item img[data-v-6049a570] {
        width: 12px;
        height: 12px;
        margin-right: 4px;
}
.point_anim_dia .radio_list .radio_active[data-v-6049a570] {
      background: #3656fd;
}
.animacla[data-v-6049a570] {
  width: 100%;
  height: 36px;
  background: rgba(217, 217, 217, 0.05);
  border-radius: 4px 4px 4px 4px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 12px;
  font-weight: 400;
  font-size: 14px;
  color: #ffffff;
  cursor: pointer;
}
.animacla span[data-v-6049a570] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.point_list[data-v-6049a570] {
  max-height: 296px;
  background: #35373d;
  border-radius: 4px 4px 4px 4px;
  border: 1px solid #3f4044;
  position: absolute;
  top: 38px;
  width: 100%;
  z-index: 2001;
  padding: 16px 12px;
}
.point_list .iconsinp[data-v-6049a570] {
    height: 33px;
    border-radius: 4px 4px 4px 4px;
    border: 1px solid #414349;
    font-weight: 400;
    font-size: 12px;
    margin-bottom: 4px;
}
.point_list .iconsinp[data-v-6049a570] .el-input__inner {
      background: transparent;
      height: 33px;
      line-height: 33px;
      color: #ffffff;
}
.point_list .iconsinp[data-v-6049a570] .el-input__icon {
      line-height: 33px;
}
.point_list .active_point[data-v-6049a570] {
    height: 36px;
    border-radius: 2px 2px 2px 2px;
    display: flex;
    align-items: center;
    padding: 0 8px;
    cursor: pointer;
}
.point_list .active_point .point_title[data-v-6049a570] {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      justify-content: space-between;
      width: 200px;
}
.point_list .active_point.active[data-v-6049a570] {
      background: #3d404b;
}
.point_list .active_point img[data-v-6049a570] {
      width: 16px;
      height: 16px;
      margin-right: 6px;
}
.point_list .active_point[data-v-6049a570]:hover {
      background: #43454b;
}
.point_list .active_list[data-v-6049a570] {
    overflow-y: auto;
    max-height: 182px;
}
.anim_line[data-v-6049a570] {
  height: 0px;
  border: 1px solid rgba(115, 116, 123, 0.09);
  width: 100%;
}
.modal-content[data-v-6049a570] {
  position: fixed;
  bottom: 25px;
  right: 600px;
  background-color: #2e313a;
  border-radius: 8px;
  width: 300px;
  max-height: 488px;
  padding: 16px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
  z-index: 20001;
  height: auto;
}
.modal-header[data-v-6049a570] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
  color: white;
  font-size: 16px;
  font-weight: bold;
}
.close-btn[data-v-6049a570] {
  background: none;
  border: none;
  color: white;
  font-size: 20px;
  cursor: pointer;
  padding: 4px;
  transition: opacity 0.2s;
}
.close-btn[data-v-6049a570]:hover {
  opacity: 0.8;
}
.animation-grid[data-v-6049a570] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 400px;
}
.animation-item[data-v-6049a570] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  /* background-color: white;
  border: 1px solid #ddd; */
  /* border-radius: 4px; */
  cursor: pointer;
  transition: all 0.2s ease;
  color: #666;
  font-size: 12px;
  min-height: 60px;
  width: 80px;
  height: 108px;
}
.animation-item[data-v-6049a570]:hover {
  border-color: #007bff;
  transform: scale(1.02);
}
.selecteds[data-v-6049a570] {
  border: 2px solid #007bff;
  background-color: #f8f9fa;
  color: #007bff;
  border-radius: 8px;
}
.icon-container[data-v-6049a570] {
  width: 80px;
  height: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.icon-container .icon_img[data-v-6049a570] {
    width: 100%;
    height: 100%;
    border-radius: 8px;
}
.anima_title[data-v-6049a570] {
  font-weight: 400;
  font-size: 13px;
  color: #ffffff;
  margin-top: 4px;
}
.dragClass[data-v-6049a570] {
  opacity: 0.8;
  transform: rotate(5deg);
}
.ghostClass[data-v-6049a570] {
  opacity: 0.5;
  background: #3656fd !important;
}
.iconitems[data-v-6049a570] {
  background: #2c2e35;
  border-radius: 4px 4px 4px 4px;
  margin-bottom: 12px;
  cursor: pointer;
}
.iconitems .pointactive[data-v-6049a570] {
    border: 2px solid #007bff;
}
[data-v-6049a570] .el-tree-node__content {
  background: inherit !important;
  overflow-y: hidden;
  overflow-x: hidden;
}
[data-v-6049a570] .el-tree {
  background: inherit !important;
  overflow-y: hidden;
  width: -moz-max-content;
  width: max-content;
  white-space: nowrap;
}
.items-text[data-v-6049a570] {
  margin-left: 6px;
  font-size: 14px;
}
[data-v-6049a570]::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
[data-v-6049a570]::-webkit-scrollbar-track {
  background: #333;
}
[data-v-6049a570]::-webkit-scrollbar-thumb {
  background: #555;
  border-radius: 3px;
}
[data-v-6049a570]::-webkit-scrollbar-thumb:hover {
  background: #666;
}
[data-v-6049a570]::-webkit-scrollbar-corner {
  background-color: transparent;
  /* 或者设置为任何你喜欢的颜色 */
}
[data-v-6049a570] .el-icon-arrow-down:before {
  content: "\E6E0" !important;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.setdialog[data-v-a3cebfdc] .el-dialog {
  background: #191919;
  opacity: 0.98;
  box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.5);
  border-radius: 12px;
}
.setdialog[data-v-a3cebfdc] .el-dialog__header {
  background: #23252c;
  cursor: pointer;
  opacity: 1;
  color: #f0f0f0;
  font-size: 12px;
  height: 50px;
  border-radius: 12px 12px 0 0;
}
.setdialog[data-v-a3cebfdc] .el-dialog__title {
  color: #fff;
  line-height: 15px;
}
.setdialog[data-v-a3cebfdc] .el-dialog__headerbtn {
  position: absolute;
  top: 14px;
  right: 20px;
  padding: 0;
  background: 0 0;
  border: none;
  outline: 0;
  cursor: pointer;
  font-size: 20px;
}
.setdialog[data-v-a3cebfdc] .el-dialog__body {
  color: #fff;
}
.setdialog .dfjs[data-v-a3cebfdc] {
  display: flex;
  align-items: center;
}
.setdialog .dfjs .title[data-v-a3cebfdc] {
    margin-right: 10px;
}
.dialog-footer[data-v-a3cebfdc] .el-button {
  width: 100px;
  height: 38px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 6px 6px 6px 6px;
}
.dialog-footer[data-v-a3cebfdc] .el-button:last-child {
    background: #3656fd;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.dialog-footer[data-v-4dcd5510] .el-button {
  width: 100px;
  height: 38px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 6px 6px 6px 6px;
}
.dialog-footer[data-v-4dcd5510] .el-button:last-child {
    background: #3656fd;
}
.components-dialog[data-v-4dcd5510] .el-dialog {
  background: #191919;
  opacity: 0.98;
  background: #222326;
  box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.5);
  border-radius: 12px;
  padding: 8px;
}
.components-dialog[data-v-4dcd5510] .el-dialog__header {
  background-position: left center;
  background-repeat: no-repeat, no-repeat;
  background-size: 18px 18px;
  cursor: pointer;
  opacity: 1;
  color: #f0f0f0;
  font-size: 12px;
  text-align: center;
  padding: 0 0;
  height: 30px;
}
.components-dialog[data-v-4dcd5510] .el-dialog__title {
  width: 100%;
  color: #ffffff;
  font-size: 12px;
  text-align: left;
  font-weight: normal;
  padding: 5px 0px 5px 0px;
  cursor: move;
}
.components-dialog .icon_select[data-v-4dcd5510] {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
.components-dialog .icon_select .item[data-v-4dcd5510] {
    position: relative;
    cursor: pointer;
    width: 158px;
    height: auto;
    background: #343740;
    border-radius: 8px 8px 8px 8px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 16px;
    padding-bottom: 12px;
    color: rgba(255, 255, 255, 0.6);
}
.components-dialog .icon_select .item[data-v-4dcd5510] .el-image {
      width: 150px;
      height: 84px;
      border-radius: 4px 4px 4px 4px;
}
.components-dialog .icon_select .item .item_title[data-v-4dcd5510] {
      width: 134px;
      font-weight: 400;
      font-size: 14px;
      color: #ffffff;
      margin-top: 12px;
      overflow: hidden;
      /* 超出部分隐藏 */
      text-overflow: ellipsis;
      /* 显示省略符号来代表被修剪的文本 */
      white-space: nowrap;
}
.components-dialog .pagination[data-v-4dcd5510] {
  display: flex;
  justify-content: flex-end;
}
.components-dialog .dialog_icon_select[data-v-4dcd5510] {
  padding: 8px;
  overflow-y: auto;
}
.components-dialog .dialog_icon_select .item[data-v-4dcd5510] {
    position: relative;
    cursor: pointer;
    float: left;
    width: 58px;
    height: 58px;
    background: #313235;
    border-radius: 6px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-right: 8px;
    margin-bottom: 8px;
    justify-content: center;
    font-size: 12px;
    font-family: PingFangSC, PingFang SC;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.6);
}
.components-dialog .dialog_icon_select .item .customimg[data-v-4dcd5510] {
      width: 16px;
      height: 16px;
      margin-bottom: 4px;
}
.components-dialog .dialog_icon_select .item .giftag[data-v-4dcd5510] {
      width: 19px;
      height: 11px;
      position: absolute;
      right: 0;
      bottom: 0;
}
.components-dialog .dialog_icon_select .item .preview[data-v-4dcd5510] {
      width: 30px;
      height: 30px;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.dialog-footer[data-v-25a8368c] .el-button {
  width: 100px;
  height: 38px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 6px 6px 6px 6px;
}
.dialog-footer[data-v-25a8368c] .el-button:last-child {
    background: #3656fd;
}
.components-dialog[data-v-25a8368c] .el-dialog {
  background: #191919;
  opacity: 0.98;
  background: #222326;
  box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.5);
  border-radius: 12px;
  padding: 8px;
}
.components-dialog[data-v-25a8368c] .el-dialog__header {
  background-position: left center;
  background-repeat: no-repeat, no-repeat;
  background-size: 18px 18px;
  cursor: pointer;
  opacity: 1;
  color: #f0f0f0;
  font-size: 12px;
  text-align: center;
  padding: 0 0;
  height: 30px;
}
.components-dialog[data-v-25a8368c] .el-dialog__title {
  width: 100%;
  color: #ffffff;
  font-size: 12px;
  text-align: left;
  font-weight: normal;
  padding: 5px 0px 5px 0px;
  cursor: move;
}
.components-dialog .icon_select[data-v-25a8368c] {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
.components-dialog .icon_select .item[data-v-25a8368c] {
    position: relative;
    cursor: pointer;
    width: 158px;
    height: auto;
    background: #343740;
    border-radius: 8px 8px 8px 8px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 16px;
    padding-bottom: 12px;
    color: rgba(255, 255, 255, 0.6);
}
.components-dialog .icon_select .item[data-v-25a8368c] .el-image {
      width: 150px;
      height: 84px;
      border-radius: 4px 4px 4px 4px;
}
.components-dialog .icon_select .item .item_title[data-v-25a8368c] {
      width: 134px;
      font-weight: 400;
      font-size: 14px;
      color: #ffffff;
      margin-top: 12px;
      overflow: hidden;
      /* 超出部分隐藏 */
      text-overflow: ellipsis;
      /* 显示省略符号来代表被修剪的文本 */
      white-space: nowrap;
}
.components-dialog .pagination[data-v-25a8368c] {
  display: flex;
  justify-content: flex-end;
}
.components-dialog .dialog_icon_select[data-v-25a8368c] {
  padding: 8px;
  overflow-y: auto;
}
.components-dialog .dialog_icon_select .item[data-v-25a8368c] {
    position: relative;
    cursor: pointer;
    float: left;
    width: 58px;
    height: 58px;
    background: #313235;
    border-radius: 6px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-right: 8px;
    margin-bottom: 8px;
    justify-content: center;
    font-size: 12px;
    font-family: PingFangSC, PingFang SC;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.6);
}
.components-dialog .dialog_icon_select .item .customimg[data-v-25a8368c] {
      width: 16px;
      height: 16px;
      margin-bottom: 4px;
}
.components-dialog .dialog_icon_select .item .giftag[data-v-25a8368c] {
      width: 19px;
      height: 11px;
      position: absolute;
      right: 0;
      bottom: 0;
}
.components-dialog .dialog_icon_select .item .preview[data-v-25a8368c] {
      width: 30px;
      height: 30px;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.color-picker[data-v-c78f0f22] {
  width: 248px;
  padding: 12px;
  background: #2c2e35;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  box-sizing: border-box;
  position: fixed;
  right: 320px;
  bottom: 12px;
}
.preview[data-v-c78f0f22] {
  width: 100%;
  height: 40px;
  border-radius: 4px;
  margin-bottom: 12px;
  border: 1px solid #eeeeee;
  box-sizing: border-box;
}
.eyedropper-btn[data-v-c78f0f22] {
  width: 100%;
  padding: 6px 0;
  margin-bottom: 12px;
  border: none;
  background-color: #f0f0f0;
  border-radius: 4px;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  color: #333;
  transition: background-color 0.2s;
}
.eyedropper-btn[data-v-c78f0f22]:hover {
  background-color: #e0e0e0;
}
.saturation-panel[data-v-c78f0f22] {
  position: relative;
  width: 100%;
  height: 120px;
  border-radius: 4px;
  cursor: crosshair;
  margin-bottom: 12px;
  /* 从右到左：白色到透明（饱和度渐变）*/
  /* 从下到上：黑色到透明（亮度渐变）*/
  background-image: linear-gradient(to top, black, rgba(0, 0, 0, 0)), linear-gradient(to right, white, rgba(255, 255, 255, 0));
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  box-sizing: border-box;
}
.saturation-cursor[data-v-c78f0f22] {
  position: absolute;
  width: 12px;
  height: 12px;
  border: 2px solid #ffffff;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3);
  pointer-events: none;
}
.hue-slider[data-v-c78f0f22],
.alpha-slider[data-v-c78f0f22] {
  width: 100%;
  height: 8px;
  margin-bottom: 12px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 6px;
  outline: none;
  cursor: pointer;
}
.hue-slider[data-v-c78f0f22] {
  background: linear-gradient(to right, #ff0000 0%, #ffff00 16.66%, #00ff00 33.33%, #00ffff 50%, #0000ff 66.66%, #ff00ff 83.33%, #ff0000 100%);
}
.alpha-slider[data-v-c78f0f22] {
  background: linear-gradient(270deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
}

/* WebKit 滑块 thumb */
.hue-slider[data-v-c78f0f22]::-webkit-slider-thumb,
.alpha-slider[data-v-c78f0f22]::-webkit-slider-thumb {
  -webkit-appearance: none;
          appearance: none;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #ffffff;
  cursor: pointer;
}

/* Firefox 支持（基础） */
.hue-slider[data-v-c78f0f22]::-moz-range-thumb,
.alpha-slider[data-v-c78f0f22]::-moz-range-thumb {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #ffffff;
  cursor: pointer;
}
.hex-input[data-v-c78f0f22] {
  width: 100%;
  padding: 6px 8px;
  border: 1px solid #dddddd;
  border-radius: 4px;
  font-size: 14px;
  text-align: center;
  font-family: Consolas, Monaco, monospace;
  box-sizing: border-box;
  margin-bottom: 12px;
}
.swatches[data-v-c78f0f22] {
  display: flex;
  justify-content: space-between;
}
.swatch[data-v-c78f0f22] {
  width: 24px;
  height: 24px;
  border-radius: 4px;
  cursor: pointer;
  border: 1px solid #eeeeee;
  transition: transform 0.1s;
}
.swatch[data-v-c78f0f22]:hover {
  transform: scale(1.1);
}
.recent-title[data-v-c78f0f22] {
  margin-top: 12px;
}
.recent-swatches[data-v-c78f0f22] {
  display: grid;
  grid-template-columns: repeat(8, 24px);
  justify-content: space-between;
  row-gap: 8px;
}
.modal-header[data-v-c78f0f22] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
  color: white;
  font-size: 16px;
  font-weight: bold;
}
.close-btn[data-v-c78f0f22] {
  background: none;
  border: none;
  color: white;
  font-size: 20px;
  cursor: pointer;
  transition: opacity 0.2s;
}
.btns[data-v-c78f0f22] {
  display: flex;
  justify-content: center;
}
.btns[data-v-c78f0f22] .el-button {
    width: 136px;
    height: 36px;
    background: rgba(217, 217, 217, 0.05);
    border-radius: 7px 7px 7px 7px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #fff;
}
.btns .active[data-v-c78f0f22] {
    background: #3656fd !important;
}
[data-v-c78f0f22] .el-input__inner {
  background: rgba(217, 217, 217, 0.05) !important;
  color: #fff;
  border-radius: 4 !important;
  border: none !important;
  height: 30px !important;
  line-height: 30px !important;
  padding: 0 0 0 16px !important;
}
[data-v-c78f0f22] .el-input__inner:focus {
  border: none;
}
[data-v-c78f0f22] .vc-chrome-color-wrap {
  display: none;
}
[data-v-c78f0f22] .vc-chrome-saturation-wrap,[data-v-c78f0f22] .vc-saturation {
  border-radius: 5px;
  overflow: hidden;
}
[data-v-c78f0f22] .vc-saturation-circle {
  width: 10px;
  height: 10px;
}
[data-v-c78f0f22] .vc-chrome {
  background: initial;
  box-shadow: none;
}
[data-v-c78f0f22] .vc-chrome .vc-chrome-body {
    background: initial;
    padding: 0;
    margin-top: 15px;
}
[data-v-c78f0f22] .vc-chrome .vc-chrome-body .vc-chrome-hue-wrap .vc-hue,[data-v-c78f0f22] .vc-chrome .vc-chrome-body .vc-chrome-alpha-wrap .vc-alpha .vc-alpha-checkboard-wrap {
      border-radius: 5px;
}
.eye-btn[data-v-c78f0f22] {
  background: rgba(217, 217, 217, 0.05) !important;
  border-radius: 4 !important;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 36px;
  cursor: pointer;
}
.eye-btn img[data-v-c78f0f22] {
    width: 20px;
    height: 20px;
}
.title[data-v-c78f0f22] {
  font-weight: 600;
  font-size: 12px;
  color: #ffffff;
  margin-bottom: 8px;
}
.hue-slider-container[data-v-c78f0f22] {
  position: relative;
  height: 10px;
  margin-bottom: 8px;
  border: 1px solid #444;
  border-radius: 4px;
  overflow: hidden;
}
.hue-track[data-v-c78f0f22] {
  width: 100%;
  height: 100%;
  border-radius: 4px;
  background: linear-gradient(to right, #ff0000, #ffff00, #00ff00, #00ffff, #0000ff);
}
.stop-handle[data-v-c78f0f22] {
  width: 12px;
  height: 12px;
  background: yellow;
  position: absolute;
  top: -3px;
  transform: translateX(-50%);
  cursor: pointer;
}
.start[data-v-c78f0f22] {
  left: 0;
}
.end[data-v-c78f0f22] {
  right: 0;
}
.hue-handle[data-v-c78f0f22] {
  width: 12px;
  height: 12px;
  background: white;
  border: 1px solid #444;
  border-radius: 50%;
  position: absolute;
  top: -3px;
  transform: translateX(-50%);
  cursor: pointer;
}

/* 渐变预览 */
.gradient-preview[data-v-c78f0f22] {
  position: relative;
  height: 8px;
  margin-bottom: 16px;
  border-radius: 2px;
  cursor: pointer;
  background: repeating-conic-gradient(#eee 0% 25%, transparent 0% 50%) 0/20px 20px;
}
.gradient-overlay[data-v-c78f0f22] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 2px;
}

/* 停靠点 */
.stop-handle[data-v-c78f0f22] {
  position: absolute;
  top: -4px;
  width: 14px;
  height: 14px;
  transform: translateX(-50%);
}
.stop-handle.active[data-v-c78f0f22] {
    border: 2px solid #0c86ff;
    border-radius: 2px;
}
.stop-thumb[data-v-c78f0f22] {
  width: 100%;
  height: 100%;
}
.stop-remove[data-v-c78f0f22] {
  position: absolute;
  top: -6px;
  right: -6px;
  width: 12px;
  height: 12px;
  font-size: 12px;
  line-height: 1;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 50%;
  cursor: pointer;
  display: none;
}
.stop-handle.active .stop-remove[data-v-c78f0f22] {
  display: block;
}
.direction[data-v-c78f0f22] {
  display: flex;
  align-items: center;
  height: 36px;
  font-weight: 600;
  font-size: 12px;
  color: #ffffff;
  margin-bottom: 10px;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.dropdown[data-v-76b63767] {
  width: 140px;
  background: #464856 !important;
  border-radius: 16px 16px 16px 16px;
  padding: 12px;
}
.dropdown .dropdown_item[data-v-76b63767] {
    width: 116px;
    height: 36px;
    border-radius: 8px 8px 8px 8px;
    font-weight: 400;
    font-size: 14px;
    color: #ffffff !important;
    text-align: left !important;
    line-height: 36px;
    padding: 0 !important;
}
.dropdown .dropdown_item[data-v-76b63767] .el-upload {
      text-align: left;
      width: 100%;
      padding-left: 20px;
}
.dropdown .dropdown_item .uploader[data-v-76b63767] {
      width: 100%;
}
.dropdown .dropdown_item[data-v-76b63767]:hover {
      background: #3656fd;
}
.pagecont[data-v-76b63767] {
  height: 100%;
  background: #23252c;
  padding: 0 32px;
}
.pagecont .pagetitle[data-v-76b63767] {
    width: 365px;
    height: 56px;
    font-weight: 600;
    font-size: 16px;
    color: #ffffff;
    line-height: 56px;
    padding-left: 8px;
}
.pagecont[data-v-76b63767] .el-input__inner,
  .pagecont[data-v-76b63767] .el-textarea__inner {
    background: rgba(217, 217, 217, 0.05);
    border-radius: 4px 4px 4px 4px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #fff;
}
.pagecont[data-v-76b63767] .el-form--label-top .el-form-item__label {
    padding: 0;
    font-weight: 600;
}
.pagecont .slace[data-v-76b63767] {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
}
.pagecont .slace span[data-v-76b63767] {
      font-size: 12px;
      margin-right: 12px;
      font-weight: 600;
}
.pagecont .slace[data-v-76b63767] .el-input::after {
      content: "px";
      position: absolute;
      right: 5px;
      color: #616161;
      line-height: 40px;
      font-size: 12px;
}
.pagecont .slace[data-v-76b63767] .el-input__inner {
      padding: 0 20px 0 15px !important;
}
.backimg[data-v-76b63767] {
  width: 100%;
  height: 164px;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 4px 4px 4px 4px;
  position: relative;
  display: flex;
  overflow: hidden;
}
.backimg .backimgTitel[data-v-76b63767] {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.backimg:hover .upload-demo[data-v-76b63767] {
    display: block !important;
}
.backimg .backimg_span[data-v-76b63767] {
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 0;
    height: 30px;
    color: #fff;
    line-height: 30px;
    padding: 0 20px;
    overflow: hidden;
    /* 超出部分隐藏 */
    text-overflow: ellipsis;
    /* 显示省略符号来代表被修剪的文本 */
    white-space: nowrap;
}
.backimg img[data-v-76b63767] {
    margin: auto;
    border-radius: 4px 4px 4px 4px;
}
.backimg .imgs[data-v-76b63767] {
    margin: auto;
    width: 100%;
    height: 100%;
    border-radius: 4px 4px 4px 4px;
}
.backimg .upload-demo[data-v-76b63767] {
    display: none;
    width: 100px;
    height: 40px;
    background: rgba(255, 255, 255, 0.4);
    border-radius: 4px 4px 4px 4px;
    font-weight: 400;
    font-size: 16px;
    color: #000000;
    text-align: center;
    line-height: 40px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -20px -50px;
    cursor: pointer;
}
.backimg .upload-demo[data-v-76b63767] .el-button {
      border: 0;
      height: 100%;
}
.backimg .addbtn[data-v-76b63767] {
    width: 100px;
    height: 40px;
    background: #3656fd;
    border-radius: 4px 4px 4px 4px;
    font-weight: 400;
    font-size: 16px;
    color: #000000;
    text-align: center;
    line-height: 40px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -20px -50px;
    cursor: pointer;
}
.backimg .addbtn[data-v-76b63767] .el-button {
      background: #3656fd;
}
.text-measurer[data-v-76b63767] {
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  white-space: pre;
  /* 保留空格 */
  font: inherit;
  /* 必须与 input 字体一致！ */
  padding: 2px 4px;
  width: auto !important;
  height: auto !important;
}
.bg-color-preview[data-v-76b63767] {
  width: 100%;
  height: 100%;
  border-radius: 4px;
}
.colorPicker[data-v-76b63767] {
  height: 36px;
  background: #2c2e35;
  border-radius: 4px;
  display: flex;
  align-items: center;
  padding: 0 12px;
}
.colorPicker .colors[data-v-76b63767] {
    width: 24px;
    height: 24px;
    background: #ffffff;
    border-radius: 2px;
    cursor: pointer;
    flex-shrink: 0;
}
.colorPicker[data-v-76b63767] .el-input {
    width: calc(100% - 24px);
}
.colorPicker[data-v-76b63767] .el-input,
  .colorPicker[data-v-76b63767] .el-input__inner {
    border: 0 !important;
    background: inherit !important;
}
.colorPicker[data-v-76b63767] .el-input__inner {
    padding: 0 0 0 15px !important;
}
.colorPicker[data-v-76b63767] .el-input__inner:focus {
    border: 0 !important;
}
.thumbnail-upload[data-v-76b63767] {
  margin-top: 16px;
}
.thumbnail-upload .thumbnail-label[data-v-76b63767] {
    font-size: 12px;
    font-weight: 600;
    color: #ffffff;
    margin-bottom: 8px;
}
.thumbnail-upload .thumbnail-preview[data-v-76b63767] {
    width: 100%;
    height: 120px;
    background: rgba(255, 255, 255, 0.05);
    border-radius: 4px 4px 4px 4px;
    position: relative;
    display: flex;
    overflow: hidden;
}
.thumbnail-upload .thumbnail-preview img[data-v-76b63767] {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover;
}
.thumbnail-upload .thumbnail-preview .thumbnail-placeholder[data-v-76b63767] {
      width: 100%;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      color: rgba(255, 255, 255, 0.5);
      font-size: 14px;
}
.thumbnail-upload .thumbnail-preview .thumbnail-btn[data-v-76b63767] {
      width: 80px;
      height: 32px;
      background: #3656fd;
      border-radius: 4px 4px 4px 4px;
      font-weight: 400;
      font-size: 14px;
      color: #ffffff;
      text-align: center;
      line-height: 32px;
      position: absolute;
      bottom: 8px;
      right: 8px;
      cursor: pointer;
}
.thumbnail-upload .thumbnail-preview .thumbnail-btn[data-v-76b63767] .el-button {
        width: 100%;
        height: 100%;
        background: #3656fd;
        border: none;
        border-radius: 4px;
        color: #ffffff;
        font-size: 14px;
        padding: 0;
}
.thumbnail-upload .thumbnail-preview .thumbnail-btn[data-v-76b63767] .el-button:hover {
        background: #2a45d9;
}


.modal-overlay[data-v-02840d29] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
  backdrop-filter: blur(2px);
}
.modal-content[data-v-02840d29] {
  position: relative;
  max-width: 80%;
  max-height: 90vh;
  overflow: hidden;
  border-radius: 8px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
  background: #111;
}
.modal-image[data-v-02840d29] {
  width: 100%;
  height: auto;
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
}
.modal-actions[data-v-02840d29] {
  position: absolute;
  top: 16px;
  right: 16px;
  display: flex;
  gap: 8px;
  z-index: 10;
}
.modal-btn[data-v-02840d29] {
  padding: 6px 12px;
  font-size: 14px;
  color: white;
  background: rgba(0, 0, 0, 0.6);
  border: none;
  border-radius: 4px;
  cursor: pointer;
  transition: background 0.2s;
}
.modal-btn[data-v-02840d29]:hover {
  background: #3656fd;
}
.modal-close[data-v-02840d29] {
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 6px;
  border-radius: 4px;
  cursor: pointer;
img[data-v-02840d29] {
    width: 20px;
    height: 20px;
}
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.resuleClass[data-v-82fbdc00] {
  font-weight: 400;
  font-size: 12px;
  color: #ff4545;
  display: flex;
  justify-content: center;
}
.ai_content[data-v-82fbdc00] {
  height: calc(100% - 20px);
  overflow-y: auto;
  overflow-x: hidden;
  position: relative;
}
.openShow[data-v-82fbdc00] {
  position: fixed;
  width: 216px !important;
  bottom: 20px;
}
.imgList[data-v-82fbdc00] {
  margin-top: 20px;
}
.imgList .listOpen[data-v-82fbdc00] {
    width: 100%;
    height: 38px;
    background: #2c2e35;
    border-radius: 4px 4px 4px 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-weight: 400;
    font-size: 14px;
    cursor: pointer;
}
.imgList .listOpen .el-icon-arrow-dow[data-v-82fbdc00] {
      font-size: 22px;
      margin-left: 4px;
}
.morecont[data-v-82fbdc00] {
  display: flex;
  flex-direction: column;
}
.morecont div[data-v-82fbdc00] {
    height: 36px;
    border-radius: 8px 8px 8px 8px;
    line-height: 36px;
    padding-left: 20px;
    width: 100%;
    color: #fff;
    cursor: pointer;
    margin-bottom: 4px;
}
.morecont div[data-v-82fbdc00]:hover {
      background: #3656fd;
      width: 100%;
}
.rideImg-wrapper[data-v-82fbdc00] {
  position: absolute;
  top: 0;
  left: 0px;
  width: 350px;
  height: 200px;
  margin: 20px auto;
}
.rideImg[data-v-82fbdc00] {
  width: 350px;
  height: 200px;
  position: absolute;
  top: -20px;
  left: -130px;
  animation: rideAroundBorder-82fbdc00 4s linear infinite;
  /* 添加一些样式使效果更明显 */
}
@keyframes rideAroundBorder-82fbdc00 {
0% {
    top: -20px;
    left: -130px;
}
25% {
    top: -40%;
    left: -130px;
}
50% {
    top: -40%;
    left: 30px;
}
75% {
    top: -20px;
    left: 30px;
}
100% {
    top: -20px;
    left: -130px;
}
}
.listphotos[data-v-82fbdc00] {
  width: 100%;
  height: 65px;
  border-radius: 8px;
  position: relative;
  margin-top: 8px;
}
.listphotos .ruseltImg[data-v-82fbdc00] {
    width: 100%;
    height: 100%;
    border-radius: 8px;
    cursor: pointer;
}
.listphotos:hover .selects[data-v-82fbdc00] {
    display: flex;
}
.listphotos .selects[data-v-82fbdc00] {
    position: absolute;
    top: 6px;
    right: 6px;
    display: none;
}
.listphotos .selects .click[data-v-82fbdc00] {
      width: 48px;
      height: 24px;
      background: rgba(0, 0, 0, 0.6);
      border-radius: 4px 4px 4px 4px;
      font-weight: 600;
      font-size: 12px;
      color: #ffffff;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
}
.listphotos .selects .move[data-v-82fbdc00] {
      width: 24px;
      height: 24px;
      margin-left: 6px;
}
.photos[data-v-82fbdc00] {
  width: 100%;
  min-height: 135px;
  border-radius: 10px;
  position: relative;
  margin-bottom: 12px;
}
.photos .ruseltImg[data-v-82fbdc00] {
    width: 100%;
    height: 100%;
    border-radius: 10px;
}
.photos:hover .selects[data-v-82fbdc00] {
    display: flex;
}
.photos .selects[data-v-82fbdc00] {
    position: absolute;
    top: 6px;
    right: 6px;
    display: none;
}
.photos .selects .click[data-v-82fbdc00] {
      width: 48px;
      height: 24px;
      background: rgba(0, 0, 0, 0.6);
      border-radius: 4px 4px 4px 4px;
      font-weight: 600;
      font-size: 12px;
      color: #ffffff;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
}
.photos .selects .move[data-v-82fbdc00] {
      width: 24px;
      height: 24px;
      margin-left: 6px;
}
.photosImg[data-v-82fbdc00] {
  width: 100%;
  height: 135px;
  border-radius: 10px;
  background: url(../../static/img/loadingImg.06c51712.png);
  background-size: 100% 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  overflow: hidden;
  margin-bottom: 12px;
}
.photosImg .centerImg[data-v-82fbdc00] {
    width: 24px;
    height: 24px;
}
.rotating-image[data-v-82fbdc00] {
  display: none;
  animation: rotate-82fbdc00 1s linear infinite;
  margin-right: 4px;
  width: 12px;
  height: 12px;
}
@keyframes rotate-82fbdc00 {
from {
    transform: rotate(0deg);
}
to {
    transform: rotate(360deg);
}
}
.ai[data-v-82fbdc00] {
  padding: 16px 10px;
  height: 100%;
}
.ai .ai_title[data-v-82fbdc00] {
    margin-left: 4px;
    font-weight: 600;
    font-size: 16px;
    color: #ffffff;
    margin-bottom: 4px;
}
.ai .description[data-v-82fbdc00] {
    font-weight: 600;
    font-size: 14px;
    color: #ffffff;
    margin: 24px 0 12px;
}
.ai .desc_view[data-v-82fbdc00] {
    width: 100%;
    height: 120px;
    background: #2c2e35;
    border-radius: 8px 8px 8px 8px;
    border: 1px solid #414349;
    overflow: hidden;
}
.ai .desc_view .desc_view_input[data-v-82fbdc00] {
      width: 100%;
      height: 100% !important;
}
.ai .desc_view .desc_view_input[data-v-82fbdc00] .el-textarea__inner {
        padding: 12px 12px 17px;
        background: #2c2e35;
        border: none;
        width: 100%;
        height: 125px !important;
        color: #fff;
}
.ai .ratio[data-v-82fbdc00] {
    width: 100%;
    height: 28px;
    background: #2c2e35;
    border-radius: 4px 4px 4px 4px;
    border: 1px solid #414349;
    font-weight: 400;
    font-size: 14px;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 12px;
    cursor: pointer;
}
.ai .ratio.active[data-v-82fbdc00] {
      background: #3656fd;
      border-radius: 4px 4px 4px 4px;
}
.ai .btn[data-v-82fbdc00] {
    width: 100%;
    height: 36px;
    background: #3656fd;
    border-radius: 4px 4px 4px 4px;
    margin-top: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 400;
    font-size: 14px;
    color: #ffffff;
    cursor: pointer;
    margin-bottom: 20px;
}
.ai .loading[data-v-82fbdc00] {
    background: #393b41 !important;
}
.ai .loading .rotating-image[data-v-82fbdc00] {
      display: inline-block;
}


.itemlistpopovers {
  padding: 12px;
  min-width: 100px !important;
  width: 140px !important;
  height: 60px !important;
  background: #464856 !important;
  border-radius: 16px 16px 16px 16px !important;
  border: 0 !important;
  z-index: 2200 !important;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.components-image-libs-wrapper .el-dialog {
  background: #191919;
  opacity: 0.95;
}
.components-image-libs-wrapper .el-dialog__header {
  background-position: left center;
  background-repeat: no-repeat, no-repeat;
  background-size: 18px 18px;
  cursor: pointer;
  opacity: 1;
  color: #f0f0f0;
  font-size: 12px;
  text-align: center;
  padding: 0 0;
  height: 30px;
}
.components-image-libs-wrapper .el-dialog__title {
  width: 100%;
  color: #ffffff;
  font-size: 12px;
  text-align: left;
  font-weight: normal;
  padding: 5px 0px 5px 0px;
  cursor: move;
}
.components-image-libs-wrapper .el-dialog__headerbtn {
  position: absolute;
  top: 6px;
  right: 8px;
  padding: 0;
  background: 0 0;
  border: none;
  outline: 0;
  cursor: pointer;
  font-size: 14px;
}
.components-image-libs-wrapper .el-dialog__headerbtn .el-dialog__close {
  color: #f0f0f0;
}
.components-image-libs-wrapper .dialog-wrapper {
  display: flex;
  flex-wrap: wrap;
}
.components-image-libs-wrapper .el-dialog__body {
  padding: 24px 24px;
  color: #f0f0f0;
  font-size: 12px;
  word-break: break-all;
  display: flex;
  flex-direction: row;
}
.components-image-libs-wrapper .el-dialog__body .body-menu {
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: center;
    justify-content: center;
}
.components-image-libs-wrapper .el-dialog__body .body-menu .body-item {
      width: 100%;
      height: 124px;
      background: #222326;
      border-radius: 12px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      margin: 24px 16px 24px 16px;
      cursor: pointer;
}
.components-image-libs-wrapper .el-dialog__body .body-menu .body-item img {
        width: 54px;
        height: 54px;
}
.components-image-libs-wrapper .el-dialog__body .body-menu .body-item .title {
        margin-top: 12px;
        font-size: 12px;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: #ffffff;
}
.components-image-libs-wrapper .el-dialog__body .body-menu .body-item .subtitle {
        margin-top: 4px;
        font-size: 10px;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: #aaaaaa;
}
.components-image-libs-wrapper .el-dialog__body .body-menu .body-upload-item {
      width: 100%;
      display: flex;
      flex-direction: column;
      align-items: center;
}
.components-image-libs-wrapper .el-dialog__body .body-menu .body-upload-item .upload-body {
        background: #222326;
        border-radius: 12px;
        display: flex;
        flex-direction: row;
        align-items: center;
        width: 100%;
        height: 100%;
        margin-top: 10px;
        padding: 16px;
}
.components-image-libs-wrapper .el-dialog__body .body-menu .body-upload-item .upload-body .image-area {
          margin-right: 10px;
}
.components-image-libs-wrapper .el-dialog__body .body-menu .body-upload-item .upload-body .image-area img,
          .components-image-libs-wrapper .el-dialog__body .body-menu .body-upload-item .upload-body .image-area .video-preview {
            width: 92px;
            height: 92px;
            border-radius: 7px;
            background-color: #000;
            overflow: hidden;
}
.components-image-libs-wrapper .el-dialog__body .body-menu .body-upload-item .upload-body .right-area {
          height: 100%;
          display: flex;
          flex-direction: column;
          flex: 1;
}
.components-image-libs-wrapper .el-dialog__body .body-menu .body-upload-item .upload-body .right-area .options {
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 2px;
}
.components-image-libs-wrapper .el-dialog__body .body-menu .body-upload-item .upload-body .right-area .options .icon {
              width: 14px;
              height: 14px;
              padding: 8px;
              box-sizing: initial;
}
.components-image-libs-wrapper .el-dialog__body .body-menu .body-upload-item .upload-body .right-area .options .icon:hover {
                background: #2d2e31;
                border-radius: 50%;
                cursor: pointer;
}
.components-image-libs-wrapper .el-dialog__body .body-menu .body-upload-item .upload-body .right-area .pageName {
            font-size: 14px;
            flex: 1;
}
.components-image-libs-wrapper .el-dialog__body .body-menu .body-upload-item .upload-body .right-area .desc-row {
            display: flex;
            flex-direction: row;
}
.components-image-libs-wrapper .el-dialog__body .body-menu .body-upload-item .upload-body .right-area .desc-row .left-area {
              flex: 1;
}
.components-image-libs-wrapper .el-dialog__body .body-menu .body-upload-item .upload-body .right-area .desc-row .left-area .pageType {
                min-width: 42px;
                height: 22px;
                border-radius: 6px;
                text-align: center;
                line-height: 22px;
                padding: 0 6px;
}
.components-image-libs-wrapper .el-dialog__body .body-menu .body-upload-item .upload-body .right-area .desc-row .left-area .image-type {
                background: linear-gradient(90deg, #52be85 0%, #05a989 100%);
}
.components-image-libs-wrapper .el-dialog__body .body-menu .body-upload-item .upload-body .right-area .desc-row .left-area .video-type {
                background: linear-gradient(90deg, #2589ff 0%, #1b6fe0 100%);
}
.components-image-libs-wrapper .el-dialog__body .body-menu .body-upload-item .upload-body .right-area .desc-row .right-area {
              display: flex;
              flex-direction: row;
              align-items: center;
              justify-content: flex-end;
}
.components-image-libs-wrapper .el-dialog__body .body-menu .body-upload-item .upload-body .right-area .desc-row .right-area img {
                width: 14px;
                height: 14px;
                float: left;
                cursor: pointer;
}
.components-image-libs-wrapper .el-dialog__body .body-right {
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    padding-left: 5px;
}
.components-image-libs-wrapper .el-dialog__footer {
  padding: 10px 0px;
  text-align: center;
  box-sizing: border-box;
}
.components-image-libs-wrapper .dialog-footer {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.components-image-libs-wrapper .dialog-footer .el-button {
    padding: 5px 20px;
    font-size: 12px;
    border-radius: 4px;
}
.components-image-libs-wrapper .dialog-footer .el-upload {
    margin-left: 10px;
}
.components-image-libs-wrapper .dialog-info {
  margin: 0 0;
  padding: 5px 0;
}
.components-image-libs-wrapper .dialog-info .title {
  float: left;
  font-size: 12px;
  font-weight: bold;
}
.components-image-libs-wrapper .dialog-info .el-checkbox {
  float: right;
  font-size: 12px;
  padding-top: 8px;
}
.components-image-libs-wrapper .dialog-info .el-button {
  float: right;
  background-color: #000000;
  border: 1px solid #535353;
  color: #f0f0f0;
  font-size: 12px;
  padding: 5px 8px;
  margin-left: 6px;
}
.components-image-libs-wrapper .dialog-info .el-button:hover {
  color: #0084bf;
  border: 1px solid #0084bf;
  box-shadow: 0px 0px 5px #0084bf;
}
.components-image-libs-wrapper .dialog-info .el-checkbox .el-checkbox__label {
  color: #f0f0f0;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.showCla[data-v-af411fe8] {
  width: 32px;
  height: 32px;
  border-radius: 4px 4px 4px 4px;
  cursor: pointer;
  display: none;
  justify-content: center;
  align-items: center;
}
.showCla .pointimg[data-v-af411fe8] {
    width: 16px;
    height: 16px;
}
.showCla.show[data-v-af411fe8] {
    display: flex;
}
[data-v-af411fe8] .el-tree-node__expand-icon {
  padding: 0;
}
[data-v-af411fe8] .is-leaf {
  font-size: 1px;
  padding-left: 0px !important;
}
[data-v-af411fe8] .el-tree,[data-v-af411fe8] .el-tree-node {
  background: inherit !important;
}
[data-v-af411fe8] .el-tree-node {
  border-radius: 4px 4px 4px 4px;
  margin-bottom: 4px;
}
[data-v-af411fe8] .el-tree-node__content {
  height: 36px;
  height: 100%;
  background: inherit !important;
}
[data-v-af411fe8] .el-tree-node__content:hover {
    background: #43454b !important;
}
[data-v-af411fe8] .el-tree-node__children:hover {
  background: inherit;
}
[data-v-af411fe8] .is-checked,[data-v-af411fe8] .is-current {
  background: inherit !important;
}
[data-v-af411fe8] .is-current .el-tree-node__content,[data-v-af411fe8] .is-checked .el-tree-node__content {
  background: #393b41;
  border: 2px solid #3656fd !important;
}
[data-v-af411fe8] .is-current .el-tree-node__children,[data-v-af411fe8] .is-checked .el-tree-node__children {
  background: #393b41;
}
[data-v-af411fe8] .is-current .el-tree-node__children .el-tree-node__content,[data-v-af411fe8] .is-checked .el-tree-node__children .el-tree-node__content {
    border: none !important;
}
[data-v-af411fe8] .el-tree__drop-indicator {
  height: 2px;
  background: #3656fd;
}
[data-v-af411fe8] .el-tree-node__expand-icon {
  padding: 6px !important;
}
[data-v-af411fe8] .el-icon-arrow-down:before {
  content: "\E6E0" !important;
}
.custom-tree-node[data-v-af411fe8] {
  width: calc(100% - 24px);
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 14px;
  padding-right: 8px;
  color: #fff;
}
.items-text[data-v-af411fe8] {
  margin-right: 20px;
  margin-left: 6px;
  white-space: nowrap;
  /* 防止文本换行 */
  overflow: hidden;
  /* 隐藏溢出的内容 */
  text-overflow: ellipsis;
  /* 显示省略符号来代表被修剪的文本 */
  font-size: 14px;
  max-width: 126px;
}
.layer-name-input[data-v-af411fe8] {
  flex: 1;
  min-width: 0;
  margin-left: 6px;
  margin-right: 20px;
}
.layer-name-input[data-v-af411fe8] .el-input__inner {
    height: 26px;
    line-height: 26px;
    padding: 0 8px;
    font-size: 14px;
    color: #fff;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid #3656fd;
    border-radius: 4px;
}
.morecont[data-v-af411fe8] {
  display: flex;
  flex-direction: column;
  position: absolute;
  padding: 12px;
  width: 140px;
  background: #464856;
  border-radius: 16px;
  border: 0;
  z-index: 2202;
  left: 255px;
}
.morecont .morecont-item[data-v-af411fe8] {
    height: 36px;
    border-radius: 8px 8px 8px 8px;
    line-height: 36px;
    padding-left: 20px;
    width: 100%;
    color: #fff;
    cursor: pointer;
    margin-bottom: 4px;
}
.morecont .morecont-item[data-v-af411fe8]:hover {
      background: #3656fd;
      width: 100%;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.constbox[data-v-53690b2a] {
  height: calc(100% - 50px);
  overflow-y: auto;
}
.const[data-v-53690b2a] {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  padding: 0 16px;
}
.const .item[data-v-53690b2a] {
    width: 88px;
    height: 71px;
    border-radius: 6px 6px 6px 6px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.const .item[data-v-53690b2a]:active, .const .item[data-v-53690b2a]:hover {
      background: rgba(255, 255, 255, 0.1);
}
.const .item i[data-v-53690b2a] {
      font-size: 20px;
}
.const .item .divs[data-v-53690b2a] {
      font-weight: 400;
      font-size: 14px;
      color: #ffffff;
      margin-top: 10px;
}
.const .item .itemimg[data-v-53690b2a] {
      width: 24px;
      height: 24px;
}
.const .item .item-img[data-v-53690b2a] {
      width: 100%;
      height: 82px;
      border-radius: 4px 4px 4px 4px;
}
.const .item .item-img img[data-v-53690b2a] {
        width: 100%;
        height: 100%;
}
.const .active[data-v-53690b2a] {
    cursor: auto;
    background: rgba(255, 255, 255, 0.1);
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.intelligence-panel[data-v-7de87649] {
  height: calc(100% - 50px);
  display: flex;
  flex-direction: column;
}
.panel-header[data-v-7de87649] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 16px 16px;
  font-size: 14px;
  color: #ffffff;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.panel-header i[data-v-7de87649] {
    font-size: 16px;
}
.panel-body[data-v-7de87649] {
  flex: 1;
  overflow-y: auto;
}
.const[data-v-7de87649] {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  padding: 0 16px;
}
.const .item[data-v-7de87649] {
    width: 100%;
    border-radius: 6px;
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: grab;
}
.const .item:active .item-preview[data-v-7de87649], .const .item:hover .item-preview[data-v-7de87649] {
      background: rgba(255, 255, 255, 0.06);
}
.const .item .item-preview[data-v-7de87649] {
      width: 100%;
      padding: 12px;
      border-radius: 6px;
      background: rgba(0, 0, 0, 0.35);
      box-sizing: border-box;
}
.const .item .divs[data-v-7de87649] {
      width: 100%;
      font-weight: 400;
      font-size: 14px;
      color: #ffffff;
      margin-top: 10px;
      text-align: center;
}
.card-carousel-preview[data-v-7de87649] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 72px;
}
.preview-card[data-v-7de87649] {
  width: 44px;
  height: 58px;
  border-radius: 4px;
  background: rgba(8, 8, 8, 0.95);
  border: 1px solid;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0 10px color-mix(in srgb, currentColor 40%, transparent);
}
.flip-gallery-preview[data-v-7de87649] {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  min-height: 72px;
  padding: 4px;
}
.preview-tile[data-v-7de87649] {
  flex: 1 1 calc((100% - 12px) / 3);
  min-width: calc((100% - 12px) / 3);
  max-width: calc((100% - 12px) / 3);
  min-height: 28px;
  border-radius: 4px;
  font-size: 10px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid;
}
.card-stack-preview[data-v-7de87649] {
  position: relative;
  min-height: 72px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.preview-stack-card[data-v-7de87649] {
  position: absolute;
  width: 52px;
  height: 72px;
  border-radius: 4px;
  background: rgba(8, 8, 8, 0.95);
  border: 1px solid;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0 10px color-mix(in srgb, currentColor 40%, transparent);
}
.grid-animate-preview[data-v-7de87649] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-height: 72px;
  padding: 4px;
}
.preview-grid-stage[data-v-7de87649] {
  flex: 1;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(4, 1fr);
  gap: 4px;
  padding: 6px;
  min-height: 64px;
  grid-template-areas: "hero hero hero" "hero hero hero" "hero hero hero" "t1 t2 t3";
}
.preview-hero[data-v-7de87649] {
  grid-area: hero;
  color: #f472b6;
  border-color: #f472b6;
  border: 1px solid;
}
.preview-thumb[data-v-7de87649] {
  border: 1px solid;
  color: #a78bfa;
  border-color: #a78bfa;
}
.preview-thumb[data-v-7de87649]:nth-of-type(2) {
    grid-area: t1;
}
.preview-thumb[data-v-7de87649]:nth-of-type(3) {
    grid-area: t2;
    color: #fb7185;
    border-color: #fb7185;
}
.preview-thumb[data-v-7de87649]:nth-of-type(4) {
    grid-area: t3;
    color: #38bdf8;
    border-color: #38bdf8;
}
.dashed[data-v-7de87649] {
  border: 1px dashed rgba(255, 255, 255, 0.35);
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
[data-v-13263220] .el-input__inner {
  font-size: 14px;
  font-weight: 400;
  color: #FFFFFF;
  background: #373942;
  border-radius: 4px;
  border: 1px solid #373942;
}
[data-v-13263220] .el-textarea__inner {
  font-size: 14px;
  font-weight: 400;
  color: #FFFFFF;
  background: #373942;
  border-radius: 4px;
  padding: 12px;
  border: 1px solid #373942;
}
[data-v-13263220] .el-textarea .el-textarea__inner {
  resize: none;
}
.dialog-add-company[data-v-13263220] .el-dialog__title {
  padding: 0;
  color: #fff;
  width: 64px;
  height: 22px;
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
}
.dialog-add-company[data-v-13263220] .el-dialog__header {
  background: #23252C;
  border-radius: 8px 8px 0px 0px;
  padding: 16px 40px;
}
.dialog-add-company[data-v-13263220] .el-dialog {
  background: #2E313A;
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  border-radius: 8px;
}
.dialog-add-company[data-v-13263220] .el-dialog__close {
  color: #aaaaaa;
  font-size: 28px;
}
.dialog-add-company[data-v-13263220] .el-dialog__headerbtn {
  top: 12px;
}
.dialog-add-company[data-v-13263220] .el-dialog__body {
  padding: 24px 40px;
}
.dialog-add-company[data-v-13263220] .el-dialog__footer {
  display: flex;
  width: 100%;
  justify-content: flex-end;
  margin-top: auto;
}
.dialog-add-company .dialog-footer[data-v-13263220] {
  display: flex;
}
.dialog-add-company .btn-confirm[data-v-13263220] {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #2589FF;
  width: 116px;
  height: 33px;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 600;
  color: #FFFFFF;
  outline: none;
  border: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  line-height: 12px;
  margin: 0 8px;
}
.dialog-add-company .btn-confirm[data-v-13263220]:hover {
    background-color: #1e7be2;
}
.dialog-add-company[data-v-13263220] .el-button.is-loading::before {
  background-color: transparent;
}
.dialog-add-company .btn-cancel[data-v-13263220] {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #2589FF;
  width: 116px;
  height: 33px;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 600;
  color: #FFFFFF;
  outline: none;
  border: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  line-height: 12px;
  margin: 0 8px;
  background: #26272A;
  color: rgba(255, 255, 255, 0.6);
}
.dialog-add-company .btn-cancel[data-v-13263220]:hover {
    background-color: #1e7be2;
}
.dialog-add-company .btn-cancel[data-v-13263220]:hover {
    background: #393c41;
}
.dialog-add-company .btn-cancel[disabled][data-v-13263220] {
    background: #26272A;
    color: rgba(255, 255, 255, 0.4);
}
.dialog-add-company .form-item .option-select[data-v-13263220] .el-select-dropdown__list {
  padding: 0;
}
.dialog-add-company .form-item .option-select[data-v-13263220] .el-input {
  height: 100%;
  width: 100%;
}
.dialog-add-company .form-item .option-select[data-v-13263220] .el-select-dropdown {
  border: none;
  background: #222326;
  box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.5);
  border-radius: 12px;
  box-sizing: border-box;
  padding: 8px;
}
.dialog-add-company .form-item .option-select[data-v-13263220] .el-select-dropdown__item {
  display: flex;
  align-items: center;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  width: 100%;
  height: 36px;
  border-radius: 6px;
}
.dialog-add-company .form-item .option-select[data-v-13263220] .el-select-dropdown__item.hover {
    background: transparent;
}
.dialog-add-company .form-item .option-select[data-v-13263220] .el-select-dropdown__item:hover {
    background: #2c2d31 !important;
}
.dialog-add-company .form-item .option-select[data-v-13263220] .el-select-dropdown__item.selected {
    background: #313235;
}
.dialog-add-company .form-item .option-select[data-v-13263220],
.dialog-add-company .form-item .input[data-v-13263220] {
  width: 100%;
  height: 45px;
  background: #373942;
  border-radius: 4px;
  padding: 0;
  box-sizing: border-box;
}
.dialog-add-company .form-item .option-select.is-disabled[data-v-13263220],
  .dialog-add-company .form-item .input.is-disabled[data-v-13263220] {
    background: transparent !important;
    border: 1px solid #222326 !important;
}
.dialog-add-company .form-item .option-select[data-v-13263220] .el-input__inner,
  .dialog-add-company .form-item .input[data-v-13263220] .el-input__inner {
    background: transparent;
    font-size: 14px;
    font-weight: 400;
    height: 100%;
    color: #FFFFFF;
    border: 2px solid transparent;
    padding: 0 12px;
}
.dialog-add-company .form-item .option-select[data-v-13263220] .el-input__inner::-webkit-input-placeholder,
    .dialog-add-company .form-item .input[data-v-13263220] .el-input__inner::-webkit-input-placeholder {
      font-size: 14px;
      font-weight: 400;
      color: rgba(255, 255, 255, 0.6);
}
.dialog-add-company .form-item .option-select[data-v-13263220] .el-input__inner:focus,
    .dialog-add-company .form-item .input[data-v-13263220] .el-input__inner:focus {
      border: 2px solid #2589FF;
}
.dialog-add-company .subtitle[data-v-13263220] {
  font-size: 14px;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 20px;
  margin-bottom: 12px;
}
.dialog-add-company .subtitle.required[data-v-13263220]::after {
    content: "*";
    color: #ff6938;
    margin-left: 2px;
}
.dialog-add-company[data-v-13263220] .el-dialog__body {
  padding-bottom: 0;
}
.dialog-add-company[data-v-13263220] .el-dialog__close {
  font-size: 24px;
  color: #fff;
}
.dialog-add-company[data-v-13263220] .el-dialog__footer {
  margin-top: 40px;
}
.conts[data-v-13263220] {
  font-weight: 400;
  font-size: 16px;
  color: #ffffff;
}
.btn_customize[data-v-13263220] {
  width: 130px !important;
  height: 40px !important;
  font-size: 14px !important;
}
.btn-cancel[data-v-13263220] {
  background: #43464e !important;
}
.form-item[data-v-13263220] {
  margin-bottom: 20px;
}
.information_input[data-v-13263220] {
  height: 44px;
  background: #373942;
  border-radius: 4px 4px 4px 4px;
}
.information_input[data-v-13263220] .el-input__inner {
    background: #373942;
    border: 0;
    height: 44px;
    line-height: 44px;
    color: #fff;
}
.btn-confirms[data-v-13263220] {
  background: #ff4545 !important;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.img-nocontent[data-v-35dfe6dc] {
  background: #d9d9d9;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.img-nocontent img[data-v-35dfe6dc] {
    width: 60px;
    height: 60px;
}
.control-point[data-v-35dfe6dc] {
  width: 100%;
  height: 100%;
  position: absolute;
  cursor: move;
  z-index: 10;
  overflow: hidden;
  display: flex;
}
.control-point img[data-v-35dfe6dc] {
    -o-object-fit: cover;
       object-fit: cover;
}
.control-point .image-crop-view[data-v-35dfe6dc] {
    width: 100%;
    height: 100%;
}
.control-point .resize-handles[data-v-35dfe6dc] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    border: 1px solid rgba(0, 123, 255, 0.8);
}
.control-point .resize-handle[data-v-35dfe6dc] {
    position: absolute;
    width: 10px;
    height: 10px;
    background-color: rgba(255, 255, 255, 0.8);
    border: 1px solid rgba(0, 123, 255, 0.8);
    pointer-events: auto;
}
.control-point .resize-handle[data-v-35dfe6dc]:hover {
      background-color: rgba(0, 123, 255, 0.8);
}
.control-point .resize-handle.resize-handle-n[data-v-35dfe6dc] {
      top: -5px;
      left: 50%;
      transform: translateX(-50%);
      cursor: n-resize;
}
.control-point .resize-handle.resize-handle-e[data-v-35dfe6dc] {
      top: 50%;
      right: -5px;
      transform: translateY(-50%);
      cursor: e-resize;
}
.control-point .resize-handle.resize-handle-sw[data-v-35dfe6dc] {
      bottom: -5px;
      left: 0;
      cursor: sw-resize;
}
.control-point .resize-handle.resize-handle-w[data-v-35dfe6dc] {
      top: 50%;
      left: -5px;
      transform: translateY(-50%);
      cursor: w-resize;
}
.control-point .resize-handle.resize-handle-ne[data-v-35dfe6dc] {
      top: -5px;
      right: -5px;
      cursor: ne-resize;
}
.control-point .resize-handle.resize-handle-nw[data-v-35dfe6dc] {
      top: -5px;
      left: -5px;
      cursor: nw-resize;
}
.control-point .resize-handle.resize-handle-se[data-v-35dfe6dc] {
      bottom: -5px;
      right: -5px;
      cursor: se-resize;
}
.control-point .resize-handle.resize-handle-sw[data-v-35dfe6dc] {
      bottom: -5px;
      left: -5px;
      cursor: sw-resize;
}
.control-point.resizing[data-v-35dfe6dc] {
    box-shadow: 0 0 8px rgba(0, 123, 255, 0.8);
}
.control-point .hotspot-content[data-v-35dfe6dc] {
    background-color: rgba(255, 157, 0, 0.3);
    border: 1px solid #ff9d00;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    transition: background-color 0.3s ease;
    position: relative;
}
.control-point .hotspot-label[data-v-35dfe6dc] {
    color: white;
    font-size: 14px;
    text-shadow: 0 0 3px rgba(0, 0, 0, 0.8);
    pointer-events: none;
}
.control-point.hotspot-area[data-v-35dfe6dc] {
    cursor: move;
}
.text-content[data-v-35dfe6dc] {
  white-space: pre-wrap;
  height: auto !important;
}
.shape-text-content[data-v-35dfe6dc] {
  width: 100% !important;
  height: 100% !important;
  min-height: 100%;
}
.shape-text-inner[data-v-35dfe6dc] {
  box-sizing: border-box;
}
.inp[data-v-35dfe6dc] {
  height: auto !important;
}
[data-v-35dfe6dc] .el-textarea {
  height: 100%;
}
[data-v-35dfe6dc] .el-textarea__inner {
  width: 100%;
  height: 100%;
  padding: 0;
  border: 0;
  line-height: inherit;
  color: inherit !important;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.card-carousel-wrapper[data-v-08661550] {
  transform: rotate(0) !important;
}
.folder-item[data-v-08661550] {
  position: absolute;
  min-height: 36px;
  display: flex;
  align-items: center;
  cursor: pointer;
  border-radius: 4px;
}
.folder-item.card-carousel-folder[data-v-08661550] {
    overflow: hidden;
    align-items: stretch;
}
.folder-item.flip-gallery-folder[data-v-08661550] {
    overflow: hidden;
    align-items: stretch;
}
.folder-item.hover-parent[data-v-08661550] {
    border: 2px dashed #3656fd;
    background-color: rgba(54, 86, 253, 0.1);
    box-shadow: 0 0 0 1px rgba(54, 86, 253, 0.3);
}
.folder-item.active[data-v-08661550] {
    background-color: rgba(54, 86, 253, 0.3);
    border: 2px solid #3656fd;
}
.folder-item.active-folder[data-v-08661550] {
    border: 3px solid #007bff;
    background-color: rgba(0, 123, 255, 0.1);
    box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.3);
}
.folder-item.active.hover-parent[data-v-08661550] {
    border: 2px solid #3656fd;
    box-shadow: 0 0 0 2px rgba(54, 86, 253, 0.5);
}
.borders[data-v-08661550] {
  border: 2px solid #007bff;
}


.resultpopover {
  padding: 4px;
  min-width: 110px !important;
  width: 110px !important;
  height: auto;
  background: #fff !important;
  border-radius: 4px !important;
  border: 0 !important;
  z-index: 2200 !important;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.resultcont[data-v-b2f7cae0] {
  display: flex;
  flex-direction: column;
}
.resultcont div[data-v-b2f7cae0] {
    height: 36px;
    border-radius: 4px;
    line-height: 36px;
    display: flex;
    justify-content: center;
    width: 100%;
    color: #333333;
    cursor: pointer;
    margin-bottom: 4px;
}
.resultcont div[data-v-b2f7cae0]:hover {
      background: #3656fd;
      color: #fff;
      width: 100%;
}
.result_btn[data-v-b2f7cae0] {
  display: flex;
}
.result_btn .heavy[data-v-b2f7cae0] {
    width: 80px;
    height: 36px;
    background: #f2f2f2;
    border-radius: 4px 4px 4px 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 400;
    font-size: 14px;
    color: #333333;
    margin-right: 12px;
    cursor: pointer;
}
.result_btn .moreshow[data-v-b2f7cae0] {
    width: 110px;
    height: 38px;
    background: #3656fd;
    border-radius: 4px 4px 4px 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 400;
    font-size: 14px;
    color: #ffffff;
    cursor: pointer;
}
.result_btn .moreshow .el-icon-arrow-down[data-v-b2f7cae0] {
      margin-left: 8px;
}
.result .result_top[data-v-b2f7cae0] {
  width: 100%;
  max-height: 120px;
  border-radius: 8px 8px 8px 8px;
  border: 1px solid #f2f2f2;
  font-weight: 400;
  font-size: 14px;
  color: #000000;
  padding: 16px 12px;
  overflow-y: auto;
}
.result .result_span[data-v-b2f7cae0] {
  font-weight: 400;
  font-size: 12px;
  color: #cccccc;
  margin-top: 8px;
}
.rotating-image[data-v-b2f7cae0] {
  animation: rotate-b2f7cae0 1s linear infinite;
  display: inline-block;
  width: 12px;
  height: 12px;
}
@keyframes rotate-b2f7cae0 {
from {
    transform: rotate(0deg);
}
to {
    transform: rotate(360deg);
}
}
@keyframes placeHolderShimmer-b2f7cae0 {
0% {
    background-position: -468px 0;
}
100% {
    background-position: 468px 0;
}
}
.skeleton[data-v-b2f7cae0] {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 16px 12px;
  background: #f2f2f2;
}
.loadskeleton[data-v-b2f7cae0] {
  height: 13px;
  background: #d9d9d9;
  border-radius: 4px;
  margin-bottom: 12px;
  background-image: linear-gradient(to right, #ebecec 0%, #e3e3e3 50%, #d9d9d9 100%);
  background-size: 800px 104px;
  position: relative;
  overflow: hidden;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: placeHolderShimmer-b2f7cae0;
  animation-timing-function: linear;
}
.oneskeleton[data-v-b2f7cae0] {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.oneskeleton .oneleft[data-v-b2f7cae0] {
    width: 51px;
}
.oneskeleton .oneright[data-v-b2f7cae0] {
    width: 205px;
}
.oneskeleton .twoleft[data-v-b2f7cae0] {
    width: 132px;
}
.oneskeleton .tworight[data-v-b2f7cae0] {
    width: 124px;
}
.oneskeleton .threeleft[data-v-b2f7cae0] {
    width: 211px;
}
.oneskeleton .threeright[data-v-b2f7cae0] {
    width: 45px;
}
.oneskeleton .fourleft[data-v-b2f7cae0] {
    width: 112px;
}
.oneskeleton .fourright[data-v-b2f7cae0] {
    width: 144px;
}
.aiWriteDig[data-v-b2f7cae0] {
  width: 320px;
  height: 262px;
  background: #ffffff;
  border-radius: 8px;
  position: absolute;
  z-index: 333;
}
.aiWriteDig .digHeader[data-v-b2f7cae0] {
    height: 44px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 16px;
    border-bottom: 1px solid #efefef;
}
.aiWriteDig .digHeader .header-title[data-v-b2f7cae0] {
      font-weight: 600;
      font-size: 14px;
      color: #333333;
}
.aiWriteDig .digHeader img[data-v-b2f7cae0] {
      width: 20px;
      height: 20px;
      cursor: pointer;
}
.aiWriteDig .digCont[data-v-b2f7cae0] {
    height: calc(100% - 44px);
    padding: 16px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.aiWriteDig .digCont .cont_inp[data-v-b2f7cae0] {
      width: 288px;
      height: 120px;
      background: #f2f2f2;
      border-radius: 8px 8px 8px 8px;
      overflow: hidden;
}
.aiWriteDig .digCont .cont_inp .desc_view_input[data-v-b2f7cae0] {
        width: 100%;
        height: 100% !important;
}
.aiWriteDig .digCont .cont_inp .desc_view_input[data-v-b2f7cae0] .el-textarea__inner {
          padding: 16px 12px 26px;
          background: #f2f2f2;
          border: none;
          width: 100%;
          height: 135px !important;
          color: #000000 !important;
}
.aiWriteDig .digCont .btns[data-v-b2f7cae0] {
      display: flex;
      justify-content: space-between;
      align-items: center;
}
.aiWriteDig .digCont .btns .btns_load[data-v-b2f7cae0] {
        display: flex;
        font-weight: 400;
        font-size: 12px;
        color: #333333;
}
.aiWriteDig .digCont .btns .closeBtn[data-v-b2f7cae0] {
        width: 78px;
        height: 36px;
        background: #f2f2f2;
        border-radius: 4px 4px 4px 4px;
        font-weight: 400;
        font-size: 14px;
        color: #333333;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
}
.aiWriteDig .digCont .btns .closeBtn img[data-v-b2f7cae0] {
          width: 14px;
          height: 14px;
          margin-right: 4px;
}
.aiWriteDig .digCont .cont_btn[data-v-b2f7cae0] {
      width: 88px;
      height: 36px;
      background: #3656fd;
      border-radius: 4px 4px 4px 4px;
      font-weight: 400;
      font-size: 14px;
      color: #ffffff;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
}
.aiwrite[data-v-b2f7cae0] {
  display: flex;
  position: absolute;
  top: -38px;
}
.aiwrite .write[data-v-b2f7cae0] {
    width: 76px;
    height: 28px;
    background: #ffffff;
    border-radius: 4px 4px 4px 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 14px;
    color: #3656fd;
    margin-right: 8px;
    cursor: pointer;
}
.aiwrite .write img[data-v-b2f7cae0] {
      width: 20px;
      height: 20px;
      margin-right: 2px;
}
.text-measurer[data-v-b2f7cae0] {
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  white-space: pre;
  /* 保留空格 */
  font: inherit;
  /* 必须与 input 字体一致！ */
  padding: 2px 4px;
  width: auto !important;
  height: auto !important;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.font-size[data-v-bcc1b040] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #2c2e35;
  border-radius: 4px 4px 4px 4px;
  width: 100%;
  height: 40px;
  margin-bottom: 12px;
  padding: 0 4px;
}
.font-size .textImg[data-v-bcc1b040] {
    background-color: rgba(240, 234, 234, 0.05);
    border-radius: 4px 4px 4px 4px;
}
.font-size img[data-v-bcc1b040] {
    width: 24px;
    height: 24px;
    cursor: pointer;
}
.slace_item[data-v-bcc1b040] {
  display: flex;
  background-color: rgba(217, 217, 217, 0.05);
  border-radius: 4px;
  justify-content: space-between;
}
.slace_item .item_slace[data-v-bcc1b040] {
    height: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    padding: 0 16px;
}
.slace_item .item_slace img[data-v-bcc1b040] {
      width: 24px;
      height: 24px;
}
.slace_item .item_active[data-v-bcc1b040] {
    background-color: rgba(240, 234, 234, 0.05);
}
.slace[data-v-bcc1b040] {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
}
.slace.slacex[data-v-bcc1b040] .el-input::before {
    content: "X" !important;
}
.slace.slacey[data-v-bcc1b040] .el-input::before {
    content: "Y" !important;
}
.slace.slacew[data-v-bcc1b040] .el-input::before {
    content: "W" !important;
}
.slace.slaceh[data-v-bcc1b040] .el-input::before {
    content: "H" !important;
}
.slace span[data-v-bcc1b040] {
    width: 30px;
    font-size: 12px;
    font-weight: 600;
}
.slace[data-v-bcc1b040] .el-input::before {
    content: "px";
    position: absolute;
    left: 12px;
    color: rgba(255, 255, 255, 0.6);
    line-height: 36px;
    font-size: 14px;
}
.slace[data-v-bcc1b040] .el-input__inner {
    padding: 0 20px 0 36px !important;
    border: 0 !important;
    height: 36px !important;
    line-height: 36px !important;
}
.slace-two[data-v-bcc1b040] {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
}
.slace-two span[data-v-bcc1b040] {
    font-size: 12px;
    margin-right: 12px;
}
.slace-two[data-v-bcc1b040] .el-input::before {
    content: "";
    position: absolute;
    left: 5px;
    color: #fff;
    line-height: 40px;
    font-size: 12px;
    background-image: url("https://qichuan-pc.oss-cn-shenzhen.aliyuncs.com/vreditor/elements/group2.png");
    background-size: 100% 100%;
    width: 24px;
    height: 24px;
    top: 6px;
}
.slace-two[data-v-bcc1b040] .el-input__inner {
    text-align: right;
    padding: 0 26px 0 20px !important;
    height: 40px !important;
    line-height: 40px !important;
}
.slace-two1[data-v-bcc1b040] {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
}
.slace-two1 span[data-v-bcc1b040] {
    font-size: 12px;
    margin-right: 12px;
}
.slace-two1[data-v-bcc1b040] .el-input::before {
    content: "";
    position: absolute;
    left: 5px;
    color: #fff;
    line-height: 40px;
    font-size: 12px;
    background-image: url("https://qichuan-pc.oss-cn-shenzhen.aliyuncs.com/vreditor/elements/group1.png");
    width: 24px;
    height: 24px;
    background-size: 100% 100%;
    top: 6px;
}
.slace-two1[data-v-bcc1b040] .el-input__inner {
    text-align: right;
    padding: 0 26px 0 20px !important;
    height: 40px !important;
    line-height: 40px !important;
}
.slace-font[data-v-bcc1b040] .el-input::before {
  content: "\5B57\53F7" !important;
  left: 5px;
}
.slace-font[data-v-bcc1b040] .el-input__inner {
  text-align: right;
  padding: 0 26px 0 20px !important;
  height: 40px !important;
  line-height: 40px !important;
}
.colorPicker[data-v-bcc1b040] {
  height: 36px;
  background: #2c2e35;
  border-radius: 4px 4px 4px 4px;
  display: flex;
  align-items: center;
  padding: 0 12px;
}
.colorPicker .colors[data-v-bcc1b040] {
    width: 24px;
    height: 24px;
    background: #ffffff;
    border-radius: 2px 2px 2px 2px;
    cursor: pointer;
}
.colorPicker[data-v-bcc1b040] .el-input {
    width: calc(100% - 24px);
}
.colorPicker[data-v-bcc1b040] .el-input,
  .colorPicker[data-v-bcc1b040] .el-input__inner {
    border: 0 !important;
    background: inherit !important;
}
.colorPicker[data-v-bcc1b040] .el-input__inner {
    padding: 0 0 0 15px !important;
}
.colorPicker[data-v-bcc1b040] .el-input__inner:focus {
    border: 0 !important;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.image-crop-overlay[data-v-005e59bc] {
  position: absolute;
  pointer-events: auto;
  box-sizing: border-box;
}
.image-crop-stage[data-v-005e59bc] {
  position: relative;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.35);
}
.image-crop-source[data-v-005e59bc] {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: fill;
     object-fit: fill;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.image-crop-mask[data-v-005e59bc] {
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.45);
  pointer-events: none;
}
.image-crop-mask-right[data-v-005e59bc] {
  left: auto;
}
.image-crop-box[data-v-005e59bc] {
  position: absolute;
  border: 2px solid #fff;
  box-sizing: border-box;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
}
.image-crop-edge[data-v-005e59bc] {
  position: absolute;
  z-index: 2;
  pointer-events: auto;
}
.image-crop-edge-n[data-v-005e59bc],
.image-crop-edge-s[data-v-005e59bc] {
  left: 0;
  right: 0;
}
.image-crop-edge-e[data-v-005e59bc],
.image-crop-edge-w[data-v-005e59bc] {
  top: 0;
  bottom: 0;
}
.image-crop-edge-n[data-v-005e59bc] {
  cursor: ns-resize;
}
.image-crop-edge-s[data-v-005e59bc] {
  cursor: ns-resize;
}
.image-crop-edge-e[data-v-005e59bc] {
  cursor: ew-resize;
}
.image-crop-edge-w[data-v-005e59bc] {
  cursor: ew-resize;
}
.image-crop-inner[data-v-005e59bc] {
  position: absolute;
  inset: 0;
  cursor: move;
  z-index: 1;
}
.image-crop-corner[data-v-005e59bc] {
  position: absolute;
  background: #fff;
  border: 1px solid #0c86ff;
  box-sizing: border-box;
  pointer-events: auto;
  z-index: 3;
}
.image-crop-corner-nw[data-v-005e59bc] {
  left: -4px;
  top: -4px;
  cursor: nwse-resize;
}
.image-crop-corner-ne[data-v-005e59bc] {
  right: -4px;
  top: -4px;
  cursor: nesw-resize;
}
.image-crop-corner-se[data-v-005e59bc] {
  right: -4px;
  bottom: -4px;
  cursor: nwse-resize;
}
.image-crop-corner-sw[data-v-005e59bc] {
  left: -4px;
  bottom: -4px;
  cursor: nesw-resize;
}
.image-crop-actions[data-v-005e59bc] {
  position: absolute;
  display: flex;
  gap: 12px;
  pointer-events: auto;
  z-index: 4;
  white-space: nowrap;
}
.image-crop-btn[data-v-005e59bc] {
  min-width: 72px;
  height: 32px;
  padding: 0 16px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 4px;
  background: rgba(34, 35, 38, 0.95);
  color: #fff;
  font-size: 14px;
  cursor: pointer;
}
.image-crop-btn-primary[data-v-005e59bc] {
  background: #3656fd;
  border-color: #3656fd;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.video-background[data-v-119945c2],
.image-background[data-v-119945c2] {
  border: 3px solid #365252;
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.25);
  -o-object-fit: fill;
     object-fit: fill;
}
.hover-border[data-v-119945c2] {
  border: 2px solid #0c86ff !important;
}
.overlay-title[data-v-119945c2] {
  position: absolute;
  top: -20px;
  left: 0;
  font-size: 12px;
  font-weight: 400;
  color: #0c86ff;
  white-space: nowrap;
  z-index: 101;
}
.multi-select-rect[data-v-119945c2] {
  position: absolute;
  pointer-events: auto !important;
  z-index: 999 !important;
}
.multi-select-bound[data-v-119945c2] {
  z-index: 1000 !important;
  cursor: move;
}
.multi-select-border[data-v-119945c2] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 2px solid #0c86ff;
}
.multi-select-handle[data-v-119945c2] {
  position: absolute;
  width: 8px;
  height: 8px;
  background-color: #fff;
  pointer-events: all;
  border-radius: 50%;
  z-index: 3;
}
.multi-select-handle.nw[data-v-119945c2] {
    top: -4px;
    left: -4px;
    cursor: nw-resize;
}
.multi-select-handle.ne[data-v-119945c2] {
    top: -4px;
    right: -4px;
    cursor: ne-resize;
}
.multi-select-handle.sw[data-v-119945c2] {
    bottom: -4px;
    left: -4px;
    cursor: sw-resize;
}
.multi-select-handle.se[data-v-119945c2] {
    bottom: -4px;
    right: -4px;
    cursor: se-resize;
}
.drawing-rect[data-v-119945c2] {
  position: absolute;
  border: 1px dashed #007bff;
  background-color: rgba(0, 123, 255, 0.2);
  pointer-events: none;
  z-index: 999;
}
.scene-wrapper[data-v-119945c2] {
  position: relative;
  width: 100%;
  height: 100%;
  cursor: default;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
.htmlcontainer[data-v-119945c2] {
  position: relative;
}
.control-point[data-v-119945c2] {
  position: absolute;
  transform: translate(0, 0);
  cursor: text;
  transform: translate(0, 0) rotate(0deg) !important;
  background: rgba(0, 0, 0, 0);
  border: 0 !important;
}
.control-point[data-v-119945c2] .el-textarea__inner {
    background: rgba(0, 0, 0, 0);
    border-color: #fff;
    color: #fff;
    font-weight: inherit;
}
.control-point img[data-v-119945c2] {
    -o-object-fit: cover;
       object-fit: cover;
}
.control-point.dragging[data-v-119945c2] {
    box-shadow: 0 0 8px rgba(65, 63, 63, 0.8);
    background-color: rgba(65, 63, 63, 0.5);
}
.control-point.resizing[data-v-119945c2] {
    box-shadow: 0 0 8px rgba(0, 123, 255, 0.8);
}
.control-point.hotspot-area[data-v-119945c2] {
    cursor: move;
}
.control-point.hotspot-area .hotspot-content[data-v-119945c2] {
      background-color: rgba(0, 123, 255, 0.3);
      border: 1px dashed rgba(0, 123, 255, 0.8);
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 4px;
      transition: background-color 0.3s ease;
      position: relative;
}
.control-point.hotspot-area .hotspot-content[data-v-119945c2]:hover {
        background-color: rgba(0, 123, 255, 0.5);
}
.control-point.hotspot-area .hotspot-label[data-v-119945c2] {
      color: white;
      font-size: 14px;
      text-shadow: 0 0 3px rgba(0, 0, 0, 0.8);
      pointer-events: none;
}
.image-crop-blocker[data-v-119945c2] {
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.5);
  pointer-events: auto;
}
.resize-handless[data-v-119945c2] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  border: 1px solid rgba(0, 123, 255, 0.8);
  box-sizing: border-box;
  opacity: 1 !important;
  z-index: 999 !important;
}
.resize-edge[data-v-119945c2] {
  position: absolute;
  z-index: 2;
  pointer-events: auto;
}
.resize-edge-n[data-v-119945c2],
.resize-edge-s[data-v-119945c2] {
  left: 0;
  right: 0;
}
.resize-edge-e[data-v-119945c2],
.resize-edge-w[data-v-119945c2] {
  top: 0;
  bottom: 0;
}
.resize-edge-n[data-v-119945c2],
.resize-edge-s[data-v-119945c2] {
  cursor: ns-resize;
}
.resize-edge-e[data-v-119945c2],
.resize-edge-w[data-v-119945c2] {
  cursor: ew-resize;
}
.dialogs[data-v-119945c2] {
  border: 2px dashed #00f6ff;
  touch-action: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.dialogs.move-box-active[data-v-119945c2] {
    border-color: #0c86ff;
    z-index: 1002;
}
.move-box-label[data-v-119945c2] {
  position: absolute;
  top: -20px;
  left: 0;
  font-size: 12px;
  font-weight: 600;
  color: #ffffff;
  white-space: nowrap;
  pointer-events: none;
}
.box.move-box-active[data-v-119945c2] {
  z-index: 101;
}
.resize-handlesss[data-v-119945c2] {
  position: absolute;
  width: 8px;
  height: 8px;
  background-color: rgba(255, 255, 255, 0.8);
  border: 1px solid rgba(0, 123, 255, 0.8);
  pointer-events: auto;
  border-radius: 50%;
  z-index: 3;
}
.resize-handlesss[data-v-119945c2]:hover {
    background-color: rgba(0, 123, 255, 0.8);
}
.resize-handlesss.resize-handle-ne[data-v-119945c2] {
    top: -4px;
    right: -4px;
    cursor: ne-resize;
}
.resize-handlesss.resize-handle-nw[data-v-119945c2] {
    top: -4px;
    left: -4px;
    cursor: nw-resize;
}
.resize-handlesss.resize-handle-se[data-v-119945c2] {
    bottom: -4px;
    right: -4px;
    cursor: se-resize;
}
.resize-handlesss.resize-handle-sw[data-v-119945c2] {
    bottom: -4px;
    left: -4px;
    cursor: sw-resize;
}
.point-rotate-handle[data-v-119945c2] {
  position: absolute;
  pointer-events: auto;
  cursor: grab;
  color: #0c86ff;
  background: #fff;
  border: 1px solid #0c86ff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
}
.point-rotate-handle[data-v-119945c2]:active {
    cursor: grabbing;
}
.point-rotate-handle svg[data-v-119945c2] {
    width: 70%;
    height: 70%;
}

/* 参考线刻度值样式 */
.guide-value[data-v-119945c2] {
  position: absolute;
  color: white;
  font-size: 12px;
  padding: 2px 6px;
  border-radius: 3px;
  white-space: nowrap;
  z-index: 2201;
  color: #e936fd;
  pointer-events: none;
}
.horizontal-value[data-v-119945c2] {
  transform: translateX(0);
}
.vertical-value[data-v-119945c2] {
  transform: translateY(0);
}

/* 添加参考线样式 */
.guide-line[data-v-119945c2] {
  position: absolute;
  background-color: #e936fd;
  z-index: 2200;
}
.horizontal-guide[data-v-119945c2] {
  width: 100%;
  height: 1px;
  cursor: ns-resize;
}
.horizontal-guide[data-v-119945c2]::before {
    content: "";
    position: absolute;
    left: 0;
    top: -2px;
    width: 100%;
    height: 5px;
    background-color: transparent;
    cursor: ns-resize;
}
.vertical-guide[data-v-119945c2] {
  width: 1px;
  height: 100%;
  cursor: ew-resize;
}
.vertical-guide[data-v-119945c2]::before {
    content: "";
    position: absolute;
    top: 0;
    left: -2px;
    width: 5px;
    height: 100%;
    background-color: transparent;
    cursor: ew-resize;
}
.boxss[data-v-119945c2] {
  position: relative;
  width: 18px;
  height: 18px;
  box-sizing: border-box;
  z-index: 21;
}
.boxss[data-v-119945c2]:before,
.boxss[data-v-119945c2]:after {
  position: absolute;
  content: "";
  background: #777;
}
.boxss[data-v-119945c2]:before {
  width: 1px;
  height: 100%;
  left: 100%;
}
.boxss[data-v-119945c2]:after {
  height: 1px;
  width: 100%;
  top: 100%;
}

/* 确保在不同设备上保持16:9比例 */
.ele-font[data-v-119945c2] {
  text-align: left;
}
.size-show[data-v-119945c2] {
  padding: 20px;
  position: fixed;
  left: 28px;
  top: 18px;
}
.wrapper[data-v-119945c2] {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 2001;
  top: 0;
  left: 0;
}
.shape-input-point[data-v-119945c2] {
  overflow: hidden;
}
.shape-input-inner[data-v-119945c2] {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px;
  box-sizing: border-box;
}
.shape-input-point .shape-inp[data-v-119945c2] {
  width: 100%;
  max-height: 100%;
}
.inp[data-v-119945c2] {
  height: auto !important;
  width: 100%;
  border: none !important;
  outline: none !important;
  -webkit-user-select: text;
  -moz-user-select: text;
  user-select: text;
}
.inp.has-text-selection[data-v-119945c2] {
    caret-color: transparent;
}
[data-v-119945c2] .el-textarea {
  height: 100%;
}
[data-v-119945c2] .el-textarea__inner {
  width: 100% !important;
  height: 100%;
  padding: 0;
  border: 0;
  line-height: inherit;
  color: inherit !important;
  font-weight: inherit;
  text-align: inherit;
}
[data-v-119945c2] .shape-input-point .shape-inp .el-textarea {
  height: auto !important;
  max-height: 100%;
}
[data-v-119945c2] .shape-input-point .shape-inp .el-textarea__inner {
  height: auto !important;
  max-height: 100%;
  min-height: 1.2em;
  text-align: center !important;
  resize: none;
  overflow: auto;
  padding: 0;
  border: 0;
  background: transparent !important;
  line-height: 1.4;
  caret-color: #333333;
  box-shadow: none;
}
.ruler[data-v-119945c2] {
  position: absolute;
  border-radius: 0px 0px 0px 0px;
  border: 1px solid #2e3037;
  z-index: 201;
}
.ruler.horizontal[data-v-119945c2] {
  top: 0;
  left: 18px;
  width: calc(100% - 18px);
  height: 18px;
  border-bottom: 1px solid #444;
}
.ruler.vertical[data-v-119945c2] {
  top: 18px;
  left: 0;
  width: 18px;
  height: calc(100% - 18px);
  border-right: 1px solid #444;
}
.vertical[data-v-119945c2] {
  top: 0 !important;
}
.ruler-canvas[data-v-119945c2] {
  width: 100%;
  height: 100%;
}
.ruler-corner[data-v-119945c2] {
  position: absolute;
  top: 0;
  left: 0;
  width: 18px;
  height: 18px;
  border: 1px solid #2e3037;
  background-color: #1a1d23;
  border-radius: 0;
  z-index: 2300;
}
.resize-handle-n[data-v-119945c2] {
  position: absolute;
  top: -2px !important;
  left: 50%;
  transform: translateX(-50%);
  cursor: ns-resize;
  width: 16px !important;
  height: 4px;
  background: #ffffff;
  border-radius: 0;
}
.resize-handle-e[data-v-119945c2] {
  position: absolute;
  top: 50%;
  right: -2px !important;
  left: unset !important;
  transform: translateY(-50%);
  cursor: ew-resize;
  height: 16px !important;
  width: 4px;
  background: #ffffff;
  border-radius: 0;
}
.resize-handle-s[data-v-119945c2] {
  position: absolute;
  bottom: -2px !important;
  top: unset !important;
  left: 50%;
  transform: translateX(-50%);
  cursor: ns-resize;
  width: 16px !important;
  height: 4px;
  background: #ffffff;
  border-radius: 0;
}
.resize-handle-w[data-v-119945c2] {
  position: absolute;
  top: 50%;
  left: -2px !important;
  transform: translateY(-50%);
  cursor: ew-resize;
  height: 16px !important;
  width: 4px;
  background: #ffffff;
  border-radius: 0;
}
.text-measurer[data-v-119945c2] {
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  white-space: pre;
  /* 保留空格 */
  font: inherit;
  /* 必须与 input 字体一致！ */
  padding: 2px 4px;
  width: auto !important;
  height: auto !important;
}

/* 迁移自index.vue的样式 */
.draw-rect[data-v-119945c2] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
}
.popup-draw-rect[data-v-119945c2] {
  pointer-events: none;
}
.popup-draw-rect .dialogs[data-v-119945c2] {
    pointer-events: auto;
}
.rectangle[data-v-119945c2] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 100;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
.box[data-v-119945c2] {
  position: absolute;
  cursor: move;
  z-index: 101;
  opacity: 1;
}
.upleftbtn[data-v-119945c2],
.uprightbtn[data-v-119945c2],
.downleftbtn[data-v-119945c2],
.downrightbtn[data-v-119945c2],
.topbtn[data-v-119945c2],
.rightbtn[data-v-119945c2],
.bottombtn[data-v-119945c2],
.leftbtn[data-v-119945c2] {
  position: absolute;
  z-index: 5;
  background: #ffffff;
  border-radius: 50%;
  border: 1px solid rgba(0, 0, 0, 0.3);
  cursor: nwse-resize;
  width: 8px;
  height: 8px;
}
.basic_information[data-v-119945c2] {
  border-radius: 4px 4px 0px 0px;
  z-index: 5;
  display: flex;
  align-items: center;
  font-weight: 400;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.6);
  padding-right: 4px;
  cursor: pointer;
}
.basic_information .basic_information-input[data-v-119945c2] {
    min-width: 20px;
    /* 初始最小宽度 */
    transition: width 0.3s;
    /* 平滑过渡效果 */
}
.basic_information[data-v-119945c2] .el-input__inner {
    font-weight: 600;
    color: #ffffff;
    background: transparent !important;
    border: 0px;
    font-size: 12px;
    height: 17px;
    padding: 4px;
}
.basic_information[data-v-119945c2] .el-input__inner:hover {
      border-color: transparent !important;
      border: 0px;
}
.basic_information[data-v-119945c2] .el-input__inner:focus {
      border: 0px;
}
.scene-selection[data-v-119945c2] {
  height: 21px;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
  border-radius: 0px 0px 4px 4px;
  font-weight: 600;
  font-size: 12px;
  color: #ffffff;
  display: flex;
  align-items: center;
  padding: 4px;
  cursor: pointer;
  width: 82px;
}
.scene-selection .scene-selection-img[data-v-119945c2] {
    width: 12px;
    height: 12px;
    margin-right: 2px;
}
.upleftbtn[data-v-119945c2] {
  top: -5px;
  left: -5px;
  cursor: nw-resize;
}
.uprightbtn[data-v-119945c2] {
  top: -5px;
  right: -5px;
  cursor: ne-resize;
}
.downleftbtn[data-v-119945c2] {
  bottom: -5px;
  left: -5px;
  cursor: sw-resize;
}
.downrightbtn[data-v-119945c2] {
  bottom: -5px;
  right: -5px;
  cursor: se-resize;
}
.topbtn[data-v-119945c2] {
  top: -3px;
  left: 50%;
  width: 16px;
  height: 4px;
  transform: translateX(-50%);
  border-radius: 10px;
  cursor: ns-resize;
}
.rightbtn[data-v-119945c2] {
  right: -3px;
  top: 51%;
  width: 4px;
  height: 16px;
  border-radius: 10px;
  transform: translateY(-50%);
  cursor: ew-resize;
}
.bottombtn[data-v-119945c2] {
  bottom: -3px;
  left: 51%;
  width: 16px;
  height: 4px;
  border-radius: 10px;
  transform: translateX(-50%);
  cursor: ns-resize;
}
.leftbtn[data-v-119945c2] {
  left: -3px;
  top: 50%;
  width: 4px;
  height: 16px;
  border-radius: 10px;
  transform: translateY(-50%);
  cursor: ew-resize;
}
.borders[data-v-119945c2] {
  border: 2px solid #007bff;
}
.interTitle[data-v-119945c2] {
  width: 48px;
  height: 21px;
  background: #00d0d8;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
  border-radius: 4px 4px 0px 0px;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: 12px;
  color: #ffffff;
  top: -21px;
}
.point[data-v-119945c2] {
  width: 320px !important;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  z-index: 2001;
  background: #23252c;
  height: 100%;
  padding: 12px 20px;
  overflow-y: scroll;
}
.point .point-top[data-v-119945c2] {
    display: flex;
}
.point .point-top .active[data-v-119945c2] {
      background: rgba(255, 255, 255, 0.1) !important;
}
.point .point-top .top-item[data-v-119945c2] {
      width: 72px;
      height: 32px;
      background: rgba(255, 255, 255, 0);
      border-radius: 4px 4px 4px;
      margin-right: 6px;
      line-height: 32px;
      text-align: center;
      font-weight: 600;
      font-size: 16px;
      color: #ffffff;
      cursor: pointer;
}
.point .slaceTwo[data-v-119945c2] {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
}
.point .slaceTwo span[data-v-119945c2] {
      width: 60px;
      font-size: 12px;
}
.point .slace[data-v-119945c2] {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
}
.point .slace span[data-v-119945c2] {
      width: 30px;
      font-size: 12px;
      font-weight: 600;
}
.point .slace[data-v-119945c2] .el-input::after {
      content: "px";
      position: absolute;
      right: 5px;
      color: #616161;
      line-height: 40px;
      font-size: 12px;
}
.point .slace[data-v-119945c2] .el-input__inner {
      padding: 0 20px 0 15px !important;
}
.point .elform[data-v-119945c2] {
    height: calc(100% - 20px);
}
.point[data-v-119945c2] .el-form {
    margin-top: 12px;
}
.point[data-v-119945c2] .el-input__inner,
  .point[data-v-119945c2] .el-textarea__inner {
    background: rgba(217, 217, 217, 0.05);
    border-radius: 4px 4px 4px 4px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #fff;
}
.point[data-v-119945c2] .el-form--label-top .el-form-item__label {
    padding: 0;
    font-weight: 600;
}


.config-panel[data-v-5422dbf2] {
  position: fixed;
  top: 0;
  right: 0;
  width: 400px;
  height: 100%;
  background: linear-gradient(180deg, #1a1a2e 0%, #16213e 100%);
  border-left: 2px solid #00f3ff;
  box-shadow: -10px 0 30px rgba(0,0,0,0.8);
  z-index: 1001;
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  transform: translateX(100%);
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  color: #e0e0ff;
}
.config-panel.open[data-v-5422dbf2] {
  transform: translateX(0);
}
.config-header[data-v-5422dbf2] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
  border-bottom: 1px solid rgba(0, 243, 255, 0.2);
  padding-bottom: 0.8rem;
}
.config-title[data-v-5422dbf2] {
  font-size: 1.1rem;
  color: #00f3ff;
  font-weight: 600;
  margin: 0;
}
.close-btn[data-v-5422dbf2] {
  background: none;
  border: none;
  color: #8a8ab5;
  font-size: 1.5rem;
  cursor: pointer;
  transition: color 0.3s;
}
.close-btn[data-v-5422dbf2]:hover {
  color: #ff4d4d;
}
.view-container[data-v-5422dbf2] {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

/* List View Styles */
.list-actions[data-v-5422dbf2] {
  margin-bottom: 1rem;
}
.btn-full[data-v-5422dbf2] {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.plus-icon[data-v-5422dbf2] {
  font-size: 1.2rem;
}
.anim-list[data-v-5422dbf2] {
  flex: 1;
  overflow-y: auto;
  padding-right: 4px;
}
.anim-list[data-v-5422dbf2]::-webkit-scrollbar {
  width: 4px;
}
.anim-list[data-v-5422dbf2]::-webkit-scrollbar-thumb {
  background: rgba(0, 243, 255, 0.3);
  border-radius: 2px;
}
.anim-item[data-v-5422dbf2] {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(0, 243, 255, 0.1);
  border-radius: 8px;
  padding: 12px;
  margin-bottom: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: all 0.3s;
  cursor: pointer;
}
.anim-item[data-v-5422dbf2]:hover {
  background: rgba(0, 243, 255, 0.1);
  border-color: #00f3ff;
  transform: translateX(-4px);
}
.anim-info[data-v-5422dbf2] {
  flex: 1;
}
.anim-name[data-v-5422dbf2] {
  font-weight: 600;
  color: #fff;
  margin-bottom: 4px;
}
.anim-meta[data-v-5422dbf2] {
  font-size: 0.75rem;
  color: #8a8ab5;
}
.item-btns[data-v-5422dbf2] {
  display: flex;
  gap: 8px;
}
.item-btn[data-v-5422dbf2] {
  background: rgba(255, 255, 255, 0.1);
  border: none;
  color: #e0e0ff;
  width: 24px;
  height: 24px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.delete-btn[data-v-5422dbf2]:hover {
  background: #ff4d4d;
  color: white;
}
.empty-state[data-v-5422dbf2] {
  text-align: center;
  color: #8a8ab5;
  margin-top: 3rem;
  font-size: 0.9rem;
}

/* Edit View Styles */
.edit-toolbar[data-v-5422dbf2] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 1.5rem;
}
.back-link[data-v-5422dbf2] {
  background: none;
  border: none;
  color: #00f3ff;
  font-size: 0.85rem;
  cursor: pointer;
  padding: 0;
  text-align: left;
  width: -moz-fit-content;
  width: fit-content;
}
.back-link[data-v-5422dbf2]:hover {
  text-decoration: underline;
}
.line-name-input[data-v-5422dbf2] {
  background: rgba(0, 0, 0, 0.3);
  border: 1px solid rgba(0, 243, 255, 0.3);
  border-radius: 6px;
  color: #fff;
  padding: 8px 12px;
  font-size: 1rem;
  width: 100%;
  outline: none;
}
.line-name-input[data-v-5422dbf2]:focus {
  border-color: #00f3ff;
  box-shadow: 0 0 8px rgba(0, 243, 255, 0.2);
}
.step-list[data-v-5422dbf2] {
  flex: 1;
  overflow-y: auto;
  padding-right: 4px;
  margin-bottom: 1rem;
}
.step-list[data-v-5422dbf2]::-webkit-scrollbar {
  width: 4px;
}
.step-list[data-v-5422dbf2]::-webkit-scrollbar-thumb {
  background: rgba(0, 243, 255, 0.3);
  border-radius: 2px;
}
.step-item[data-v-5422dbf2] {
  background: rgba(20, 20, 40, 0.6);
  border-radius: 8px;
  padding: 1rem;
  margin-bottom: 1rem;
  position: relative;
  border: 1px solid rgba(0, 243, 255, 0.15);
}
.step-header[data-v-5422dbf2] {
  font-size: 0.85rem;
  color: #bc13fe;
  font-weight: bold;
  margin-bottom: 0.8rem;
}
.step-controls[data-v-5422dbf2] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.8rem;
}
.control-group[data-v-5422dbf2] {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.control-group label[data-v-5422dbf2] {
  font-size: 0.75rem;
  color: #8a8ab5;
}
.control-group input[data-v-5422dbf2], .control-group select[data-v-5422dbf2] {
  background: rgba(10, 10, 30, 0.8);
  border: 1px solid rgba(0, 243, 255, 0.2);
  color: #e0e0ff;
  padding: 8px;
  border-radius: 4px;
  font-size: 0.85rem;
  outline: none;
}
.control-group input[data-v-5422dbf2]:focus, .control-group select[data-v-5422dbf2]:focus {
  border-color: #00f3ff;
}
.action-btns[data-v-5422dbf2] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin-bottom: 1rem;
}
.footer-actions[data-v-5422dbf2] {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  padding-top: 1rem;
  margin-top: 0.5rem;
}
.btn[data-v-5422dbf2] {
  padding: 10px 16px;
  border-radius: 6px;
  cursor: pointer;
  font-size: 0.9rem;
  font-weight: 500;
  transition: all 0.3s;
  border: none;
}
.btn-primary[data-v-5422dbf2] {
  background: linear-gradient(135deg, #00f3ff 0%, #00c4cc 100%);
  color: #050510;
}
.btn-primary[data-v-5422dbf2]:hover {
  box-shadow: 0 0 15px rgba(0, 243, 255, 0.5);
  transform: translateY(-1px);
}
.btn-outline[data-v-5422dbf2] {
  background: transparent;
  border: 1px solid #00f3ff;
  color: #00f3ff;
}
.btn-outline[data-v-5422dbf2]:hover {
  background: rgba(0, 243, 255, 0.1);
}
.btn-secondary[data-v-5422dbf2] {
  background: rgba(255, 255, 255, 0.1);
  color: #e0e0ff;
}
.btn-secondary[data-v-5422dbf2]:hover {
  background: rgba(255, 255, 255, 0.15);
}
.btn-danger[data-v-5422dbf2] {
  background: none;
  border: none;
  color: #ff4d4d;
  font-size: 0.75rem;
  position: absolute;
  top: 12px;
  right: 12px;
  cursor: pointer;
}
.import-export[data-v-5422dbf2] {
  display: flex;
  gap: 8px;
}
.import-export .btn[data-v-5422dbf2] {
  flex: 1;
  font-size: 0.8rem;
  padding: 8px;
}


.animation-effect-selector[data-v-28d2368d] {
  display: flex;
  flex-direction: column;
  height: 100%;
  color: #e0e0ff;
  font-family: 'Microsoft YaHei', sans-serif;
}

/* 动效配置中心入口样式 */
.config-center-entry[data-v-28d2368d] {
  height:50px;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.2rem 0.65rem;
  margin: 0.45rem 0.5rem;
  background: linear-gradient(135deg, rgba(0, 243, 255, 0.1) 0%, rgba(188, 19, 254, 0.1) 100%);
  border: 1px solid rgba(0, 243, 255, 0.3);
  border-radius: 10px;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
}
.config-center-entry[data-v-28d2368d]::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(0, 243, 255, 0.2), transparent);
  transition: left 0.5s ease;
}
.config-center-entry[data-v-28d2368d]:hover::before {
  left: 100%;
}
.config-center-entry[data-v-28d2368d]:hover {
  background: linear-gradient(135deg, rgba(0, 243, 255, 0.2) 0%, rgba(188, 19, 254, 0.2) 100%);
  border-color: #00f3ff;
  box-shadow: 0 0 20px rgba(0, 243, 255, 0.3), inset 0 0 20px rgba(0, 243, 255, 0.05);
  transform: translateY(-1px);
}
.entry-icon[data-v-28d2368d] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  background: linear-gradient(135deg, #00f3ff 0%, #bc13fe 100%);
  border-radius: 5px;
  color: #050510;
  flex-shrink: 0;
  transition: transform 0.3s ease;
}
.config-center-entry:hover .entry-icon[data-v-28d2368d] {
  transform: rotate(90deg);
}
.entry-text[data-v-28d2368d] {
  flex: 1;
  font-size: 12px;
  font-weight: 500;
  color: #e0e0ff;
  letter-spacing: 0.5px;
}
.entry-arrow[data-v-28d2368d] {
  color: #8a8ab5;
  transition: transform 0.3s ease, color 0.3s ease;
}
.config-center-entry:hover .entry-arrow[data-v-28d2368d] {
  color: #00f3ff;
  transform: translateX(3px);
}
.settings-header[data-v-28d2368d] {
  padding: 0.75rem 0.5rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: flex-start;
  background: rgba(0, 0, 0, 0.2);
  margin-bottom: 0.5rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
.setting-item[data-v-28d2368d] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.setting-item .label[data-v-28d2368d] {
  font-size: 12px;
  color: #8a8ab5;
  white-space: nowrap;
}
.setting-input[data-v-28d2368d] {
  width: 50px;
  background: rgba(20, 20, 40, 0.6);
  border: 1px solid rgba(0, 243, 255, 0.2);
  border-radius: 4px;
  padding: 4px 6px;
  color: #e0e0ff;
  font-size: 12px;
  outline: none;
}
.setting-input[data-v-28d2368d]:focus {
  border-color: #00f3ff;
}
.setting-select[data-v-28d2368d] {
  background: rgba(20, 20, 40, 0.6);
  border: 1px solid rgba(0, 243, 255, 0.2);
  border-radius: 4px;
  padding: 4px 6px;
  color: #e0e0ff;
  font-size: 12px;
  outline: none;
  cursor: pointer;
}
.setting-select[data-v-28d2368d]:focus {
  border-color: #00f3ff;
}
.tabs-header[data-v-28d2368d] {
  display: flex;
  gap: 0.5rem;
  margin-bottom: 1rem;
  border-bottom: 2px solid rgba(255, 255, 255, 0.1);
  padding-bottom: 0.5rem;
  flex-shrink: 0;
}
.tab-btn[data-v-28d2368d] {
  background: none;
  border: none;
  color: #8a8ab5;
  font-size: 13px;
  cursor: pointer;
  padding: 0.5rem 0.5rem;
  position: relative;
  transition: color 0.3s;
}
.tab-btn[data-v-28d2368d]:hover {
  color: #e0e0ff;
}
.tab-btn.active[data-v-28d2368d] {
  color: #00f3ff;
}
.tab-btn.active[data-v-28d2368d]::after {
  content: '';
  position: absolute;
  bottom: -7px;
  left: 0;
  width: 100%;
  height: 2px;
  background: #00f3ff;
  box-shadow: 0 0 10px #00f3ff;
}
.scroll-area[data-v-28d2368d] {
  flex: 1;
  overflow-y: auto;
  padding-right: 0.5rem;
}
.scroll-area[data-v-28d2368d]::-webkit-scrollbar {
  width: 4px;
}
.scroll-area[data-v-28d2368d]::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.05);
  border-radius: 2px;
}
.scroll-area[data-v-28d2368d]::-webkit-scrollbar-thumb {
  background: rgba(0, 243, 255, 0.3);
  border-radius: 2px;
}
.scroll-area[data-v-28d2368d]::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 243, 255, 0.5);
}
.effects-grid[data-v-28d2368d] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(90px, 1fr));
  gap: 0.75rem;
}
.effect-card[data-v-28d2368d] {
  background: rgba(20, 20, 40, 0.6);
  border: 1px solid rgba(0, 243, 255, 0.2);
  border-radius: 8px;
  padding: 0.75rem 0.5rem;
  text-align: center;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
  min-height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.effect-card[data-v-28d2368d]:hover {
  background: rgba(0, 243, 255, 0.1);
  border-color: #00f3ff;
  box-shadow: 0 0 15px rgba(0, 243, 255, 0.3);
  transform: translateY(-2px);
}
.effect-card.active[data-v-28d2368d] {
  background: rgba(188, 19, 254, 0.2);
  border-color: #bc13fe;
  box-shadow: 0 0 15px rgba(188, 19, 254, 0.4);
}
.cat-tag[data-v-28d2368d] {
  position: absolute;
  top: 4px;
  left: 4px;
  font-size: 10px;
  color: #8a8ab5;
  opacity: 0.6;
}
.effect-name-container[data-v-28d2368d] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
}
.effect-name-cn[data-v-28d2368d] {
  font-size: 13px;
  font-weight: 600;
  color: #e0e0ff;
}
.effect-name-en[data-v-28d2368d] {
  font-size: 10px;
  font-weight: 400;
  color: #8a8ab5;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}


.scene_itemlistpopover {
  padding: 12px;
  min-width: 100px !important;
  width: 140px !important;
  height: 180px;
  background: #464856 !important;
  border-radius: 16px 16px 16px 16px !important;
  border: 0 !important;
  z-index: 2202 !important;
}


.itempopover[data-v-581669b0] {
  padding: 12px;
  min-width: 100px !important;
  width: 140px !important;
  height: auto;
  background: #464856 !important;
  border-radius: 16px 16px 16px 16px !important;
  border: 0 !important;
  z-index: 2200 !important;
}
.morecont[data-v-581669b0] {
  display: flex;
  flex-direction: column;
}
.morecont-item[data-v-581669b0] {
  height: 36px;
  border-radius: 8px 8px 8px 8px;
  line-height: 36px;
  padding-left: 20px;
  width: 100%;
  color: #fff;
  cursor: pointer;
  margin-bottom: 4px;
&[data-v-581669b0]:hover {
    background: #3656fd;
    width: 100%;
}
}
.layer-tree-node[data-v-581669b0] {
  width: 100%;
}
.moreshow[data-v-581669b0] {
  display: none;
  /* position: absolute;
  top: 4px;
  right: 6px;
  font-size: 16px; */
  width: 24px;
  height: 24px;
}
.layer-items[data-v-581669b0] {
  position: relative;
  width: 100%;
  height: 54px;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 4px 4px 4px 4px;
  display: flex;
  align-items: center;
  padding: 8px 16px;
  font-weight: 400;
  font-size: 20px;
  color: #ffffff;
  overflow: hidden; /* 超出部分隐藏 */
  text-overflow: ellipsis; /* 显示省略符号来代表被修剪的文本 */
  white-space: nowrap;
  margin-bottom: 12px;
  justify-content: space-between;
  cursor: pointer;
&.active[data-v-581669b0] {
    border: 2px solid #3656fd;
}
}
.layer-items[data-v-581669b0]:hover {
  background: #43454b;
.moreshow[data-v-581669b0] {
    display: block;
}
}
.layer-items.drag-over[data-v-581669b0] {
  border-top: 2px solid #007bff;
}
.layer-items.drag-over-below[data-v-581669b0] {
  border-bottom: 2px solid #007bff;
}
.layer-items.drag-over-inside[data-v-581669b0] {
  background-color: #0a1923;
  outline: 1px dashed #007bff;
}
.toggle[data-v-581669b0] {
  width: 12px;
  height: 12px;
  text-align: center;
  line-height: 12px;
  font-size: 10px;
  color: #888;
  cursor: pointer;
}
.no-toggle[data-v-581669b0] {
  visibility: hidden;
}
.layer-name[data-v-581669b0] {
  padding: 8px 0 8px 12px;
  font-size: 14px;
  color: #fff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 140px;
}
.layer-name-input[data-v-581669b0] {
  width: 140px;
  margin-left: 12px;
[data-v-581669b0] .el-input__inner {
    height: 28px;
    line-height: 28px;
    padding: 0 8px;
    font-size: 14px;
    color: #fff;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid #3656fd;
    border-radius: 4px;
}
}
.edit-input[data-v-581669b0] {
  flex: 1;
  padding: 2px 4px;
  font-size: 12px;
  border: 1px solid #aaa;
  border-radius: 2px;
}
.btn[data-v-581669b0] {
  width: 18px;
  height: 18px;
  font-size: 12px;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  opacity: 0;
  transition: opacity 0.2s;
}
.layer-item:hover .btn[data-v-581669b0] {
  opacity: 1;
}
.add[data-v-581669b0] {
  background: #4caf50;
  color: white;
}
.del[data-v-581669b0] {
  background: #f44336;
  color: white;
}
.chirden[data-v-581669b0] {
  margin-left: 18px;
  padding-top: 2px;
}
.dragging[data-v-581669b0] {
  opacity: 0.5 !important;
}


body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, sans-serif;
  background: #f9f9f9;
}
.app {
  padding: 20px;
}
h3 {
  margin: 0 0 10px;
  font-size: 14px;
  color: #555;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
[data-v-09dca060] .el-button--primary {
  background: inherit;
  width: 100%;
  height: 100%;
}
[data-v-09dca060] .el-popover {
  border: 0 !important;
}
.point-upload-bars[data-v-09dca060] {
  position: relative;
  z-index: 2000;
  width: 100%;
  flex-shrink: 0;
}
.point-upload-bar-item[data-v-09dca060] {
  height: 3px;
  width: 100%;
  background: #303339;
  overflow: hidden;
}
.point-upload-bar-fill[data-v-09dca060] {
  height: 100%;
  background: #409eff;
  transition: width 0.15s ease;
}
.point-tips[data-v-09dca060] {
  background: #eaffd7;
  padding: 8px 12px;
  border-radius: 4px;
  display: flex;
  height: 33px;
  justify-content: space-between;
  align-items: center;
  font-weight: 400;
  font-size: 12px;
  color: #43b600;
  margin-bottom: 4px;
}
.point-tips .el-icon-close[data-v-09dca060] {
    cursor: pointer;
    font-weight: 400;
    font-size: 12px;
    color: #43b600;
}
.folder-drop-zone.drag-over[data-v-09dca060] {
  background-color: #3656fd;
  opacity: 0.3;
}
.el-icon-s-home[data-v-09dca060] {
  font-size: 26px;
  margin-left: 15px;
  margin-right: 50px;
  cursor: pointer;
}
.saveBtn[data-v-09dca060] {
  width: 80px;
  height: 34px;
  background: #3656fd;
  border-radius: 4px 4px 4px 4px;
  font-weight: 400;
  font-size: 14px;
  color: #ffffff;
}
.closeBtn[data-v-09dca060] {
  width: 132px;
  height: 34px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 4px 4px 4px 4px;
  font-weight: 400;
  font-size: 14px;
  color: #ffffff;
}
.headers[data-v-09dca060] {
  height: 60px !important;
}
.backimg[data-v-09dca060] {
  width: 100%;
  height: 164px;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 4px 4px 4px 4px;
  position: relative;
  display: flex;
}
.backimg .backimgTitel[data-v-09dca060] {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.backimg:hover .upload-demo[data-v-09dca060] {
    display: block !important;
}
.backimg .backimg_span[data-v-09dca060] {
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 0;
    height: 30px;
    color: #fff;
    line-height: 30px;
    padding: 0 20px;
    overflow: hidden;
    /* 超出部分隐藏 */
    text-overflow: ellipsis;
    /* 显示省略符号来代表被修剪的文本 */
    white-space: nowrap;
}
.backimg img[data-v-09dca060] {
    margin: auto;
    max-width: 100%;
    max-height: 100%;
    border-radius: 4px 4px 4px 4px;
}
.backimg .imgs[data-v-09dca060] {
    margin: auto;
    width: 100%;
    height: 100%;
    border-radius: 4px 4px 4px 4px;
}
.backimg .upload-demo[data-v-09dca060] {
    display: none;
    width: 100px;
    height: 40px;
    background: rgba(255, 255, 255, 0.4);
    border-radius: 4px 4px 4px 4px;
    font-weight: 400;
    font-size: 16px;
    color: #000000;
    text-align: center;
    line-height: 40px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -20px -50px;
    z-index: 2210;
    cursor: pointer;
}
.backimg .upload-demo[data-v-09dca060] .el-button {
      border: 0;
      height: 100%;
}
.backimg .addbtn[data-v-09dca060] {
    width: 100px;
    height: 40px;
    background: #3656fd;
    border-radius: 4px 4px 4px 4px;
    font-weight: 400;
    font-size: 16px;
    color: #000000;
    text-align: center;
    line-height: 40px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -20px -50px;
    cursor: pointer;
}
.backimg .addbtn[data-v-09dca060] .el-button {
      background: #3656fd;
}
.slace-two[data-v-09dca060] {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
}
.slace-two span[data-v-09dca060] {
    font-size: 12px;
    margin-right: 12px;
}
.slace-two[data-v-09dca060] .el-input::before {
    content: "";
    position: absolute;
    left: 5px;
    color: #fff;
    line-height: 40px;
    font-size: 12px;
    background-image: url("https://qichuan-mina-res-bucket.oss-cn-shenzhen.aliyuncs.com/common/icons/group2.svg");
    width: 30px;
    height: 30px;
    top: 4px;
}
.slace-two[data-v-09dca060] .el-input__inner {
    text-align: right;
    padding: 0 20px 0 20px !important;
}
.slace-two1[data-v-09dca060] {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
}
.slace-two1 span[data-v-09dca060] {
    font-size: 12px;
    margin-right: 12px;
}
.slace-two1[data-v-09dca060] .el-input::before {
    content: "";
    position: absolute;
    left: 5px;
    color: #fff;
    line-height: 40px;
    font-size: 12px;
    background-image: url("https://qichuan-mina-res-bucket.oss-cn-shenzhen.aliyuncs.com/common/icons/group1.svg");
    width: 30px;
    height: 30px;
    top: 4px;
}
.slace-two1[data-v-09dca060] .el-input__inner {
    text-align: right;
    padding: 0 20px 0 20px !important;
}
.align-cont[data-v-09dca060] {
  padding: 0 6px;
  height: 42px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.align-cont .disabled[data-v-09dca060] {
    cursor: not-allowed;
}
.align-cont .disabled img[data-v-09dca060] {
      opacity: 0.3;
}
.align-cont .disabled[data-v-09dca060]:hover {
      background-color: rgba(255, 255, 255, 0);
}
.item_slaces[data-v-09dca060] {
  width: 28px;
  height: 28px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  border-radius: 4px;
}
.item_slaces img[data-v-09dca060] {
    width: 100%;
}
.item_slaces[data-v-09dca060]:hover {
    background-color: rgba(255, 255, 255, 0.2);
}
.slace_item[data-v-09dca060] {
  display: flex;
  background-color: rgba(217, 217, 217, 0.05);
  border-radius: 10px;
}
.slace_item .item_slace[data-v-09dca060] {
    width: 25%;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.slace_item .item_active[data-v-09dca060] {
    background-color: rgba(240, 234, 234, 0.05);
}
.el-button[data-v-09dca060] {
  border: 0;
}
.dfj[data-v-09dca060] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}
.dfj[data-v-09dca060] .el-upload,
  .dfj[data-v-09dca060] .el-button {
    height: 100%;
}
.dfj .showCla[data-v-09dca060] {
    width: 32px;
    height: 32px;
    background: #2c2e35;
    border-radius: 4px 4px 4px 4px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}
.dfj .showCla .pointimg[data-v-09dca060] {
      width: 16px;
      height: 16px;
}
.title[data-v-09dca060] {
  font-size: 14px;
  font-weight: 600;
}
.el-container[data-v-09dca060] {
  height: 100%;
}
.topbar[data-v-09dca060] {
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  background: #23252c;
}
.topbar .row-left[data-v-09dca060] {
    display: flex;
    align-items: center;
    color: #fff;
}
.topbar .btn-format-brush[data-v-09dca060] {
    min-width: 72px;
    height: 32px;
    margin-left: 8px;
    padding: 0 10px;
    background: #2c2e35;
    border-color: transparent;
}
.topbar .btn-format-brush.is-active[data-v-09dca060] {
      background: rgba(54, 86, 253, 0.35);
      border-color: #3656fd;
}
.topbar .btn-format-brush.is-disabled[data-v-09dca060] {
      opacity: 0.45;
}
.topbar .btn-format-brush .format-brush-inner[data-v-09dca060] {
      display: flex;
      align-items: center;
      gap: 4px;
      font-size: 12px;
      line-height: 1;
      color: #fff;
}
.topbar .btn-format-brush .format-brush-icon[data-v-09dca060] {
      width: 16px;
      height: 16px;
}
.el-header[data-v-09dca060] {
  background: #23252c;
}
.topbar-dropdown[data-v-09dca060] {
  margin: 0 30px;
  color: #fff;
}
.aside[data-v-09dca060] {
  position: relative;
  overflow: hidden;
  background: #1e2025;
}
.aside .aside-cont[data-v-09dca060] {
    top: 0;
    width: 255px;
    height: 100%;
    background: #23252c;
    padding: 20px 0;
    z-index: 2000;
    color: #fff;
    position: relative;
}
.aside .aside-cont .resize-handle[data-v-09dca060] {
      position: absolute;
      top: 0;
      right: 0;
      width: 5px;
      height: 100%;
      background: transparent;
      cursor: col-resize;
      z-index: 2001;
}
.aside .aside-cont .resize-handle[data-v-09dca060]:hover {
        background: rgba(54, 86, 253, 0.5);
}
.aside .aside-cont .const[data-v-09dca060] {
      display: flex;
      flex-wrap: wrap;
      gap: 24px;
      padding: 0 16px;
}
.aside .aside-cont .const .item[data-v-09dca060] {
        width: 88px;
        height: 71px;
        border-radius: 6px 6px 6px 6px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        cursor: pointer;
}
.aside .aside-cont .const .item[data-v-09dca060]:active, .aside .aside-cont .const .item[data-v-09dca060]:hover {
          background: rgba(255, 255, 255, 0.1);
}
.aside .aside-cont .const .item i[data-v-09dca060] {
          font-size: 20px;
}
.aside .aside-cont .const .item .divs[data-v-09dca060] {
          font-weight: 400;
          font-size: 14px;
          color: #ffffff;
          margin-top: 10px;
}
.aside .aside-cont .const .item .itemimg[data-v-09dca060] {
          width: 24px;
          height: 24px;
}
.aside .aside-cont .const .item .item-img[data-v-09dca060] {
          width: 100%;
          height: 82px;
          border-radius: 4px 4px 4px 4px;
}
.aside .aside-cont .const .item .item-img img[data-v-09dca060] {
            width: 100%;
            height: 100%;
}
.aside .aside-cont .const .active[data-v-09dca060] {
        cursor: auto;
        background: rgba(255, 255, 255, 0.1);
}
.aside .aside-cont .consts[data-v-09dca060] {
      display: flex;
      flex-wrap: wrap;
      gap: 15px;
      margin: 0 10px;
}
.aside .aside-cont .consts .item[data-v-09dca060] {
        width: 92px;
        border-radius: 6px 6px 6px 6px;
        display: flex;
        flex-direction: column;
        align-items: center;
        cursor: pointer;
}
.aside .aside-cont .consts .item i[data-v-09dca060] {
          font-size: 20px;
}
.aside .aside-cont .consts .item div[data-v-09dca060] {
          font-weight: 400;
          font-size: 14px;
          color: #ffffff;
          margin-top: 10px;
          -webkit-user-select: none;
             -moz-user-select: none;
                  user-select: none;
}
.aside .aside-cont .consts .item .item-img[data-v-09dca060] {
          width: 100%;
          height: 60px;
          border-radius: 4px 4px 4px 4px;
}
.aside .aside-cont .consts .item .item-img img[data-v-09dca060] {
            width: 100%;
            height: 100%;
}
.aside .aside-cont .consts .active[data-v-09dca060] {
        background: rgba(255, 255, 255, 0.1);
}
.leftaside[data-v-09dca060] {
  width: 96px !important;
}
.meun[data-v-09dca060] {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding: 20px 12px;
  height: 100%;
  background: #23252c;
  border-right: 1px solid rgba(255, 255, 255, 0.08);
}
.meun .menu-item[data-v-09dca060] {
    display: flex;
    flex-direction: column;
}
.meun .menu-item .item[data-v-09dca060] {
      width: 71px;
      height: 71px;
      margin-bottom: 24px;
      border-radius: 6px 6px 6px 6px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      cursor: pointer;
}
.meun .menu-item .item i[data-v-09dca060] {
        font-size: 20px;
}
.meun .menu-item .item div[data-v-09dca060] {
        font-weight: 400;
        font-size: 14px;
        color: #ffffff;
        margin-top: 10px;
}
.meun .menu-item .item .itemimg[data-v-09dca060] {
        width: 24px;
        height: 24px;
}
.meun .menu-item .item .itemimgs[data-v-09dca060] {
        width: 48px;
        height: 24px;
}
.meun .menu-item .active[data-v-09dca060] {
      background: rgba(255, 255, 255, 0.1) !important;
}
.meun .menu-footer[data-v-09dca060] {
    margin-bottom: 10px;
    cursor: pointer;
}
.meun .menu-footer i[data-v-09dca060] {
      font-size: 20px;
}
.point[data-v-09dca060] {
  background: #23252c;
  height: 100%;
  padding: 12px 20px;
  overflow-y: scroll;
}
.point .point-top[data-v-09dca060] {
    display: flex;
}
.point .point-top .active[data-v-09dca060] {
      background: rgba(255, 255, 255, 0.1) !important;
}
.point .point-top .top-item[data-v-09dca060] {
      width: 72px;
      height: 32px;
      background: rgba(255, 255, 255, 0);
      border-radius: 4px 4px 4px;
      margin-right: 6px;
      line-height: 32px;
      text-align: center;
      font-weight: 600;
      font-size: 16px;
      color: #ffffff;
      cursor: pointer;
}
.point .point-top .top-item.disabled[data-v-09dca060] {
        opacity: 0.35;
        cursor: not-allowed;
        pointer-events: none;
}
.point .slaceTwo[data-v-09dca060] {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
}
.point .slaceTwo span[data-v-09dca060] {
      width: 60px;
      font-size: 12px;
}
.point .slace[data-v-09dca060] {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
}
.point .slace span[data-v-09dca060] {
      width: 30px;
      font-size: 12px;
      font-weight: 600;
}
.point .slace[data-v-09dca060] .el-input::after {
      content: "px";
      position: absolute;
      right: 5px;
      color: #616161;
      line-height: 40px;
      font-size: 12px;
}
.point .slace[data-v-09dca060] .el-input__inner {
      padding: 0 20px 0 15px !important;
}
.point .elform[data-v-09dca060] {
    height: calc(100% - 20px);
}
.point[data-v-09dca060] .el-form {
    margin-top: 12px;
}
.point[data-v-09dca060] .el-input__inner,
  .point[data-v-09dca060] .el-textarea__inner {
    background: rgba(217, 217, 217, 0.05);
    border-radius: 4px 4px 4px 4px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #fff;
}
.point[data-v-09dca060] .el-form--label-top .el-form-item__label {
    padding: 0;
    font-weight: 600;
}
.el-main[data-v-09dca060] {
  padding: 0;
}
.btn[data-v-09dca060] {
  display: flex;
  justify-content: flex-end;
}
.btn[data-v-09dca060] .el-button {
    width: 136px;
    height: 48px;
    background: rgba(217, 217, 217, 0.05);
    border-radius: 7px 7px 7px 7px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #fff;
}
.btns[data-v-09dca060] {
  display: flex;
  justify-content: center;
}
.btns[data-v-09dca060] .el-button {
    width: 136px;
    height: 48px;
    background: rgba(217, 217, 217, 0.05);
    border-radius: 7px 7px 7px 7px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #fff;
}
.btns .active[data-v-09dca060] {
    background: #3656fd !important;
}
.el-aside[data-v-09dca060] {
  overflow: hidden;
}
.icons[data-v-09dca060] {
  display: flex;
  margin-bottom: 20px;
}
.icons .iconsinp[data-v-09dca060] {
    width: 100%;
    height: 40px;
    background: rgba(255, 255, 255, 0.03);
    border-radius: 4px 4px 4px 4px;
}
.icons .iconsinp[data-v-09dca060] .el-input__inner {
      background: rgba(255, 255, 255, 0.03);
      border-radius: 4px 4px 4px 4px;
      border: 0;
}
.icons .iconsinps[data-v-09dca060] {
    width: calc(100% - 50px);
    margin-right: 10px;
    height: 40px;
    background: rgba(255, 255, 255, 0.03);
    border-radius: 4px 4px 4px 4px;
}
.icons .iconsinps[data-v-09dca060] .el-input__inner {
      background: rgba(255, 255, 255, 0.03);
      border-radius: 4px 4px 4px 4px;
      border: 0;
}
.icons .folder[data-v-09dca060] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    flex: 1;
    background: rgba(255, 255, 255, 0.03);
    border-radius: 4px 4px 4px 4px;
}
.icons .folder i[data-v-09dca060] {
      font-size: 24px;
      cursor: pointer;
}
.constThree[data-v-09dca060] {
  max-height: calc(100vh - 130px) !important;
}
.constTwo[data-v-09dca060] {
  max-height: calc(100vh - 240px);
  overflow-y: auto;
  scroll-behavior: smooth;
  margin-bottom: 10px;
  padding: 15px 10px 0;
}
.constTwo[data-v-09dca060]::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
.constTwo[data-v-09dca060]::-webkit-scrollbar-track {
    background: #333;
}
.constTwo[data-v-09dca060]::-webkit-scrollbar-thumb {
    background: #555;
    border-radius: 3px;
}
.constTwo[data-v-09dca060]::-webkit-scrollbar-thumb:hover {
    background: #666;
}
.constTwo .items[data-v-09dca060] {
    position: relative;
    width: 100%;
    height: 54px;
    background: rgba(255, 255, 255, 0.05);
    border-radius: 4px 4px 4px 4px;
    display: flex;
    align-items: center;
    padding: 8px 16px;
    font-weight: 400;
    font-size: 14px;
    color: #ffffff;
    overflow: hidden;
    /* 超出部分隐藏 */
    text-overflow: ellipsis;
    /* 显示省略符号来代表被修剪的文本 */
    white-space: nowrap;
    margin-bottom: 12px;
    justify-content: space-between;
    cursor: pointer;
}
.constTwo .items.active[data-v-09dca060] {
      border: 2px solid #3656fd;
}
.constTwo .items .items-img[data-v-09dca060] {
      width: 70px;
      height: 100%;
      background: rgba(255, 255, 255, 0.05);
      border-radius: 4px 4px 4px 4px;
      margin-right: 10px;
}
.constTwo .items[data-v-09dca060]:hover {
      background: #43454b;
}
.constTwo .items:hover .moreshow[data-v-09dca060] {
        display: block;
}
.constTwo .items .div[data-v-09dca060] {
      width: 100%;
      overflow: hidden;
      /* 超出部分隐藏 */
      text-overflow: ellipsis;
      /* 显示省略符号来代表被修剪的文本 */
      white-space: nowrap;
}
.constTwo .iconitems[data-v-09dca060] {
    width: 100%;
    height: 50px;
    background: rgba(255, 255, 255, 0.05);
    border-radius: 4px 4px 4px 4px;
    display: flex;
    align-items: center;
    font-weight: 400;
    font-size: 14px;
    color: #ffffff;
    overflow: hidden;
    /* 超出部分隐藏 */
    text-overflow: ellipsis;
    /* 显示省略符号来代表被修剪的文本 */
    white-space: nowrap;
    justify-content: space-between;
    position: relative;
    cursor: pointer;
    will-change: opacity;
}
.constTwo .iconitems.active[data-v-09dca060] {
      border: 2px solid #3656fd !important;
}
.constTwo .iconitems .items-text[data-v-09dca060] {
      margin-right: 20px;
      margin-left: 6px;
      white-space: nowrap;
      /* 防止文本换行 */
      overflow: hidden;
      /* 隐藏溢出的内容 */
      text-overflow: ellipsis;
      /* 显示省略符号来代表被修剪的文本 */
      font-size: 14px;
}
.constTwo .iconitems[data-v-09dca060]:hover {
      background: #43454b;
}
.constTwo .iconitems:hover .moreshow[data-v-09dca060] {
        display: block;
}
.constTwo .item-title[data-v-09dca060] {
    position: relative;
    transition: background 0.3s ease;
}
.constTwo .item-title .drop-hint[data-v-09dca060] {
      position: absolute;
      right: 40px;
      top: 50%;
      transform: translateY(-50%);
      background: #3656fd;
      color: white;
      padding: 2px 8px;
      border-radius: 4px;
      font-size: 12px;
      z-index: 10;
}
.constTwo .itemlist[data-v-09dca060] {
    margin-bottom: 12px;
    position: relative;
    transition: all 0.3s ease;
}
.constTwo .itemlist.drag-over[data-v-09dca060] {
      background: rgba(54, 86, 253, 0.1);
      border-radius: 8px;
}
.constTwo .itemlist.drag-over .item-title[data-v-09dca060] {
        background: rgba(54, 86, 253, 0.2);
        border-radius: 8px;
}
.constTwo .itemlist .items[data-v-09dca060] {
      position: relative;
      height: 54px;
      background: rgba(255, 255, 255, 0.05);
      border-radius: 4px 4px 4px 4px;
      display: flex;
      align-items: center;
      padding: 8px 16px;
      font-weight: 400;
      font-size: 14px;
      color: #ffffff;
      margin-top: 12px;
}
.constTwo .itemlist .items.active[data-v-09dca060] {
        border: 2px solid #3656fd;
}
.constTwo .itemlist .items .items-img[data-v-09dca060] {
        width: 70px;
        height: 100%;
        background: rgba(255, 255, 255, 0.05);
        border-radius: 4px 4px 4px 4px;
        margin-right: 10px;
}
.constTwo .itemlist .items .div[data-v-09dca060] {
        width: 100%;
        overflow: hidden;
        /* 超出部分隐藏 */
        text-overflow: ellipsis;
        /* 显示省略符号来代表被修剪的文本 */
        white-space: nowrap;
}
.constTwo .itemlist .iconitems[data-v-09dca060] {
      width: 100%;
      height: 50px;
      background: rgba(255, 255, 255, 0.05);
      border-radius: 4px 4px 4px 4px;
      display: flex;
      align-items: center;
      padding: 8px 9px;
      font-weight: 400;
      font-size: 14px;
      color: #ffffff;
      margin-top: 12px;
      position: relative;
      cursor: pointer;
      will-change: opacity;
}
.constTwo .itemlist .iconitems .items-text[data-v-09dca060] {
        margin-left: 10px;
}
.constTwo .item-title[data-v-09dca060] {
    height: 48px;
    background: rgba(255, 255, 255, 0.05);
    border-radius: 4px 4px 4px 4px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 16px;
}
.constTwo .item-title .title[data-v-09dca060] {
      font-weight: 400;
      font-size: 16px;
      color: #ffffff;
      margin-left: 11px;
}
.constTwo .item-title[data-v-09dca060]:hover {
      background: #43454b;
}
.constTwo .item-title:hover .moreshow[data-v-09dca060] {
        display: block;
}
.itemlist .item-title[data-v-09dca060] {
  padding: 8px 12px;
  margin: 4px 0;
  border-radius: 6px;
}
.itemlist .item-title[data-v-09dca060]:hover {
    background: rgba(255, 255, 255, 0.1);
}
.iconitems[data-v-09dca060] {
  margin: 0 0 4px 0;
  border-radius: 6px;
}
.iconitems[data-v-09dca060]:hover {
    background: rgba(255, 255, 255, 0.05);
}
.dragClass[data-v-09dca060] {
  opacity: 0.8;
  transform: rotate(5deg);
}
.ghostClass[data-v-09dca060] {
  opacity: 0.5;
  background: #3656fd !important;
}
.addBtn[data-v-09dca060] {
  height: 64px;
  background: rgba(217, 217, 217, 0.05);
  border-radius: 4px 4px 4px 4px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.addBtn i[data-v-09dca060] {
    font-size: 20px;
}
.item-color[data-v-09dca060] {
  height: 48px;
  background: rgba(217, 217, 217, 0.05);
  border-radius: 4px 4px 4px 4px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.item-color .df[data-v-09dca060] {
    display: flex;
    align-items: center;
}
.item-color[data-v-09dca060] .el-color-picker__trigger {
    border: none;
    padding: 0;
    margin-left: 13px;
}
.item-color[data-v-09dca060] .el-color-picker__color,
  .item-color[data-v-09dca060] .el-color-picker__color-inner {
    border-radius: 4px;
}
.item-color[data-v-09dca060] .el-color-picker__icon {
    display: none;
}
.item-color .color-text[data-v-09dca060] {
    font-weight: 400;
    font-size: 16px;
    color: #ffffff;
    margin-left: 20px;
}
.item-color .coloralpha[data-v-09dca060] {
    width: 80px;
    height: 100%;
    border-left: 1px solid rgba(255, 255, 255, 0.1);
    text-align: center;
    line-height: 46px;
    font-weight: 400;
    font-size: 16px;
    color: #ffffff;
}
.mains[data-v-09dca060] {
  position: relative;
}
.scale[data-v-09dca060] {
  position: absolute;
  bottom: 30px;
  right: 40px;
  width: 100px;
  height: 40px;
  background: #23252c;
  border-radius: 4px 4px 4px 4px;
  border: 1px solid rgba(255, 255, 255, 0.1);
}
.scale[data-v-09dca060] .el-input__inner {
    background: #23252c;
    border: 1px solid rgba(255, 255, 255, 0.1);
}
.components-dialog[data-v-09dca060] .el-dialog {
  background: #191919;
  opacity: 0.98;
  background: #222326;
  box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.5);
  border-radius: 12px;
  padding: 8px;
}
.components-dialog[data-v-09dca060] .el-dialog__header {
  background-position: left center;
  background-repeat: no-repeat, no-repeat;
  background-size: 18px 18px;
  cursor: pointer;
  opacity: 1;
  color: #f0f0f0;
  font-size: 12px;
  text-align: center;
  padding: 0 0;
  height: 30px;
}
.components-dialog[data-v-09dca060] .el-dialog__title {
  width: 100%;
  color: #ffffff;
  font-size: 12px;
  text-align: left;
  font-weight: normal;
  padding: 5px 0px 5px 0px;
  cursor: move;
}
.components-dialog .icon_select[data-v-09dca060] {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
.components-dialog .icon_select .item[data-v-09dca060] {
    position: relative;
    cursor: pointer;
    width: 158px;
    height: auto;
    background: #343740;
    border-radius: 8px 8px 8px 8px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 16px;
    padding-bottom: 12px;
    color: rgba(255, 255, 255, 0.6);
}
.components-dialog .icon_select .item[data-v-09dca060] .el-image {
      width: 150px;
      height: 84px;
      border-radius: 4px 4px 4px 4px;
}
.components-dialog .icon_select .item .item_title[data-v-09dca060] {
      width: 134px;
      font-weight: 400;
      font-size: 14px;
      color: #ffffff;
      margin-top: 12px;
      overflow: hidden;
      /* 超出部分隐藏 */
      text-overflow: ellipsis;
      /* 显示省略符号来代表被修剪的文本 */
      white-space: nowrap;
}
.components-dialog .pagination[data-v-09dca060] {
  display: flex;
  justify-content: flex-end;
  max-width: 100%;
  margin: 20px 0;
  text-align: right;
  flex-shrink: 0;
  overflow: hidden;
}
.components-dialog .pagination[data-v-09dca060] .el-input__inner {
    background-color: transparent !important;
    border: none !important;
    transition: color 0.2s ease-in-out;
}
.components-dialog .pagination[data-v-09dca060] .el-input__inner:hover {
      color: #fff !important;
}
.components-dialog .pagination[data-v-09dca060] .btn-prev {
    background-color: transparent !important;
}
.components-dialog .pagination[data-v-09dca060] .btn-next {
    background-color: transparent !important;
}
.components-dialog .pagination[data-v-09dca060] .el-pager .btn-quicknext,
  .components-dialog .pagination[data-v-09dca060] .el-pager .btn-quickprev,
  .components-dialog .pagination[data-v-09dca060] .el-pager .number {
    background-color: rgba(121, 121, 121, 0.1) !important;
    color: #fff !important;
}
.components-dialog .pagination[data-v-09dca060] .el-pager .btn-quicknext.active,
    .components-dialog .pagination[data-v-09dca060] .el-pager .btn-quickprev.active,
    .components-dialog .pagination[data-v-09dca060] .el-pager .number.active {
      background-color: #2589FF !important;
}
.components-dialog .dialog_icon_select[data-v-09dca060] {
  padding: 8px;
  overflow-y: auto;
}
.components-dialog .dialog_icon_select .item[data-v-09dca060] {
    position: relative;
    cursor: pointer;
    float: left;
    width: 58px;
    height: 58px;
    background: #313235;
    border-radius: 6px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-right: 8px;
    margin-bottom: 8px;
    justify-content: center;
    font-size: 12px;
    font-family: PingFangSC, PingFang SC;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.6);
}
.components-dialog .dialog_icon_select .item .customimg[data-v-09dca060] {
      width: 16px;
      height: 16px;
      margin-bottom: 4px;
}
.components-dialog .dialog_icon_select .item .giftag[data-v-09dca060] {
      width: 19px;
      height: 11px;
      position: absolute;
      right: 0;
      bottom: 0;
}
.components-dialog .dialog_icon_select .item .preview[data-v-09dca060] {
      width: 30px;
      height: 30px;
}
[data-v-09dca060] .el-input__inner {
  background: #23252c;
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: #fff;
}
.setdialog[data-v-09dca060] .el-dialog {
  background: #191919;
  opacity: 0.98;
  box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.5);
  border-radius: 12px;
}
.setdialog[data-v-09dca060] .el-dialog__header {
  background: #23252c;
  cursor: pointer;
  opacity: 1;
  color: #f0f0f0;
  font-size: 12px;
  height: 50px;
  border-radius: 12px 12px 0 0;
}
.setdialog[data-v-09dca060] .el-dialog__title {
  color: #fff;
  line-height: 15px;
}
.setdialog[data-v-09dca060] .el-dialog__headerbtn {
  position: absolute;
  top: 14px;
  right: 20px;
  padding: 0;
  background: 0 0;
  border: none;
  outline: 0;
  cursor: pointer;
  font-size: 20px;
}
.setdialog[data-v-09dca060] .el-dialog__body {
  color: #fff;
}
.setdialog .dfjs[data-v-09dca060] {
  display: flex;
  align-items: center;
}
.setdialog .dfjs .title[data-v-09dca060] {
    margin-right: 10px;
}
.dialog-footer[data-v-09dca060] .el-button {
  width: 100px;
  height: 38px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 6px 6px 6px 6px;
}
.dialog-footer[data-v-09dca060] .el-button:last-child {
    background: #3656fd;
}
.moreshow[data-v-09dca060] {
  display: none;
  position: absolute;
  top: 15px;
  right: 16px;
  width: 24px;
  height: 24px;
}
.morecont[data-v-09dca060] {
  display: flex;
  flex-direction: column;
}
.morecont div[data-v-09dca060] {
    height: 36px;
    border-radius: 8px 8px 8px 8px;
    line-height: 36px;
    padding-left: 20px;
    width: 100%;
    color: #fff;
    cursor: pointer;
    margin-bottom: 4px;
}
.morecont div[data-v-09dca060]:hover {
      background: #3656fd;
      width: 100%;
}
.moreconts[data-v-09dca060] {
  display: flex;
  flex-direction: column;
  position: absolute;
  padding: 12px;
  width: 140px;
  background: #464856;
  border-radius: 16px;
  border: 0;
  z-index: 2200;
}
.moreconts .texts[data-v-09dca060] {
    height: 36px;
    border-radius: 8px 8px 8px 8px;
    line-height: 36px;
    padding-left: 20px;
    width: 100%;
    color: #fff;
    cursor: pointer;
    margin-bottom: 4px;
}
.moreconts .texts[data-v-09dca060]:hover {
      background: #3656fd;
      width: 100%;
}
.movecont[data-v-09dca060] {
  margin: 40px;
}
.movecont .move-title[data-v-09dca060] {
    display: flex;
    flex-direction: column;
    height: 300px;
    justify-content: center;
}
.movecont .move-title .title[data-v-09dca060] {
      font-weight: 400;
      font-size: 20px;
      color: #ffffff;
}
.movecont .move-title .time[data-v-09dca060] {
      font-weight: 400;
      font-size: 14px;
      color: rgba(255, 255, 255, 0.5);
      margin-top: 14px;
}
.movecont .move-title .el-button[data-v-09dca060] {
      width: 132px;
      height: 40px;
      background: #3656fd;
      border-radius: 6px 6px 6px 6px;
      margin-top: 25px;
}
.movecont .moveimg[data-v-09dca060] {
    width: 100%;
    height: 300px;
    background: #383a41;
    border-radius: 8px 8px 8px 8px;
    border: 1px solid rgba(255, 255, 255, 0.2);
}
.swipers[data-v-09dca060] {
  display: flex;
  justify-content: flex-end;
  margin-right: 40px;
}
.swipers .swiperbtns[data-v-09dca060] {
    width: 580px;
    height: 90px;
    position: relative;
}
.swipers .swiperbtns .prev-btn[data-v-09dca060],
    .swipers .swiperbtns .next-btn[data-v-09dca060] {
      width: 30px;
      height: 30px;
      position: absolute;
      left: -10px;
      top: 50%;
      transform: translateY(-50%);
      z-index: 9;
      cursor: pointer;
}
.swipers .swiperbtns .prev-btn img[data-v-09dca060],
      .swipers .swiperbtns .next-btn img[data-v-09dca060] {
        width: 100%;
        height: 100%;
}
.swipers .swiperbtns .next-btn[data-v-09dca060] {
      left: unset;
      right: -10px;
}
.swiper-box[data-v-09dca060] {
  width: 520px;
  height: 90px;
  position: relative;
  overflow: hidden;
  margin: 0 30px;
}
.swiper-box .swiper-list[data-v-09dca060] {
    display: flex;
    width: 10000px;
    height: 90px;
    overflow-x: auto;
    position: absolute;
    transition: all 0.3s;
}
.swiper-box .swiper-list .swiper-item[data-v-09dca060] {
      display: flex;
      align-content: center;
      flex-wrap: wrap;
      width: 160px;
      height: 90px;
      border-radius: 8px;
      margin-right: 8px;
      opacity: 1;
      cursor: pointer;
}
.swiper-box .swiper-list .swiper-item[data-v-09dca060]:last-child {
        margin-right: 0;
}
.swiper-box .swiper-list .swiper-item img[data-v-09dca060] {
        width: 100%;
        height: 100%;
        border-radius: 8px;
}
.item_duration[data-v-09dca060] {
  padding-top: 10px;
  margin-bottom: 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.item_duration .duration_title[data-v-09dca060] {
    font-weight: 400;
    font-size: 14px;
    color: #ffffff;
}
.item_duration .times[data-v-09dca060] {
    width: 55px;
    height: 36px;
    background: #2c2e35;
    border-radius: 4px 4px 4px 4px;
}
.item_duration .times[data-v-09dca060] .el-input::before {
      content: "S";
      position: absolute;
      right: 9px;
      line-height: 36px;
      font-size: 12px;
      color: rgba(255, 255, 255, 0.6);
      top: 3px;
}
.item_duration .times[data-v-09dca060] .el-input__inner,
    .item_duration .times[data-v-09dca060] .el-input {
      width: 100% !important;
      height: 100% !important;
      border: none !important;
      line-height: 36px !important;
}
.item_duration .times[data-v-09dca060] .el-input__inner {
      padding: 0 10px;
}
.item_duration .sliders[data-v-09dca060] {
    width: 150px;
}
.item_duration[data-v-09dca060] .el-select,
  .item_duration[data-v-09dca060] .el-input,
  .item_duration[data-v-09dca060] .el-input__inner {
    width: 210px;
    height: 40px;
    line-height: 40px;
}
.el-slider__bar[data-v-09dca060] {
  background: #3656fd;
}
.welcome-edit[data-v-09dca060] {
  width: 100%;
  height: 100%;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding-top: 10%;
  position: absolute;
  background-color: #000;
}
.welcome-edit .imgLogoEx[data-v-09dca060] {
    display: flex;
    flex-direction: column;
    align-items: center;
    border: 1px dotted #fff;
    padding: 2px;
    min-width: 200px;
    height: 150px;
    justify-content: center;
    margin-bottom: 10px;
}
.welcome-edit .imgLogoEx img[data-v-09dca060] {
      margin-bottom: 10px;
}
.welcome-edit .imgLogo[data-v-09dca060] {
    min-width: 300px;
    height: 220px;
    overflow: hidden;
    border: 1px dotted #fff;
    padding: 2px;
}
.welcome-edit .imgLogo img[data-v-09dca060] {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
    cursor: pointer;
}
.welcome-edit .companyName[data-v-09dca060] {
    font-size: 50px;
    font-family: PingFangSC, PingFang SC;
    font-weight: 600;
    color: #ffffff;
    margin-bottom: 32px;
    border: 1px dotted #fff;
    padding: 5px;
    cursor: pointer;
}
.welcome-edit .companyName .el-input__inner[data-v-09dca060] {
      height: 100%;
}
.welcome-edit .vrDesc[data-v-09dca060] {
    font-size: 24px;
    font-family: PingFangSC, PingFang SC;
    font-weight: 400;
    color: #ffffff;
    border: 1px dotted #fff;
    padding: 5px;
}
.color-list[data-v-09dca060] {
  position: relative;
  margin-bottom: 20px;
  padding: 0 12px;
}
.color-list .color-cont[data-v-09dca060] {
    width: 100%;
    height: 36px;
    background: #d9d9d9;
    border-radius: 6px 6px 6px 6px;
}
.color-list .color-left[data-v-09dca060],
  .color-list .color-right[data-v-09dca060] {
    display: flex;
}
.color-list .color-left[data-v-09dca060]::after,
    .color-list .color-right[data-v-09dca060]::after {
      width: 0;
      height: 0;
      border-left: 5px solid transparent;
      border-right: 5px solid transparent;
      border-top: 6px solid #8195ff;
      content: "";
      position: absolute;
      top: 22px;
      transform: translateX(50%);
}
.color-list .color-left[data-v-09dca060] .el-color-picker__trigger,
    .color-list .color-right[data-v-09dca060] .el-color-picker__trigger {
      border: none;
      width: 15px;
      height: 15px;
      padding: 0;
      border-radius: 3px;
}
.color-list .color-left[data-v-09dca060] .el-color-picker__color,
    .color-list .color-right[data-v-09dca060] .el-color-picker__color {
      border: none;
      border-radius: 3px;
}
.color-list .color-left[data-v-09dca060] .el-color-picker--small,
    .color-list .color-right[data-v-09dca060] .el-color-picker--small {
      height: 15px;
      margin: auto;
}
.color-list .color-left[data-v-09dca060] .el-color-picker__color-inner,
    .color-list .color-right[data-v-09dca060] .el-color-picker__color-inner {
      border-radius: 3px;
}
.color-list .color-left[data-v-09dca060] .el-color-picker__icon,
    .color-list .color-right[data-v-09dca060] .el-color-picker__icon {
      display: none;
}
.color-list .color-left[data-v-09dca060] {
    position: absolute;
    top: -15px;
    left: 2px;
    width: 24px;
    height: 24px;
    background: #8195ff;
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.25);
    border-radius: 5px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    cursor: pointer;
}
.color-list .color-right[data-v-09dca060] {
    position: absolute;
    top: -15px;
    right: 0px;
    width: 24px;
    height: 24px;
    background: #fff;
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.25);
    border-radius: 5px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    cursor: pointer;
}
.color-list .color-right[data-v-09dca060]::after {
      border-top: 6px solid #fff;
}
.elaside[data-v-09dca060] {
  width: 320px !important;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  z-index: 2001;
}
.row-right[data-v-09dca060] {
  display: flex;
  align-items: center;
}
.row-right .popver[data-v-09dca060] {
    margin: 0 10px;
}
.drag-clone[data-v-09dca060] {
  width: 71px;
  height: 71px;
  border-radius: 6px 6px 6px 6px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: absolute;
  z-index: 3300;
  pointer-events: none;
  transform: translate(-50%, -50%);
  will-change: transform;
}
[data-v-09dca060] .el-upload {
  width: 100%;
  text-align: left;
}
.resource[data-v-09dca060] {
  height: 100%;
  margin: 0 10px;
}
.resource .updateBtn[data-v-09dca060] {
    width: 100%;
    height: 40px;
    background: #3656fd;
    border-radius: 8px 8px 8px 8px;
    margin-top: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.resource .updateBtn span[data-v-09dca060] {
      display: flex;
      align-items: center;
}
.resource .taps[data-v-09dca060] {
    display: flex;
    font-weight: 400;
    font-size: 14px;
    color: #ffffff;
    margin-top: 25px;
    align-items: center;
}
.resource .taps .el-icon-warning[data-v-09dca060] {
      color: #3656fd;
      margin-right: 10px;
}
.resource .containers[data-v-09dca060] {
    margin-top: 20px;
}
.resource .grid-container[data-v-09dca060] {
    margin: 20px auto;
    width: 98%;
    -moz-columns: 100px auto;
         columns: 100px auto;
    -moz-column-gap: 10px;
         column-gap: 10px;
    display: flex;
    flex-wrap: wrap;
}
.resource .resource_item[data-v-09dca060] {
    width: calc(50% - 10px) !important;
}
.resource .resour_item[data-v-09dca060] {
    width: 100%;
    min-height: 50px;
    background: rgba(255, 255, 255, 0.05);
    border-radius: 4px 4px 4px 4px;
    position: relative;
    border-radius: 8px;
    margin-bottom: 12px;
    overflow: hidden;
    transition: all 0.3s ease;
    cursor: pointer;
    -moz-column-break-inside: avoid;
         break-inside: avoid;
    width: 100%;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
}
.resource .resour_item[data-v-09dca060]:hover {
      transform: translateY(-2px);
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
      background: rgba(255, 255, 255, 0.1);
}
.resource .resour_item:hover .resour_item-move-wrapper .resour_item-ioc[data-v-09dca060] {
        opacity: 1;
        visibility: visible;
}
.resource .resour_item .resour_item-move-wrapper .resour_item-ioc[data-v-09dca060] {
      background-color: #8c8e91;
      position: absolute;
      top: 4px;
      right: 4px;
      padding: 2px 4px;
      border-radius: 4px;
      cursor: pointer;
      opacity: 0;
}
.resource .resour_item .resour_item-moreshow[data-v-09dca060] {
      position: absolute;
      right: 5px;
}
.resource .resour_item[data-v-09dca060]:active {
      background: rgba(255, 255, 255, 0.01);
}
.resource .resour_item .resourImg[data-v-09dca060] {
      width: 100%;
      background: rgba(255, 255, 255, 0.05);
      border-radius: 4px 4px 0 0;
      display: flex;
      justify-content: center;
      align-items: center;
      overflow: hidden;
}
.resource .resour_item .resourImg .videoImg[data-v-09dca060] {
        width: 100%;
        height: auto;
        border-radius: 4px 4px 0 0;
}
.resource .resour_item .item_span[data-v-09dca060] {
      width: 100%;
      height: 38px;
      background: rgba(255, 255, 255, 0.2);
      line-height: 38px;
      padding: 0 14px;
      border-radius: 0 0 4px 4px;
      overflow: hidden;
      /* 超出部分隐藏 */
      text-overflow: ellipsis;
      /* 显示省略符号来代表被修剪的文本 */
      white-space: nowrap;
      font-size: 14px;
      width: 100%;
}

/* 右键菜单样式 */
.context-menu[data-v-09dca060] {
  position: fixed;
  background-color: #23252c;
  border-radius: 4px;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  z-index: 3000;
  min-width: 100px;
}
.context-menu-item[data-v-09dca060] {
  cursor: pointer;
  font-size: 14px;
  color: #fff;
  width: 100%;
  text-align: center;
  line-height: 24px;
}
.context-menu-item[data-v-09dca060]:hover {
  background-color: #23252c;
  border-radius: 4px;
  color: #409eff;
}
.waters[data-v-09dca060] {
  height: calc(100% - 90px);
  overflow-y: scroll;
}
.waterfall-container[data-v-09dca060] {
  -moz-column-count: 2;
       column-count: 2;
  -moz-column-gap: 16px;
       column-gap: 16px;
  width: 100%;
  margin-top: 16px;
  -moz-column-break-inside: avoid;
       break-inside: avoid;
  flex-wrap: wrap;
}
.resourImg[data-v-09dca060] {
  width: 100%;
}
.resourImg .videoImg[data-v-09dca060] {
  width: 100%;
}
.item_span[data-v-09dca060] {
  padding: 8px 12px;
  font-size: 14px;
  color: #fff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.editor-container[data-v-09dca060] {
  position: relative;
  width: 100%;
  height: 100%;
}
.ruler[data-v-09dca060] {
  position: absolute;
  background-color: #2d2d2d;
  z-index: 100;
}
.horizontal-ruler[data-v-09dca060] {
  top: 0;
  left: 20px;
  right: 0;
  height: 20px;
  border-bottom: 1px solid #444;
}
.vertical-ruler[data-v-09dca060] {
  top: 20px;
  left: 0;
  bottom: 0;
  width: 20px;
  border-right: 1px solid #444;
}
.ruler-corner[data-v-09dca060] {
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  background-color: #2d2d2d;
  border-right: 1px solid #444;
  border-bottom: 1px solid #444;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 101;
}
.ruler-marker[data-v-09dca060] {
  position: absolute;
  background-color: #666;
}
.horizontal-ruler .ruler-marker[data-v-09dca060] {
  width: 1px;
  height: 5px;
  top: 15px;
}
.horizontal-ruler .ruler-marker.major[data-v-09dca060] {
  height: 10px;
}
.horizontal-ruler .marker-label[data-v-09dca060] {
  position: absolute;
  top: 0;
  left: 2px;
  font-size: 10px;
  color: #999;
  transform: scale(0.8);
  white-space: nowrap;
}
.vertical-ruler .ruler-marker[data-v-09dca060] {
  width: 5px;
  height: 1px;
  left: 15px;
}
.vertical-ruler .ruler-marker.major[data-v-09dca060] {
  width: 10px;
}
.vertical-ruler .marker-label[data-v-09dca060] {
  position: absolute;
  top: 2px;
  left: 0;
  font-size: 10px;
  color: #999;
  transform: scale(0.8) rotate(-90deg);
  transform-origin: 0 0;
  white-space: nowrap;
}
.guide[data-v-09dca060] {
  position: absolute;
  background-color: #ff0000;
  z-index: 2000;
}
.horizontal-guide[data-v-09dca060] {
  left: 20px;
  right: 0;
  height: 1px;
  cursor: ns-resize;
}
.vertical-guide[data-v-09dca060] {
  top: 20px;
  bottom: 0;
  width: 1px;
  cursor: ew-resize;
}
.guide-handle[data-v-09dca060] {
  position: absolute;
  width: 10px;
  height: 10px;
  background-color: #ff0000;
  border-radius: 50%;
  cursor: pointer;
}
.horizontal-guide .guide-handle[data-v-09dca060] {
  top: -5px;
  left: 50%;
  transform: translateX(-50%);
}
.vertical-guide .guide-handle[data-v-09dca060] {
  left: -5px;
  top: 50%;
  transform: translateY(-50%);
}
.editor-content[data-v-09dca060] {
  position: absolute;
  top: 20px;
  left: 20px;
  right: 0;
  bottom: 0;
  overflow: auto;
}
.snap-line[data-v-09dca060] {
  position: absolute;
  background-color: rgba(0, 255, 255, 0.7);
  z-index: 98;
}
.vertical-snap-line[data-v-09dca060] {
  top: 20px;
  bottom: 0;
  width: 1px;
}
.horizontal-snap-line[data-v-09dca060] {
  left: 20px;
  right: 0;
  height: 1px;
}
.iframeclass[data-v-09dca060] {
  width: 100%;
  height: 100%;
  background: #303339;
}
.canvasclass[data-v-09dca060] {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 60000000;
}
.dropdown[data-v-09dca060] {
  width: 140px;
  background: #464856 !important;
  border-radius: 16px 16px 16px 16px;
  padding: 12px;
  z-index: 2220 !important;
}
.dropdown .dropdown_item[data-v-09dca060] {
    width: 116px;
    height: 36px;
    border-radius: 8px 8px 8px 8px;
    font-weight: 400;
    font-size: 14px;
    color: #ffffff;
    text-align: left !important;
    line-height: 36px;
    padding: 0 0 0 20px !important;
}
.dropdown .dropdown_item[data-v-09dca060] .el-upload {
      text-align: left;
}
.dropdown .dropdown_item[data-v-09dca060]:hover {
      background: #3656fd !important;
      color: #fff !important;
}
.animation[data-v-09dca060] {
  height: calc(100% - 50px);
}
.animacla[data-v-09dca060] {
  width: 100%;
  height: 36px;
  background: #2c2e35;
  border-radius: 4px 4px 4px 4px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 12px;
  font-weight: 400;
  font-size: 14px;
  color: #ffffff;
  cursor: pointer;
}
.nodata[data-v-09dca060] {
  padding-top: 230px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.nodata img[data-v-09dca060] {
    height: 66px;
    width: 238px;
}
.nodata div[data-v-09dca060] {
    font-weight: 400;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.6);
    margin-top: 32px;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.itemlistpopover {
  padding: 12px;
  min-width: 100px !important;
  width: 140px !important;
  height: 220px;
  background: #464856 !important;
  border-radius: 16px 16px 16px 16px !important;
  border: 0 !important;
  z-index: 2200 !important;
}
.resour_item-popover {
  height: 98px;
}
.itempopover {
  padding: 12px;
  min-width: 100px !important;
  width: 140px !important;
  height: auto;
  background: #464856 !important;
  border-radius: 16px 16px 16px 16px !important;
  border: 0 !important;
  z-index: 2200 !important;
}
.el-select {
  width: 100%;
}
.uploader {
  width: 100%;
}

/* 禁止所有元素复制 */
* {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

/* 允许输入框和文本域复制 */
input,
textarea,
.el-input__inner,
.el-textarea__inner,
[contenteditable="true"] {
  -webkit-user-select: text;
  -moz-user-select: text;
  user-select: text;
}

/* 如果有其他需要允许复制的元素，也可以添加 */
.el-input,
.el-textarea {
  -webkit-user-select: text;
  -moz-user-select: text;
  user-select: text;
}
.el-tooltip__popper {
  z-index: 9999 !important;
}
.image_highlighting_list {
  display: flex;
  height: 100%;
  flex-direction: column;
  overflow: auto;
  gap: 8;
}
.image_highlighting_list .image_highlighting_list_item {
    display: flex;
    justify-content: space-between;
    background: #393b41;
    border-radius: 4px 4px 4px 4px;
    height: 48px;
    align-items: center;
    padding: 0 12px;
    border: 2px solid transparent !important;
}
.image_highlighting_list .image_highlighting_list_item .image_highlighting_list_item_left {
      font-weight: 400;
      font-size: 14px;
      color: #ffffff;
}
.image_highlighting_list .image_highlighting_list_item .image_highlighting_img {
      width: 12px;
      height: 12px;
}
.image_highlighting_list .image_highlighting_list_item-choice {
    border: 2px solid #3656fd !important;
}
.el-loading-mask {
  z-index: 999999 !important;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.page-mine[data-v-d2c0dff8] {
  position: relative;
}
.page-mine .boy[data-v-d2c0dff8] {
    top: 10px;
    left: 10px;
    position: absolute;
    color: red;
    font-size: 20px;
    z-index: 1;
}
.video-player-box[data-v-d2c0dff8] {
  width: 100%;
  height: 100%;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.sms-code-input[data-v-9f7c03f0] {
  margin-right: 10px;
}
.btn-login[data-v-9f7c03f0] {
  width: 100%;
  height: 50px;
  background: #3656fd;
  border-radius: 25px;
  font-weight: 400;
  font-size: 18px;
  color: #ffffff;
}
.version[data-v-9f7c03f0] {
  font-size: 12px;
  margin-left: 10px;
}
.login-container[data-v-9f7c03f0] {
  background-image: url(../../static/img/BG.e763a840.png);
  background-size: 100% 100%;
}
.login-container .el-form-item[data-v-9f7c03f0] {
    margin-bottom: 20px;
}
.login-container .el-checkbox .el-checkbox__label[data-v-9f7c03f0] {
    color: #000;
}
.login-container .c-row[data-v-9f7c03f0] {
    text-align: left;
}
.login-container .control-area[data-v-9f7c03f0] {
    display: flex;
    flex-direction: row;
    margin-top: 10px;
}
.login-container .swiper-pagination[data-v-9f7c03f0] {
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1000;
}
.login-container .swiper-pagination span[data-v-9f7c03f0] {
      width: 10px;
      height: 10px;
      display: inline-block;
      border-radius: 50%;
      background-color: #f5f5f5;
      margin: 20px;
}
.login-container .swiper-pagination span.swiper-pagination-bullet-active[data-v-9f7c03f0] {
        background-color: #0084bf;
}
.login-container .banner[data-v-9f7c03f0] {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.login-container .banner .info[data-v-9f7c03f0] {
      width: 82%;
      min-width: 1200px;
}
.login-container .banner .textBg[data-v-9f7c03f0] {
      width: 42%;
      margin-bottom: 50px;
}
.login-container .banner .text[data-v-9f7c03f0] {
      width: 320px;
      height: 72px;
      line-height: 72px;
      text-align: center;
      color: #ffffff;
      font-size: 40px;
}
.login-container .banner .text1[data-v-9f7c03f0] {
      background: url("https://qichuan-pc.oss-cn-shenzhen.aliyuncs.com/home/loginIcon.png") no-repeat 100%;
}
.login-container .banner .text2[data-v-9f7c03f0] {
      background: url("https://qichuan-pc.oss-cn-shenzhen.aliyuncs.com/home/loginIcon1.png") no-repeat 100%;
}
.login-container .banner .text3[data-v-9f7c03f0] {
      background: url("https://qichuan-pc.oss-cn-shenzhen.aliyuncs.com/home/loginIcon2.png") no-repeat 100%;
}
.login-container .banner .swiper-container[data-v-9f7c03f0],
    .login-container .banner .swiper-wrapper[data-v-9f7c03f0] {
      height: 100%;
}
.login-container .banner .swiper-slide[data-v-9f7c03f0] {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100%;
      background-color: #000000;
      background-size: 100% 100%;
      background-repeat: no-repeat;
      background-position: center;
}
.login-container .banner .swiper-slide1[data-v-9f7c03f0] {
      background-image: url(../../static/img/loginBg1.bf0fd0fc.png);
}
.login-container .banner .swiper-slide2[data-v-9f7c03f0] {
      background-image: url("https://qichuan-pc.oss-cn-shenzhen.aliyuncs.com/home/loginBg2.png");
}
.login-container .banner .swiper-slide3[data-v-9f7c03f0] {
      background-image: url("https://qichuan-pc.oss-cn-shenzhen.aliyuncs.com/home/loginBg3.png");
}
.login-container .logo[data-v-9f7c03f0] {
    width: 90%;
    min-width: 1200px;
    position: absolute;
    left: 50%;
    top: 0px;
    transform: translateX(-50%);
    z-index: 100;
    margin-top: 30px;
}
.login-container .logo .name[data-v-9f7c03f0],
    .login-container .logo .logoImg[data-v-9f7c03f0] {
      display: inline-block;
      vertical-align: middle;
}
.login-container .logo .logoImg[data-v-9f7c03f0] {
      width: 45px;
      margin-right: 15px;
}
.login-container .logo .name[data-v-9f7c03f0] {
      font-size: 22px;
      color: #ffffff;
}
.login-container .content[data-v-9f7c03f0] {
    width: calc(100% - 480px);
    min-width: 1200px;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    z-index: 100;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 180px 0 300px;
}
.login-container .content .form[data-v-9f7c03f0] {
      width: 420px;
      height: auto;
      background: #ffffff;
      border-radius: 30px;
      text-align: center;
      padding: 35px 35px 60px;
      box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
      box-sizing: border-box;
      display: inline-block;
}
.login-container .content .form[data-v-9f7c03f0] .el-input,
      .login-container .content .form[data-v-9f7c03f0] .el-input__inner {
        width: 100%;
        height: 50px;
        background: #f6f6f6;
        border-radius: 8px 8px 8px 8px;
}
.login-container .content .form[data-v-9f7c03f0] .el-input__inner {
        padding-left: 36px;
}
.login-container .content .form[data-v-9f7c03f0] .el-input__prefix {
        display: flex;
        align-items: center;
        left: 10px;
}
.login-container .content .form .iconimg[data-v-9f7c03f0] {
        width: 18px;
        height: 18px;
}
.login-container .content .form .title[data-v-9f7c03f0] {
        font-size: 22px;
        color: #333333;
        margin-bottom: 40px;
}
.login-container .content .form .smallTitle[data-v-9f7c03f0] {
        font-weight: 600;
        font-size: 28px;
        color: #000000;
        margin: 25px 0px;
}
.login-container .content .form .show-pwd[data-v-9f7c03f0] {
        position: absolute;
        right: 10px;
        top: 2px;
        font-size: 16px;
        color: #d8d8d8;
        cursor: pointer;
        -webkit-user-select: none;
           -moz-user-select: none;
                user-select: none;
}
.login-container .content .form .linkRegcom[data-v-9f7c03f0] {
        text-align: right;
}
.login-container .content .form .linkRegcom .el-link.el-link--primary[data-v-9f7c03f0] {
          color: #0084bf;
}
.login-container .bottom[data-v-9f7c03f0] {
    position: absolute;
    bottom: 94px;
    left: 114px;
    display: flex;
}
.login-container .bottom .btm_title[data-v-9f7c03f0] {
      margin-right: 24px;
      font-weight: 400;
      font-size: 16px;
      color: #ffffff;
}
.login-container .bottom .main[data-v-9f7c03f0] {
      width: 82%;
      min-width: 1200px;
      height: 100%;
      margin: 0 auto;
      display: flex;
      justify-content: space-between;
      align-items: center;
}
.login-container .bottom .main .left[data-v-9f7c03f0] {
        color: #666;
        font-size: 14px;
}
.login-container .bottom .main .erweima[data-v-9f7c03f0] {
        width: 120px;
}
.login-container .bottom .main p[data-v-9f7c03f0] {
        margin-bottom: 10px;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.control-point[data-v-36f55292] {
  position: absolute;
  transform: translate(-50%, -50%);
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  z-index: 10;
}
.control-point img[data-v-36f55292] {
    -o-object-fit: cover;
       object-fit: cover;
}
.control-point .resize-handles[data-v-36f55292] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}
.control-point .resize-handle[data-v-36f55292] {
    position: absolute;
    width: 10px;
    height: 10px;
    background-color: rgba(255, 255, 255, 0.8);
    border: 1px solid rgba(0, 123, 255, 0.8);
    pointer-events: auto;
}
.control-point .resize-handle[data-v-36f55292]:hover {
      background-color: rgba(0, 123, 255, 0.8);
}
.control-point .resize-handle.resize-handle-n[data-v-36f55292] {
      top: -5px;
      left: 50%;
      transform: translateX(-50%);
      cursor: n-resize;
}
.control-point .resize-handle.resize-handle-e[data-v-36f55292] {
      top: 50%;
      right: -5px;
      transform: translateY(-50%);
      cursor: e-resize;
}
.control-point .resize-handle.resize-handle-s[data-v-36f55292] {
      bottom: -5px;
      left: 50%;
      transform: translateX(-50%);
      cursor: s-resize;
}
.control-point .resize-handle.resize-handle-w[data-v-36f55292] {
      top: 50%;
      left: -5px;
      transform: translateY(-50%);
      cursor: w-resize;
}
.control-point .resize-handle.resize-handle-ne[data-v-36f55292] {
      top: -5px;
      right: -5px;
      cursor: ne-resize;
}
.control-point .resize-handle.resize-handle-nw[data-v-36f55292] {
      top: -5px;
      left: -5px;
      cursor: nw-resize;
}
.control-point .resize-handle.resize-handle-se[data-v-36f55292] {
      bottom: -5px;
      right: -5px;
      cursor: se-resize;
}
.control-point .resize-handle.resize-handle-sw[data-v-36f55292] {
      bottom: -5px;
      left: -5px;
      cursor: sw-resize;
}
.control-point.dragging[data-v-36f55292] {
    box-shadow: 0 0 8px rgba(65, 63, 63, 0.8);
    background-color: rgba(65, 63, 63, 0.5);
}
.control-point.resizing[data-v-36f55292] {
    box-shadow: 0 0 8px rgba(0, 123, 255, 0.8);
}
.control-point.hotspot-area .hotspot-content[data-v-36f55292] {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    transition: background-color 0.3s ease;
    position: relative;
}
.control-point.hotspot-area .hotspot-label[data-v-36f55292] {
    color: white;
    font-size: 14px;
    text-shadow: 0 0 3px rgba(0, 0, 0, 0.8);
    pointer-events: none;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.scene-wrapper[data-v-7315b02e] {
  width: 100%;
  height: 100%;
  cursor: default;
}
.htmlcontainer[data-v-7315b02e] {
  position: relative;
  transform-origin: 0 0;
  position: relative;
  display: block;
  unicode-bidi: -webkit-isolate;
  unicode-bidi: -moz-isolate;
  unicode-bidi: isolate;
  padding: 0;
}
.control-point[data-v-7315b02e] {
  position: absolute;
  transform: translate(0, 0);
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.control-point img[data-v-7315b02e] {
    -o-object-fit: cover;
       object-fit: cover;
}
.control-point .resize-handles[data-v-7315b02e] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}
.control-point .resize-handle[data-v-7315b02e] {
    position: absolute;
    width: 30px;
    height: 30px;
    background-color: rgba(255, 255, 255, 0.8);
    border: 1px solid rgba(0, 123, 255, 0.8);
    pointer-events: auto;
}
.control-point .resize-handle[data-v-7315b02e]:hover {
      background-color: rgba(0, 123, 255, 0.8);
}
.control-point .resize-handle.resize-handle-n[data-v-7315b02e] {
      top: -5px;
      left: 50%;
      transform: translateX(-50%);
      cursor: n-resize;
}
.control-point .resize-handle.resize-handle-e[data-v-7315b02e] {
      top: 50%;
      right: -5px;
      transform: translateY(-50%);
      cursor: e-resize;
}
.control-point .resize-handle.resize-handle-s[data-v-7315b02e] {
      bottom: -5px;
      left: 50%;
      transform: translateX(-50%);
      cursor: s-resize;
}
.control-point .resize-handle.resize-handle-w[data-v-7315b02e] {
      top: 50%;
      left: -5px;
      transform: translateY(-50%);
      cursor: w-resize;
}
.control-point .resize-handle.resize-handle-ne[data-v-7315b02e] {
      top: -5px;
      right: -5px;
      cursor: ne-resize;
}
.control-point .resize-handle.resize-handle-nw[data-v-7315b02e] {
      top: -5px;
      left: -5px;
      cursor: nw-resize;
}
.control-point .resize-handle.resize-handle-se[data-v-7315b02e] {
      bottom: -5px;
      right: -5px;
      cursor: se-resize;
}
.control-point .resize-handle.resize-handle-sw[data-v-7315b02e] {
      bottom: -5px;
      left: -5px;
      cursor: sw-resize;
}
.control-point.dragging[data-v-7315b02e] {
    box-shadow: 0 0 8px rgba(65, 63, 63, 0.8);
    background-color: rgba(65, 63, 63, 0.5);
}
.control-point.resizing[data-v-7315b02e] {
    box-shadow: 0 0 8px rgba(0, 123, 255, 0.8);
}
.control-point.hotspot-area[data-v-7315b02e] {
    cursor: move;
}
.control-point.hotspot-area .hotspot-content[data-v-7315b02e] {
      background-color: rgba(0, 123, 255, 0.3);
      border: 1px dashed rgba(0, 123, 255, 0.8);
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 4px;
      transition: background-color 0.3s ease;
      position: relative;
}
.control-point.hotspot-area .hotspot-content[data-v-7315b02e]:hover {
        background-color: rgba(0, 123, 255, 0.5);
}
.control-point.hotspot-area .hotspot-label[data-v-7315b02e] {
      color: white;
      font-size: 14px;
      text-shadow: 0 0 3px rgba(0, 0, 0, 0.8);
      pointer-events: none;
}
.wrapper[data-v-7315b02e] {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 0;
  top: 0;
  left: 0;
}

/* 确保在不同设备上保持16:9比例 */
@media screen and (max-width: 768px) {
.htmlcontainer[data-v-7315b02e] {
    width: 100%;
    height: auto;
}
}
.ele-font[data-v-7315b02e] {
  text-align: left;
}
.size-show[data-v-7315b02e] {
  padding: 20px;
  position: fixed;
  left: 28px;
  top: 30px;
}
.rectangle[data-v-7315b02e] {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 98;
  background: rgba(0, 0, 0, 0.5);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-composite: xor;
          mask-composite: exclude;
}
.overlayResource[data-v-7315b02e] {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1000;
}
.overlayResource video[data-v-7315b02e] {
    width: 100%;
    height: 100%;
}
.draw-rect[data-v-7315b02e] {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: 100%;
  z-index: 99999;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.draw-rect.no-event[data-v-7315b02e] {
    pointer-events: none;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.box {
  position: absolute;
  width: 0px;
  height: 0px;
  opacity: 0.5;
  z-index: 149;
  cursor: move;
  border: 4px red dashed;
}
.upleftbtn,
.uprightbtn,
.downleftbtn,
.downrightbtn {
  width: 20px;
  height: 20px;
  position: absolute;
  z-index: 5;
  background: whitesmoke;
}
.upleftbtn {
  top: -10px;
  left: -10px;
  cursor: nw-resize;
}
.uprightbtn {
  top: -10px;
  right: -10px;
  cursor: ne-resize;
}
.downleftbtn {
  left: -10px;
  bottom: -10px;
  cursor: sw-resize;
}
.downrightbtn {
  right: -10px;
  bottom: -10px;
  cursor: se-resize;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.preview-container[data-v-22ece291] {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}
.preview[data-v-22ece291] {
  position: absolute;
  top: 10vh;
  left: 14%;
  background: #2a2b2f;
  border-radius: 16px 16px 16px 16px;
}
.htmlcontainer[data-v-22ece291] {
  transform-origin: 0 0;
  display: block;
  unicode-bidi: -webkit-isolate;
  unicode-bidi: -moz-isolate;
  unicode-bidi: isolate;
  z-index: 2;
}
.video-background[data-v-22ece291] {
  position: absolute;
  top: 0;
  left: 0;
  -o-object-fit: contain;
     object-fit: contain;
  z-index: 0;
}
.img-background[data-v-22ece291] {
  position: absolute;
  top: 0;
  left: 0;
  -o-object-fit: contain;
     object-fit: contain;
  z-index: 0;
  opacity: 1;
  /* 确保在淡入淡出过程中不会显示白色背景 */
  background-color: transparent;
}
.fullscreen-button[data-v-22ece291] {
  position: fixed;
  bottom: 40px;
  /* 增加底部间距，避免与FloatMenu重叠 */
  width: 40px;
  height: 40px;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 1000;
  color: white;
  transition: all 0.3s ease;
}
.fullscreen-button[data-v-22ece291]:hover {
    background-color: rgba(0, 0, 0, 0.8);
    transform: scale(1.1);
}
.control-point[data-v-22ece291] {
  position: absolute;
  transform: translate(0, 0);
  cursor: pointer;
  z-index: 10;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.control-point img[data-v-22ece291] {
    -o-object-fit: cover;
       object-fit: cover;
}
.control-point[data-v-22ece291]:not(.hotspot-area) {
    border-radius: 50%;
}
.control-point.dragging[data-v-22ece291] {
    box-shadow: 0 0 8px rgba(255, 102, 0, 0.8);
}
.control-point.hotspot-area[data-v-22ece291] {
    cursor: pointer;
}
.control-point.hotspot-area .hotspot-content[data-v-22ece291] {
      background-color: rgba(0, 123, 255, 0);
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 4px;
      transition: background-color 0.3s ease;
}
.control-point.hotspot-area .hotspot-label[data-v-22ece291] {
      color: white;
      font-size: 14px;
      text-shadow: 0 0 3px rgba(0, 0, 0, 0.8);
      pointer-events: none;
}
.dialog-footer[data-v-22ece291] {
  position: absolute;
  bottom: 5vh;
  display: flex;
  justify-content: center;
  width: 100%;
}

/* 确保在不同设备上保持16:9比例 */
@media screen and (max-width: 768px) {
.htmlcontainer[data-v-22ece291] {
    width: 100%;
    height: auto;
}
}
.overlayResource[data-v-22ece291] {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1000;
}
.overlayResource video[data-v-22ece291] {
    width: 100%;
    height: 100%;
}
.screen-size-display[data-v-22ece291] {
  position: absolute;
  top: 10px;
  left: 10px;
  background-color: rgba(0, 0, 0, 0.5);
  color: white;
  padding: 15px 30px;
  border-radius: 4px;
  font-size: 18px;
  z-index: 1000;
}
.narrate[data-v-22ece291] {
  display: flex;
  justify-content: flex-end;
  position: fixed;
  bottom: 100px;
  right: 100px;
  z-index: 200;
}
.narrate .narrate-num[data-v-22ece291] {
    padding: 0 25px;
    height: 52px;
    background: #38393b;
    border-radius: 12px 12px 12px 12px;
    border: 2px solid rgba(37, 137, 255, 0);
    display: flex;
    align-items: center;
    margin-right: 20px;
}
.narrate .narrate-num .ride[data-v-22ece291] {
      width: 24px;
      height: 24px;
      background: rgba(216, 216, 216, 0.3);
      border-radius: 50%;
      margin-right: 15px;
}
.narrate .narrate-num .ride[data-v-22ece291]:last-child {
      margin-right: 0;
}
.narrate .narrate-num .active[data-v-22ece291] {
      background: rgba(73, 149, 245, 0.93);
}
.narrate .narrate-btn[data-v-22ece291] .el-button-group {
    border-radius: 12px 12px 12px 12px;
}
.narrate .narrate-btn[data-v-22ece291] .el-button {
    width: 80px;
    height: 52px;
    background: #38393b;
    font-size: 30px;
}
.narrate .narrate-btn[data-v-22ece291] .el-button-group .el-button--primary:first-child {
    border-radius: 12px 0 0 12px;
}
.narrate .narrate-btn[data-v-22ece291] .el-button-group .el-button--primary:last-child {
    border-radius: 0px 12px 12px 0px;
}
.pause[data-v-22ece291] {
  width: 181px;
  height: 52px;
  background: rgba(212, 26, 26, 0.51);
  border-radius: 12px 0 0 12px;
  border: 2px solid rgba(37, 137, 255, 0);
  line-height: 52px;
  position: absolute;
  top: 80px;
  right: 0;
  font-weight: 600;
  font-size: 20px;
  color: #ffffff;
  text-align: center;
}
.rectangle[data-v-22ece291] {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 98;
  background: rgba(0, 0, 0, 0.5);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-composite: xor;
          mask-composite: exclude;
}
.animate-custom-duration[data-v-22ece291] {
  --animate-duration: 1s;
  animation-duration: var(--animate-duration) !important;
  animation-delay: 0s !important;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
/deep/ .el-input__inner {
  font-size: 14px;
  font-weight: 400;
  color: #FFFFFF;
  background: #373942;
  border-radius: 4px;
  border: 1px solid #373942;
}
/deep/.el-textarea__inner {
  font-size: 14px;
  font-weight: 400;
  color: #FFFFFF;
  background: #373942;
  border-radius: 4px;
  padding: 12px;
  border: 1px solid #373942;
}
::v-deep .el-textarea .el-textarea__inner {
  resize: none;
}

/* 文本内容最多两行显示，超出省略 */
.item-content-point-description-text {
  display: flex;
  align-items: flex-start;
}
.item-content-point-description-text .text-content {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 1.4;
}

/* 失败覆盖层样式 */
.failure-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #d9d9d9;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
}
.failure-overlay .failure-image {
    max-width: 214px;
    max-height: 199px;
    -o-object-fit: contain;
       object-fit: contain;
}

/* 叙事项目图片容器样式 */
.narrative-item-img-container {
  position: relative;
  display: inline-block;
  cursor: pointer;
  /* 悬浮效果 */
}
.narrative-item-img-container:hover .narrative-play-icon {
    opacity: 1;
}

/* 叙事项目选中样式 */
.narrative-item {
  transition: border 0.3s ease;
  border: 2px solid transparent;
}
.narrative-item.narrative-item-active {
    border: 2px solid #3656fd;
}
.narrative-item:hover {
    background: #393b41 !important;
}

/* 播放图标样式 */
.narrative-play-icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 45px;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: all 0.3s ease;
  cursor: pointer;
}
.narrative-play-icon:hover {
    opacity: 1;
}
.narrative-play-icon .play-icon {
    width: 24px;
    height: 24px;
    -o-object-fit: contain;
       object-fit: contain;
}
.narrative-play-icon.playing {
    opacity: 1;
}
.narrative-play-icon.playing:hover {
    opacity: 1;
}

/* 更多操作菜单样式 */
.itemList {
  padding: 12px;
  width: 100px;
  background: #464856;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  border-radius: 16px;
  position: absolute;
  top: 24px;
  right: 0;
  z-index: 3;
  margin-top: 8px;
}
.itemList .list_item {
    width: 76px;
    height: 25px;
    border-radius: 4px;
    padding-left: 8px;
    font-weight: 400;
    font-size: 12px;
    color: #ffffff;
    line-height: 25px;
}
.itemList .list_item:hover {
      background: #3656fd;
}

/* Global style for dropdown search input */
.iconsinp {
  height: 33px;
  border-radius: 4px;
  border: 1px solid #414349;
  font-weight: 400;
  font-size: 12px;
  width: 100%;
  padding: 0 8px;
}
.iconsinp .el-input__inner {
    background: transparent !important;
    height: 33px !important;
    line-height: 33px !important;
    color: #ffffff !important;
    border: none !important;
}
.iconsinp .el-input__icon {
    line-height: 33px !important;
    color: #888 !important;
}

/* Custom select styles */
.custom-select {
  position: relative;
  width: 100%;
  margin-top: 8px;
}
.custom-select .custom-select-input {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 8px;
    height: 28px;
    background: #35373d;
    border-radius: 4px;
    cursor: pointer;
}
.custom-select .custom-select-input span {
      color: #fff;
      font-size: 14px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      max-width: 100%;
}
.custom-select .custom-select-input i {
      color: #888;
      transition: transform 0.3s;
}
.custom-select .custom-select-input:hover {
      border-color: #007aff;
}
.custom-select .custom-select-dropdown {
    position: fixed;
    background: #35373d;
    border: 1px solid #444;
    border-radius: 4px;
    z-index: 2011;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
    width: 183px;
    padding: 12px;
    margin-top: 8px;
    max-height: 270px;
    overflow: hidden;
}
.custom-select .custom-select-dropdown .custom-select-header {
      padding: 6px 0 4px 0;
      border-bottom: 1px solid rgba(115, 116, 123, 0.09);
}
.custom-select .custom-select-dropdown .custom-select-list {
      max-height: calc(100% - 30px);
      overflow-y: auto;
      margin-top: 4px;
}
.custom-select .custom-select-dropdown .custom-select-list::-webkit-scrollbar {
        width: 4px;
}
.custom-select .custom-select-dropdown .custom-select-list::-webkit-scrollbar-track {
        background: #3d404b;
}
.custom-select .custom-select-dropdown .custom-select-list::-webkit-scrollbar-thumb {
        background: #444;
        border-radius: 2px;
}
.custom-select .custom-select-dropdown .custom-select-list::-webkit-scrollbar-thumb:hover {
        background: #555;
}
.custom-select .custom-select-dropdown .custom-select-item {
      height: 36px;
      line-height: 36px;
      color: #fff;
      cursor: pointer;
      border-radius: 4px;
}
.custom-select .custom-select-dropdown .custom-select-item:hover {
        background: #3d404b;
}
.custom-select .custom-select-dropdown .custom-select-item.active {
        background: #313235;
}

/* 顶部栏样式 */
.back-main-btn {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 16px;
  cursor: pointer;
}
.back-main-btn i {
    font-size: 16px;
}
.title-display {
  max-width: 228px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0 16px;
  cursor: pointer;
  line-height: 36px;
}
.title-input {
  margin: 0 16px;
  font-size: 16px;
  max-width: 328px;
  width: 328px;
  height: 36px;
}
.title-input .el-input__inner {
    font-size: 16px;
    height: 36px;
    line-height: 36px;
    border-radius: 4px 4px 4px 4px;
    border: 1px solid #0c86ff;
    background-color: transparent;
    color: #fff;
}

/* 缩放控制样式 */
.zoom-control {
  position: relative;
  display: flex;
  align-items: center;
  margin: 0 10px;
}
.zoom-control .zoom-display {
    padding: 8px 12px;
    height: 36px;
    line-height: 36px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 4px;
}
.zoom-control .zoom-dropdown {
    position: absolute;
    top: 100%;
    right: 0;
    margin-top: 3px;
    width: 160px;
    background: #464856;
    border-radius: 6px;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
    z-index: 1000;
    padding: 12px;
}
.zoom-control .zoom-dropdown .zoom-input-item {
      padding-bottom: 8px;
}
.zoom-control .zoom-dropdown .zoom-input-item .zoom-input-wrapper {
        position: relative;
        width: 100%;
}
.zoom-control .zoom-dropdown .zoom-input-item .zoom-input-wrapper .zoom-input {
          width: 100%;
          height: 25px;
          border-radius: 4px;
          border: 1px solid transparent;
          font-weight: 400;
          font-size: 12px;
          transition: border-color 0.3s;
}
.zoom-control .zoom-dropdown .zoom-input-item .zoom-input-wrapper .zoom-input .el-input__inner {
            background: transparent;
            height: 25px;
            line-height: 25px;
            color: #ffffff;
            border: none;
            padding-right: 20px;
}
.zoom-control .zoom-dropdown .zoom-input-item .zoom-input-wrapper.zoom-input-focused .zoom-input {
          border-color: #0c86ff;
}
.zoom-control .zoom-dropdown .zoom-input-item .zoom-input-wrapper .zoom-percent {
          position: absolute;
          right: 8px;
          top: 50%;
          transform: translateY(-50%);
          color: #888;
          font-size: 12px;
          pointer-events: none;
}
.zoom-control .zoom-dropdown .zoom-divider {
      height: 1px;
      background: #414349;
      margin: 4px 0;
}
.zoom-control .zoom-dropdown .zoom-item {
      color: #fff;
      padding: 8px 12px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      cursor: pointer;
}
.zoom-control .zoom-dropdown .zoom-item:hover {
        background: #3d404b;
}
.zoom-control .zoom-dropdown .zoom-shortcut {
      font-size: 12px;
      color: #888;
      margin-left: 10px;
}

/* 悬浮菜单样式 */
.narrative-menu {
  position: fixed;
  width: 280px;
  height: auto;
  max-height: 80vh;
  background: #2c2e35;
  border-radius: 8px 8px 8px 8px;
  border: 1px solid #414349;
  border-radius: 8px;
  z-index: 9999;
  padding: 12px 16px;
  box-sizing: border-box;
  overflow-y: auto;
  display: block !important;
  font-size: 14px;
}
.narrative-menu .narrative-menu-title {
    display: flex;
    justify-content: space-between;
}
.narrative-menu .narrative-menu-title .narrative-menu-title-left-text {
      font-weight: 600;
      font-size: 14px;
      color: #ffffff;
      margin-bottom: 12px;
}
.narrative-menu .narrative-menu-title .narrative-menu-right-ioc {
      font-size: 16px;
}
.narrative-menu .menu-content {
    width: 100%;
}
.narrative-menu .el-radio-group {
    width: 100%;
    margin-bottom: 16px;
}
.narrative-menu .el-radio-group .el-radio-button {
      width: 50%;
}
.narrative-menu .el-radio-group .el-radio-button .el-radio-button__inner {
        width: 100%;
        padding: 8px 0;
        background: rgba(217, 217, 217, 0.05);
        border: 1px solid #444;
        color: #fff;
}
.narrative-menu .el-radio-group .el-radio-button .el-radio-button__inner:hover {
          background: #333;
}
.narrative-menu .el-radio-group .el-radio-button .el-radio-button__inner.is-active {
          background: #1e88e5;
          border-color: #1e88e5;
}
.narrative-menu .el-form .el-form-item {
    margin-bottom: 0px;
    padding-bottom: 12px;
}
.narrative-menu .el-form .el-form-item .el-form-item__label {
      color: #ccc;
      font-size: 12px;
      line-height: 12px;
      margin-bottom: 2px;
}
.narrative-menu .el-form .el-form-item .el-input {
      line-height: 32px;
}
.narrative-menu .el-form .el-form-item .el-input .el-input__inner {
        background: rgba(217, 217, 217, 0.05);
        border: 0 solid #444;
        color: #fff;
        height: 32px;
        line-height: 32px;
        font-size: 12px;
}
.narrative-menu .el-form .el-form-item .el-input .el-input__inner:focus {
          border-color: #1e88e5;
}
.narrative-menu .el-form .el-form-item .el-textarea .el-textarea__inner {
      background: rgba(217, 217, 217, 0.05);
      font-size: 12px;
      border: 0 solid #444;
      font-size: 12px;
      color: #fff;
}
.narrative-menu .el-form .el-form-item .el-textarea .el-textarea__inner:focus {
        border-color: #313235;
}
.narrative-menu .el-form .el-form-item .el-select .el-input .el-input__inner {
      background: rgba(217, 217, 217, 0.05);
      color: #fff;
}
.narrative-menu .el-form .el-form-item .el-select .el-input .el-input__inner::-moz-placeholder {
      color: #ff4545;
}
.narrative-menu .el-form .el-form-item .el-select .el-input .el-input__inner::placeholder {
      color: #ff4545;
}
.narrative-menu .el-form .el-form-item .el-select .el-select-dropdown {
      background: #222326;
      border: 0 solid #444;
}
.narrative-menu .el-form .el-form-item .el-select .el-select-dropdown .el-select-dropdown__list {
        background: rgba(255, 255, 255, 0.03);
        padding: 8px;
}
.narrative-menu .el-form .el-form-item .el-select .el-select-dropdown .el-select-dropdown__item {
        color: #fff;
        background: #2c2d31;
}
.narrative-menu .el-form .el-form-item .el-select .el-select-dropdown .el-select-dropdown__item.hover {
          background: transparent;
}
.narrative-menu .el-form .el-form-item .el-select .el-select-dropdown .el-select-dropdown__item:hover {
          background: #2c2d31 !important;
}
.narrative-menu .el-form .el-form-item .el-select .el-select-dropdown .el-select-dropdown__item.selected {
          background: #313235;
}
.narrative-menu .el-form .el-form-item .el-radio-group .el-radio {
      margin-right: 16px;
}
.narrative-menu .el-form .el-form-item .el-radio-group .el-radio .el-radio__label {
        color: #fff;
}
.narrative-menu .highlist {
    padding: 0 12px;
}
.narrative-menu .highlist .list-item {
      margin-bottom: 16px;
}
.narrative-menu .highlist .list-item .cardDrag-list-wrap {
        background: rgba(217, 217, 217, 0.05);
        border: 1px solid #444;
        border-radius: 4px;
        padding: 8px;
}
.narrative-menu .highlist .list-item .cardDrag-list-wrap .item {
          padding: 8px;
          margin-bottom: 4px;
          border-radius: 4px;
          cursor: pointer;
}
.narrative-menu .highlist .list-item .cardDrag-list-wrap .item.active {
            background: #1e88e5;
}
.narrative-menu .highlist .list-item .cardDrag-list-wrap .item:hover {
            background: #333;
}
.narrative-menu .highlist .list-item .btn-add {
        margin-top: 8px;
}
.narrative-menu .highlist .list-item .btn-add .inner {
          color: #fff;
}
.narrative-menu .highlist .list-item .btn-add .inner .icon {
            filter: brightness(0) invert(1);
}
.narrative-menu .btns {
    padding: 0 12px;
    margin-top: 8px;
}
.narrative-menu .btns .el-button {
      width: 100%;
      background: #d32f2f;
      border-color: #d32f2f;
      color: #fff;
}
.narrative-menu .btns .el-button:hover {
        background: #b71c1c;
        border-color: #b71c1c;
}

/* 确保narrative-item元素有相对定位，用于计算菜单位置 */
.narrative-item {
  position: relative !important;
}

/* 箭头图标容器样式 */
.narrative-item-arrow-container {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

/* 箭头图标的样式调整 */
.narrative-item-arrow {
  transition: transform 0.3s ease;
}
.narrative-item-arrow:hover {
    transform: translateX(-2px);
}
.narrative-item-select {
  height: 28px;
  background: #35363b;
  margin-top: 8px;
}
.narrative-item-select .el-select-dropdown__list {
    padding: 0;
}
.narrative-item-select .el-input {
    height: 100%;
    width: 100%;
}
.narrative-item-select .el-select-dropdown {
    border: none;
    background: #222326;
    box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.5);
    border-radius: 12px;
    box-sizing: border-box;
    padding: 8px;
}
.narrative-item-select .el-input__suffix {
    display: flex;
    align-items: center;
}
.narrative-item-select .el-input__inner {
    font-weight: 600;
    font-size: 14px;
    border: 1px solid #35363b;
    color: #ffffff;
    background: #35363b;
}
.narrative-item-select .el-input__icon {
    height: 44px;
}
.narrative-item-select .el-input {
    height: 44px;
}
.narrative-item-select .el-select-dropdown {
    border: none;
    background: #222326;
    box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.5);
    border-radius: 12px;
    box-sizing: border-box;
    padding: 8px;
}
.main-container {
  display: flex;
}
.main-container .html-row {
    height: calc(100vh - 50px);
    width: 360px;
    background: #26272a;
    padding: 28px 28px 28px 20px;
}
.main-container .html-row .el-icon-setting {
      font-size: 20px;
      cursor: pointer;
}
.main-container .html-row .row-top {
      display: flex;
      justify-content: space-between;
}
.main-container .html-row .title {
      font-weight: 600;
      font-size: 16px;
      color: #ffffff;
}
.main-container .html-row .narrative-list {
      margin-top: 22px;
      height: calc(100% - 40px);
      overflow-y: scroll;
      overflow-x: hidden;
      background: #23252c;
      /* Allow dropdown to overflow */
      /* 自定义滚动条样式，缩小一半宽度 */
}
.main-container .html-row .narrative-list .narrative-item {
        position: relative;
        /* 添加相对定位作为下拉菜单的定位基准 */
}
.main-container .html-row .narrative-list .item-content {
        overflow: hidden;
        position: relative;
}
.main-container .html-row .narrative-list .narrative-item-avatar {
        position: absolute;
        bottom: 8px;
        right: 8px;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        overflow: hidden;
        border: 2px solid #3656fd;
        box-shadow: 0 2px 8px rgba(54, 86, 253, 0.4);
        background: #2a2c32;
        z-index: 10;
}
.main-container .html-row .narrative-list .narrative-item-avatar img {
          width: 100%;
          height: 100%;
          -o-object-fit: cover;
             object-fit: cover;
}
.main-container .html-row .narrative-list .item-content-point-description {
        margin-top: 8px;
        padding: 8px;
        border-top: 1px solid rgba(255, 255, 255, 0.08);
        display: flex;
        flex-direction: column;
        gap: 8px;
        overflow: hidden;
}
.main-container .html-row .narrative-list .item-content-point-description .item-content-point-description-text {
          background: rgba(255, 255, 255, 0.05);
          border-radius: 4px 4px 4px 4px;
          padding: 4px;
          font-weight: 400;
          font-size: 10px;
          color: #ffffff;
          display: flex;
          width: -moz-fit-content;
          width: fit-content;
          max-width: 100%;
          justify-content: flex-start;
          align-items: center;
}
.main-container .html-row .narrative-list .item-content-point-description .item-content-point-description-text .item-content-point-description_ioc {
            width: 12px;
            height: 12px;
}
.main-container .html-row .narrative-list::-webkit-scrollbar {
        width: 4px;
}
.main-container .html-row .narrative-list::-webkit-scrollbar-track {
        background: #23252c;
}
.main-container .html-row .narrative-list::-webkit-scrollbar-thumb {
        background: #444;
        border-radius: 2px;
}
.main-container .html-row .narrative-list::-webkit-scrollbar-thumb:hover {
        background: #555;
}
.main-container .html-row .narrative-list .narrative-item {
        display: flex;
        margin-bottom: 12px;
        background: #2c2e35;
        border-radius: 8px 8px 8px 8px;
        flex-direction: column;
        padding: 12px;
        flex-direction: column;
}
.main-container .html-row .narrative-list .narrative-item .narrative-item-img {
          width: 80px;
          height: 45px;
          border-radius: 4px;
}
.main-container .html-row .narrative-list .narrative-item .failure-min-picture-img {
          width: 80px;
          height: 45px;
          background: #d9d9d9;
          border-radius: 4px;
          display: flex;
          align-items: center;
          justify-content: center;
}
.main-container .html-row .narrative-list .narrative-item .sort {
          font-weight: 400;
          font-size: 12px;
          color: #ffffff;
          margin-right: 17px;
          line-height: 44px;
}
.main-container .html-row .narrative-list .narrative-item .item-content {
          width: 100%;
          display: flex;
          align-items: center;
}
.main-container .html-row .narrative-list .narrative-item .item-content .detils {
            margin-top: 11px;
}
.main-container .html-row .narrative-list .narrative-item .item-content .detils .el-radio-group {
              width: 100%;
}
.main-container .html-row .narrative-list .narrative-item .item-content .detils .el-radio-button {
              width: 50%;
}
.main-container .html-row .narrative-list .narrative-item .item-content .detils .el-radio-button__inner {
              width: 100%;
              padding: 8px 0;
}
.main-container .html-row .narrative-list .narrative-item .item-content .detils .el-input__inner {
              background: #38393b;
              border-radius: 6px 6px 6px 6px;
              border: 2px solid rgba(37, 137, 255, 0);
              color: #fff;
}
.main-container .html-row .narrative-list .narrative-item .item-content .detils .el-textarea__inner {
              background: #38393b;
              border-radius: 6px 6px 6px 6px;
              border: 2px solid rgba(37, 137, 255, 0);
              color: #fff;
}
.main-container .html-row .narrative-list .narrative-item .item-content .detils .el-form-item__label {
              padding: 0;
}
.main-container .html-row .narrative-list .narrative-item .item-content .detils .el-form-item {
              margin: 0;
}
.main-container .html-row .narrative-list .narrative-item .item-content .detils .btns {
              display: flex;
              justify-content: center;
              margin-top: 19px;
}
.main-container .html-row .narrative-list .narrative-item .item-content .highlist {
            height: 300px;
            display: flex;
            flex-direction: column;
            margin-top: 16px;
}
.main-container .html-row .narrative-list .narrative-item .item-content .highlist .list-item {
              height: calc(100% - 40px);
              overflow-y: scroll;
}
.main-container .html-row .narrative-list .narrative-item .item-content .highlist .list-item .item {
                height: 40px;
                background: #38393b;
                border-radius: 6px 6px 6px 6px;
                line-height: 32px;
                display: flex;
                align-items: center;
                color: #fff;
                padding-left: 23px;
                margin-bottom: 12px;
                position: relative;
}
.main-container .html-row .narrative-list .narrative-item .item-content .highlist .list-item .item .draggables {
                  position: absolute;
                  left: 0;
                  top: 0;
                  width: 30px;
                  height: 40px;
                  z-index: 20;
}
.main-container .html-row .narrative-list .narrative-item .item-content .highlist .list-item .item:hover::before {
                position: absolute;
                left: 6px;
                top: 0;
                content: "";
                width: 15px;
                height: 40px;
                background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAABACAYAAAB7jnWuAAAAAXNSR0IArs4c6QAAAOBJREFUaEPtmMENgkAQRf90gB1oZVqCgJz1riyUoJVpB1IB60EPcNC/yUiI5nP9yezPY/7sZA0zfzbz+ZABERABERABERABEUgmkJflGtFawDpYf2jq+jJcZpj+bvFJN1BUVyAuX4W6JpwWIwNE/4KB3R1A9ixktyYcV2MDn3W3gW1RbQzYAzGL6PM2hPOwKNPdBqZaXpN7QAZmJ8ByznR3E+aaA5oDE8VAgyiZAMs50zUH3ATYfc90t4GJUqhHqh8iwHLOdHcTah9gOWe6+xdoDoiACIiACIiACIjA3xJ4AMER2EFnT+ihAAAAAElFTkSuQmCC);
                background-size: cover;
                /* 确保图片覆盖整个元素 */
                background-position: center;
                /* 将图片居中显示 */
}
.main-container .html-row .narrative-list .narrative-item .item-content .highlist .list-item .active {
                background: #616265;
}
.main-container .html-row .narrative-list .narrative-item .item-content .highlist .btns {
              display: flex;
              justify-content: center;
              margin-top: 12px;
}
.main-container .html-row .narrative-list .narrative-item .narrative-item-title {
          display: flex;
          align-items: center;
          justify-content: space-between;
}
.main-container .html-row .narrative-list .narrative-item .narrative-item-title .narrative-item-title-left {
            height: 18px;
            background: #3656fd;
            border-radius: 4px 4px 4px 4px;
            font-weight: 400;
            font-size: 10px;
            color: #ffffff;
            padding: 2px 4px;
            display: flex;
            align-items: center;
}
.main-container .html-row .narrative-list .narrative-item .narrative-item-title .narrative-item-title-ringht-icon {
            width: 20px;
            height: 20px;
}
.main-container .html-row .narrative-list .narrative-item .narrative-item-buttom-tag {
          border-top: 1px solid rgba(255, 255, 255, 0.08);
          padding-top: 8px;
          margin-top: 8px;
}
.main-container .html-row .narrative-list .narrative-item .narrative-item-content {
          cursor: pointer;
          position: relative;
          margin-left: 8px;
          flex: 1;
          overflow: hidden;
}
.main-container .html-row .narrative-list .narrative-item .narrative-item-content .draggables {
            position: absolute;
            left: 0;
            top: 0;
            width: 30px;
            height: 44px;
            z-index: 20;
}
.main-container .html-row .narrative-list .narrative-item .narrative-item-content .item_cont {
            display: flex;
            align-items: center;
            position: relative;
}
.main-container .html-row .narrative-list .narrative-item .narrative-item-content .item_cont img {
              position: absolute;
              left: -10px;
              z-index: 1;
}
.main-container .html-row .narrative-list .narrative-item .narrative-item-content .item_cont span {
              color: #999;
              margin-left: 10px;
}
.main-container .html-row .narrative-list .narrative-item .narrative-item-content .narrative-item-name-container {
            display: flex;
            align-items: center;
            justify-content: space-between;
            width: 100%;
            margin-top: 8px;
}
.main-container .html-row .narrative-list .narrative-item .narrative-item-content .narrative-item-failure-text {
            font-weight: 400;
            font-size: 12px;
            color: #ffffff;
            text-align: left;
}
.main-container .html-row .narrative-list .narrative-item .narrative-item-content .narrative-item-failure {
            background: #424242;
            border-radius: 4px;
            font-weight: 400;
            font-size: 10px;
            color: rgba(255, 255, 255, 0.5);
            padding: 2px 4px;
}
.main-container .html-row .narrative-list .narrative-item .narrative-item-content .narrative-item-name {
            flex: 1;
            color: #ffffff;
            font-weight: 600;
            font-size: 14px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            margin-right: 8px;
}
.main-container .html-row .narrative-list .narrative-item .narrative-item-content .narrative-item-arrow {
            color: #ffffff;
            font-size: 12px;
}
.main-container .html-left {
    width: calc(100% - 360px);
    position: relative;
    display: flex;
}
.newPointMenu {
  position: absolute;
  width: 142px;
  background: #222326;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.5), 0px 2px 16px 0px rgba(0, 0, 0, 0.5);
  border-radius: 12px;
  padding: 8px;
  z-index: 9999;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.newPointMenu .item {
    border-radius: 6px;
    width: 100%;
    height: 36px;
    text-align: center;
    cursor: pointer;
    margin-bottom: 8px;
    font-size: 12px;
    line-height: 36px;
}
.newPointMenu .item:hover {
    background: #313235;
}
.newPointMenu .item:last-child {
    margin-bottom: 0;
}
.loadingshow {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 9999;
}
.container {
  background-color: #000;
  height: 100%;
  display: flex;
  flex-direction: column;
  padding: 0 0px 16px 0px;
  font-size: 14px;
}
.toppageinput .el-input__inner {
  height: 44px;
  background: #222326 !important;
  border-radius: 12px;
  border-color: #222326;
}
.toppageinput .el-input__inner:focus {
  border-color: #2589ff;
}
.topbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 50px;
  padding: 0 50px;
}
.topbar .rollback {
    padding: 8px;
    background-color: rgba(255, 255, 255, 0.1) !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    border: none;
}
.topbar .row-left {
    display: flex;
    align-items: center;
}
.topbar .row-right {
    display: flex;
    align-items: center;
}
.topbar .row-right .drag-control {
      display: flex;
      align-items: center;
      margin-right: 10px;
}
.topbar .row-right .drag-control .drag-label {
        font-size: 12px;
        margin-right: 5px;
        color: #fff;
}
.topbar .row-middle .pageTitleStyle {
    height: 34px;
    background: #26272a;
    border-radius: 8px;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 16px 25px;
}
.topbar .row-middle .pageTitleStyle .split {
      margin-left: 5px;
      margin-right: 5px;
}
.topbar .row-middle .pageTitleStyle .title {
      color: #fff;
      flex: 1;
      margin-right: 5px;
}
.topbar .row-middle .pageTitleStyle img {
      width: 14px;
      height: 14px;
}
.row-right {
  display: flex;
  align-items: center;
}
.row-right .popver {
    margin: 0 10px;
}
.main-scene {
  flex: 1;
  overflow: hidden;
  position: relative;
}
.main-scene .welcome-edit {
    width: 100%;
    height: 100%;
    z-index: 1000;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    padding-top: 10%;
    position: absolute;
    background-color: #000;
}
.main-scene .welcome-edit .imgLogoEx {
      display: flex;
      flex-direction: column;
      align-items: center;
      border: 1px dotted #fff;
      padding: 2px;
      min-width: 200px;
      height: 150px;
      justify-content: center;
      margin-bottom: 10px;
}
.main-scene .welcome-edit .imgLogoEx img {
        margin-bottom: 10px;
}
.main-scene .welcome-edit .imgLogo {
      min-width: 300px;
      height: 220px;
      overflow: hidden;
      border: 1px dotted #fff;
      padding: 2px;
}
.main-scene .welcome-edit .imgLogo img {
      width: 100%;
      height: 100%;
      -o-object-fit: contain;
         object-fit: contain;
      cursor: pointer;
}
.main-scene .welcome-edit .companyName {
      font-size: 50px;
      font-family: PingFangSC, PingFang SC;
      font-weight: 600;
      color: #ffffff;
      margin-bottom: 32px;
      border: 1px dotted #fff;
      padding: 5px;
      cursor: pointer;
}
.main-scene .welcome-edit .companyName .el-input__inner {
        height: 100%;
}
.main-scene .welcome-edit .vrDesc {
      font-size: 24px;
      font-family: PingFangSC, PingFang SC;
      font-weight: 400;
      color: #ffffff;
      border: 1px dotted #fff;
      padding: 5px;
}
.iframeclass {
  width: 100%;
  height: 100%;
  z-index: 900;
}
.html-bottom-row {
  margin-top: 12px;
  height: 94px;
  display: flex;
  flex-direction: row;
  overflow-y: auto;
  padding: 0 50px;
}
.scene_list {
  width: 100%;
  height: 100%;
  background: #26272a;
  border-radius: 16px;
  flex: 1;
  margin-right: 12px;
  display: flex;
  align-items: center;
  overflow-y: auto;
  /* 自定义滚动条样式 */
}
.scene_list::-webkit-scrollbar {
    width: 6px;
}
.scene_list::-webkit-scrollbar-thumb {
    background-color: #2589ff;
}
.scene_list::-webkit-scrollbar-track {
    background-color: rgba(0, 0, 0, 0.1);
}
.scene_add {
  width: 118px;
  height: 100%;
  background: #26272a;
  border-radius: 16px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.scene_add img {
    width: 44px;
    height: 44px;
}
.cover_item_selected {
  border: 2px solid #2589ff;
}
.cover_item {
  width: 72px;
  height: 72px;
  background: #000000;
  border-radius: 7px;
  margin-left: 12px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  position: relative;
  flex-shrink: 0;
}
.cover_item .image-error-placeholder {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #f5f7fa;
}
.cover_item .image-error-placeholder i {
      font-size: 24px;
      color: #909399;
}
.cover_item .image-error-placeholder p {
      margin: 5px 0 0;
      font-size: 12px;
      color: #909399;
      text-align: center;
}
.cover_item .pageTitle {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 25px;
    background: rgba(0, 0, 0, 0.8);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #ffffff;
    white-space: nowrap;
}
.coverShow {
  display: flex;
  line-height: 92px;
  align-items: center;
  justify-content: center;
  position: relative;
}
.coverShow .cover {
    width: 100%;
    height: 34px;
    background: rgba(37, 137, 255, 0.3);
    text-align: center;
    font-size: 10px;
    white-space: nowrap;
}
.coverShow .title {
    position: absolute;
}
.narrate-show {
  background: #d2d2d2 !important;
}
.ai-voice-btn {
  position: fixed;
  right: 20px;
  bottom: 100px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 9999;
  box-shadow: 0 4px 15px rgba(102, 126, 234, 0.4);
  transition: all 0.3s ease;
}
.ai-voice-btn i {
    font-size: 24px;
    color: #fff;
}
.ai-voice-btn:hover {
    transform: scale(1.1);
    box-shadow: 0 6px 20px rgba(102, 126, 234, 0.6);
}
.ai-voice-dialog /deep/ .el-dialog__title {
  padding: 0;
  color: #fff;
  width: 64px;
  height: 22px;
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
}
.ai-voice-dialog /deep/ .el-dialog__header {
  background: #23252C;
  border-radius: 8px 8px 0px 0px;
  padding: 16px 40px;
}
.ai-voice-dialog /deep/ .el-dialog {
  background: #2E313A;
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  border-radius: 8px;
}
.ai-voice-dialog /deep/ .el-dialog__close {
  color: #aaaaaa;
  font-size: 28px;
}
.ai-voice-dialog /deep/ .el-dialog__headerbtn {
  top: 12px;
}
.ai-voice-dialog /deep/ .el-dialog__body {
  padding: 24px 40px;
}
.ai-voice-dialog /deep/ .el-dialog__footer {
  display: flex;
  width: 100%;
  justify-content: flex-end;
  margin-top: auto;
}
.ai-voice-dialog .dialog-footer {
  display: flex;
}
.ai-voice-dialog .btn-confirm {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #2589FF;
  width: 116px;
  height: 33px;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 600;
  color: #FFFFFF;
  outline: none;
  border: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  line-height: 12px;
  margin: 0 8px;
}
.ai-voice-dialog .btn-confirm:hover {
    background-color: #1e7be2;
}
.ai-voice-dialog /deep/ .el-button.is-loading::before {
  background-color: transparent;
}
.ai-voice-dialog .btn-cancel {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #2589FF;
  width: 116px;
  height: 33px;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 600;
  color: #FFFFFF;
  outline: none;
  border: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  line-height: 12px;
  margin: 0 8px;
  background: #26272A;
  color: rgba(255, 255, 255, 0.6);
}
.ai-voice-dialog .btn-cancel:hover {
    background-color: #1e7be2;
}
.ai-voice-dialog .btn-cancel:hover {
    background: #393c41;
}
.ai-voice-dialog .btn-cancel[disabled] {
    background: #26272A;
    color: rgba(255, 255, 255, 0.4);
}
.ai-voice-dialog .form-item .option-select /deep/ .el-select-dropdown__list {
  padding: 0;
}
.ai-voice-dialog .form-item .option-select /deep/ .el-input {
  height: 100%;
  width: 100%;
}
.ai-voice-dialog .form-item .option-select /deep/ .el-select-dropdown {
  border: none;
  background: #222326;
  box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.5);
  border-radius: 12px;
  box-sizing: border-box;
  padding: 8px;
}
.ai-voice-dialog .form-item .option-select /deep/ .el-select-dropdown__item {
  display: flex;
  align-items: center;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  width: 100%;
  height: 36px;
  border-radius: 6px;
}
.ai-voice-dialog .form-item .option-select /deep/ .el-select-dropdown__item.hover {
    background: transparent;
}
.ai-voice-dialog .form-item .option-select /deep/ .el-select-dropdown__item:hover {
    background: #2c2d31 !important;
}
.ai-voice-dialog .form-item .option-select /deep/ .el-select-dropdown__item.selected {
    background: #313235;
}
.ai-voice-dialog .form-item .option-select,
.ai-voice-dialog .form-item .input {
  width: 100%;
  height: 45px;
  background: #373942;
  border-radius: 4px;
  padding: 0;
  box-sizing: border-box;
}
.ai-voice-dialog .form-item .option-select.is-disabled,
  .ai-voice-dialog .form-item .input.is-disabled {
    background: transparent !important;
    border: 1px solid #222326 !important;
}
.ai-voice-dialog .form-item .option-select /deep/ .el-input__inner,
  .ai-voice-dialog .form-item .input /deep/ .el-input__inner {
    background: transparent;
    font-size: 14px;
    font-weight: 400;
    height: 100%;
    color: #FFFFFF;
    border: 2px solid transparent;
    padding: 0 12px;
}
.ai-voice-dialog .form-item .option-select /deep/ .el-input__inner::-webkit-input-placeholder,
    .ai-voice-dialog .form-item .input /deep/ .el-input__inner::-webkit-input-placeholder {
      font-size: 14px;
      font-weight: 400;
      color: rgba(255, 255, 255, 0.6);
}
.ai-voice-dialog .form-item .option-select /deep/ .el-input__inner:focus,
    .ai-voice-dialog .form-item .input /deep/ .el-input__inner:focus {
      border: 2px solid #2589FF;
}
.ai-voice-dialog .subtitle {
  font-size: 14px;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 20px;
  margin-bottom: 12px;
}
.ai-voice-dialog .subtitle.required::after {
    content: "*";
    color: #ff6938;
    margin-left: 2px;
}
.ai-voice-dialog .el-dialog {
  background: #2c2e35;
}
.ai-voice-dialog .el-dialog .el-dialog__header {
    background: #2c2e35;
    border-bottom: 1px solid rgba(54, 86, 253, 0.3);
}
.ai-voice-dialog .el-dialog .el-dialog__header .el-dialog__title {
      color: #fff;
}
.ai-voice-dialog .el-dialog .el-dialog__header .el-dialog__headerbtn .el-icon-close {
      color: #fff;
}
.ai-voice-dialog .el-dialog .el-dialog__header .el-dialog__headerbtn .el-icon-close:hover {
        color: #3656fd;
}
.ai-voice-dialog .el-dialog .el-dialog__body {
    background: #2c2e35;
    color: #fff;
}
.ai-voice-dialog .el-dialog .el-dialog__footer {
    background: #2c2e35;
    border-top: 1px solid rgba(54, 86, 253, 0.3);
}
.ai-voice-dialog .ai-voice-content .el-textarea__inner {
  background: #1a1c21;
  color: #fff;
  border: none;
}
.ai-voice-dialog .ai-voice-content .el-textarea__inner:focus {
    border-color: #3656fd;
}
.ai-voice-dialog .ai-voice-content .el-select .el-input__inner {
  background: #1a1c21;
  color: #fff;
  border: none;
}
.ai-voice-dialog .ai-voice-content .el-select .el-input__suffix .el-select__caret {
  color: #fff;
}
.ai-voice-dialog .ai-voice-content .el-input__count {
  background: inherit;
}
.ai-voice-dialog .ai-voice-content .form-item {
  margin-bottom: 20px;
}
.ai-voice-dialog .ai-voice-content .form-item .form-label {
    margin-bottom: 8px;
    font-size: 14px;
    color: #fff;
    font-weight: 500;
}
.ai-voice-dialog .ai-voice-content .form-item .avatar-grid {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
}
.ai-voice-dialog .ai-voice-content .form-item .avatar-item {
    width: 80px;
    cursor: pointer;
    border-radius: 12px;
    padding: 8px;
    background: rgba(255, 255, 255, 0.05);
    border: 2px solid transparent;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}
.ai-voice-dialog .ai-voice-content .form-item .avatar-item:hover {
      background: rgba(255, 255, 255, 0.1);
      border-color: rgba(54, 86, 253, 0.5);
      transform: translateY(-4px);
      box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
}
.ai-voice-dialog .ai-voice-content .form-item .avatar-item.active {
      background: rgba(54, 86, 253, 0.15);
      border-color: #3656fd;
      box-shadow: 0 0 0 3px rgba(54, 86, 253, 0.2);
}
.ai-voice-dialog .ai-voice-content .form-item .avatar-item.is-custom {
      background: rgba(138, 138, 142, 0.1);
}
.ai-voice-dialog .ai-voice-content .form-item .avatar-item.is-custom:hover {
        background: rgba(138, 138, 142, 0.2);
}
.ai-voice-dialog .ai-voice-content .form-item .avatar-item .avatar-icon-wrapper {
      width: 56px;
      height: 56px;
      border-radius: 50%;
      overflow: hidden;
      position: relative;
      margin-bottom: 8px;
      background: #2a2c32;
      display: flex;
      align-items: center;
      justify-content: center;
}
.ai-voice-dialog .ai-voice-content .form-item .avatar-item .avatar-icon-wrapper img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover;
}
.ai-voice-dialog .ai-voice-content .form-item .avatar-item .avatar-icon-wrapper .avatar-custom-preview {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: 50%;
        overflow: hidden;
}
.ai-voice-dialog .ai-voice-content .form-item .avatar-item .avatar-icon-wrapper .avatar-custom-preview img {
          width: 100%;
          height: 100%;
          -o-object-fit: cover;
             object-fit: cover;
}
.ai-voice-dialog .ai-voice-content .form-item .avatar-item .avatar-name {
      font-size: 12px;
      color: #e0e0e0;
      text-align: center;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      max-width: 100%;
}
.ai-voice-dialog .ai-voice-content .form-item .avatar-item .avatar-check {
      position: absolute;
      top: 4px;
      right: 4px;
      width: 20px;
      height: 20px;
      background: #3656fd;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #fff;
      font-size: 12px;
      font-weight: bold;
      box-shadow: 0 2px 8px rgba(54, 86, 253, 0.4);
}
.ai-voice-dialog .ai-voice-content .form-item .upload-avatar-area .upload-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 24px;
    background: #3656fd;
    border: 1px dashed #3656fd;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.3s;
    color: #fff;
}
.ai-voice-dialog .ai-voice-content .form-item .upload-avatar-area .upload-btn i {
      font-size: 18px;
}
.ai-voice-dialog .ai-voice-content .form-item .upload-avatar-area .uploaded-avatar {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 12px;
    gap: 8px;
}
.ai-voice-dialog .ai-voice-content .form-item .upload-avatar-area .uploaded-avatar .avatar-preview-img {
      width: 80px;
      height: 80px;
      border-radius: 50%;
      -o-object-fit: cover;
         object-fit: cover;
      border: 2px solid #3656fd;
}
.ai-voice-dialog .ai-voice-content .form-item .upload-avatar-area .uploaded-avatar .file-name {
      font-size: 12px;
      color: #999;
}
.ai-voice-dialog .ai-voice-content .form-item .upload-avatar-area .uploading {
    text-align: center;
    color: #3656fd;
    margin-top: 10px;
}
.ai-voice-dialog .dialog-footer {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
}
.ai-voice-dialog .dialog-footer .el-button {
    background: #3656fd;
    border-color: #3656fd;
    color: #fff;
}
.ai-voice-dialog .dialog-footer .el-button:hover {
      background: #4a6afe;
      border-color: #4a6afe;
}
.ai-voice-dialog .dialog-footer .el-button:disabled {
      background: #4a5568;
      border-color: #4a5568;
      color: #a0aec0;
}
.ai-voice-dialog .upload-voice-area .upload-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 24px;
  background: #3656fd;
  border: 1px dashed #3656fd;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.3s;
  color: #fff;
}
.ai-voice-dialog .upload-voice-area .upload-btn i {
    font-size: 18px;
    color: #fff;
}
.ai-voice-dialog .upload-voice-area .upload-btn:hover {
    background: #4a6afe;
    border-color: #4a6afe;
}
.ai-voice-dialog .upload-voice-area .upload-tip {
  margin-top: 8px;
  font-size: 12px;
  color: #a0aec0;
}
.ai-voice-dialog .upload-voice-area .uploaded-audio {
  margin-top: 15px;
  display: flex;
  align-items: center;
  gap: 8px;
  color: #fff;
  font-size: 14px;
}
.ai-voice-dialog .upload-voice-area .uploaded-audio .el-icon-document {
    color: #3656fd;
    font-size: 18px;
}
.ai-voice-dialog .upload-voice-area .uploaded-audio .file-name {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 300px;
}
.ai-voice-dialog .upload-voice-area .uploaded-audio .upload-success-icon {
    color: #67c23a;
    font-size: 16px;
}
.ai-voice-dialog .upload-voice-area .uploading {
  margin-top: 15px;
  color: #3656fd;
  font-size: 14px;
}
.ai-voice-dialog /deep/.el-select-dropdown {
  background: #2c2e35;
  border-color: #3656fd;
}
.ai-voice-dialog /deep/.el-select-dropdown .el-select-dropdown__item {
    color: #fff;
}
.ai-voice-dialog /deep/.el-select-dropdown .el-select-dropdown__item:hover {
      background: #3656fd;
}
.ai-voice-dialog /deep/.el-select-dropdown .el-select-dropdown__item.selected {
      color: #3656fd;
      background: rgba(54, 86, 253, 0.2);
}
.ai-voice-dialog /deep/.el-textarea__inner {
  background: #1a1c21;
  color: #fff;
  border: none;
}
.ai-voice-dialog /deep/.el-textarea__inner:focus {
    border-color: #3656fd;
}
.ai-voice-dialog /deep/.el-input__count {
  background: inherit;
}
.ai-voice-dialog /deep/.el-select-dropdown {
  background: #2c2e35;
  border-color: #3656fd;
}
.ai-voice-dialog /deep/.el-select-dropdown .el-select-dropdown__item {
    color: #fff;
}
.ai-voice-dialog /deep/.el-select-dropdown .el-select-dropdown__item:hover {
      background: #3656fd;
}
.ai-voice-dialog /deep/.el-select-dropdown .el-select-dropdown__item.selected {
      color: #3656fd;
      background: rgba(54, 86, 253, 0.2);
}
.ai-voice-dialog /deep/.el-textarea__inner {
  background: #1a1c21;
  color: #fff;
}
.ai-voice-dialog /deep/ .el-input__count {
  background: inherit;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.el-select__tags {
  height: 100%;
  overflow: hidden;
}
.el-select {
  height: 32px;
}
.el-select .el-input,
  .el-select .el-input__inner {
    height: 32px;
}
.el-select .el-input .el-input__icon,
    .el-select .el-input__inner .el-input__icon {
      line-height: 32px;
}
.diaadd .el-dialog {
  width: 452px;
  background: #2a2b2f;
  border-radius: 16px 16px 16px 16px;
}
.diaadd .el-dialog__title {
  color: #fff;
}
.diaadd .el-input__inner,
.diaadd .el-textarea__inner {
  background: #222326;
  border: none;
}
.diaadd .el-input__inner,
.diaadd .el-textarea__inner {
  color: #fff;
}
.diaadd .el-form-item__content {
  line-height: 40px;
}
.diaadd .el-dialog__headerbtn .el-dialog__close {
  color: #fff;
}
.el-input-group__append {
  color: #000 !important;
}
.scale {
  display: flex;
  align-items: center;
}
.scale .el-form-item {
    margin-bottom: 0;
    margin-right: 10px;
}
.scale .el-select {
    width: 110px;
}
.pointshow .el-dialog {
  width: 60%;
  border-radius: 15px;
  background: #2a2b2f;
}
.pointshow .el-dialog__title {
  color: #fff;
}
.pointshow .el-dialog__footer {
  display: flex;
  justify-content: center;
}
.pointshow .pointcont {
  position: relative;
}
.pointshow .pointcont .img {
    width: 100%;
}
.pointshow .pointcont .diocont {
    position: absolute;
    width: 50%;
    height: 50%;
    top: 25%;
    left: 25%;
}
.pointshow .pointcont .diocont .modal-image,
    .pointshow .pointcont .diocont .modal-frame-scene {
      width: 100%;
      height: 100%;
}
.pointshow .pointcont .diocont .modal-video {
      width: 100%;
      height: 100%;
}
.pointshow .pointcont .diocont .modal-frame {
      width: 100%;
      height: 100%;
}
.empty {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 100%;
  color: #fff;
}
.empty .empty_title {
    margin: 16px 0;
    font-size: 20px;
}
.empty .empty_span {
    font-size: 14px;
    margin-top: 4px;
    color: #b3b3b3;
}
.videoList .el-input__inner {
  padding: 0 14px 0 0;
}
.point-tip {
  position: absolute;
  left: 32px;
  top: 12px;
  background: #eaffd7;
  padding: 8px 12px;
  border-radius: 4px;
  display: flex;
  height: 33px;
  justify-content: space-between;
  align-items: center;
  font-weight: 400;
  font-size: 12px;
  color: #43b600;
  z-index: 999;
}
.point-tip .el-icon-close {
    cursor: pointer;
    font-weight: 400;
    font-size: 12px;
    color: #43b600;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.narrate[data-v-34cae481] {
  color: #fff;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.control-header[data-v-df5bb918] {
  position: sticky;
  top: 0;
  z-index: 50;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 44px;
  padding: 0 12px;
  padding-top: env(safe-area-inset-top);
  background: #1c1b1c;
  border-bottom: 1px solid rgba(59, 73, 76, 0.2);
}
.header-title[data-v-df5bb918] {
  flex: 1;
  margin: 0;
  font-size: 17px;
  font-weight: 600;
  text-align: center;
  color: #c3f5ff;
}
.header-btn[data-v-df5bb918] {
  width: 40px;
  height: 40px;
  border: none;
  background: transparent;
  font-size: 20px;
  color: #c3f5ff;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.header-placeholder[data-v-df5bb918] {
  width: 40px;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.control-tab-bar[data-v-0d2ba0a5] {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
  display: flex;
  align-items: flex-end;
  justify-content: space-around;
  height: 56px;
  padding-bottom: env(safe-area-inset-bottom);
  background: #1c1b1c;
  border-top: 1px solid rgba(59, 73, 76, 0.2);
  box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.4);
}
.tab-item[data-v-0d2ba0a5] {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2px;
  border: none;
  background: transparent;
  padding: 6px 0 4px;
  color: #bac9cc;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.tab-item.active[data-v-0d2ba0a5] {
    color: #00e5ff;
}
.tab-item.highlight .scan-icon[data-v-0d2ba0a5] {
    width: 48px;
    height: 48px;
    margin-top: -20px;
    border-radius: 12px;
    background: linear-gradient(135deg, #3656fd, #00e5ff);
    color: #fff;
    box-shadow: 0 4px 12px rgba(0, 229, 255, 0.3);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
}
.tab-icon[data-v-0d2ba0a5] {
  font-size: 22px;
  line-height: 1;
}
.tab-label[data-v-0d2ba0a5] {
  font-size: 11px;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.login-panel[data-v-bfec423e] {
  padding: 24px 20px;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.03);
}
.login-welcome[data-v-bfec423e] {
  margin: 0 0 28px;
  font-size: 20px;
  font-weight: 600;
  color: #ffffff;
  text-align: center;
  letter-spacing: 2px;
}
.login-field[data-v-bfec423e] {
  position: relative;
  margin-bottom: 16px;
}
.login-input[data-v-bfec423e] {
  width: 100%;
  height: 48px;
  padding: 0 44px 0 16px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 24px;
  font-size: 16px;
  background: rgba(255, 255, 255, 0.08);
  outline: none;
  box-sizing: border-box;
  color: #ffffff;
  transition: all 0.3s ease;
  -webkit-text-size-adjust: 100%;
  -webkit-appearance: none;
}
.login-input[data-v-bfec423e]:hover {
    border-color: rgba(22, 119, 255, 0.5);
    background: rgba(255, 255, 255, 0.12);
}
.login-input[data-v-bfec423e]:focus {
    border-color: #1677ff;
    background: rgba(22, 119, 255, 0.15);
    box-shadow: 0 0 0 3px rgba(22, 119, 255, 0.2);
}
.login-input[data-v-bfec423e]::-moz-placeholder {
    color: rgba(255, 255, 255, 0.4);
}
.login-input[data-v-bfec423e]::placeholder {
    color: rgba(255, 255, 255, 0.4);
}
.pwd-toggle[data-v-bfec423e] {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  border: none;
  background: transparent;
  font-size: 18px;
  color: rgba(255, 255, 255, 0.5);
  cursor: pointer;
  transition: color 0.3s ease;
}
.pwd-toggle[data-v-bfec423e]:hover {
    color: #1677ff;
}
.login-btn[data-v-bfec423e] {
  width: 100%;
  height: 48px;
  margin-top: 8px;
  border: none;
  border-radius: 24px;
  background: linear-gradient(135deg, #1677ff 0%, #4096ff 100%);
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 4px 12px rgba(22, 119, 255, 0.3);
}
.login-btn[data-v-bfec423e]:hover:not(:disabled) {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(22, 119, 255, 0.4);
}
.login-btn[data-v-bfec423e]:active:not(:disabled) {
    transform: translateY(0);
    box-shadow: 0 2px 8px rgba(22, 119, 255, 0.3);
}
.login-btn[data-v-bfec423e]:disabled {
    opacity: 0.6;
    cursor: not-allowed;
    transform: none;
}


.icon-storyline-svg[data-v-24b4dee5] {
  display: block;
  width: 100%;
  height: 100%;
  color: #a8a8a8;
}


.icon-share-svg[data-v-8c91a14a] {
  display: block;
  width: 22px;
  height: 22px;
  color: #b8b8b8;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.content-center[data-v-3afaf550] {
  flex: 1;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  background: #0d0d0d;
  height: 100%;
}
.empty-state[data-v-3afaf550] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 320px;
  padding: 40px 20px;
  cursor: pointer;
}
.empty-icon[data-v-3afaf550] {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  background: linear-gradient(135deg, rgba(22, 119, 255, 0.14) 0%, rgba(64, 140, 255, 0.05) 100%);
  border: 2px solid rgba(22, 119, 255, 0.3);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 48px;
  color: #1677ff;
  margin-bottom: 24px;
  animation: pulse-3afaf550 3s ease-in-out infinite;
}
.empty-icon .el-icon-right[data-v-3afaf550] {
    color: #1677ff;
    animation: arrowMove-3afaf550 3s ease-in-out infinite;
}
@keyframes pulse-3afaf550 {
0%, 100% {
    box-shadow: 0 0 0 0 rgba(22, 119, 255, 0.4);
}
50% {
    box-shadow: 0 0 0 14px rgba(22, 119, 255, 0);
}
}
@keyframes arrowMove-3afaf550 {
0%, 100% {
    transform: translateX(0);
}
50% {
    transform: translateX(3px);
}
}
.empty-text[data-v-3afaf550] {
  font-size: 16px;
  color: rgba(255, 255, 255, 0.7);
  margin: 0;
  text-align: center;
  font-weight: 500;
}
.list-loading[data-v-3afaf550] {
  text-align: center;
  padding: 40px;
  font-size: 28px;
  color: #00e5ff;
}
.loading-more[data-v-3afaf550] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 16px;
  color: rgba(255, 255, 255, 0.5);
  font-size: 12px;
}
.project-list[data-v-3afaf550] {
  list-style: none;
  margin: 0;
  padding: 12px 0 0;
}
.project-item[data-v-3afaf550] {
  display: flex;
  align-items: center;
  min-height: 80px;
  padding: 14px 16px;
  margin-bottom: 8px;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 14px;
  box-sizing: border-box;
  transition: all 0.3s ease;
}
.project-item[data-v-3afaf550]:active {
    background: rgba(255, 255, 255, 0.06);
    transform: scale(0.99);
}
.project-main[data-v-3afaf550] {
  flex: 1;
  min-width: 0;
  display: flex;
  align-items: center;
  cursor: pointer;
  margin-right: 10px;
}
.project-thumb[data-v-3afaf550] {
  width: 52px;
  height: 52px;
  border-radius: 12px;
  background: linear-gradient(135deg, rgba(22, 119, 255, 0.15) 0%, rgba(64, 150, 255, 0.05) 100%);
  border: 1px solid rgba(22, 119, 255, 0.2);
  flex-shrink: 0;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(22, 119, 255, 0.6);
  font-size: 22px;
  box-sizing: border-box;
}
.project-thumb img[data-v-3afaf550] {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
.project-info[data-v-3afaf550] {
  flex: 1;
  min-width: 0;
  margin-left: 14px;
}
.project-name[data-v-3afaf550] {
  margin: 0 0 6px;
  font-size: 14px;
  font-weight: 400;
  color: #ffffff;
  line-height: 1.3;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.project-time[data-v-3afaf550] {
  margin: 0;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.4);
  line-height: 1.2;
}
.story-line-btn[data-v-3afaf550] {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  max-width: 118px;
  margin-right: 4px;
  padding: 8px 12px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.03);
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  transition: all 0.3s ease;
}
.story-line-btn.is-selected[data-v-3afaf550] {
    background: rgba(22, 119, 255, 0.15);
    border-color: rgba(22, 119, 255, 0.4);
}
.story-line-btn.is-selected .story-line-text[data-v-3afaf550] {
      color: #1677ff;
}
.story-line-btn.is-selected .story-line-icon[data-v-3afaf550] {
      color: #1677ff;
}
.story-line-btn.is-selected .story-line-arrow[data-v-3afaf550] {
      color: #1677ff;
}
.story-line-btn[data-v-3afaf550]:active {
    transform: scale(0.95);
    opacity: 0.8;
}
.story-line-icon[data-v-3afaf550] {
  flex-shrink: 0;
  width: 14px;
  height: 14px;
  margin-right: 4px;
  color: rgba(255, 255, 255, 0.5);
  transition: color 0.3s ease;
}
.story-line-text[data-v-3afaf550] {
  font-size: 10px;
  color: rgba(255, 255, 255, 0.5);
  white-space: nowrap;
  line-height: 1;
  transition: color 0.3s ease;
}
.story-line-arrow[data-v-3afaf550] {
  flex-shrink: 0;
  margin-left: 4px;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.3);
  font-weight: 600;
  transition: color 0.3s ease;
}
.share-icon-btn[data-v-3afaf550] {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  padding: 0;
  margin-left: 4px;
  border: none;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.05);
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  transition: all 0.3s ease;
}
.share-icon-btn[data-v-3afaf550]:active {
    transform: scale(0.9);
    background: rgba(255, 255, 255, 0.1);
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.mine-panel[data-v-df7aefca] {
  flex: 1;
  padding: 20px 16px;
  background: #0d0d0d;
}
.mine-guest[data-v-df7aefca] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 60px 30px;
  position: relative;
}
.mine-guest[data-v-df7aefca]::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 200px;
    height: 200px;
    background: radial-gradient(circle, rgba(22, 119, 255, 0.15) 0%, transparent 70%);
    border-radius: 50%;
    animation: glowPulse-df7aefca 3s ease-in-out infinite;
}
.mine-guest .avatar-placeholder[data-v-df7aefca] {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background: linear-gradient(135deg, rgba(22, 119, 255, 0.2) 0%, rgba(64, 150, 255, 0.1) 100%);
    border: 2px solid rgba(22, 119, 255, 0.4);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 44px;
    color: #1677ff;
    margin-bottom: 24px;
    position: relative;
}
.mine-guest .avatar-placeholder[data-v-df7aefca]::after {
      content: '';
      position: absolute;
      inset: -4px;
      border-radius: 50%;
      border: 1px solid rgba(22, 119, 255, 0.2);
      animation: ringRotate-df7aefca 4s linear infinite;
}
.mine-guest > p[data-v-df7aefca] {
    margin: 0 0 28px;
    font-size: 15px;
    color: rgba(255, 255, 255, 0.6);
    text-align: center;
    position: relative;
}
@keyframes glowPulse-df7aefca {
0%, 100% {
    opacity: 0.5;
    transform: translate(-50%, -50%) scale(1);
}
50% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1.1);
}
}
@keyframes ringRotate-df7aefca {
0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(360deg);
}
}
.login-link[data-v-df7aefca] {
  position: relative;
  padding: 12px 36px;
  border: none;
  border-radius: 24px;
  background: linear-gradient(135deg, #1677ff 0%, #4096ff 100%);
  color: #ffffff;
  font-size: 15px;
  font-weight: 500;
  cursor: pointer;
  overflow: hidden;
  box-shadow: 0 4px 20px rgba(22, 119, 255, 0.4);
}
.login-link[data-v-df7aefca]::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
    animation: shimmer-df7aefca 2s infinite;
}
.login-link[data-v-df7aefca]:active {
    transform: scale(0.96);
    box-shadow: 0 2px 12px rgba(22, 119, 255, 0.3);
}
@keyframes shimmer-df7aefca {
0% {
    left: -100%;
}
100% {
    left: 100%;
}
}
.profile-header[data-v-df7aefca] {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 24px;
  background: linear-gradient(135deg, rgba(22, 119, 255, 0.12) 0%, rgba(64, 150, 255, 0.05) 100%);
  border: 1px solid rgba(22, 119, 255, 0.2);
  border-radius: 16px;
  margin-bottom: 20px;
  position: relative;
  overflow: hidden;
}
.profile-header[data-v-df7aefca]::before {
    content: '';
    position: absolute;
    top: -50%;
    right: -20%;
    width: 120px;
    height: 120px;
    background: radial-gradient(circle, rgba(22, 119, 255, 0.15) 0%, transparent 70%);
    border-radius: 50%;
    animation: glowPulse-df7aefca 4s ease-in-out infinite;
}
.profile-avatar[data-v-df7aefca] {
  width: 64px;
  height: 64px;
  border-radius: 16px;
  background: linear-gradient(135deg, #1677ff 0%, #4096ff 100%);
  color: #fff;
  font-size: 24px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  box-shadow: 0 4px 16px rgba(22, 119, 255, 0.4);
}
.profile-name[data-v-df7aefca] {
  margin: 0 0 6px;
  font-size: 18px;
  font-weight: 600;
  color: #ffffff;
}
.profile-account[data-v-df7aefca] {
  margin: 0;
  font-size: 13px;
  color: rgba(255, 255, 255, 0.5);
}
.mine-menu[data-v-df7aefca] {
  list-style: none;
  margin: 0;
  padding: 0;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 16px;
  overflow: hidden;
}
.mine-menu li[data-v-df7aefca] {
    display: flex;
    align-items: center;
    padding: 18px 20px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    cursor: pointer;
    font-size: 15px;
    color: rgba(255, 255, 255, 0.8);
    transition: all 0.3s ease;
}
.mine-menu li .el-icon-switch-button[data-v-df7aefca] {
      font-size: 20px;
      color: #ff4d4f;
      transition: all 0.3s ease;
}
.mine-menu li span[data-v-df7aefca] {
      flex: 1;
      margin-left: 14px;
}
.mine-menu li .el-icon-arrow-right[data-v-df7aefca] {
      font-size: 14px;
      color: rgba(255, 255, 255, 0.3);
      transition: all 0.3s ease;
}
.mine-menu li[data-v-df7aefca]:last-child {
      border-bottom: none;
}
.mine-menu li[data-v-df7aefca]:active {
      background: rgba(255, 77, 79, 0.1);
}
.mine-menu li:active .el-icon-switch-button[data-v-df7aefca] {
        transform: scale(1.1);
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.space-drawer-mask[data-v-f5601e7e] {
  position: fixed;
  inset: 0;
  z-index: 200;
  background: rgba(0, 0, 0, 0.7);
}
.space-drawer[data-v-f5601e7e] {
  width: 85%;
  max-width: 360px;
  height: 100%;
  background: #1c1b1c;
  display: flex;
  flex-direction: column;
  box-shadow: 2px 0 12px rgba(0, 0, 0, 0.5);
}
.drawer-body[data-v-f5601e7e] {
  flex: 1;
  display: flex;
  overflow: hidden;
}
.space-sidebar[data-v-f5601e7e] {
  width: 88px;
  flex-shrink: 0;
  background: #0d0d0d;
  overflow-y: auto;
  padding: 8px 0;
}
.space-item[data-v-f5601e7e] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  width: 100%;
  padding: 12px 8px;
  border: none;
  background: transparent;
  cursor: pointer;
}
.space-item.active .space-avatar[data-v-f5601e7e] {
    background: linear-gradient(135deg, #3656fd, #00e5ff);
    color: #fff;
}
.space-avatar[data-v-f5601e7e] {
  width: 44px;
  height: 44px;
  border-radius: 10px;
  background: #2a2a2b;
  color: #bac9cc;
  font-size: 16px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
}
.space-avatar.personal[data-v-f5601e7e] {
    background: linear-gradient(135deg, #3656fd, #00e5ff);
    color: #fff;
}
.space-name[data-v-f5601e7e] {
  font-size: 11px;
  color: #bac9cc;
  text-align: center;
  line-height: 1.3;
}
.team-list[data-v-f5601e7e] {
  flex: 1;
  overflow-y: auto;
  padding: 12px;
  background: #1c1b1c;
}
.team-item[data-v-f5601e7e] {
  display: block;
  width: 100%;
  padding: 14px 12px;
  margin-bottom: 8px;
  border: none;
  border-radius: 8px;
  background: #2a2a2b;
  text-align: left;
  font-size: 15px;
  color: #e5e2e3;
  cursor: pointer;
}
.team-item.active[data-v-f5601e7e] {
    background: rgba(0, 229, 255, 0.15);
    color: #00e5ff;
    border: 1px solid rgba(0, 229, 255, 0.3);
}
.team-empty[data-v-f5601e7e] {
  text-align: center;
  color: #bac9cc;
  font-size: 14px;
  margin-top: 40px;
}
.drawer-fade-enter-active[data-v-f5601e7e],
.drawer-fade-leave-active[data-v-f5601e7e] {
  transition: opacity 0.25s;
}
.drawer-fade-enter[data-v-f5601e7e],
.drawer-fade-leave-to[data-v-f5601e7e] {
  opacity: 0;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.storyline-picker-mask[data-v-18fab2fe] {
  position: fixed;
  inset: 0;
  z-index: 300;
  background: rgba(0, 0, 0, 0.65);
  display: flex;
  align-items: flex-end;
}
.storyline-picker-panel[data-v-18fab2fe] {
  width: 100%;
  max-height: 70vh;
  background: #1a1a1b;
  border-radius: 20px 20px 0 0;
  padding-bottom: env(safe-area-inset-bottom);
  display: flex;
  flex-direction: column;
  z-index: 10;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.picker-header[data-v-18fab2fe] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 20px 16px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.picker-title[data-v-18fab2fe] {
  font-size: 17px;
  font-weight: 600;
  color: #ffffff;
}
.picker-close[data-v-18fab2fe] {
  border: none;
  background: rgba(255, 255, 255, 0.08);
  width: 32px;
  height: 32px;
  border-radius: 50%;
  font-size: 18px;
  color: rgba(255, 255, 255, 0.6);
  padding: 0;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}
.picker-close[data-v-18fab2fe]:active {
    transform: scale(0.9);
    background: rgba(255, 255, 255, 0.15);
}
.picker-subtitle[data-v-18fab2fe] {
  margin: 0;
  padding: 12px 20px 0;
  font-size: 13px;
  color: rgba(255, 255, 255, 0.5);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.picker-loading[data-v-18fab2fe] {
  text-align: center;
  padding: 50px;
  font-size: 28px;
  color: #1677ff;
}
.storyline-list[data-v-18fab2fe] {
  list-style: none;
  margin: 0;
  padding: 12px 0 24px;
  overflow-y: auto;
  flex: 1;
  max-height: 400px;
}
.storyline-item[data-v-18fab2fe] {
  display: flex;
  align-items: center;
  padding: 16px 20px;
  cursor: pointer;
  margin: 0 12px 6px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.06);
  transition: all 0.3s ease;
}
.storyline-item[data-v-18fab2fe]:active {
    background: rgba(22, 119, 255, 0.1);
    border-color: rgba(22, 119, 255, 0.3);
    transform: scale(0.98);
}
.storyline-item.active[data-v-18fab2fe] {
    background: rgba(22, 119, 255, 0.15);
    border-color: rgba(22, 119, 255, 0.4);
}
.storyline-item.active .storyline-name[data-v-18fab2fe] {
      color: #1677ff;
}
.storyline-item.active .el-icon-check[data-v-18fab2fe] {
      color: #1677ff;
}
.storyline-item-main[data-v-18fab2fe] {
  flex: 1;
  min-width: 0;
}
.storyline-name[data-v-18fab2fe] {
  display: block;
  font-size: 15px;
  color: rgba(255, 255, 255, 0.9);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.storyline-desc[data-v-18fab2fe] {
  display: block;
  margin-top: 6px;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.4);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.el-icon-check[data-v-18fab2fe] {
  flex-shrink: 0;
  margin-left: 12px;
  font-size: 18px;
  color: rgba(255, 255, 255, 0.4);
}
.picker-empty[data-v-18fab2fe] {
  padding: 50px 20px;
  text-align: center;
  color: rgba(255, 255, 255, 0.4);
  font-size: 14px;
}
.picker-fade-enter-active[data-v-18fab2fe],
.picker-fade-leave-active[data-v-18fab2fe] {
  transition: opacity 0.3s;
}
.picker-fade-enter-active .storyline-picker-panel[data-v-18fab2fe],
  .picker-fade-leave-active .storyline-picker-panel[data-v-18fab2fe] {
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.picker-fade-enter[data-v-18fab2fe],
.picker-fade-leave-to[data-v-18fab2fe] {
  opacity: 0;
}
.picker-fade-enter .storyline-picker-panel[data-v-18fab2fe],
  .picker-fade-leave-to .storyline-picker-panel[data-v-18fab2fe] {
    transform: translateY(100%);
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.control-app[data-v-4fa82e24] {
  margin: 0 auto;
  background: #0d0d0d;
  display: flex;
  flex-direction: column;
  padding-bottom: calc(56px + env(safe-area-inset-bottom));
  box-sizing: border-box;
}
.control-main[data-v-4fa82e24] {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  height: calc(100vh - 100px);
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
/**
 * Element UI Message / MessageBox 移动端、平板触控友好样式
 * 配合 customClass: control-mobile-toast | control-mobile-msgbox 使用
 */
/* ---------- Toast（Message）---------- */
.el-message.control-mobile-toast {
  min-width: 0 !important;
  width: -moz-max-content;
  width: max-content;
  width: calc(100vw - 32px);
  max-width: 420px;
  padding: 12px 18px !important;
  border-radius: 12px !important;
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.12) !important;
  border: none !important;
  font-size: 15px !important;
  line-height: 1.45 !important;
}
.el-message.control-mobile-toast .el-message__content {
  padding: 0 !important;
  line-height: 1.45 !important;
}

/* 底部居中，大触控区易读 */
.el-message.control-mobile-toast {
  top: auto !important;
  bottom: calc(24px + env(safe-area-inset-bottom)) !important;
  left: 50% !important;
  right: auto !important;
  transform: translateX(-50%) !important;
}
@media (min-width: 768px) {
.el-message.control-mobile-toast {
    width: calc(100vw - 64px);
    max-width: 480px;
    font-size: 15px !important;
    padding: 14px 22px !important;
}
}

/* ---------- 确认框（MessageBox）---------- */
.el-message-box.control-mobile-msgbox {
  width: calc(100vw - 40px) !important;
  max-width: 400px !important;
  min-width: 0 !important;
  padding-bottom: 12px !important;
  border-radius: 16px !important;
  border: none !important;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.18) !important;
}
@media (min-width: 768px) {
.el-message-box.control-mobile-msgbox {
    width: auto !important;
    min-width: 360px !important;
    max-width: 440px !important;
    border-radius: 18px !important;
}
}
.el-message-box.control-mobile-msgbox .el-message-box__header {
  padding: 20px 20px 8px !important;
}
.el-message-box.control-mobile-msgbox .el-message-box__title {
  font-size: 17px !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  color: #fff !important;
}
.el-message-box.control-mobile-msgbox .el-message-box__headerbtn {
  top: 14px !important;
  right: 14px !important;
  font-size: 18px !important;
}
.el-message-box.control-mobile-msgbox .el-message-box__content {
  padding: 20px 20px 20px !important;
}
.el-message-box.control-mobile-msgbox .el-message-box__message {
  font-size: 15px !important;
  line-height: 1.55 !important;
  color: #fff !important;
  padding: 0 40px !important;
}
.el-message-box.control-mobile-msgbox .el-message-box__message p {
  margin: 0 !important;
}
.el-message-box.control-mobile-msgbox .el-message-box__btns {
  padding: 8px 16px 16px !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
}

/* 手机：按钮并排各占一半 */
@media (max-width: 600px) {
.el-message-box.control-mobile-msgbox .el-message-box__btns {
    flex-direction: row !important;
    gap: 10px !important;
    padding: 8px 12px 14px !important;
}
.el-message-box.control-mobile-msgbox .el-message-box__btns .el-button {
    flex: 1 !important;
    margin: 0 !important;
    min-height: 40px !important;
    max-height: 44px !important;
    font-size: 14px !important;
    border-radius: 8px !important;
    color: #1a1a1a !important;
    padding: 0 12px !important;
}
}

/* 平板 / 较宽：两按钮横排 */
@media (min-width: 601px) {
.el-message-box.control-mobile-msgbox .el-message-box__btns {
    flex-direction: row !important;
    justify-content: flex-end !important;
}
.el-message-box.control-mobile-msgbox .el-message-box__btns .el-button {
    min-width: 80px !important;
    max-width: 100px !important;
    min-height: 32px !important;
    max-height: 36px !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
    font-size: 13px !important;
    border-radius: 6px !important;
    margin-left: 10px !important;
    color: #1a1a1a !important;
}
}

/* 警告类主按钮用品牌蓝，更贴近移动端常见样式 */
.el-message-box.control-mobile-msgbox .el-message-box__btns .el-button--primary {
  background: #1677ff !important;
  border-color: #1677ff !important;
  color: #fff !important;
}


.qr-scanner[data-v-3245f106] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  padding: 20px;
}
.scanner-container[data-v-3245f106] {
  position: relative;
  width: 100%;
  max-width: 400px;
  height: 400px;
  overflow: hidden;
  border-radius: 10px;
}
.preview[data-v-3245f106] {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

/* 扫描框覆盖层 */
.scan-mask[data-v-3245f106] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0);
  /* 通过padding实现中间透明区域 */
  padding: 0;
  box-sizing: border-box;
}
.scan-frame[data-v-3245f106] {
  width: 100%;
  height: 100%;
  border: 2px solid #4cd964;
  position: relative;
}

/* 扫描线动画（可选） */
.scan-frame[data-v-3245f106]::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: #4cd964;
  animation: scan-3245f106 2s linear infinite;
}
@keyframes scan-3245f106 {
0% {
    top: 0;
}
100% {
    top: 100%;
}
}
.status[data-v-3245f106] {
  color: #333;
  font-size: 16px;
}
.result[data-v-3245f106] {
  margin-top: 20px;
  padding: 10px 20px;
  background: #f5f5f5;
  border-radius: 5px;
  text-align: center;
}
.result button[data-v-3245f106] {
  margin-top: 10px;
  padding: 8px 16px;
  background: #4cd964;
  color: white;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}


.connection-success-container[data-v-8813a19c] {
  width: 100vw;
  height: 100vh;
  background-image: url(../../static/img/connection-success-bg.cd5a77b8.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
}
.logo[data-v-8813a19c] {
  position: absolute;
  top: 20px;
  left: 20px;
  text-align: left;
}
.voker[data-v-8813a19c] {
  display: block;
  font-family: 'Arial', sans-serif;
  font-weight: bold;
  font-size: 20px;
  color: white;
  letter-spacing: 1px;
}
.subtitle[data-v-8813a19c] {
  display: block;
  font-family: 'Arial', sans-serif;
  font-size: 10px;
  color: rgba(255, 255, 255, 0.6);
  margin-top: 2px;
  letter-spacing: 0.5px;
}
.success-content[data-v-8813a19c] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 0 20px;
  max-width: 400px;
  width: 100%;
}
.success-icon-outer-container[data-v-8813a19c] {
  width: 185px;
  height: 185px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 30px;
  border: 2px solid rgba(195, 245, 255, 0.20);
  background: rgba(14, 14, 15, 0.20);
}
.success-icon-container[data-v-8813a19c] {
  width: 154px;
  height: 154px;
  background: rgba(14, 14, 15, 0.20);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid rgba(195, 245, 255, 0.40);
}
.success-icon[data-v-8813a19c] {
  width: 60px;
  height: 60px;
}
.success-title[data-v-8813a19c] {
  font-family: 'Arial', sans-serif;
  font-size: 28px;
  font-weight: bold;
  color: #ffffff;
  margin: 0 0 15px 0;
}
.success-description[data-v-8813a19c] {
  font-family: 'Arial', sans-serif;
  font-size: 16px;
  color: rgba(255, 255, 255, 0.7);
  margin: 0 0 40px 0;
  line-height: 1.5;
}
.start-button[data-v-8813a19c] {
  width: 313px;
  height: 48px;
  background: #3656FD;
  color: white;
  border: none;
  border-radius: 4px;
  font-family: 'Arial', sans-serif;
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  box-shadow: 0 0 28.846px 0 rgba(0, 229, 255, 0.30);
  transition: all 0.3s ease;
  margin-top: 10px;
}
.start-button[data-v-8813a19c]:hover {
  transform: translateY(-3px);
  box-shadow: 0 6px 20px rgba(0, 102, 255, 0.6);
}
.start-button[data-v-8813a19c]:active {
  transform: translateY(0);
  box-shadow: 0 4px 15px rgba(0, 102, 255, 0.4);
}
.play-icon[data-v-8813a19c] {
  font-size: 16px;
  margin-top: 1px;
}

/* 响应式设计 */
@media (max-width: 480px) {
.logo[data-v-8813a19c] {
    top: 15px;
    left: 15px;
}
.voker[data-v-8813a19c] {
    font-size: 18px;
}
.success-icon-outer-container[data-v-8813a19c] {
    width: 120px;
    height: 120px;
}
.success-icon-container[data-v-8813a19c] {
    width: 100px;
    height: 100px;
}
.success-icon[data-v-8813a19c] {
    width: 50px;
    height: 50px;
}
.success-title[data-v-8813a19c] {
    font-size: 24px;
}
.success-description[data-v-8813a19c] {
    font-size: 14px;
    margin-bottom: 30px;
}
.start-button[data-v-8813a19c] {
    width: 280px;
    height: 44px;
    font-size: 15px;
}
}


*[data-v-259e860e] {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.container[data-v-259e860e] {
  width: 100%;
  height: 100%;
  position: relative;
  background: #0d0d0d;
  display: flex;
  flex-direction: column;
  align-items: center;
  /* overflow-y: auto; */
}
.header[data-v-259e860e] {
  width: 100%;
  padding: 12px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}
.header-content[data-v-259e860e] {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.remote-scan[data-v-259e860e] {
  color: #c3f5ff;
  font-family: MiSans;
  font-size: 20px;
  font-style: normal;
  font-weight: 380;
  line-height: 28px;
  letter-spacing: -0.5px;
}
.tob-marketing-container[data-v-259e860e] {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 4px;
}
.header-logo[data-v-259e860e] {
  width: 68px;
  height: 15px;
}
.tob-marketing[data-v-259e860e] {
  color: white;
  font-size: 8px;
}
.instructions[data-v-259e860e] {
  display: flex;
  flex-direction: column;
  width: calc(100% - 48px);
  align-items: flex-start;
  gap: 14.75px;
  padding: 12px;
  margin-top: 12px;
  background: #1c1b1c;
  border-radius: 8px;
  border: 1px solid rgba(59, 73, 76, 0.1);
  box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.4);
}
.instructions-header[data-v-259e860e] {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
}
.instructions-icon[data-v-259e860e] {
  width: 16px;
  height: 16px;
  margin-bottom: 2px;
}
.instructions-title[data-v-259e860e] {
  font-size: 16px;
  font-weight: normal;
  color: #bac9cc;
  letter-spacing: 1.2px;
  line-height: 18px;
}
.instructions-content[data-v-259e860e] {
  font-family: "MiSans-Normal", Helvetica;
  font-size: 14px;
  font-weight: normal;
  color: #bac9cc;
  line-height: 22.8px;
  width: 100%;
}
.status-bar[data-v-259e860e] {
  width: 100%;
  height: 88px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 24px;
}
.status-bar-time[data-v-259e860e] {
  width: 15.88%;
  height: 100%;
  display: flex;
  align-items: center;
  overflow: hidden;
}
.status-bar-time-text[data-v-259e860e] {
  margin-top: 1.7px;
  height: 20px;
  flex: 1;
  font-family: "MiSans_VF-Semibold", Helvetica;
  font-size: 15px;
  font-weight: normal;
  color: white;
  text-align: center;
  letter-spacing: -0.3px;
  line-height: normal;
}
.status-bar-x[data-v-259e860e] {
  width: 19.71%;
  height: 84.21%;
  margin-top: 15.79%;
}
.status-bar-logo[data-v-259e860e] {
  width: 72px;
  height: 29px;
  display: flex;
  flex-direction: column;
  gap: 2.7px;
  margin-top: 30px;
}
.status-bar-logo-image[data-v-259e860e] {
  margin-left: 1.2px;
  width: 67.5px;
  height: 14.46px;
  margin-top: 0;
}
.status-bar-logo-text[data-v-259e860e] {
  margin-left: -2px;
  height: 12.06px;
  width: 70.4px;
  align-self: center;
  font-family: "MiSans-Light", Helvetica;
  font-size: 7.4px;
  font-weight: 300;
  color: white;
  text-align: center;
  letter-spacing: 3.93px;
  line-height: 11.4px;
  white-space: nowrap;
}
.title[data-v-259e860e] {
  height: 28px;
  font-family: "MiSans-Medium", Helvetica;
  font-size: 20px;
  font-weight: 500;
  color: #c3f5ff;
  letter-spacing: -0.5px;
  line-height: 28px;
  white-space: nowrap;
  align-self: flex-start;
  margin-left: 36px;
  margin-top: 12px;
}
.scanner-container[data-v-259e860e] {
  width: 328px;
  height: 328px;
  aspect-ratio: 1;
  -o-object-fit: cover;
     object-fit: cover;
  position: relative;
}
.preview[data-v-259e860e] {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.scan-mask[data-v-259e860e] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0);
  padding: 0;
  box-sizing: border-box;

  display: flex;
  align-items: center;
  justify-content: center;
}
.scan-frame[data-v-259e860e] {
  width: calc(100% - 96px);
  height: calc(100% - 96px);
  border-radius: 4px;
  border: 1px solid rgba(0, 229, 255, 0.2);
  background: rgba(53, 52, 54, 0.2);
  position: relative;
  overflow: hidden;
}
.scan-frame[data-v-259e860e]::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 2px;
  /* background: #4cd964; */
  background: linear-gradient(
    90deg,
    rgba(0, 229, 255, 0) 0%,
    #00e5ff 50%,
    rgba(0, 229, 255, 0) 100%
  );

  animation: scan-259e860e 2s linear infinite;
}
.scanner-container .corner-top-left[data-v-259e860e] {
  position: absolute;
  top: 24px;
  left: 24px;
  width: 32px;
  height: 32px;
  border-radius: 4px 0 0 0;
  border-top: 2px solid #00e5ff;
  border-left: 2px solid #00e5ff;
  z-index: 10;
}
.scanner-container .corner-top-right[data-v-259e860e] {
  position: absolute;
  top: 24px;
  right: 24px;
  width: 32px;
  height: 32px;
  border-radius: 0 4px 0 0;
  border-top: 2px solid #00e5ff;
  border-right: 2px solid #00e5ff;
  z-index: 10;
}
.scanner-container .corner-bottom-left[data-v-259e860e] {
  position: absolute;
  bottom: 24px;
  left: 24px;
  width: 32px;
  height: 32px;
  border-radius: 0 0 0 4px;
  border-bottom: 2px solid #00e5ff;
  border-left: 2px solid #00e5ff;
  z-index: 10;
}
.scanner-container .corner-bottom-right[data-v-259e860e] {
  position: absolute;
  bottom: 24px;
  right: 24px;
  width: 32px;
  height: 32px;
  border-radius: 0 0 4px 0;
  border-bottom: 2px solid #00e5ff;
  border-right: 2px solid #00e5ff;
  z-index: 10;
}
@keyframes scan-259e860e {
0% {
    top: 0;
}
100% {
    top: 100%;
}
}
.manual-button[data-v-259e860e] {
  all: unset;
  box-sizing: border-box;
  display: flex;
  width: calc(100% - 24px);
  height: 56px;
  flex-shrink: 0; /* 防止按钮在父容器高度不足时被压缩 */
  align-items: center;
  justify-content: center;
  gap: 12px;
  background: #2a2a2b;
  border-radius: 8px;
  border: 1px solid rgba(59, 73, 76, 0.2);
  cursor: pointer;
  margin-bottom: 100px;
}
.manual-button-icon[data-v-259e860e] {
  width: 20px;
  height: 14px;
  margin-bottom: 2px;
}
.manual-button-text[data-v-259e860e] {
  position: relative;
  width: 105px;
  height: 22.52px;
}
.manual-button-text-content[data-v-259e860e] {
  position: absolute;
  top: -1px;
  left: calc(50% - 54px);
  height: 23px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "MiSans-Medium", Helvetica;
  font-size: 15px;
  font-weight: 500;
  color: #e5e2e3;
  text-align: center;
  line-height: 22.5px;
  white-space: nowrap;
}

/* 输入区域样式 */
.input-container[data-v-259e860e] {
  width: calc(100% - 48px);
  max-width: 600px;
  margin-top: 48px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.input-label[data-v-259e860e] {
  font-family: "MiSans-Medium", Helvetica;
  font-size: 16px;
  font-weight: 500;
  color: #c3f5ff;
  text-align: center;
}
.session-input[data-v-259e860e] {
  width: 100%;
  max-width: 600px;
  height: 56px;
  padding: 0 12px;
  background: #2a2a2b;
  border: 1px solid rgba(59, 73, 76, 0.2);
  border-radius: 4px;
  color: #ffffff;
  font-size: 16px;
  outline: none;
  transition: all 0.3s ease;
}
.session-input[data-v-259e860e]:focus {
  border-color: #00e5ff;
  box-shadow: 0 0 0 2px rgba(0, 229, 255, 0.2);
}
.session-input[data-v-259e860e]::-moz-placeholder {
  color: #595959;
}
.session-input[data-v-259e860e]::placeholder {
  color: #595959;
}
.input-buttons[data-v-259e860e] {
  width: 100%;
  max-width: 600px;
  display: flex;
  gap: 16px;
  margin-top: 8px;
  margin-bottom: 100px;
}
.cancel-button[data-v-259e860e],
.submit-button[data-v-259e860e] {
  width: calc(50% - 8px);
  height: 56px;
  border: none;
  border-radius: 4px;
  font-family: "MiSans-Medium", Helvetica;
  font-size: 15px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.3s ease;
}
.cancel-button[data-v-259e860e] {
  background: #2a2a2b;
  border: 1px solid rgba(59, 73, 76, 0.2);
  color: #e5e2e3;
}
.submit-button[data-v-259e860e] {
  background: #3656fd;
  color: white;
  box-shadow: 0 0 28.846px 0 rgba(0, 229, 255, 0.3);
}
.cancel-button[data-v-259e860e]:hover {
  background: #333333;
}
.submit-button[data-v-259e860e]:hover {
  transform: translateY(-3px);
  box-shadow: 0 6px 20px rgba(0, 102, 255, 0.6);
}
.cancel-button[data-v-259e860e]:active,
.submit-button[data-v-259e860e]:active {
  transform: translateY(0);
  box-shadow: 0 4px 15px rgba(0, 102, 255, 0.4);
}
.status-tip[data-v-259e860e] {
  margin-top: 16px;
  padding: 12px 24px;
  background: rgba(54, 86, 253, 0.15);
  border: 1px solid rgba(0, 229, 255, 0.3);
  border-radius: 8px;
  color: #c3f5ff;
  font-family: MiSans;
  font-size: 14px;
  text-align: center;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
*[data-v-1e4d1cdc] {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* 弹性盒布局 */
.phone-frame[data-v-1e4d1cdc] {
  width: 100%;
  height: 100%;
  background-color: #202020;
  position: relative;
  overflow: hidden;
  box-shadow: 0 25px 40px -12px rgba(0, 0, 0, 0.5);
  display: flex;
  flex-direction: column;
}

/* 全屏模式 */
.phone-frame.fullscreen-mode[data-v-1e4d1cdc] {
  flex: 1;
}
.phone-frame.fullscreen-mode .app-container[data-v-1e4d1cdc] {
  width: 100%;
  height: 100%;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
}
.phone-frame.fullscreen-mode .preview-card[data-v-1e4d1cdc] {
  max-width: 100%;
  max-height: 100%;
  background: transparent;
  box-shadow: none;
}
.phone-frame.fullscreen-mode .preview-gradient[data-v-1e4d1cdc] {
  width: 100%;
  height: 100%;
  border-radius: 0;
  overflow: hidden;
}
.fullscreen-header[data-v-1e4d1cdc] {
  display: none;
}
.main-container[data-v-1e4d1cdc] {
  width: 100%;
  height: calc(100% - 48px);
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 12px;
  box-sizing: border-box;
  background: linear-gradient(0deg, #202020 0%, #202020 100%), linear-gradient(168deg, #f4f0ec 0%, #e3f4fa 100%);
  background-blend-mode: normal;
  background-color: #202020;
}
.left-content[data-v-1e4d1cdc] {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 20px;
  flex: 1;
}

/* 预览卡片独占剩余高度 */
.preview-card[data-v-1e4d1cdc] {
  width: 100%;
  flex: 1;
  min-height: 192px;
  position: relative;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  border-radius: 12px;
  overflow: hidden;
}

/* 平板和电脑端布局 */
@media (min-width: 600px) {
.main-container[data-v-1e4d1cdc] {
    flex-direction: row;
}
.fullscreen-header[data-v-1e4d1cdc] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 12px 0 12px;
}
.fullscreen-header .header-back-icon[data-v-1e4d1cdc] {
      color: #fff;
      font-size: 20px;
      font-weight: 400;
}
.fullscreen-header .header-brand-container[data-v-1e4d1cdc] {
      display: flex;
      flex-direction: column;
}
.left-content[data-v-1e4d1cdc] {
    width: 85%;
    flex-shrink: 0;
}
.story-card[data-v-1e4d1cdc] {
    width: 15%;
    flex-shrink: 0;
    min-height: auto;
}
.preview-card[data-v-1e4d1cdc] {
    min-height: 300px;
}
}

/* 按钮区域高度调整 */
.buttons-container[data-v-1e4d1cdc] {
  display: flex;
  justify-content: center;
  gap: 20px;
  width: 100%;
  margin-bottom: 12px;
}
.narration-row[data-v-1e4d1cdc] {
  margin-bottom: 8px;
}
.scene-narration-btn[data-v-1e4d1cdc] {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 8px;
  width: 100%;
  height: 72px;
  border-radius: 6px;
  background-color: #424242;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  transition: background-color 0.15s ease, box-shadow 0.15s ease;
}
.scene-narration-btn i[data-v-1e4d1cdc] {
    font-size: 22px;
    font-weight: 600;
}
.scene-narration-btn[data-v-1e4d1cdc]:active {
  background-color: #3656fd;
  box-shadow: 0 0 15px rgba(54, 86, 253, 0.6);
}
.scene-narration-btn--float[data-v-1e4d1cdc] {
  position: absolute;
  right: 12px;
  bottom: 56px;
  z-index: 20;
  width: auto;
  min-width: 100px;
  height: 36px;
  flex-direction: row;
  padding: 0px 12px;
  font-size: 12px;
}
.scene-narration-btn--float i[data-v-1e4d1cdc] {
    font-size: 14px;
}
.fullscreen-mode .buttons-container[data-v-1e4d1cdc] {
  flex-direction: row-reverse;
}
.fullscreen-mode .prev-step[data-v-1e4d1cdc],
.fullscreen-mode .next-step[data-v-1e4d1cdc] {
  flex-direction: row-reverse;
}
.fullscreen-mode .prev-step .prev-label[data-v-1e4d1cdc],
  .fullscreen-mode .prev-step .prev-icon[data-v-1e4d1cdc],
  .fullscreen-mode .prev-step .next-icon[data-v-1e4d1cdc],
  .fullscreen-mode .next-step .prev-label[data-v-1e4d1cdc],
  .fullscreen-mode .next-step .prev-icon[data-v-1e4d1cdc],
  .fullscreen-mode .next-step .next-icon[data-v-1e4d1cdc] {
    transform: rotate(90deg);
}
.fullscreen-mode.is-apple .buttons-container[data-v-1e4d1cdc] {
  margin-bottom: calc(12px + env(safe-area-inset-bottom));
}
.prev-step[data-v-1e4d1cdc],
.next-step[data-v-1e4d1cdc] {
  height: 168px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  cursor: pointer;
  background-color: #424242;
  position: relative;
  gap: 8px;
  border-radius: 6px;
}
.title-section[data-v-1e4d1cdc] {
  width: 100%;
  height: 47px;
  position: relative;
  display: flex;
  gap: 3px;
  margin-bottom: 10px;
}
.main-title[data-v-1e4d1cdc] {
  position: relative;
  width: 100%;
  height: 27.07px;
  font-family: "MiSans-Demibold", "Helvetica", sans-serif;
  font-weight: 600;
  color: white;
  font-size: 22px;
  letter-spacing: -0.75px;
  line-height: 36px;
  white-space: nowrap;
  display: flex;
  align-items: center;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sub-title[data-v-1e4d1cdc] {
  position: relative;
  width: 100%;
  height: 16.82px;
  font-family: "MiSans-Regular", "Helvetica", sans-serif;
  font-weight: 400;
  color: #c3c3c3;
  font-size: 14px;
  line-height: 28px;
  white-space: nowrap;
  display: flex;
  align-items: center;
  opacity: 0.8;
  overflow: hidden;
  text-overflow: ellipsis;
}
.prev-step[data-v-1e4d1cdc],
.next-step[data-v-1e4d1cdc] {
  height: 140px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  cursor: pointer;
  background-color: #424242;
  position: relative;
  gap: 8px;
  border-radius: 6px;
  touch-action: manipulation;
}
.prev-bg[data-v-1e4d1cdc],
.next-bg[data-v-1e4d1cdc] {
  height: 168px;
}
.story-card[data-v-1e4d1cdc] {
  width: 100%;
  min-height: 255px;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.success-title[data-v-1e4d1cdc] {
  display: flex;
}

/* 平板和电脑端故事线区域样式 */
@media (min-width: 600px) {
.story-card[data-v-1e4d1cdc] {
    margin-bottom: 0;
    max-width: 20vw;
    min-width: 240px;
    padding-right: 8px;
    padding-top: 4px;
}
.step-container[data-v-1e4d1cdc] {
    margin-bottom: 0;
}
.step-item[data-v-1e4d1cdc] {
    padding-bottom: 15px;
}
}
.sub-wrapper[data-v-1e4d1cdc] {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  margin-top: 8px;
}

/* 卡片区 (故事线详情 + 两个节点) */
.node-badge[data-v-1e4d1cdc] {
  width: 100%;
  height: 28px;
  font-weight: 600;
  color: white;
  font-size: 12px;
  line-height: 28px;
  display: flex;
  align-items: center;
  padding-right: 10px;
  box-sizing: border-box;
}

/* 步骤条样式 */
.step-container[data-v-1e4d1cdc] {
  width: 100%;
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  margin-bottom: 24px;
  overflow-y: auto;
  scroll-behavior: smooth;
  padding-bottom: 50px;
}
.step-item[data-v-1e4d1cdc] {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  width: 100%;
  padding-bottom: 20px;
}
.step-dot-container[data-v-1e4d1cdc] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  position: relative;
}
.step-dot[data-v-1e4d1cdc] {
  width: 40px;
  height: 40px;
  border-radius: 12px;
  background-color: #2a2a2b;
  margin: 0 8px;
  color: #ffffff;
  font-weight: 900;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  margin-top: 2px;
}
.step-item.active .step-dot[data-v-1e4d1cdc] {
  background: radial-gradient(50% 50% at 50% 50%, #c3f5ff 0%, #00daf3 100%);
  box-shadow: 0px 0px 20px rgba(195, 245, 255, 0.4);
  color: #00363d;
  font-family: "Inter-Black", Helvetica;
  font-weight: 900;
  font-size: 12px;
  line-height: 16px;
  margin: 0 8px;
  white-space: nowrap;
}
.step-line[data-v-1e4d1cdc] {
  position: absolute;
  top: 70%;
  width: 2px;
  height: 100%;
  background: linear-gradient(180deg, #c3f5ff 0%, #3b494c 50%, #1c1b1c 100%);
  z-index: 1;
  margin: 5px 0 0 0;
}
.step-content[data-v-1e4d1cdc] {
  flex: 1;
  background: #353436;
  border-radius: 5px;
  border: 1px solid rgba(0, 229, 255, 0.5);
  padding: 12px;
  box-sizing: border-box;
  min-width: 0;
}
.step-item:not(.active) .step-content[data-v-1e4d1cdc] {
  background: #3a3a3c;
  border: 1px solid #2f2f30;
}
.step-title[data-v-1e4d1cdc] {
  font-family: "MiSans-Bold", Helvetica;
  font-weight: bold;
  color: white;
  font-size: 16px;
  line-height: 28px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.step-desc[data-v-1e4d1cdc] {
  font-family: "MiSans-Medium", Helvetica;
  font-weight: 500;
  color: rgba(172, 172, 172, 0.4);
  font-size: 11px;
  line-height: 19px;
  overflow: hidden;
  margin-top: 5px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
  word-break: break-word;
}

/* 左右按钮组 (上一步 / 下一步) */
.prev-step[data-v-1e4d1cdc] {
  cursor: pointer;
  position: relative;
  background-color: #424242;
}
.prev-step.active[data-v-1e4d1cdc] {
  background-color: #3656fd;
  box-shadow: 0 0 15px rgba(54, 86, 253, 0.6);
}
.prev-label[data-v-1e4d1cdc] {
  font-weight: 600;
  color: white;
  font-size: 16px;
  text-align: center;
  white-space: nowrap;
  display: flex;
  align-items: center;
  justify-content: center;
}
.prev-icon[data-v-1e4d1cdc] {
  width: 18px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
}
.prev-icon .el-icon-arrow-left[data-v-1e4d1cdc] {
  font-size: 30px;
  color: white;
  font-weight: 600;
}
.next-step[data-v-1e4d1cdc] {
  cursor: pointer;
  position: relative;
}
.next-step.active[data-v-1e4d1cdc] {
  background-color: #3656fd;
  box-shadow: 0 0 15px rgba(54, 86, 253, 0.6);
}
.next-label[data-v-1e4d1cdc] {
  height: 15px;
  font-weight: 600;
  color: white;
  font-size: 16px;
  text-align: center;
  line-height: 15px;
  white-space: nowrap;
  display: flex;
  align-items: center;
  justify-content: center;
}
.next-icon[data-v-1e4d1cdc] {
  width: 18px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
}
.next-icon .el-icon-arrow-right[data-v-1e4d1cdc] {
  font-size: 30px;
  color: white;
  font-weight: 600;
}

/* 图片预览卡片 */
.preview-gradient[data-v-1e4d1cdc] {
  width: 100%;
  height: 100%;
  background: #23252c;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.fullscreen-iframe-wrapper[data-v-1e4d1cdc] {
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.preview-footer[data-v-1e4d1cdc] {
  display: flex;
  width: calc(100% - 32px);
  align-items: center;
  justify-content: flex-end;
  position: absolute;
  right: 12px;
}
.live-badge[data-v-1e4d1cdc] {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 4px 8px;
  background: rgba(19, 19, 20, 0.8);
  border-radius: 4px;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}
.live-text[data-v-1e4d1cdc] {
  font-family: "Inter-Bold", Helvetica;
  font-weight: 700;
  color: #c3f5ff;
  font-size: 10px;
  letter-spacing: 1px;
  line-height: 15px;
  white-space: nowrap;
  margin-top: -1px;
}
.preview-action[data-v-1e4d1cdc] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px;
  border-radius: 4px;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  cursor: pointer;
}
.preview-icon[data-v-1e4d1cdc] {
  width: 11px;
  height: 11px;
  background-image: url(../../static/img/fullscreen-icon.a347af26.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* 交互反馈 */
.prev-step.active[data-v-1e4d1cdc],
.next-step.active[data-v-1e4d1cdc],
.preview-action[data-v-1e4d1cdc]:active {
  opacity: 0.8;
  transform: scale(0.98);
  transition: all 0.05s ease;
  background-color: #3656fd;
}

/* 对话框样式 */
.doiay[data-v-1e4d1cdc] {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #4241416f;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
}
.doiay .doiay_tap[data-v-1e4d1cdc] {
    border-radius: 10px;
    background: #000;
    color: #fff;
    text-align: center;
    padding: 40px 50px;
}

/* 连接成功页面样式 */
.connection-success-container[data-v-1e4d1cdc] {
  width: 100vw;
  height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
}
.connection-success-bg[data-v-1e4d1cdc] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(../../static/img/connection-success-bg.cd5a77b8.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  filter: brightness(40%);
  z-index: 1;
}
.connection-success-container .logo[data-v-1e4d1cdc],
.connection-success-container .success-content[data-v-1e4d1cdc] {
  position: relative;
  z-index: 2;
}
.logo[data-v-1e4d1cdc] {
  position: absolute !important;
  top: 20px;
  right: 20px;
  text-align: left;
}
.logo_left[data-v-1e4d1cdc] {
  position: absolute;
  top: 20px;
  left: 20px;
  text-align: left;
  color: #c3f5ff;
  font-size: 20px;
  font-style: normal;
  z-index: 2;
}
.logo_left_v1[data-v-1e4d1cdc] {
  position: absolute;
  top: 20px;
  text-align: left;
  color: #c3f5ff;
  font-size: 20px;
  font-style: normal;
  z-index: 2;
}
.voker[data-v-1e4d1cdc] {
  display: block;
  font-weight: bold;
  font-size: 20px;
  color: white;
  letter-spacing: 1px;
}
.subtitle[data-v-1e4d1cdc] {
  display: block;
  font-family: "Arial", sans-serif;
  font-size: 10px;
  color: rgba(255, 255, 255, 0.6);
  margin-top: 2px;
  letter-spacing: 0.5px;
}
.success-content[data-v-1e4d1cdc] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 0 20px;
  max-width: 400px;
  width: 100%;
}
.success-icon-outer-container[data-v-1e4d1cdc] {
  width: 185px;
  height: 185px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 30px;
  border: 2px solid rgba(195, 245, 255, 0.2);
  background: rgba(14, 14, 15, 0.2);
}
.success-icon-container[data-v-1e4d1cdc] {
  width: 154px;
  height: 154px;
  background: rgba(14, 14, 15, 0.2);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid rgba(195, 245, 255, 0.4);
}
.success-icon[data-v-1e4d1cdc] {
  width: 60px;
  height: 60px;
}

/* 加载中动画 */
.loading-spinner[data-v-1e4d1cdc] {
  width: 60px;
  height: 60px;
  border: 4px solid rgba(195, 245, 255, 0.3);
  border-radius: 50%;
  border-top-color: #c3f5ff;
  animation: spin-1e4d1cdc 1s ease-in-out infinite;
}
@keyframes spin-1e4d1cdc {
to {
    transform: rotate(360deg);
}
}
.success-title[data-v-1e4d1cdc] {
  font-weight: bold;
  color: #ffffff;
  margin: 0 0 4px 0;
}
.success-description[data-v-1e4d1cdc] {
  font-size: 14px;
  color: #bac9cc;
  margin: 0 0 38px 0;
  line-height: 1.5;
}
.start-button[data-v-1e4d1cdc] {
  width: 313px;
  height: 48px;
  background: #3656fd;
  color: white;
  border: none;
  border-radius: 4px;
  font-family: "Arial", sans-serif;
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  box-shadow: 0 0 28.846px 0 rgba(0, 229, 255, 0.3);
  transition: all 0.3s ease;
  margin-top: 10px;
}
.start-button[data-v-1e4d1cdc]:hover {
  transform: translateY(-3px);
  box-shadow: 0 6px 20px rgba(0, 102, 255, 0.6);
}
.start-button[data-v-1e4d1cdc]:active {
  transform: translateY(0);
  box-shadow: 0 4px 15px rgba(0, 102, 255, 0.4);
}
.play-icon[data-v-1e4d1cdc] {
  font-size: 18px;
  margin-top: -2px;
}

/* 响应式设计 */
@media (max-width: 480px) {
.logo[data-v-1e4d1cdc] {
    top: 15px;
    right: 15px;
}
.logo_left[data-v-1e4d1cdc] {
    top: 15px;
    left: 15px;
}
.voker[data-v-1e4d1cdc] {
    font-size: 18px;
}
.success-icon-outer-container[data-v-1e4d1cdc] {
    width: 185px;
    height: 185px;
}
.success-icon-container[data-v-1e4d1cdc] {
    width: 152px;
    height: 152px;
}
.success-icon[data-v-1e4d1cdc] {
    width: 50px;
    height: 50px;
}
.start-button[data-v-1e4d1cdc] {
    width: 280px;
    height: 44px;
    font-size: 15px;
}
}
.storyline-switch-icon[data-v-1e4d1cdc] {
  font-size: 12px;
  color: #c3c3c3;
  cursor: pointer;
  margin-left: 8px;
  transition: transform 0.3s ease;
}
.storyline-switch-icon[data-v-1e4d1cdc]:hover {
  color: #c3f5ff;
}
.storyline-popup-overlay[data-v-1e4d1cdc] {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(20px);
  display: flex;
  align-items: flex-end;
  justify-content: center;
  z-index: 2000;
  animation: popupFadeIn-1e4d1cdc 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
@keyframes popupFadeIn-1e4d1cdc {
from {
    opacity: 0;
}
to {
    opacity: 1;
}
}
.storyline-popup-content[data-v-1e4d1cdc] {
  width: 100%;
  max-height: 88vh;
  background: linear-gradient(180deg, #1e1e20 0%, #151517 100%);
  border-radius: 28px 28px 0 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  animation: popupSlideUp-1e4d1cdc 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 -20px 60px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(255, 255, 255, 0.05);
  padding-bottom: env(safe-area-inset-bottom);
}
@keyframes popupSlideUp-1e4d1cdc {
from {
    transform: translateY(100%);
    opacity: 0;
}
to {
    transform: translateY(0);
    opacity: 1;
}
}
.popup-header[data-v-1e4d1cdc] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 24px 28px 20px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, transparent 100%);
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}
.popup-title[data-v-1e4d1cdc] {
  color: #ffffff;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: -0.3px;
}
.popup-close-btn[data-v-1e4d1cdc] {
  color: #6b6b6b;
  font-size: 24px;
  cursor: pointer;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  padding: 8px;
  border-radius: 12px;
}
.popup-close-btn[data-v-1e4d1cdc]:hover {
  color: #ffffff;
  background: rgba(255, 255, 255, 0.08);
}
.popup-card-list[data-v-1e4d1cdc] {
  padding: 20px 24px;
  overflow-y: auto;
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 16px;
  max-height: calc(88vh - 80px);
}
.popup-card-list[data-v-1e4d1cdc]::-webkit-scrollbar {
  width: 4px;
}
.popup-card-list[data-v-1e4d1cdc]::-webkit-scrollbar-track {
  background: transparent;
}
.popup-card-list[data-v-1e4d1cdc]::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.12);
  border-radius: 2px;
}
.popup-card-list[data-v-1e4d1cdc]::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.2);
}
.storyline-card-item[data-v-1e4d1cdc] {
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.04) 0%, rgba(255, 255, 255, 0.01) 100%);
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.06);
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  min-height: 38px;
  padding: 0 12px;
  justify-content: center;
}
.storyline-card-item[data-v-1e4d1cdc]::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  background: linear-gradient(180deg, #6366f1 0%, #8b5cf6 50%, #a855f7 100%);
  opacity: 0;
  transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.storyline-card-item[data-v-1e4d1cdc]:hover {
  border-color: rgba(99, 102, 241, 0.5);
  transform: translateX(4px);
  box-shadow: 0 8px 32px rgba(99, 102, 241, 0.12), inset 0 0 0 1px rgba(255, 255, 255, 0.08);
}
.storyline-card-item[data-v-1e4d1cdc]:hover::before {
  opacity: 1;
}
.storyline-card-item.selected[data-v-1e4d1cdc] {
  border-color: rgba(99, 102, 241, 0.6);
  background: linear-gradient(145deg, rgba(99, 102, 241, 0.12) 0%, rgba(139, 92, 246, 0.08) 100%);
  box-shadow: 0 8px 32px rgba(99, 102, 241, 0.2), inset 0 0 0 1px rgba(99, 102, 241, 0.3);
}
.storyline-card-item.selected[data-v-1e4d1cdc]::before {
  opacity: 1;
}
.storyline-card-item.selected .card-title[data-v-1e4d1cdc] {
  color: #a5b4fc;
}
.card-title[data-v-1e4d1cdc] {
  color: #ffffff;
  font-size: 16px;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: flex;
  align-items: center;
  gap: 12px;
  line-height: 1;
}
.card-title[data-v-1e4d1cdc]::before {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: linear-gradient(135deg, #6366f1 0%, #a855f7 100%);
  flex-shrink: 0;
  box-shadow: 0 0 12px rgba(99, 102, 241, 0.5);
}
.card-describe[data-v-1e4d1cdc] {
  color: rgba(255, 255, 255, 0.5);
  font-size: 14px;
  line-height: 1.6;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  margin-top: 10px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  padding-left: 22px;
}
@media (min-width: 600px) {
.storyline-popup-overlay[data-v-1e4d1cdc] {
    align-items: center;
}
.storyline-popup-content[data-v-1e4d1cdc] {
    width: 80%;
    max-width: 480px;
    max-height: 75vh;
    border-radius: 24px;
    animation: popupScaleIn-1e4d1cdc 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 25px 80px rgba(0, 0, 0, 0.55), 0 0 0 1px rgba(255, 255, 255, 0.05);
}
@keyframes popupScaleIn-1e4d1cdc {
from {
      transform: scale(0.92);
      opacity: 0;
}
to {
      transform: scale(1);
      opacity: 1;
}
}
.popup-card-list[data-v-1e4d1cdc] {
    max-height: calc(75vh - 80px);
}
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.dialog-update-password[data-v-b4a62170] .el-dialog__title {
  padding: 0;
  color: #fff;
  width: 64px;
  height: 22px;
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
}
.dialog-update-password[data-v-b4a62170] .el-dialog__header {
  padding-bottom: 0;
}
.dialog-update-password[data-v-b4a62170] .el-dialog {
  background: #1b1c1f;
  border-radius: 16px;
  display: flex;
  flex-direction: column;
}
.dialog-update-password[data-v-b4a62170] .el-dialog__close {
  color: #aaaaaa;
}
.dialog-update-password[data-v-b4a62170] .el-dialog__body {
  padding-top: 24px;
  padding-bottom: 24px;
}
.dialog-update-password[data-v-b4a62170] .el-dialog__footer {
  display: flex;
  width: 100%;
  justify-content: center;
  margin-top: auto;
}
.dialog-update-password .dialog-footer[data-v-b4a62170] {
  display: flex;
}
.dialog-update-password .btn-confirm[data-v-b4a62170] {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #2589FF;
  width: 116px;
  height: 33px;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 600;
  color: #FFFFFF;
  outline: none;
  border: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  line-height: 12px;
  margin: 0 8px;
}
.dialog-update-password .btn-confirm[data-v-b4a62170]:hover {
    background-color: #1e7be2;
}
.dialog-update-password[data-v-b4a62170] .el-button.is-loading::before {
  background-color: transparent;
}
.dialog-update-password .btn-cancel[data-v-b4a62170] {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #2589FF;
  width: 116px;
  height: 33px;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 600;
  color: #FFFFFF;
  outline: none;
  border: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  line-height: 12px;
  margin: 0 8px;
  background: #26272A;
  color: rgba(255, 255, 255, 0.6);
}
.dialog-update-password .btn-cancel[data-v-b4a62170]:hover {
    background-color: #1e7be2;
}
.dialog-update-password .btn-cancel[data-v-b4a62170]:hover {
    background: #393c41;
}
.dialog-update-password .btn-cancel[disabled][data-v-b4a62170] {
    background: #26272A;
    color: rgba(255, 255, 255, 0.4);
}
.dialog-update-password .form-item .option-select[data-v-b4a62170] .el-input__icon {
  content: '';
  margin-top: 15px;
  margin-right: 8px;
  width: 16px;
  height: 16px;
  margin-left: 2px;
  color: transparent;
  background-size: contain;
  background-image: url("https://sharespace-app.oss-cn-shenzhen.aliyuncs.com/vreditor/icon/ic_expand_nor.png");
  background-repeat: no-repeat;
}
.dialog-update-password .form-item .option-select[data-v-b4a62170] .el-select-dropdown__list {
  padding: 0;
}
.dialog-update-password .form-item .option-select[data-v-b4a62170] .el-input {
  height: 100%;
  width: 100%;
}
.dialog-update-password .form-item .option-select[data-v-b4a62170] .el-select-dropdown {
  border: none;
  background: #222326;
  box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.5);
  border-radius: 12px;
  box-sizing: border-box;
  padding: 8px;
}
.dialog-update-password .form-item .option-select[data-v-b4a62170] .el-select-dropdown__item {
  display: flex;
  align-items: center;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  width: 100%;
  height: 36px;
  border-radius: 6px;
}
.dialog-update-password .form-item .option-select[data-v-b4a62170] .el-select-dropdown__item.hover {
    background: transparent;
}
.dialog-update-password .form-item .option-select[data-v-b4a62170] .el-select-dropdown__item:hover {
    background: #2c2d31 !important;
}
.dialog-update-password .form-item .option-select[data-v-b4a62170] .el-select-dropdown__item.selected {
    background: #313235;
}
.dialog-update-password .form-item .option-select[data-v-b4a62170],
.dialog-update-password .form-item .input[data-v-b4a62170] {
  width: 100%;
  height: 45px;
  background: #222326;
  border-radius: 12px;
  padding: 0;
  box-sizing: border-box;
}
.dialog-update-password .form-item .option-select.is-disabled[data-v-b4a62170],
  .dialog-update-password .form-item .input.is-disabled[data-v-b4a62170] {
    background: transparent !important;
    border: 1px solid #222326 !important;
}
.dialog-update-password .form-item .option-select[data-v-b4a62170] .el-input__inner,
  .dialog-update-password .form-item .input[data-v-b4a62170] .el-input__inner {
    background: transparent;
    font-size: 14px;
    font-weight: 400;
    height: 100%;
    color: #FFFFFF;
    border: 2px solid transparent;
    padding: 0 12px;
    border-radius: 12px;
}
.dialog-update-password .form-item .option-select[data-v-b4a62170] .el-input__inner::-webkit-input-placeholder,
    .dialog-update-password .form-item .input[data-v-b4a62170] .el-input__inner::-webkit-input-placeholder {
      font-size: 14px;
      font-weight: 400;
      color: rgba(255, 255, 255, 0.6);
}
.dialog-update-password .form-item .option-select[data-v-b4a62170] .el-input__inner:focus,
    .dialog-update-password .form-item .input[data-v-b4a62170] .el-input__inner:focus {
      border: 2px solid #2589FF;
}
.dialog-update-password .subtitle[data-v-b4a62170] {
  font-size: 14px;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 20px;
  margin-bottom: 12px;
}
.dialog-update-password .subtitle.required[data-v-b4a62170]::after {
    content: "*";
    color: #ff6938;
    margin-left: 2px;
}
.dialog-update-password[data-v-b4a62170] .el-dialog {
  background: #2e313a;
}
.dialog-update-password[data-v-b4a62170] .el-dialog__body {
  padding: 24px 40px;
}
.dialog-update-password[data-v-b4a62170] .el-dialog__footer {
  padding: 16px 40px 40px;
  justify-content: flex-end;
}
.dialog-update-password[data-v-b4a62170] .el-dialog__header {
  width: 480px;
  height: 54px;
  background: #23252c;
  border-radius: 8px 8px 0px 0px;
  padding: 0 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.dialog-update-password[data-v-b4a62170] .el-dialog__headerbtn,
.dialog-update-password[data-v-b4a62170] .el-dialog__close {
  position: inherit;
  font-size: 24px;
  color: #fff;
}
.dialog-update-password .tips[data-v-b4a62170] {
  width: 100%;
  text-align: center;
  margin-top: 48px;
  margin-bottom: 20px;
  font-size: 14px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.6);
  line-height: 20px;
}
.dialog-update-password[data-v-b4a62170] .el-input__inner {
  background: #373942 !important;
  border-radius: 4px 4px 4px 4px !important;
}
.dialog-update-password .btn-cancel[data-v-b4a62170] {
  width: 130px;
  height: 40px;
  background: #43464e;
  border-radius: 6px 6px 6px 6px;
}
.dialog-update-password .btn-confirm[data-v-b4a62170] {
  width: 130px;
  height: 40px;
  background: #3656fd;
  border-radius: 6px 6px 6px 6px;
}
.form-item[data-v-b4a62170] {
  margin-bottom: 24px;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
[data-v-d76440e8] .el-popover {
  width: 140px !important;
  background: #fff !important;
  border: 0 !important;
}
[data-v-d76440e8] .el-menu-item.is-active {
  background: #3656fd !important;
}
[data-v-d76440e8] .el-menu-item,[data-v-d76440e8] .el-submenu,[data-v-d76440e8] .el-submenu__title {
  background: inherit !important;
  color: #fff !important;
}
[data-v-d76440e8] .el-submenu__title {
  display: flex;
  align-items: center;
}
.enterprise[data-v-d76440e8] {
  height: 56px;
  border-radius: 8px 8px 8px 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 12px 0 20px;
  margin-top: 4px;
}
.enterprise .iconstitle[data-v-d76440e8] {
    display: flex;
    align-items: center;
    width: calc(100% - 28px);
    cursor: pointer;
}
.enterprise .imgsl[data-v-d76440e8] {
    width: 24px;
    height: 24px;
    margin-right: 8px;
}
.enterprise .enter_title[data-v-d76440e8] {
    font-weight: 400;
    font-size: 14px;
    color: #ffffff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
    width: 100%;
}
.enterprise .dot[data-v-d76440e8] {
    height: 28px;
    width: 28px;
    margin-top: 6px;
}
.enterprise.avctive[data-v-d76440e8] {
    background: #3656fd;
}
.menu-item[data-v-d76440e8] {
  height: 56px;
  border-radius: 8px 8px 8px 8px;
  padding-left: 56px;
  display: flex;
  align-items: center;
  font-weight: 400;
  font-size: 14px;
  color: #ffffff;
  cursor: pointer;
  margin-top: 4px;
}
.menu-item[data-v-d76440e8]:hover {
    background: #3656fd;
    color: #ffffff;
}
.menu-item.active[data-v-d76440e8] {
    background: #3656fd;
}
.user-cards[data-v-d76440e8] {
  background: #464856;
  border-radius: 16px 16px 16px 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.user-cards .card_item[data-v-d76440e8] {
    width: 196px;
    height: 40px;
    background: #464856;
    border-radius: 8px;
    padding-left: 12px;
    margin-top: 4px;
    display: flex;
    align-items: center;
    cursor: pointer;
}
.user-cards .card_item.actives[data-v-d76440e8] {
      background: rgba(255, 255, 255, 0.05);
      padding-right: 10px;
}
.user-cards .card_item .card_item_title[data-v-d76440e8] {
      width: calc(100% - 40px);
      font-weight: 400;
      font-size: 14px;
      color: #ffffff;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      vertical-align: middle;
}
.user-cards .card_item .selected[data-v-d76440e8] {
      height: 18px;
      width: 18px;
}
.user-cards .card_item .backimg[data-v-d76440e8] {
      height: 24px;
      width: 24px;
      margin-right: 8px;
}
.user-cards .card_item .backimgs[data-v-d76440e8] {
      width: 24px;
      height: 24px;
      background: #3ec34e;
      border-radius: 50%;
      font-weight: 600;
      font-size: 8px;
      color: #ffffff;
      line-height: 24px;
      text-align: center;
      margin-right: 8px;
}
.user-cards .card_item[data-v-d76440e8]:hover {
      background: #3656fd;
      color: #ffffff;
}
.line[data-v-d76440e8] {
  width: 100%;
  height: 0px;
  border-radius: 0px 0px 0px 0px;
  border: 1px solid rgba(255, 255, 255, 0.05);
  margin-top: 4px;
}
.logitem[data-v-d76440e8] {
  display: flex;
  align-items: center;
  cursor: pointer;
  height: 54px;
  width: 206px;
  border-radius: 8px;
}
.logitem[data-v-d76440e8]:hover, .logitem.active[data-v-d76440e8] {
    background: #3656fd;
}
.logitem .icon[data-v-d76440e8] {
    width: 17px;
    height: 19px;
    margin-left: 18px;
}
.logitem .label[data-v-d76440e8] {
    font-weight: 400;
    font-size: 18px;
    color: #ffffff;
    margin-left: 15px;
}
.user-card[data-v-d76440e8] {
  background: #ffffff;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.user-card .card_item[data-v-d76440e8] {
    width: 124px;
    height: 48px;
    background: #ffffff;
    border-radius: 5px 5px 5px 5px;
    text-align: center;
    line-height: 48px;
    font-weight: 400;
    font-size: 18px;
    color: #000000;
    margin-top: 2px;
    cursor: pointer;
}
.user-card .card_item[data-v-d76440e8]:hover {
      background: #3656fd;
      color: #ffffff;
}
.ride[data-v-d76440e8] {
  width: 32px;
  height: 32px;
  background: #ffffff;
  border-radius: 50%;
  margin-left: 20px;
  font-weight: 400;
  font-size: 18px;
  color: #000000;
  line-height: 32px;
  text-align: center;
  cursor: pointer;
}
.drop-down-menu-dark[data-v-d76440e8] {
  min-width: 142px;
  box-sizing: border-box;
  padding: 8rpx;
  background: #222326;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5), 0 2px 16px 0 rgba(0, 0, 0, 0.5);
  border-radius: 12px;
}
[data-v-d76440e8] .el-dropdown-menu__item {
  display: flex;
  align-items: center;
  width: 100%;
  height: 36px;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 400;
  color: #ffffff !important;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
  padding: 0 16px;
}
[data-v-d76440e8] .el-dropdown-menu__item:hover {
    background: #313235 !important;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5) !important;
    color: #ffffff;
}
.menu-drawer[data-v-d76440e8] {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 256px;
  height: 100%;
  padding: 32px 24px;
  box-sizing: border-box;
  background: #23252c;
}
.menu-drawer .menu-wrapper[data-v-d76440e8] {
    flex: 1;
    overflow-y: auto;
}
.menu-drawer.collapse[data-v-d76440e8] {
    width: 100px;
}
.menu-drawer .logo[data-v-d76440e8] {
    display: flex;
    flex-direction: column;
    cursor: pointer;
    padding-left: 26px;
    min-width: 80px;
    width: -moz-fit-content;
    width: fit-content;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    margin-top: 8px;
    margin-bottom: 32px;
}
.menu-drawer .logo .img-logo[data-v-d76440e8] {
      width: 156px;
      height: 32px;
      margin-right: 6px;
      -webkit-user-select: none;
         -moz-user-select: none;
              user-select: none;
}
.menu-drawer .logo .name[data-v-d76440e8] {
      font-weight: 600;
      font-size: 19px;
      color: #ffffff;
      margin-top: 4px;
      -webkit-user-select: none;
         -moz-user-select: none;
              user-select: none;
      margin-left: 13px;
}
.menu-drawer .menu[data-v-d76440e8] {
    border-radius: 16px;
    box-sizing: border-box;
}
.menu-drawer .menu.collapse[data-v-d76440e8] {
      margin-left: 8px;
}
.menu-drawer .menu.collapse .inner[data-v-d76440e8] {
        width: 32px;
}
.menu-drawer .menu.collapse .inner .item[data-v-d76440e8] {
          padding: 8px;
          border-radius: 50%;
}
.menu-drawer .menu .items[data-v-d76440e8] {
      border-radius: 8px;
      width: 100% !important;
      min-width: none;
}
.menu-drawer .menu .items[data-v-d76440e8]:hover, .menu-drawer .menu .items.active[data-v-d76440e8] {
        background: #3656fd;
}
.menu-drawer .menu .item[data-v-d76440e8] {
      height: 56px;
      display: flex;
      align-items: center;
      width: 100%;
      cursor: pointer;
      transition: background-color 200ms ease-in-out;
      margin-top: 4px;
      border-radius: 8px;
      padding: 0 16px;
      box-sizing: border-box;
      flex-wrap: nowrap;
      overflow: hidden;
}
.menu-drawer .menu .item[data-v-d76440e8]:hover, .menu-drawer .menu .item.active[data-v-d76440e8] {
        background: #3656fd;
}
.menu-drawer .menu .item .icon[data-v-d76440e8] {
        width: 24px;
        height: 24px;
        margin-right: 8px;
        flex-shrink: 0;
}
.menu-drawer .menu .item .label[data-v-d76440e8] {
        white-space: nowrap;
        font-weight: 400;
        font-size: 18px;
        color: #ffffff;
        line-height: 12px;
}
.menu-drawer .menu .icon[data-v-d76440e8] {
      width: 24px;
      height: 24px;
      margin-right: 8px;
      flex-shrink: 0;
}
.menu-drawer .menu .label[data-v-d76440e8] {
      white-space: nowrap;
      font-weight: 400;
      font-size: 18px;
      color: #ffffff;
      line-height: 12px;
}
.menu-drawer .menu .inner[data-v-d76440e8] {
      border: none;
      color: #ffffff;
      width: 206px;
      list-style: none;
      margin: 0;
      padding: 0;
}
.menu-drawer .menu .inner .item[data-v-d76440e8]:nth-child(1) {
        margin-top: 0;
}
.menu-drawer .menu .inner .item[data-v-d76440e8] {
        height: 54px;
        display: flex;
        align-items: center;
        width: 100%;
        cursor: pointer;
        transition: background-color 200ms ease-in-out;
        margin-top: 12px;
        border-radius: 8px;
        padding: 0 16px;
        box-sizing: border-box;
        flex-wrap: nowrap;
        overflow: hidden;
}
.menu-drawer .menu .inner .item[data-v-d76440e8]:hover, .menu-drawer .menu .inner .item.active[data-v-d76440e8] {
          background: #3656fd;
}
.menu-drawer .menu .inner .item .icon[data-v-d76440e8] {
          width: 17px;
          height: 19px;
          margin-right: 8px;
          flex-shrink: 0;
}
.menu-drawer .menu .inner .item .label[data-v-d76440e8] {
          white-space: nowrap;
          font-weight: 400;
          font-size: 18px;
          color: #ffffff;
          line-height: 12px;
}
.menu-drawer .user-area[data-v-d76440e8] {
    margin-top: auto;
}
.menu-drawer .user[data-v-d76440e8] {
    display: flex;
    align-items: center;
    width: 231px;
    height: 33px;
    background: #26272a;
    border-radius: 8px;
    padding: 0 16px;
    box-sizing: border-box;
    flex-shrink: 0;
    cursor: pointer;
    transition: background-color 200ms ease-in-out;
    overflow: hidden;
}
.menu-drawer .user.collapse[data-v-d76440e8] {
      margin-left: 8px;
      width: 62px;
}
.menu-drawer .user.collapse .short[data-v-d76440e8] {
        margin-left: 4px;
}
.menu-drawer .user.collapse .name[data-v-d76440e8] {
        display: none;
}
.menu-drawer .user.collapse .icon-more[data-v-d76440e8] {
        display: none;
}
.menu-drawer .user[data-v-d76440e8]:hover {
      background-color: #212126;
}
.menu-drawer .user .short[data-v-d76440e8] {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 23px;
      height: 23px;
      background: #df9d0c;
      border-radius: 4px;
      font-size: 9px;
      font-weight: 400;
      color: #ffffff;
      margin-right: 10px;
      margin-left: 12px;
      flex-shrink: 0;
}
.menu-drawer .user .name[data-v-d76440e8] {
      font-size: 12px;
      font-weight: 600;
      color: #ffffff;
      line-height: 12px;
      white-space: nowrap;
}
.menu-drawer .user .icon-more[data-v-d76440e8] {
      width: 12px;
      height: 12px;
      margin-left: auto;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.popperss {
  background: #464856 !important;
  width: 220px !important;
  border-radius: 16px 16px 16px 16px !important;
  border: 0 !important;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.banben[data-v-531d09e8] {
  position: fixed;
  bottom: 10px;
  right: 10px;
  font-size: 8px;
  z-index: 1000000;
  color: #9999;
}
.container[data-v-531d09e8] {
  display: flex;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: #121215;
  flex-direction: row;
}
.container .menu-drawer[data-v-531d09e8] {
    height: 100%;
    flex-shrink: 0;
    margin-right: 10px;
}
#content[data-v-531d09e8] {
  flex-grow: 1;
  height: 100%;
  width: 100%;
}
.headers[data-v-531d09e8] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 100%;
}
.custom-dropdown[data-v-531d09e8] {
  position: relative;
  cursor: pointer;
}
.custom-dropdown .user-img[data-v-531d09e8] {
    width: 40px;
    height: 40px;
    background: #3656fd;
    border-radius: 50%;
    font-weight: 600;
    font-size: 14px;
    color: #ffffff;
    line-height: 40px;
    text-align: center;
}
.custom-dropdown .dropdown-menu[data-v-531d09e8] {
    position: absolute;
    top: 109%;
    right: 40%;
    background: #464856;
    border-radius: 16px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    list-style: none;
    margin: 0;
    padding: 0;
    z-index: 1000;
    padding: 12px;
}
.custom-dropdown .dropdown-menu li[data-v-531d09e8] {
      padding: 8px 20px;
      cursor: pointer;
      width: 116px;
      font-family: PingFang SC, PingFang SC;
      font-weight: 400;
      font-size: 14px;
      color: #ffffff;
      text-align: left;
}
.custom-dropdown .dropdown-menu li[data-v-531d09e8]:hover {
        background-color: #3656fd;
        border-radius: 8px;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.starter[data-v-fc97073a] {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 35vh;
  min-height: 260px;
  max-height: 377px;
  background: rgba(37, 137, 255, 0.08);
  border-radius: 16px;
  border: 1px solid #2589FF;
  transition: background-color 0.2s ease-in-out;
}
.starter[data-v-fc97073a]:hover {
    background-color: rgba(37, 137, 255, 0.16);
    border: 1px solid #5ca6ff;
}
.starter .inner[data-v-fc97073a] {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.starter .inner .title[data-v-fc97073a] {
      font-size: 28px;
      font-weight: 600;
      color: #ffffff;
      line-height: 40px;
      margin-bottom: 12px;
}
.starter .inner .tip[data-v-fc97073a] {
      font-size: 14px;
      font-weight: 600;
      color: #b4b4b4;
      line-height: 20px;
      margin-bottom: 24px;
}
.starter .inner .btn-start[data-v-fc97073a] {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 287px;
      height: 96px;
      background: #26272a;
      border-radius: 12px;
      cursor: pointer;
}
.starter .inner .btn-start[data-v-fc97073a]:hover {
        background: #1c1d20;
}
.starter .inner .btn-start .icon[data-v-fc97073a] {
        width: 48px;
        height: 48px;
        margin-right: 12px;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.item-template[data-v-2c552989] {
  width: 306px;
  height: 226px;
  background: #1c1d20;
  border-radius: 12px;
  overflow: hidden;
  cursor: pointer;
  transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
.item-template[data-v-2c552989]:hover {
    transform: scale(1.05);
    box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.08);
}
@media screen and (max-width: 768px) {
.item-template[data-v-2c552989] {
    width: 245px;
    height: 180px;
}
.item-template .label[data-v-2c552989] {
      font-size: 12px;
      line-height: 12px;
      padding: 12px 16px;
}
}
.img[data-v-2c552989] {
  width: 100%;
  height: 77%;
  background: #d8d8d8;
  border-radius: 12px;
}
.label[data-v-2c552989] {
  display: flex;
  width: 100%;
  padding: 16px;
  font-size: 14px;
  font-weight: 600;
  color: #ffffff;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.dialog-add-project[data-v-7a988ffc] {
  min-height: 376px;
}
.dialog-add-project[data-v-7a988ffc] .el-dialog__title {
    padding: 0;
    color: #fff;
    width: 64px;
    height: 22px;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
}
.dialog-add-project[data-v-7a988ffc] .el-dialog__header {
    padding-bottom: 0;
}
.dialog-add-project[data-v-7a988ffc] .el-dialog {
    background: #1b1c1f;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
}
.dialog-add-project[data-v-7a988ffc] .el-dialog__close {
    color: #aaaaaa;
}
.dialog-add-project[data-v-7a988ffc] .el-dialog__body {
    padding-top: 24px;
    padding-bottom: 24px;
}
.dialog-add-project[data-v-7a988ffc] .el-dialog__footer {
    display: flex;
    width: 100%;
    justify-content: center;
    margin-top: auto;
}
.dialog-add-project .dialog-footer[data-v-7a988ffc] {
    display: flex;
}
.dialog-add-project .btn-confirm[data-v-7a988ffc] {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #2589FF;
    width: 116px;
    height: 33px;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 600;
    color: #FFFFFF;
    outline: none;
    border: none;
    padding: 0;
    margin: 0;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    line-height: 12px;
    margin: 0 8px;
}
.dialog-add-project .btn-confirm[data-v-7a988ffc]:hover {
      background-color: #1e7be2;
}
.dialog-add-project[data-v-7a988ffc] .el-button.is-loading::before {
    background-color: transparent;
}
.dialog-add-project .btn-cancel[data-v-7a988ffc] {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #2589FF;
    width: 116px;
    height: 33px;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 600;
    color: #FFFFFF;
    outline: none;
    border: none;
    padding: 0;
    margin: 0;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    line-height: 12px;
    margin: 0 8px;
    background: #26272A;
    color: rgba(255, 255, 255, 0.6);
}
.dialog-add-project .btn-cancel[data-v-7a988ffc]:hover {
      background-color: #1e7be2;
}
.dialog-add-project .btn-cancel[data-v-7a988ffc]:hover {
      background: #393c41;
}
.dialog-add-project .btn-cancel[disabled][data-v-7a988ffc] {
      background: #26272A;
      color: rgba(255, 255, 255, 0.4);
}
.dialog-add-project .form-item .option-select[data-v-7a988ffc] .el-input__icon {
    content: '';
    margin-top: 15px;
    margin-right: 8px;
    width: 16px;
    height: 16px;
    margin-left: 2px;
    color: transparent;
    background-size: contain;
    background-image: url("https://sharespace-app.oss-cn-shenzhen.aliyuncs.com/vreditor/icon/ic_expand_nor.png");
    background-repeat: no-repeat;
}
.dialog-add-project .form-item .option-select[data-v-7a988ffc] .el-select-dropdown__list {
    padding: 0;
}
.dialog-add-project .form-item .option-select[data-v-7a988ffc] .el-input {
    height: 100%;
    width: 100%;
}
.dialog-add-project .form-item .option-select[data-v-7a988ffc] .el-select-dropdown {
    border: none;
    background: #222326;
    box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.5);
    border-radius: 12px;
    box-sizing: border-box;
    padding: 8px;
}
.dialog-add-project .form-item .option-select[data-v-7a988ffc] .el-select-dropdown__item {
    display: flex;
    align-items: center;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    width: 100%;
    height: 36px;
    border-radius: 6px;
}
.dialog-add-project .form-item .option-select[data-v-7a988ffc] .el-select-dropdown__item.hover {
      background: transparent;
}
.dialog-add-project .form-item .option-select[data-v-7a988ffc] .el-select-dropdown__item:hover {
      background: #2c2d31 !important;
}
.dialog-add-project .form-item .option-select[data-v-7a988ffc] .el-select-dropdown__item.selected {
      background: #313235;
}
.dialog-add-project .form-item .option-select[data-v-7a988ffc],
  .dialog-add-project .form-item .input[data-v-7a988ffc] {
    width: 100%;
    height: 45px;
    background: #222326;
    border-radius: 12px;
    padding: 0;
    box-sizing: border-box;
}
.dialog-add-project .form-item .option-select.is-disabled[data-v-7a988ffc],
    .dialog-add-project .form-item .input.is-disabled[data-v-7a988ffc] {
      background: transparent !important;
      border: 1px solid #222326 !important;
}
.dialog-add-project .form-item .option-select[data-v-7a988ffc] .el-input__inner,
    .dialog-add-project .form-item .input[data-v-7a988ffc] .el-input__inner {
      background: transparent;
      font-size: 14px;
      font-weight: 400;
      height: 100%;
      color: #FFFFFF;
      border: 2px solid transparent;
      padding: 0 12px;
      border-radius: 12px;
}
.dialog-add-project .form-item .option-select[data-v-7a988ffc] .el-input__inner::-webkit-input-placeholder,
      .dialog-add-project .form-item .input[data-v-7a988ffc] .el-input__inner::-webkit-input-placeholder {
        font-size: 14px;
        font-weight: 400;
        color: rgba(255, 255, 255, 0.6);
}
.dialog-add-project .form-item .option-select[data-v-7a988ffc] .el-input__inner:focus,
      .dialog-add-project .form-item .input[data-v-7a988ffc] .el-input__inner:focus {
        border: 2px solid #2589FF;
}
.dialog-add-project .subtitle[data-v-7a988ffc] {
    font-size: 14px;
    font-weight: 600;
    color: #FFFFFF;
    line-height: 20px;
    margin-bottom: 12px;
}
.dialog-add-project .subtitle.required[data-v-7a988ffc]::after {
      content: "*";
      color: #ff6938;
      margin-left: 2px;
}
.dialog-add-project[data-v-7a988ffc] .el-dialog {
    min-height: 376px;
}
.dialog-add-project .form-item[data-v-7a988ffc] {
    margin-bottom: 20px;
}
.dialog-add-project .input-title[data-v-7a988ffc] .el-textarea__inner {
    width: 100%;
    height: 93px;
    background: #222326;
    border-radius: 12px;
    border: none;
    padding: 12px;
    overflow: hidden;
    font-size: 14px;
    font-weight: 400;
    color: #ffffff;
    line-height: 20px;
}
.dialog-add-project .input-title[data-v-7a988ffc] .el-textarea__inner::-moz-placeholder {
      color: #ffffff;
      opacity: 0.5;
}
.dialog-add-project .input-title[data-v-7a988ffc] .el-textarea__inner::placeholder {
      color: #ffffff;
      opacity: 0.5;
}
.dialog-add-project .create-scene[data-v-7a988ffc] {
    width: 100%;
}
.dialog-add-project .create-scene .selected-item-info[data-v-7a988ffc] {
      position: relative;
      display: flex;
      width: 100%;
      height: 124px;
      background: #222326;
      border-radius: 12px;
      padding: 16px;
      box-sizing: border-box;
}
.dialog-add-project .create-scene .selected-item-info .cover[data-v-7a988ffc] {
        width: 92px;
        height: 92px;
        border-radius: 7px;
        background-color: #18181a;
        overflow: hidden;
        flex-shrink: 0;
        -o-object-fit: cover;
           object-fit: cover;
}
.dialog-add-project .create-scene .selected-item-info .info[data-v-7a988ffc] {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        margin-left: 16px;
}
.dialog-add-project .create-scene .selected-item-info .info .input-page-name[data-v-7a988ffc] {
          width: 268px;
          height: 44px;
          border-radius: 7px;
          padding: 0;
          box-sizing: border-box;
          background: #191A1D;
}
.dialog-add-project .create-scene .selected-item-info .info .input-page-name[data-v-7a988ffc] .el-input__inner {
            background: transparent;
            font-size: 14px;
            font-weight: 400;
            color: #FFFFFF;
            border: 2px solid transparent;
            padding: 0 6px;
}
.dialog-add-project .create-scene .selected-item-info .info .input-page-name[data-v-7a988ffc] .el-input__inner:focus {
              border: 2px solid #2589FF;
}
.dialog-add-project .create-scene .selected-item-info .info .input-page-name.is-disabled[data-v-7a988ffc] {
            background-color: transparent;
}
.dialog-add-project .create-scene .selected-item-info .info .page-name[data-v-7a988ffc] {
          font-size: 14px;
          font-weight: 400;
          color: #ffffff;
          line-height: 20px;
          display: -webkit-box;
          -webkit-line-clamp: 2;
          -webkit-box-orient: vertical;
          overflow: hidden;
          text-overflow: ellipsis;
}
.dialog-add-project .create-scene .selected-item-info .info .tag[data-v-7a988ffc] {
          display: flex;
          justify-content: center;
          align-items: center;
          padding: 0 6px;
          border-radius: 6px;
          width: -moz-fit-content;
          width: fit-content;
          height: 22px;
          font-size: 10px;
          font-weight: 600;
          color: #f6fcfa;
}
.dialog-add-project .create-scene .selected-item-info .info .tag.tag-full-view[data-v-7a988ffc] {
            background: linear-gradient(90deg, #52be85 0%, #05a989 100%);
}
.dialog-add-project .create-scene .selected-item-info .info .tag.tag-video[data-v-7a988ffc] {
            background: linear-gradient(90deg, #d2cc45 0%, #d8a100 100%);
}
.dialog-add-project .create-scene .selected-item-info .info .tag.tag-long-img[data-v-7a988ffc] {
            background: linear-gradient(90deg, #529bbe 0%, #0066c1 100%);
}
.dialog-add-project .create-scene .selected-item-info .options[data-v-7a988ffc] {
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        right: 8px;
        bottom: 8px;
        gap: 2px;
}
.dialog-add-project .create-scene .selected-item-info .options .icon[data-v-7a988ffc] {
          width: 14px;
          height: 14px;
          padding: 8px;
          box-sizing: initial;
}
.dialog-add-project .create-scene .selected-item-info .options .icon[data-v-7a988ffc]:hover {
            background: #2d2e31;
            border-radius: 50%;
            cursor: pointer;
}
.dialog-add-project .create-scene .select[data-v-7a988ffc] {
      display: flex;
      flex-wrap: nowrap;
      align-items: center;
      justify-content: center;
}
.dialog-add-project .create-scene .select .item[data-v-7a988ffc]:last-child {
        margin-right: 0px;
}
.dialog-add-project .create-scene .select .item[data-v-7a988ffc] {
        margin-right: 10px;
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 124px;
        height: 124px;
        background: #222326;
        border-radius: 12px;
        -webkit-user-select: none;
           -moz-user-select: none;
                user-select: none;
        cursor: pointer;
        transition: all 0.1s ease-in-out;
}
.dialog-add-project .create-scene .select .item[data-v-7a988ffc]:hover {
          background: #2d2e31;
          transform: scale(1.05);
}
.dialog-add-project .create-scene .select .item .icon[data-v-7a988ffc] {
          height: 54px;
          width: 54px;
          margin-top: 20px;
          margin-bottom: 13px;
}
.dialog-add-project .create-scene .select .item .label[data-v-7a988ffc] {
          font-size: 12px;
          font-weight: 400;
          color: #8e8e90;
          line-height: 17px;
}
.dialog-add-project .btn-next-step[data-v-7a988ffc] {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #2589FF;
    width: 116px;
    height: 33px;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 600;
    color: #FFFFFF;
    outline: none;
    border: none;
    padding: 0;
    margin: 0;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    line-height: 12px;
    margin-top: 48px;
    margin-left: 50%;
    transform: translateX(-50%);
}
.dialog-add-project .btn-next-step[data-v-7a988ffc]:hover {
      background-color: #1e7be2;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.dialog-add-project[data-v-02124070] .el-dialog__title {
  padding: 0;
  color: #fff;
  width: 64px;
  height: 22px;
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
}
.dialog-add-project[data-v-02124070] .el-dialog__header {
  padding-bottom: 0;
}
.dialog-add-project[data-v-02124070] .el-dialog {
  background: #1b1c1f;
  border-radius: 16px;
  display: flex;
  flex-direction: column;
}
.dialog-add-project[data-v-02124070] .el-dialog__close {
  color: #aaaaaa;
}
.dialog-add-project[data-v-02124070] .el-dialog__body {
  padding-top: 24px;
  padding-bottom: 24px;
}
.dialog-add-project[data-v-02124070] .el-dialog__footer {
  display: flex;
  width: 100%;
  justify-content: center;
  margin-top: auto;
}
.dialog-add-project .dialog-footer[data-v-02124070] {
  display: flex;
}
.dialog-add-project .btn-confirm[data-v-02124070] {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #2589FF;
  width: 116px;
  height: 33px;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 600;
  color: #FFFFFF;
  outline: none;
  border: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  line-height: 12px;
  margin: 0 8px;
}
.dialog-add-project .btn-confirm[data-v-02124070]:hover {
    background-color: #1e7be2;
}
.dialog-add-project[data-v-02124070] .el-button.is-loading::before {
  background-color: transparent;
}
.dialog-add-project .btn-cancel[data-v-02124070] {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #2589FF;
  width: 116px;
  height: 33px;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 600;
  color: #FFFFFF;
  outline: none;
  border: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  line-height: 12px;
  margin: 0 8px;
  background: #26272A;
  color: rgba(255, 255, 255, 0.6);
}
.dialog-add-project .btn-cancel[data-v-02124070]:hover {
    background-color: #1e7be2;
}
.dialog-add-project .btn-cancel[data-v-02124070]:hover {
    background: #393c41;
}
.dialog-add-project .btn-cancel[disabled][data-v-02124070] {
    background: #26272A;
    color: rgba(255, 255, 255, 0.4);
}
.dialog-add-project .form-item .option-select[data-v-02124070] .el-input__icon {
  content: '';
  margin-top: 15px;
  margin-right: 8px;
  width: 16px;
  height: 16px;
  margin-left: 2px;
  color: transparent;
  background-size: contain;
  background-image: url("https://sharespace-app.oss-cn-shenzhen.aliyuncs.com/vreditor/icon/ic_expand_nor.png");
  background-repeat: no-repeat;
}
.dialog-add-project .form-item .option-select[data-v-02124070] .el-select-dropdown__list {
  padding: 0;
}
.dialog-add-project .form-item .option-select[data-v-02124070] .el-input {
  height: 100%;
  width: 100%;
}
.dialog-add-project .form-item .option-select[data-v-02124070] .el-select-dropdown {
  border: none;
  background: #222326;
  box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.5);
  border-radius: 12px;
  box-sizing: border-box;
  padding: 8px;
}
.dialog-add-project .form-item .option-select[data-v-02124070] .el-select-dropdown__item {
  display: flex;
  align-items: center;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  width: 100%;
  height: 36px;
  border-radius: 6px;
}
.dialog-add-project .form-item .option-select[data-v-02124070] .el-select-dropdown__item.hover {
    background: transparent;
}
.dialog-add-project .form-item .option-select[data-v-02124070] .el-select-dropdown__item:hover {
    background: #2c2d31 !important;
}
.dialog-add-project .form-item .option-select[data-v-02124070] .el-select-dropdown__item.selected {
    background: #313235;
}
.dialog-add-project .form-item .option-select[data-v-02124070],
.dialog-add-project .form-item .input[data-v-02124070] {
  width: 100%;
  height: 45px;
  background: #222326;
  border-radius: 12px;
  padding: 0;
  box-sizing: border-box;
}
.dialog-add-project .form-item .option-select.is-disabled[data-v-02124070],
  .dialog-add-project .form-item .input.is-disabled[data-v-02124070] {
    background: transparent !important;
    border: 1px solid #222326 !important;
}
.dialog-add-project .form-item .option-select[data-v-02124070] .el-input__inner,
  .dialog-add-project .form-item .input[data-v-02124070] .el-input__inner {
    background: transparent;
    font-size: 14px;
    font-weight: 400;
    height: 100%;
    color: #FFFFFF;
    border: 2px solid transparent;
    padding: 0 12px;
    border-radius: 12px;
}
.dialog-add-project .form-item .option-select[data-v-02124070] .el-input__inner::-webkit-input-placeholder,
    .dialog-add-project .form-item .input[data-v-02124070] .el-input__inner::-webkit-input-placeholder {
      font-size: 14px;
      font-weight: 400;
      color: rgba(255, 255, 255, 0.6);
}
.dialog-add-project .form-item .option-select[data-v-02124070] .el-input__inner:focus,
    .dialog-add-project .form-item .input[data-v-02124070] .el-input__inner:focus {
      border: 2px solid #2589FF;
}
.dialog-add-project .subtitle[data-v-02124070] {
  font-size: 14px;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 20px;
  margin-bottom: 12px;
}
.dialog-add-project .subtitle.required[data-v-02124070]::after {
    content: "*";
    color: #ff6938;
    margin-left: 2px;
}
.dialog-add-project .form-item[data-v-02124070] {
  margin-bottom: 20px;
}
.dialog-add-project .input-title[data-v-02124070] .el-textarea__inner {
  width: 100%;
  height: 93px;
  background: #222326;
  border-radius: 12px;
  border: none;
  padding: 12px;
  overflow: hidden;
  font-size: 14px;
  font-weight: 400;
  color: #ffffff;
  line-height: 20px;
}
.dialog-add-project .input-title[data-v-02124070] .el-textarea__inner::-moz-placeholder {
    color: #ffffff;
    opacity: 0.5;
}
.dialog-add-project .input-title[data-v-02124070] .el-textarea__inner::placeholder {
    color: #ffffff;
    opacity: 0.5;
}
.dialog-add-project .create-scene[data-v-02124070] {
  width: 100%;
}
.dialog-add-project .create-scene .selected-item-info[data-v-02124070] {
    position: relative;
    display: flex;
    width: 100%;
    height: 124px;
    background: #222326;
    border-radius: 12px;
    padding: 16px;
    box-sizing: border-box;
}
.dialog-add-project .create-scene .selected-item-info .cover[data-v-02124070] {
      width: 92px;
      height: 92px;
      border-radius: 7px;
      background-color: #18181a;
      overflow: hidden;
      flex-shrink: 0;
      -o-object-fit: cover;
         object-fit: cover;
}
.dialog-add-project .create-scene .selected-item-info .info[data-v-02124070] {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      margin-left: 16px;
}
.dialog-add-project .create-scene .selected-item-info .info .input-page-name[data-v-02124070] {
        width: 268px;
        height: 44px;
        border-radius: 7px;
        padding: 0;
        box-sizing: border-box;
        background: #191A1D;
}
.dialog-add-project .create-scene .selected-item-info .info .input-page-name[data-v-02124070] .el-input__inner {
          background: transparent;
          font-size: 14px;
          font-weight: 400;
          color: #FFFFFF;
          border: 2px solid transparent;
          padding: 0 6px;
}
.dialog-add-project .create-scene .selected-item-info .info .input-page-name[data-v-02124070] .el-input__inner:focus {
            border: 2px solid #2589FF;
}
.dialog-add-project .create-scene .selected-item-info .info .input-page-name.is-disabled[data-v-02124070] {
          background-color: transparent;
}
.dialog-add-project .create-scene .selected-item-info .info .page-name[data-v-02124070] {
        font-size: 14px;
        font-weight: 400;
        color: #ffffff;
        line-height: 20px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
}
.dialog-add-project .create-scene .selected-item-info .info .tag[data-v-02124070] {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0 6px;
        border-radius: 6px;
        width: -moz-fit-content;
        width: fit-content;
        height: 22px;
        font-size: 10px;
        font-weight: 600;
        color: #f6fcfa;
}
.dialog-add-project .create-scene .selected-item-info .info .tag.tag-full-view[data-v-02124070] {
          background: linear-gradient(90deg, #52be85 0%, #05a989 100%);
}
.dialog-add-project .create-scene .selected-item-info .info .tag.tag-video[data-v-02124070] {
          background: linear-gradient(90deg, #d2cc45 0%, #d8a100 100%);
}
.dialog-add-project .create-scene .selected-item-info .info .tag.tag-long-img[data-v-02124070] {
          background: linear-gradient(90deg, #529bbe 0%, #0066c1 100%);
}
.dialog-add-project .create-scene .selected-item-info .options[data-v-02124070] {
      display: flex;
      justify-content: center;
      align-items: center;
      position: absolute;
      right: 8px;
      bottom: 8px;
      gap: 2px;
}
.dialog-add-project .create-scene .selected-item-info .options .icon[data-v-02124070] {
        width: 14px;
        height: 14px;
        padding: 8px;
        box-sizing: initial;
}
.dialog-add-project .create-scene .selected-item-info .options .icon[data-v-02124070]:hover {
          background: #2d2e31;
          border-radius: 50%;
          cursor: pointer;
}
.dialog-add-project .create-scene .select[data-v-02124070] {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
}
.dialog-add-project .create-scene .select .item[data-v-02124070]:last-child {
      margin-right: 0px;
}
.dialog-add-project .create-scene .select .item[data-v-02124070] {
      margin-right: 10px;
      display: flex;
      flex-direction: column;
      align-items: center;
      width: 124px;
      height: 124px;
      background: #222326;
      border-radius: 12px;
      -webkit-user-select: none;
         -moz-user-select: none;
              user-select: none;
      cursor: pointer;
      transition: all 0.1s ease-in-out;
}
.dialog-add-project .create-scene .select .item[data-v-02124070]:hover {
        background: #2d2e31;
        transform: scale(1.05);
}
.dialog-add-project .create-scene .select .item .icon[data-v-02124070] {
        height: 54px;
        width: 54px;
        margin-top: 20px;
        margin-bottom: 13px;
}
.dialog-add-project .create-scene .select .item .label[data-v-02124070] {
        font-size: 12px;
        font-weight: 400;
        color: #8e8e90;
        line-height: 17px;
}
.dialog-add-project .btn-next-step[data-v-02124070] {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #2589FF;
  width: 116px;
  height: 33px;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 600;
  color: #FFFFFF;
  outline: none;
  border: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  line-height: 12px;
  margin-top: 48px;
  margin-left: 50%;
  transform: translateX(-50%);
}
.dialog-add-project .btn-next-step[data-v-02124070]:hover {
    background-color: #1e7be2;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
[data-v-717cdc47] .dialog-create-project {
  background: transparent;
  box-shadow: none;
}
[data-v-717cdc47] .dialog-create-project .el-dialog__header {
    display: none;
}
[data-v-717cdc47] .dialog-create-project .el-dialog__body {
    padding: 0;
}
.create-shell[data-v-717cdc47] {
  background: #16181d;
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.45);
}
.create-header[data-v-717cdc47] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 22px 16px;
}
.create-title[data-v-717cdc47] {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  color: #fff;
  line-height: 1.3;
}
.btn-close[data-v-717cdc47] {
  width: 32px;
  height: 32px;
  border: none;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.06);
  color: rgba(255, 255, 255, 0.7);
  cursor: pointer;
  font-size: 16px;
}
.btn-close[data-v-717cdc47]:hover {
    background: rgba(255, 255, 255, 0.12);
    color: #fff;
}
.create-body[data-v-717cdc47] {
  padding: 4px 22px 8px;
}
.field-block + .field-block[data-v-717cdc47] {
  margin-top: 20px;
}
.field-label[data-v-717cdc47] {
  display: block;
  margin-bottom: 8px;
  font-size: 13px;
  color: rgba(255, 255, 255, 0.55);
}
.field-input[data-v-717cdc47] {
  width: 100% !important;
}
.field-input[data-v-717cdc47] .el-input__inner {
    width: 100% !important;
    height: 36px;
    line-height: 36px;
    background: #22252c;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 8px;
    color: #fff;
    font-size: 13px;
    padding: 0 12px;
}
.field-input[data-v-717cdc47] .el-input__inner::-moz-placeholder {
      color: rgba(255, 255, 255, 0.28);
}
.field-input[data-v-717cdc47] .el-input__inner::placeholder {
      color: rgba(255, 255, 255, 0.28);
}
.field-input[data-v-717cdc47] .el-input__inner:focus {
      border-color: rgba(54, 86, 253, 0.65);
}
.preset-grid[data-v-717cdc47] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
}
.preset-upload[data-v-717cdc47] {
  display: block;
}
.preset-upload[data-v-717cdc47] .el-upload {
    display: block;
    width: 100%;
}
.preset-card[data-v-717cdc47] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 112px;
  padding: 14px 8px 12px;
  border-radius: 12px;
  border: 2px solid transparent;
  cursor: pointer;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
  box-sizing: border-box;
}
.preset-card--white[data-v-717cdc47] {
    background: #454545;
    color: #fff;
}
.preset-card--white .preset-name[data-v-717cdc47] {
      color: #fff;
      font-weight: 500;
}
.preset-card--white .preset-ratio[data-v-717cdc47] {
      color: #fff;
}
.preset-card--white.active[data-v-717cdc47] {
      border-color: #3656fd;
      box-shadow: 0 0 0 1px rgba(54, 86, 253, 0.2);
}
.preset-card--white[data-v-717cdc47]:hover:not(.active) {
      border-color: rgba(54, 86, 253, 0.35);
}
.preset-card--upload[data-v-717cdc47] {
    background: #222326;
    border: 1px solid rgba(255, 255, 255, 0.08);
    color: rgba(255, 255, 255, 0.88);
}
.preset-card--upload .preset-name[data-v-717cdc47] {
      color: #fff;
}
.preset-card--upload .preset-ratio--sub[data-v-717cdc47] {
      color: rgba(255, 255, 255, 0.45);
      font-size: 11px;
      white-space: nowrap;
}
.preset-card--upload.active[data-v-717cdc47] {
      border-color: #3656fd;
}
.preset-card--upload[data-v-717cdc47]:hover {
      background: #2d2e31;
      border-color: rgba(54, 86, 253, 0.45);
}
.preset-icon[data-v-717cdc47] {
  width: 42px;
  height: 30px;
  margin-bottom: 10px;
  color: #fff;
}
.preset-icon svg[data-v-717cdc47] {
    width: 100%;
    height: 100%;
    display: block;
}
.preset-icon.preset-icon--upload[data-v-717cdc47] {
    color: rgba(255, 255, 255, 0.75);
}
.preset-name[data-v-717cdc47] {
  font-size: 13px;
  line-height: 1.3;
}
.preset-ratio[data-v-717cdc47] {
  margin-top: 2px;
  font-size: 12px;
  line-height: 1.3;
}
.custom-row[data-v-717cdc47] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
.custom-item[data-v-717cdc47] {
  display: flex;
  align-items: center;
  gap: 10px;
}
.custom-label[data-v-717cdc47] {
  flex-shrink: 0;
  font-size: 13px;
  color: rgba(255, 255, 255, 0.55);
}
.custom-input[data-v-717cdc47] {
  flex: 1;
  width: auto !important;
}
.custom-input[data-v-717cdc47] .el-input__inner {
    width: 100% !important;
    height: 32px;
    line-height: 32px;
    background: #22252c;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 8px;
    color: #fff;
    font-size: 13px;
    padding: 0 10px;
    text-align: center;
}
.custom-input[data-v-717cdc47] .el-input__inner:focus {
      border-color: rgba(54, 86, 253, 0.65);
}
.selected-item-info[data-v-717cdc47] {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  height: 124px;
  margin-top: 12px;
  background: #222326;
  border-radius: 12px;
  padding: 16px;
  box-sizing: border-box;
}
.selected-item-info .cover[data-v-717cdc47] {
    width: 92px;
    height: 92px;
    border-radius: 7px;
    -o-object-fit: cover;
       object-fit: cover;
    flex-shrink: 0;
    background: #18181a;
}
.selected-item-info .info[data-v-717cdc47] {
    flex: 1;
    margin-left: 12px;
    min-width: 0;
}
.selected-item-info .page-name[data-v-717cdc47] {
    margin: 0 0 8px;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.selected-item-info .input-page-name[data-v-717cdc47] .el-input__inner {
    height: 44px;
    background: #191a1d;
    border: 2px solid transparent;
    border-radius: 7px;
    color: #fff;
}
.selected-item-info .input-page-name[data-v-717cdc47] .el-input__inner:focus {
      border-color: #2589ff;
}
.selected-item-info .tag[data-v-717cdc47] {
    display: inline-flex;
    align-items: center;
    height: 22px;
    padding: 0 8px;
    border-radius: 6px;
    font-size: 10px;
    font-weight: 600;
    color: #f6fcfa;
}
.selected-item-info .tag.tag-image[data-v-717cdc47] {
      background: linear-gradient(90deg, #52be85 0%, #05a989 100%);
}
.selected-item-info .tag.tag-video[data-v-717cdc47] {
      background: linear-gradient(90deg, #2589ff 0%, #1b6fe0 100%);
}
.selected-item-info .options[data-v-717cdc47] {
    display: flex;
    gap: 4px;
}
.selected-item-info .options .icon[data-v-717cdc47] {
      width: 14px;
      height: 14px;
      padding: 8px;
      box-sizing: content-box;
      cursor: pointer;
      border-radius: 50%;
}
.selected-item-info .options .icon[data-v-717cdc47]:hover {
        background: rgba(255, 255, 255, 0.08);
}
.create-footer[data-v-717cdc47] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  padding: 18px 22px 22px;
}
.btn-cancel[data-v-717cdc47] {
  min-width: 72px;
  height: 40px;
  padding: 0 16px;
  border: none;
  border-radius: 8px;
  background: transparent;
  color: rgba(255, 255, 255, 0.55);
  font-size: 14px;
  cursor: pointer;
}
.btn-cancel[data-v-717cdc47]:hover:not(:disabled) {
    color: rgba(255, 255, 255, 0.85);
}
.btn-cancel[data-v-717cdc47]:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}
.btn-confirm[data-v-717cdc47] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-width: 88px;
  height: 40px;
  padding: 0 20px;
  border: none;
  border-radius: 10px;
  background: linear-gradient(90deg, #3656fd 0%, #7c5cff 100%);
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
}
.btn-confirm[data-v-717cdc47]:hover:not(:disabled) {
    filter: brightness(1.06);
}
.btn-confirm[data-v-717cdc47]:disabled {
    opacity: 0.7;
    cursor: not-allowed;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.content[data-v-177e975e] {
  display: flex;
  align-items: center;
  padding: 12px 14px 14px 16px;
  position: relative;
}
.itemBtn[data-v-177e975e] {
  width: 32px;
  height: 32px;
  background: rgba(255, 255, 255, 0.06);
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  transition: opacity 0.2s;
  flex-shrink: 0;
}
.itemBtn i[data-v-177e975e] {
    color: #fff;
    font-size: 18px;
}
.itemList[data-v-177e975e] {
  padding: 16px 14px;
  width: 148px;
  background: #464856;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  border-radius: 16px 16px 16px 16px;
  position: absolute;
  bottom: 13px;
  right: 9px;
  z-index: 3;
}
.itemList .list_item[data-v-177e975e] {
    width: 120px;
    height: 36px;
    border-radius: 8px 8px 8px 8px;
    padding-left: 22px;
    font-weight: 400;
    font-size: 14px;
    color: #ffffff;
    line-height: 36px;
}
.itemList .list_item[data-v-177e975e]:hover {
      background: #3656fd;
}
.my-project-card[data-v-177e975e] {
  position: relative;
  width: 100%;
  height: auto;
  background: #2f313c;
  border-radius: 8px;
  overflow: hidden;
  cursor: pointer;
  border: 1px solid transparent;
  transition: border-color 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
.my-project-card[data-v-177e975e]:hover {
    border: 1px solid #3656fd;
}
.my-project-card:hover .itemBtn[data-v-177e975e] {
      opacity: 1;
}
.my-project-card .more-mask[data-v-177e975e] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
    border-radius: 4px;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.my-project-card .more-mask .more-btn[data-v-177e975e] {
      width: 132px;
      height: 36px;
      font-weight: 600;
      font-size: 14px;
      display: flex;
      justify-content: center;
      align-items: center;
      border-radius: 4px;
}
.my-project-card .cover-wrap[data-v-177e975e] {
    margin: 5px 5px 0;
    border-radius: 4px;
    overflow: hidden;
    aspect-ratio: 16 / 10;
    background: #26272a;
    position: relative;
}
.my-project-card .cover-wrap[data-v-177e975e] .el-image {
      width: 100%;
      height: 100%;
}
.my-project-card .cover[data-v-177e975e] {
    width: 100%;
    height: 100%;
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
    flex-shrink: 0;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    border-radius: 4px;
}
.my-project-card .info[data-v-177e975e] {
    position: relative;
    width: calc(100% - 40px);
    color: rgba(255, 255, 255, 0.4);
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
}
.my-project-card .info .name[data-v-177e975e] {
      display: block;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      word-break: break-all;
      font-size: 14px;
      font-weight: 500;
      color: #ffffff;
      line-height: 20px;
      margin-bottom: 4px;
}
.my-project-card .info .other[data-v-177e975e] {
      display: block;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      word-break: break-all;
      margin-bottom: 0;
      font-size: 12px;
      font-weight: 400;
      line-height: 16px;
      color: rgba(255, 255, 255, 0.45);
}
.my-project-card .options[data-v-177e975e] {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: 8px;
    bottom: 8px;
    gap: 2px;
}
.my-project-card .options .icon[data-v-177e975e] {
      width: 14px;
      height: 14px;
      padding: 8px;
      box-sizing: initial;
      -webkit-user-select: none;
         -moz-user-select: none;
              user-select: none;
}
.my-project-card .options .icon[data-v-177e975e]:hover {
        background: #2d2e31;
        border-radius: 50%;
        cursor: pointer;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.itemList[data-v-c1d60900] {
  padding: 16px 14px;
  width: 148px;
  background: #464856;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  border-radius: 16px 16px 16px 16px;
  position: absolute;
  height: auto;
}
.itemList .list_item[data-v-c1d60900] {
    width: 120px;
    height: 36px;
    border-radius: 8px 8px 8px 8px;
    padding-left: 22px;
    font-weight: 400;
    font-size: 14px;
    color: #ffffff;
    line-height: 36px;
}
.itemList .list_item[data-v-c1d60900]:hover {
      background: #3656fd;
}
.tips[data-v-c1d60900] {
  width: 48px;
  height: 23px;
  background: #ffffff;
  border-radius: 6px 6px 6px 6px;
  font-weight: 400;
  font-size: 12px;
  color: #272727;
  line-height: 23px;
  align-items: center;
  text-align: center;
  margin-top: -8px;
  margin-left: 10px;
}
[data-v-c1d60900] .el-dialog__headerbtn .el-dialog__close {
  font-size: 24px;
}
[data-v-c1d60900] .el-col {
  margin-bottom: 30px;
}
.top-toolbar[data-v-c1d60900] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 32px;
  padding: 20px 20px 0;
  box-sizing: border-box;
}
.top-toolbar .search-wrapper[data-v-c1d60900] {
    width: 500px;
    min-width: 0;
}
.top-toolbar .search-wrapper[data-v-c1d60900] .el-input,
    .top-toolbar .search-wrapper[data-v-c1d60900] .el-input__inner {
      width: 100%;
      height: 44px;
      background: #26272a;
      border: 0;
      color: #fff;
      border-radius: 8px;
      line-height: 44px;
}
.top-toolbar .search-wrapper[data-v-c1d60900] .el-input__suffix {
      right: 16px;
      color: rgba(255, 255, 255, 0.5);
      font-size: 16px;
}
.top-toolbar .search-wrapper[data-v-c1d60900] .el-input__inner::-moz-placeholder {
      color: rgba(255, 255, 255, 0.4);
}
.top-toolbar .search-wrapper[data-v-c1d60900] .el-input__inner::placeholder {
      color: rgba(255, 255, 255, 0.4);
}
.top-toolbar .mode-buttons[data-v-c1d60900] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-shrink: 0;
}
.top-toolbar .mode-btn[data-v-c1d60900] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    height: 44px;
    padding: 0 20px;
    border: none;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
    color: #ffffff;
    cursor: pointer;
    white-space: nowrap;
    transition: opacity 0.2s;
}
.top-toolbar .mode-btn[data-v-c1d60900]:hover {
      opacity: 0.9;
}
.top-toolbar .mode-btn .mode-btn-icon[data-v-c1d60900] {
      font-size: 16px;
}
.top-toolbar .mode-btn-primary[data-v-c1d60900] {
    background: #3656fd;
    padding: 0 24px;
}
.top-toolbar .mode-btn-primary .mode-btn-icon[data-v-c1d60900] {
      font-size: 18px;
}
.top-toolbar .mode-btn-secondary[data-v-c1d60900] {
    background: #2f313c;
}
.top-toolbar .beta-tag[data-v-c1d60900] {
    position: absolute;
    top: -10px;
    right: -6px;
    height: 20px;
    padding: 0 8px;
    background: #ffffff;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 400;
    color: #272727;
    line-height: 20px;
}
.section-header[data-v-c1d60900] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}
.view-toggle-btn[data-v-c1d60900] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  background: #2f313c;
  border-radius: 6px;
  cursor: pointer;
  transition: background 0.2s;
}
.view-toggle-btn i[data-v-c1d60900] {
    color: #ffffff;
    font-size: 18px;
}
.view-toggle-btn[data-v-c1d60900]:hover {
    background: #3a3c48;
}
.header[data-v-c1d60900] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 10px;
}
.components-dialog[data-v-c1d60900] .el-dialog {
  width: 900px;
  background: #2e313a;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  border-radius: 8px 8px 8px 8px;
}
.components-dialog[data-v-c1d60900] .el-dialog__header {
  height: 64px;
  background: #23252c;
  border-radius: 8px 8px 0px 0px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.components-dialog[data-v-c1d60900] .el-dialog__title {
  color: #fff;
}
.components-dialog[data-v-c1d60900] .el-dialog__body {
  overflow-y: scroll;
  overflow-x: hidden;
}
.components-dialog[data-v-c1d60900] .el-dialog__headerbtn,
.components-dialog[data-v-c1d60900] .el-dialog__close {
  position: inherit;
  font-size: 24px;
  color: #fff;
}
.components-dialog .saveBtn[data-v-c1d60900] {
  width: 120px;
  height: 40px;
  background: #3656fd;
  border-radius: 4px 4px 4px 4px;
  font-weight: 400;
  font-size: 14px;
  color: #ffffff;
  line-height: 20px;
  text-align: center;
  border: 0;
}
.components-dialog .close[data-v-c1d60900] {
  background: #26272a;
  line-height: 20px;
  text-align: center;
  font-weight: 400;
  font-size: 14px;
  color: #ffffff;
  height: 40px;
  border-radius: 4px 4px 4px 4px;
  border: 0;
  width: 100px;
}
.components-dialog .right_cont[data-v-c1d60900] {
  margin: 0 20px;
  max-height: 550px;
}
.components-dialog .right_cont .title_cont[data-v-c1d60900] {
    font-size: 16px;
    color: #fff;
    margin-bottom: 10px;
}
.components-dialog .right_cont[data-v-c1d60900] .el-input,
  .components-dialog .right_cont[data-v-c1d60900] .el-input__inner {
    width: 100%;
    background: #26272a;
    border: 0;
    color: #fff;
    border-radius: 6px;
}
.components-dialog .right_cont .cont_item[data-v-c1d60900] {
    margin-bottom: 32px;
}
.components-dialog .right_cont .cont_item .item_title[data-v-c1d60900] {
      font-weight: 600;
      font-size: 24px;
      color: #ffffff;
      line-height: 48px;
      margin-bottom: 12px;
}
.components-dialog .right_cont .cont_item .item_time[data-v-c1d60900] {
      font-weight: 600;
      font-size: 16px;
      color: #ffffff;
      line-height: 32px;
}
.components-dialog .right_cont .cont_item .item_cont[data-v-c1d60900] {
      width: 100%;
      height: auto;
      font-weight: 400;
      font-size: 16px;
      color: #ffffff;
      line-height: 32px;
}
.page-home[data-v-c1d60900] {
  width: 100%;
  height: 100%;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  overflow-y: scroll;
}
.primary-label[data-v-c1d60900] {
  font-size: 20px;
  font-weight: 600;
  color: #ffffff;
  line-height: 28px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.tools[data-v-c1d60900] {
  margin-left: auto;
  display: flex;
}
.tools .search-box[data-v-c1d60900] {
    display: flex;
    align-items: center;
    width: 260px;
    height: 33px;
    background: #26272A;
    border-radius: 8px;
    padding: 0 16px;
    box-sizing: border-box;
    margin-right: 20px;
}
.tools .search-box .icon-search[data-v-c1d60900] {
      width: 16px;
      height: 16px;
      margin-right: 8px;
}
.tools .search-box[data-v-c1d60900] .el-input__inner {
      height: 22px !important;
      background-color: transparent;
      border: none;
      padding: 0;
      color: #fff;
}
.tools .search-box[data-v-c1d60900] .el-input__inner::-moz-placeholder {
      font-size: 12px;
      font-weight: 400;
      color: #FFFFFF;
}
.tools .search-box[data-v-c1d60900] .el-input__inner::placeholder {
      font-size: 12px;
      font-weight: 400;
      color: #FFFFFF;
}
.btn-start-from-empty[data-v-c1d60900] {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 44px;
  background: #3656FD;
  border-radius: 8px;
  width: 150px;
}
.my-projects-area[data-v-c1d60900] {
  margin-bottom: 32px;
  overflow: hidden;
}
.my-projects-area .inner-content[data-v-c1d60900] {
    width: 100%;
    border-radius: 16px;
    padding: 0 20px 20px;
    box-sizing: border-box;
}
.my-projects-area .list[data-v-c1d60900] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    width: 100%;
    position: relative;
    padding-bottom: 100px;
}
.my-projects-area .list .item[data-v-c1d60900] {
      width: 100%;
      min-width: 0;
}
.create-from-template-area .list[data-v-c1d60900] {
  display: flex;
  width: 100%;
  margin-top: 32px;
  flex-wrap: wrap;
  gap: 16px;
  position: relative;
}
.begin-area[data-v-c1d60900] {
  background: rgba(37, 137, 255, 0.08);
  border-radius: 16px;
  height: 377px;
  margin-bottom: 31px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.begin-area .title[data-v-c1d60900] {
    font-family: PingFangSC, PingFang SC;
    font-weight: 600;
    font-size: 28px;
    color: #ffffff;
    line-height: 40px;
    font-style: normal;
    margin-bottom: 12px;
}
.begin-area .desc[data-v-c1d60900] {
    font-family: PingFangSC, PingFang SC;
    font-weight: 600;
    font-size: 14px;
    color: #ffffff;
    line-height: 20px;
    font-style: normal;
    margin-bottom: 40px;
}
.begin-area .enter[data-v-c1d60900] {
    display: flex;
    flex-direction: row;
    gap: 140px;
    box-sizing: border-box;
}
.begin-area .enter .en[data-v-c1d60900] {
      width: 260px;
      height: 197px;
      text-align: center;
      padding-top: 138px;
      font-family: PingFangSC, PingFang SC;
      font-weight: 600;
      font-size: 20px;
      color: #ffffff;
      line-height: 28px;
      font-style: normal;
      cursor: pointer;
}
.begin-area .enter .en1[data-v-c1d60900] {
      background-image: url("https://qichuan-pc.oss-cn-shenzhen.aliyuncs.com/editor/mode_win_create.png");
      /* 设置背景图片 */
      background-size: cover;
      /* 使背景图覆盖整个元素 */
      background-position: center;
      /* 背景图居中 */
}
.begin-area .enter .en2[data-v-c1d60900] {
      background-image: url("https://qichuan-pc.oss-cn-shenzhen.aliyuncs.com/editor/mode_vr_create.png");
      /* 设置背景图片 */
      background-size: cover;
      /* 使背景图覆盖整个元素 */
      background-position: center;
      /* 背景图居中 */
}
[data-v-c1d60900] .el-card {
  background: #2f313c;
  border-radius: 4px 4px 4px 4px;
  border: none;
}
.card-item[data-v-c1d60900] {
  display: flex;
  flex-direction: column;
  margin-left: 20px;
}
.card-item .card-title[data-v-c1d60900] {
    font-weight: 600;
    font-size: 24px;
    color: #ffffff;
    display: flex;
}
.card-item span[data-v-c1d60900] {
    font-weight: 400;
    font-size: 16px;
    color: #938f8f;
    margin-top: 10px;
}
.card-item .card-btn[data-v-c1d60900] {
    margin-top: 14px;
    display: flex;
    justify-content: flex-end;
}
.card-item .card-btn[data-v-c1d60900] .el-button {
      width: 120px;
      height: 40px;
      background: #3656fd;
      border-radius: 4px 4px 4px 4px;
      border: 0;
}
.narrate-list[data-v-c1d60900] .el-dialog {
  margin: 80px auto;
  background: #191a1d;
  border-radius: 16px 16px 16px 16px;
  overflow: hidden;
}
.narrate-list[data-v-c1d60900] .el-dialog__body {
  padding: 0;
  height: 100%;
  background-color: #2E313A;
}
.narrate-list[data-v-c1d60900] .el-dialog__header {
  padding: 16px 40px;
  border-bottom: 1px solid #313235;
}
.narrate-list[data-v-c1d60900] .el-dialog__header .el-dialog__title {
    font-size: 16px;
    color: #ffffff;
}
.narrate-list[data-v-c1d60900] .el-dialog__close {
  color: #ffffff;
}
.narrate-list .add-narrate[data-v-c1d60900] {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 20px;
}
.narrate-list .btn-cancel[data-v-c1d60900] {
  width: 116px;
  height: 33px;
  background: #2d2e2e;
  border-radius: 8px 8px 8px 8px;
  font-weight: 600;
  font-size: 12px;
  color: #ffffff;
  text-align: center;
  line-height: 33px;
  margin-right: 36px;
}
.narrate-list .empty[data-v-c1d60900] {
  height: 500px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #ffffff;
  background-color: #2E313A;
}
.narrate-list .empty .tools_twe[data-v-c1d60900] {
    margin-top: 10px;
}
.narrate-list-content[data-v-c1d60900] {
  padding: 20px;
  background-color: #2E313A;
}
.narrate-list-content[data-v-c1d60900] .el-table {
    color: #ffffff;
    background-color: #2E313A;
}
.narrate-list-content[data-v-c1d60900] .el-table__header-wrapper {
    background: #373942;
    border-radius: 8px;
}
.narrate-list-content[data-v-c1d60900] .el-table th,
  .narrate-list-content[data-v-c1d60900] .el-table tr {
    background-color: transparent;
}
.narrate-list-content[data-v-c1d60900] .el-table::before {
    background-color: transparent;
}
.narrate-list-content[data-v-c1d60900] .el-table td,
  .narrate-list-content[data-v-c1d60900] .el-table th.is-leaf {
    border-bottom: none;
    color: #FFFFFF;
    background-color: transparent !important;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
[data-v-71871759] .el-card {
  background: #2f313c;
  border-radius: 4px 4px 4px 4px;
  border: none;
}
.itemList[data-v-71871759] {
  padding: 16px 14px;
  width: 148px;
  background: #464856;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  border-radius: 16px 16px 16px 16px;
  position: absolute;
  height: auto;
}
.itemList .list_item[data-v-71871759] {
    width: 120px;
    height: 36px;
    border-radius: 8px 8px 8px 8px;
    padding-left: 22px;
    font-weight: 400;
    font-size: 14px;
    color: #ffffff;
    line-height: 36px;
    cursor: pointer;
}
.itemList .list_item[data-v-71871759]:hover {
      background: #3656fd;
}
.card-item[data-v-71871759] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-left: 20px;
}
.card-item .card-title[data-v-71871759] {
    font-weight: 600;
    font-size: 24px;
    color: #ffffff;
    display: flex;
    align-items: center;
}
.card-item span[data-v-71871759] {
    font-weight: 400;
    font-size: 16px;
    color: #938f8f;
    margin-top: 10px;
}
.card-item .card-btn[data-v-71871759] {
    display: flex;
    justify-content: flex-end;
}
.card-item .card-btn[data-v-71871759] .el-button {
      width: 120px;
      height: 40px;
      background: #3656fd;
      border-radius: 4px 4px 4px 4px;
      border: 0;
}
.top-toolbar[data-v-71871759] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 32px;
  padding: 20px 20px 0;
  box-sizing: border-box;
}
.top-toolbar .search-wrapper[data-v-71871759] {
    width: 500px;
    min-width: 0;
}
.top-toolbar .search-wrapper[data-v-71871759] .el-input,
    .top-toolbar .search-wrapper[data-v-71871759] .el-input__inner {
      width: 100%;
      height: 44px;
      background: #26272a;
      border: 0;
      color: #fff;
      border-radius: 8px;
      line-height: 44px;
}
.top-toolbar .search-wrapper[data-v-71871759] .el-input__suffix {
      right: 16px;
      color: rgba(255, 255, 255, 0.5);
      font-size: 16px;
}
.top-toolbar .search-wrapper[data-v-71871759] .el-input__inner::-moz-placeholder {
      color: rgba(255, 255, 255, 0.4);
}
.top-toolbar .search-wrapper[data-v-71871759] .el-input__inner::placeholder {
      color: rgba(255, 255, 255, 0.4);
}
.top-toolbar .mode-buttons[data-v-71871759] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-shrink: 0;
}
.top-toolbar .mode-btn[data-v-71871759] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    height: 44px;
    padding: 0 20px;
    border: none;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
    color: #ffffff;
    cursor: pointer;
    white-space: nowrap;
    transition: opacity 0.2s;
}
.top-toolbar .mode-btn[data-v-71871759]:hover {
      opacity: 0.9;
}
.top-toolbar .mode-btn .mode-btn-icon[data-v-71871759] {
      font-size: 16px;
}
.top-toolbar .mode-btn-primary[data-v-71871759] {
    background: #3656fd;
    padding: 0 24px;
}
.top-toolbar .mode-btn-primary .mode-btn-icon[data-v-71871759] {
      font-size: 18px;
}
.top-toolbar .mode-btn-secondary[data-v-71871759] {
    background: #2f313c;
}
.top-toolbar .beta-tag[data-v-71871759] {
    position: absolute;
    top: -10px;
    right: -6px;
    height: 20px;
    padding: 0 8px;
    background: #ffffff;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 400;
    color: #272727;
    line-height: 20px;
}
.section-header[data-v-71871759] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}
.view-toggle-btn[data-v-71871759] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  background: #2f313c;
  border-radius: 6px;
  cursor: pointer;
  transition: background 0.2s;
}
.view-toggle-btn i[data-v-71871759] {
    color: #ffffff;
    font-size: 18px;
}
.view-toggle-btn[data-v-71871759]:hover {
    background: #3a3c48;
}
.primary-label[data-v-71871759] {
  font-size: 20px;
  font-weight: 600;
  color: #ffffff;
  line-height: 28px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.page-my-project[data-v-71871759] {
  overflow-y: auto;
  height: 100%;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.components-dialog[data-v-71871759] .el-dialog {
  width: 900px;
  background: #2e313a;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  border-radius: 8px 8px 8px 8px;
}
.components-dialog[data-v-71871759] .el-dialog__header {
  height: 64px;
  background: #23252c;
  border-radius: 8px 8px 0px 0px;
}
.components-dialog[data-v-71871759] .el-dialog__title {
  color: #fff;
}
.components-dialog[data-v-71871759] .el-dialog__body {
  overflow-y: scroll;
  overflow-x: hidden;
}
.components-dialog .saveBtn[data-v-71871759] {
  width: 120px;
  height: 40px;
  background: #3656fd;
  border-radius: 4px 4px 4px 4px;
  font-weight: 400;
  font-size: 18px;
  color: #ffffff;
  line-height: 20px;
  text-align: center;
  border: 0;
}
.components-dialog .close[data-v-71871759] {
  background: #26272a;
  line-height: 20px;
  text-align: center;
  font-weight: 400;
  font-size: 18px;
  color: #ffffff;
  height: 40px;
  border-radius: 4px 4px 4px 4px;
  border: 0;
  width: 100px;
}
.components-dialog .right_cont[data-v-71871759] {
  margin: 0 20px;
  max-height: 550px;
}
.components-dialog .right_cont .title_cont[data-v-71871759] {
    font-size: 16px;
    color: #fff;
    margin-bottom: 10px;
}
.components-dialog .right_cont[data-v-71871759] .el-input,
  .components-dialog .right_cont[data-v-71871759] .el-input__inner {
    width: 100%;
    background: #26272a;
    border: 0;
    color: #fff;
    border-radius: 6px;
}
.my-projects-area[data-v-71871759] {
  margin-bottom: 32px;
}
.my-projects-area .inner-content[data-v-71871759] {
    width: 100%;
    border-radius: 16px;
    padding: 0 20px 20px;
    box-sizing: border-box;
}
.my-projects-area .list[data-v-71871759] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    width: 100%;
    position: relative;
    padding-bottom: 100px;
}
.my-projects-area .list .item[data-v-71871759] {
      width: 100%;
      min-width: 0;
}
@media screen and (max-width: 600px) {
.my-projects-area .list[data-v-71871759] {
        grid-template-columns: 1fr;
}
}
.my-projects-area .empty-state[data-v-71871759] {
    width: 100%;
    background: #1c1d20;
    border-radius: 16px;
    padding: 60px 20px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.my-projects-area .empty-state .empty-icon[data-v-71871759] {
      width: 80px;
      height: 80px;
      margin-bottom: 16px;
      opacity: 0.8;
}
.my-projects-area .empty-state .empty-text[data-v-71871759] {
      font-size: 16px;
      color: #ffffff;
      opacity: 0.6;
      margin-bottom: 24px;
}
.my-projects-area .empty-state .create-btn[data-v-71871759] {
      background: #409eff;
      border-color: #409eff;
      border-radius: 4px;
      padding: 10px 20px;
      font-size: 14px;
}
.my-projects-area .empty-state .create-btn[data-v-71871759]:hover {
        background: #66b1ff;
        border-color: #66b1ff;
}
.narrate-list[data-v-71871759] .el-dialog {
  margin: 80px auto;
  background: #191a1d;
  border-radius: 16px 16px 16px 16px;
  overflow: hidden;
}
.narrate-list[data-v-71871759] .el-dialog__body {
  padding: 0;
  height: 100%;
  background-color: #2E313A;
}
.narrate-list[data-v-71871759] .el-dialog__header {
  padding: 16px 40px;
  border-bottom: 1px solid #313235;
}
.narrate-list[data-v-71871759] .el-dialog__header .el-dialog__title {
    font-size: 16px;
    color: #ffffff;
}
.narrate-list[data-v-71871759] .el-dialog__close {
  color: #ffffff;
}
.narrate-list .add-narrate[data-v-71871759] {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 20px;
}
.narrate-list .btn-cancel[data-v-71871759] {
  width: 116px;
  height: 33px;
  background: #2d2e2e;
  border-radius: 8px 8px 8px 8px;
  font-weight: 600;
  font-size: 12px;
  color: #ffffff;
  text-align: center;
  line-height: 33px;
  margin-right: 36px;
}
.narrate-list .empty[data-v-71871759] {
  height: 500px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #ffffff;
  background-color: #2E313A;
}
.narrate-list .empty .tools_twe[data-v-71871759] {
    margin-top: 10px;
}
.narrate-list .empty .btn-start-from-empty[data-v-71871759] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 44px;
    background: #3656FD;
    border-radius: 8px;
    width: 150px;
}
.narrate-list-content[data-v-71871759] {
  padding: 20px;
  background-color: #2E313A;
}
.narrate-list-content[data-v-71871759] .el-table {
    color: #ffffff;
    background-color: #2E313A;
}
.narrate-list-content[data-v-71871759] .el-table__header-wrapper {
    background: #373942;
    border-radius: 8px;
}
.narrate-list-content[data-v-71871759] .el-table th,
  .narrate-list-content[data-v-71871759] .el-table tr {
    background-color: transparent;
}
.narrate-list-content[data-v-71871759] .el-table::before {
    background-color: transparent;
}
.narrate-list-content[data-v-71871759] .el-table td,
  .narrate-list-content[data-v-71871759] .el-table th.is-leaf {
    border-bottom: none;
    color: #FFFFFF;
    background-color: transparent !important;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
[data-v-8cddbcfa] .dialog-create-project-from-tpl {
  background: transparent;
  box-shadow: none;
}
[data-v-8cddbcfa] .dialog-create-project-from-tpl .el-dialog__header {
    display: none;
}
[data-v-8cddbcfa] .dialog-create-project-from-tpl .el-dialog__body {
    padding: 0;
}
.create-shell[data-v-8cddbcfa] {
  background: #16181d;
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.45);
}
.create-header[data-v-8cddbcfa] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 22px 16px;
}
.create-header-left[data-v-8cddbcfa] {
  display: flex;
  align-items: center;
  gap: 10px;
}
.create-icon[data-v-8cddbcfa] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 8px;
  background: rgba(54, 86, 253, 0.18);
  color: #5b8cff;
  font-size: 16px;
}
.create-title[data-v-8cddbcfa] {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  color: #fff;
  line-height: 1.3;
}
.btn-close[data-v-8cddbcfa] {
  width: 32px;
  height: 32px;
  border: none;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.06);
  color: rgba(255, 255, 255, 0.7);
  cursor: pointer;
}
.btn-close[data-v-8cddbcfa]:hover {
    background: rgba(255, 255, 255, 0.12);
    color: #fff;
}
.create-body[data-v-8cddbcfa] {
  padding: 4px 22px 8px;
}
.field-label[data-v-8cddbcfa] {
  display: block;
  margin-bottom: 10px;
  font-size: 13px;
  color: rgba(255, 255, 255, 0.55);
}
.field-input[data-v-8cddbcfa] .el-input__inner {
  height: 48px;
  line-height: 48px;
  background: #22252c;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 10px;
  color: #fff;
  font-size: 14px;
  padding: 0 14px;
}
.field-input[data-v-8cddbcfa] .el-input__inner:focus {
    border-color: rgba(54, 86, 253, 0.65);
}
.field-input[data-v-8cddbcfa] .el-input__inner::-moz-placeholder {
    color: rgba(255, 255, 255, 0.28);
}
.field-input[data-v-8cddbcfa] .el-input__inner::placeholder {
    color: rgba(255, 255, 255, 0.28);
}
.field-hint[data-v-8cddbcfa] {
  margin: 10px 0 0;
  font-size: 12px;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.35);
}
.create-footer[data-v-8cddbcfa] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  padding: 18px 22px 22px;
}
.btn-cancel[data-v-8cddbcfa] {
  min-width: 72px;
  height: 40px;
  padding: 0 16px;
  border: none;
  border-radius: 8px;
  background: transparent;
  color: rgba(255, 255, 255, 0.55);
  font-size: 14px;
  cursor: pointer;
}
.btn-cancel[data-v-8cddbcfa]:hover:not(:disabled) {
    color: rgba(255, 255, 255, 0.85);
}
.btn-cancel[data-v-8cddbcfa]:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}
.btn-confirm[data-v-8cddbcfa] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-width: 180px;
  height: 40px;
  padding: 0 18px;
  border: none;
  border-radius: 10px;
  background: linear-gradient(90deg, #3656fd 0%, #7c5cff 100%);
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
}
.btn-confirm[data-v-8cddbcfa]:hover:not(:disabled) {
    filter: brightness(1.06);
}
.btn-confirm[data-v-8cddbcfa]:disabled {
    opacity: 0.7;
    cursor: not-allowed;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
[data-v-74b302da] .dialog-template-preview {
  background: transparent;
  box-shadow: none;
}
[data-v-74b302da] .dialog-template-preview .el-dialog__header {
    display: none;
}
[data-v-74b302da] .dialog-template-preview .el-dialog__body {
    padding: 0;
}
.preview-shell[data-v-74b302da] {
  background: #12141a;
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 24px 80px rgba(0, 0, 0, 0.45);
}
.preview-header[data-v-74b302da] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 20px 24px 16px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}
.preview-header-main[data-v-74b302da] {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  min-width: 0;
}
.preview-title[data-v-74b302da] {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  color: #fff;
  line-height: 1.4;
}
.badge[data-v-74b302da] {
  display: inline-flex;
  align-items: center;
  height: 24px;
  padding: 0 10px;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 600;
  color: #fff;
  white-space: nowrap;
}
.badge-pages[data-v-74b302da] {
  background: linear-gradient(90deg, #0f9f8e 0%, #0d7f73 100%);
}
.badge-ratio[data-v-74b302da] {
  background: linear-gradient(90deg, #7c5cff 0%, #5b3fd6 100%);
}
.btn-close[data-v-74b302da] {
  width: 32px;
  height: 32px;
  border: none;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.06);
  color: rgba(255, 255, 255, 0.75);
  cursor: pointer;
  flex-shrink: 0;
}
.btn-close[data-v-74b302da]:hover {
    background: rgba(255, 255, 255, 0.12);
    color: #fff;
}
.preview-body[data-v-74b302da] {
  display: flex;
  min-height: 520px;
  max-height: calc(84vh - 180px);
}
.scene-outline[data-v-74b302da] {
  width: 220px;
  flex-shrink: 0;
  border-right: 1px solid rgba(255, 255, 255, 0.06);
  display: flex;
  flex-direction: column;
  background: rgba(0, 0, 0, 0.18);
}
.scene-outline-head[data-v-74b302da] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 16px 10px;
}
.scene-outline-label[data-v-74b302da] {
  font-size: 13px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.88);
}
.scene-outline-count[data-v-74b302da] {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.45);
}
.scene-outline-list[data-v-74b302da] {
  flex: 1;
  overflow-y: auto;
  padding: 0 12px 12px;
}
.scene-outline-list[data-v-74b302da]::-webkit-scrollbar {
    width: 4px;
}
.scene-outline-list[data-v-74b302da]::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.15);
    border-radius: 4px;
}
.scene-card[data-v-74b302da] {
  margin-bottom: 10px;
  border-radius: 10px;
  overflow: hidden;
  cursor: pointer;
  border: 1px solid transparent;
  background: rgba(255, 255, 255, 0.03);
  transition: border-color 0.2s ease, transform 0.2s ease;
}
.scene-card[data-v-74b302da]:hover {
    border-color: rgba(54, 86, 253, 0.35);
}
.scene-card.active[data-v-74b302da] {
    border-color: #3656fd;
    box-shadow: 0 0 0 1px rgba(54, 86, 253, 0.25);
}
.scene-card-thumb[data-v-74b302da] {
  position: relative;
  height: 88px;
  background: #1c1f27;
  overflow: hidden;
}
.scene-card-thumb img[data-v-74b302da] {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    display: block;
}
.scene-card-placeholder[data-v-74b302da] {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.35);
}
.scene-card-current[data-v-74b302da] {
  position: absolute;
  top: 6px;
  left: 6px;
  padding: 2px 8px;
  border-radius: 4px;
  background: #3656fd;
  color: #fff;
  font-size: 11px;
  font-weight: 600;
}
.scene-card-title[data-v-74b302da] {
  padding: 8px 10px 10px;
  font-size: 12px;
  line-height: 1.4;
  color: rgba(255, 255, 255, 0.82);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.scene-empty[data-v-74b302da] {
  padding: 24px 8px;
  text-align: center;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.4);
}
.preview-stage[data-v-74b302da] {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  padding: 16px 20px 20px;
  position: relative;
}
.preview-stage-badge[data-v-74b302da] {
  position: absolute;
  top: 24px;
  left: 32px;
  z-index: 2;
  padding: 4px 10px;
  border-radius: 6px;
  background: rgba(0, 0, 0, 0.55);
  color: rgba(255, 255, 255, 0.85);
  font-size: 12px;
}
.preview-frame-wrap[data-v-74b302da] {
  flex: 1;
  min-height: 0;
  border-radius: 12px;
  overflow: hidden;
  background: #0b0d12;
  border: 1px solid rgba(255, 255, 255, 0.06);
  position: relative;
}
.scene-cut-overlay[data-v-74b302da] {
  position: absolute;
  inset: 0;
  z-index: 10;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  background: rgba(11, 13, 18, 0.82);
  color: rgba(255, 255, 255, 0.9);
  font-size: 14px;
}
.scene-cut-overlay i[data-v-74b302da] {
    font-size: 28px;
}
.virtual-scene-preview-host[data-v-74b302da] {
  position: fixed;
  left: -20000px;
  top: 0;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
  z-index: -1;
}
.preview-iframe[data-v-74b302da] {
  width: 100%;
  height: 100%;
  min-height: 460px;
  border: none;
  display: block;
  background: #000;
}
.preview-fallback[data-v-74b302da] {
  width: 100%;
  height: 100%;
  min-height: 460px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(255, 255, 255, 0.45);
  font-size: 14px;
}
.preview-fallback img[data-v-74b302da] {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
}
.preview-footer[data-v-74b302da] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 14px 20px 18px;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
}
.preview-nav[data-v-74b302da] {
  display: flex;
  align-items: center;
  gap: 14px;
}
.nav-btn[data-v-74b302da] {
  min-width: 72px;
  height: 34px;
  padding: 0 14px;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.04);
  color: rgba(255, 255, 255, 0.88);
  font-size: 13px;
  cursor: pointer;
}
.nav-btn[data-v-74b302da]:hover:not(:disabled) {
    background: rgba(255, 255, 255, 0.08);
}
.nav-btn[data-v-74b302da]:disabled {
    opacity: 0.35;
    cursor: not-allowed;
}
.nav-dots[data-v-74b302da] {
  display: flex;
  align-items: center;
  gap: 8px;
}
.nav-dot[data-v-74b302da] {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.18);
  cursor: pointer;
  transition: background 0.2s ease, transform 0.2s ease;
}
.nav-dot.active[data-v-74b302da] {
    background: #3656fd;
    transform: scale(1.15);
}
.btn-create[data-v-74b302da] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-width: 220px;
  height: 42px;
  padding: 0 20px;
  border: none;
  border-radius: 10px;
  background: linear-gradient(90deg, #3656fd 0%, #2b46d8 100%);
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  flex-shrink: 0;
}
.btn-create[data-v-74b302da]:hover {
    filter: brightness(1.06);
}
@media screen and (max-width: 900px) {
.preview-body[data-v-74b302da] {
    flex-direction: column;
    max-height: none;
}
.scene-outline[data-v-74b302da] {
    width: 100%;
    max-height: 180px;
    border-right: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}
.scene-outline-list[data-v-74b302da] {
    display: flex;
    gap: 10px;
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: 12px;
}
.scene-card[data-v-74b302da] {
    width: 140px;
    flex-shrink: 0;
    margin-bottom: 0;
}
.preview-footer[data-v-74b302da] {
    flex-direction: column;
    align-items: stretch;
}
.btn-create[data-v-74b302da] {
    width: 100%;
}
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.page-template-lib[data-v-57413a5a] {
  padding: 20px;
  color: white;
}
.create-from-template-area .list[data-v-57413a5a] {
  display: flex;
  width: 100%;
  margin-top: 32px;
  flex-wrap: wrap;
  gap: 16px;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
[data-v-4ae965f8] .el-input__inner {
  font-size: 14px;
  font-weight: 400;
  color: #FFFFFF;
  background: #373942;
  border-radius: 4px;
  border: 1px solid #373942;
}
[data-v-4ae965f8] .el-textarea__inner {
  font-size: 14px;
  font-weight: 400;
  color: #FFFFFF;
  background: #373942;
  border-radius: 4px;
  padding: 12px;
  border: 1px solid #373942;
}
[data-v-4ae965f8] .el-textarea .el-textarea__inner {
  resize: none;
}
.dialog-add-user[data-v-4ae965f8] .el-dialog__title {
  padding: 0;
  color: #fff;
  width: 64px;
  height: 22px;
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
}
.dialog-add-user[data-v-4ae965f8] .el-dialog__header {
  background: #23252C;
  border-radius: 8px 8px 0px 0px;
  padding: 16px 40px;
}
.dialog-add-user[data-v-4ae965f8] .el-dialog {
  background: #2E313A;
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  border-radius: 8px;
}
.dialog-add-user[data-v-4ae965f8] .el-dialog__close {
  color: #aaaaaa;
  font-size: 28px;
}
.dialog-add-user[data-v-4ae965f8] .el-dialog__headerbtn {
  top: 12px;
}
.dialog-add-user[data-v-4ae965f8] .el-dialog__body {
  padding: 24px 40px;
}
.dialog-add-user[data-v-4ae965f8] .el-dialog__footer {
  display: flex;
  width: 100%;
  justify-content: flex-end;
  margin-top: auto;
}
.dialog-add-user .dialog-footer[data-v-4ae965f8] {
  display: flex;
}
.dialog-add-user .btn-confirm[data-v-4ae965f8] {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #2589FF;
  width: 116px;
  height: 33px;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 600;
  color: #FFFFFF;
  outline: none;
  border: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  line-height: 12px;
  margin: 0 8px;
}
.dialog-add-user .btn-confirm[data-v-4ae965f8]:hover {
    background-color: #1e7be2;
}
.dialog-add-user[data-v-4ae965f8] .el-button.is-loading::before {
  background-color: transparent;
}
.dialog-add-user .btn-cancel[data-v-4ae965f8] {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #2589FF;
  width: 116px;
  height: 33px;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 600;
  color: #FFFFFF;
  outline: none;
  border: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  line-height: 12px;
  margin: 0 8px;
  background: #26272A;
  color: rgba(255, 255, 255, 0.6);
}
.dialog-add-user .btn-cancel[data-v-4ae965f8]:hover {
    background-color: #1e7be2;
}
.dialog-add-user .btn-cancel[data-v-4ae965f8]:hover {
    background: #393c41;
}
.dialog-add-user .btn-cancel[disabled][data-v-4ae965f8] {
    background: #26272A;
    color: rgba(255, 255, 255, 0.4);
}
.dialog-add-user .form-item .option-select[data-v-4ae965f8] .el-select-dropdown__list {
  padding: 0;
}
.dialog-add-user .form-item .option-select[data-v-4ae965f8] .el-input {
  height: 100%;
  width: 100%;
}
.dialog-add-user .form-item .option-select[data-v-4ae965f8] .el-select-dropdown {
  border: none;
  background: #222326;
  box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.5);
  border-radius: 12px;
  box-sizing: border-box;
  padding: 8px;
}
.dialog-add-user .form-item .option-select[data-v-4ae965f8] .el-select-dropdown__item {
  display: flex;
  align-items: center;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  width: 100%;
  height: 36px;
  border-radius: 6px;
}
.dialog-add-user .form-item .option-select[data-v-4ae965f8] .el-select-dropdown__item.hover {
    background: transparent;
}
.dialog-add-user .form-item .option-select[data-v-4ae965f8] .el-select-dropdown__item:hover {
    background: #2c2d31 !important;
}
.dialog-add-user .form-item .option-select[data-v-4ae965f8] .el-select-dropdown__item.selected {
    background: #313235;
}
.dialog-add-user .form-item .option-select[data-v-4ae965f8],
.dialog-add-user .form-item .input[data-v-4ae965f8] {
  width: 100%;
  height: 45px;
  background: #373942;
  border-radius: 4px;
  padding: 0;
  box-sizing: border-box;
}
.dialog-add-user .form-item .option-select.is-disabled[data-v-4ae965f8],
  .dialog-add-user .form-item .input.is-disabled[data-v-4ae965f8] {
    background: transparent !important;
    border: 1px solid #222326 !important;
}
.dialog-add-user .form-item .option-select[data-v-4ae965f8] .el-input__inner,
  .dialog-add-user .form-item .input[data-v-4ae965f8] .el-input__inner {
    background: transparent;
    font-size: 14px;
    font-weight: 400;
    height: 100%;
    color: #FFFFFF;
    border: 2px solid transparent;
    padding: 0 12px;
}
.dialog-add-user .form-item .option-select[data-v-4ae965f8] .el-input__inner::-webkit-input-placeholder,
    .dialog-add-user .form-item .input[data-v-4ae965f8] .el-input__inner::-webkit-input-placeholder {
      font-size: 14px;
      font-weight: 400;
      color: rgba(255, 255, 255, 0.6);
}
.dialog-add-user .form-item .option-select[data-v-4ae965f8] .el-input__inner:focus,
    .dialog-add-user .form-item .input[data-v-4ae965f8] .el-input__inner:focus {
      border: 2px solid #2589FF;
}
.dialog-add-user .subtitle[data-v-4ae965f8] {
  font-size: 14px;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 20px;
  margin-bottom: 12px;
}
.dialog-add-user .subtitle.required[data-v-4ae965f8]::after {
    content: "*";
    color: #ff6938;
    margin-left: 2px;
}
.dialog-add-user[data-v-4ae965f8] .el-dialog__body {
  padding-bottom: 0;
}
.dialog-add-user .tips[data-v-4ae965f8] {
  width: 100%;
  text-align: center;
  margin-top: 48px;
  margin-bottom: 20px;
  font-size: 14px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.6);
  line-height: 20px;
}
.form-item[data-v-4ae965f8] {
  margin-bottom: 20px;
}
.form-item .input-group[data-v-4ae965f8] {
    position: relative;
}
.form-item .input-group .prompt-text[data-v-4ae965f8] {
      position: absolute;
      right: 16px;
      bottom: 13px;
      font-family: PingFang SC, PingFang SC;
      font-weight: 400;
      font-size: 12px;
}
[data-v-4ae965f8] .el-transfer {
  display: flex;
}
[data-v-4ae965f8] .el-transfer__buttons {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
[data-v-4ae965f8] .el-button--primary.is-disabled {
  width: 30px;
  height: 30px;
  background-color: #3f4044;
  border-color: #3f4044;
}
[data-v-4ae965f8] .el-button--primary {
  width: 30px;
  height: 30px;
  background-color: #3656fd;
  border-color: #3656fd;
  margin-left: 0 !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
[data-v-4ae965f8] .el-transfer-panel {
  background: #373942;
  border-radius: 16px 16px 16px 16px;
  border: 1px solid #3f4044;
  width: calc(50% - 45px);
}
[data-v-4ae965f8] .el-transfer-panel .el-transfer-panel__header {
  border: 1px solid #3f4044;
  background: #373942;
}
[data-v-4ae965f8] .el-transfer-panel__filter .el-input__inner {
  border: 1px solid #3f4044;
  background: #373942;
}
[data-v-4ae965f8] .el-transfer-panel .el-transfer-panel__header .el-checkbox .el-checkbox__label {
  color: #fff;
}
[data-v-4ae965f8] .el-transfer-panel .el-checkbox__inner {
  background: #373942;
  border: 1px solid #3f4044;
}
.transfer-item[data-v-4ae965f8] {
  display: flex;
  align-items: center;
  font-weight: 400;
  font-size: 14px;
  gap: 10px;
}
.transfer-item .city-name[data-v-4ae965f8] {
    color: #ffffff;
}
.transfer-item .mobile-number[data-v-4ae965f8] {
    color: rgba(255, 255, 255, 0.3);
}
[data-v-4ae965f8] .el-checkbox {
  height: 37px;
}
.specialInput[data-v-4ae965f8] .el-input__inner {
  padding-right: 50px !important;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
[data-v-66452f18] .el-input__inner {
  font-size: 14px;
  font-weight: 400;
  color: #FFFFFF;
  background: #373942;
  border-radius: 4px;
  border: 1px solid #373942;
}
[data-v-66452f18] .el-textarea__inner {
  font-size: 14px;
  font-weight: 400;
  color: #FFFFFF;
  background: #373942;
  border-radius: 4px;
  padding: 12px;
  border: 1px solid #373942;
}
[data-v-66452f18] .el-textarea .el-textarea__inner {
  resize: none;
}
.page-user-management[data-v-66452f18] {
  width: 100%;
  height: 100%;
  padding-bottom: 0 !important;
}
.page-user-management .page-header-left[data-v-66452f18] {
    display: flex;
    gap: 12px;
}
.page-user-management .page-header-left .select-enterprise[data-v-66452f18] {
      width: 202px;
      height: 44px;
      background: rgba(255, 255, 255, 0.03);
      border-radius: 8px 8px 8px 8px;
}
.page-user-management .page-header-left .select-enterprise[data-v-66452f18] .el-input__inner {
        height: 44px;
        border: 1px solid rgba(255, 255, 255, 0.05);
        background: rgba(255, 255, 255, 0.03);
        color: #ffffff;
}
.page-user-management .page-header-left .select-enterprise[data-v-66452f18] .el-input__icon {
        height: 44px;
}
.page-user-management .page-header-left .select-enterprise[data-v-66452f18] .el-input {
        height: 44px;
}
.option-select[data-v-66452f18] .el-select-dropdown__list {
  padding: 0;
}
.option-select[data-v-66452f18] .el-input {
  height: 100%;
  width: 100%;
}
.option-select[data-v-66452f18] .el-select-dropdown {
  border: none;
  background: #222326;
  box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.5);
  border-radius: 12px;
  box-sizing: border-box;
  padding: 8px;
}
.option-select[data-v-66452f18] .el-select-dropdown__item {
  display: flex;
  align-items: center;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  width: 100%;
  height: 36px;
  border-radius: 6px;
}
.option-select[data-v-66452f18] .el-select-dropdown__item.hover {
    background: transparent;
}
.option-select[data-v-66452f18] .el-select-dropdown__item:hover {
    background: #2c2d31 !important;
}
.option-select[data-v-66452f18] .el-select-dropdown__item.selected {
    background: #313235;
}
.input[data-v-66452f18] {
  width: 100%;
  height: 45px;
  background: #222326;
  border-radius: 12px;
  padding: 0;
  box-sizing: border-box;
}
.input.is-disabled[data-v-66452f18] {
    background: transparent !important;
    border: 1px solid #222326 !important;
}
.input[data-v-66452f18] .el-input__inner {
    background: transparent;
    font-size: 14px;
    font-weight: 400;
    height: 100%;
    color: #ffffff;
    border: 2px solid transparent;
    padding: 0 12px;
    border-radius: 12px;
}
.input[data-v-66452f18] .el-input__inner::-webkit-input-placeholder {
      font-size: 14px;
      font-weight: 400;
      color: rgba(255, 255, 255, 0.6);
}
.operation[data-v-66452f18] {
  display: flex;
  align-items: center;
}
.operation .operation-menu-icon[data-v-66452f18] {
    width: 24px;
    height: 24px;
}
.operation .operation-detail-button[data-v-66452f18] {
    margin-right: 16px;
    cursor: pointer;
}
.main-table[data-v-66452f18] {
  background-color: transparent;
  height: calc(100vh - 260px);
  overflow: auto;
}
.main-table[data-v-66452f18]::before {
    height: 0 !important;
}
.main-table[data-v-66452f18] th.is-leaf {
    border-bottom: none !important;
}
.main-table[data-v-66452f18] .el-table__header-wrapper {
    position: sticky;
    top: 0;
    z-index: 2;
}
[data-v-66452f18] .main-table.loading thead::after {
    content: "";
    top: 0;
    left: 0;
    position: absolute;
    height: 2px;
    transition: width 0.3s ease 0s;
    min-width: 33%;
    background: linear-gradient(to right, #1c1d20 0%, #2589FF 50%, #1c1d20 100%);
    animation: move-66452f18 3s ease infinite;
}
.main-table[data-v-66452f18] .el-checkbox__inner {
    width: 18px;
    height: 18px;
    background: #444755;
    border-radius: 3px;
    border: 1px solid #4d5061;
}
.main-table[data-v-66452f18] .el-checkbox__input.is-checked .el-checkbox__inner, .main-table .el-checkbox__input.is-indeterminate .el-checkbox__inner[data-v-66452f18] {
    background-color: #3656FD !important;
    border: 1px solid #3656FD !important;
}
.main-table[data-v-66452f18] .el-checkbox__inner::after {
    height: 9px;
    width: 3px;
    left: 7px;
}
.main-table[data-v-66452f18] .el-checkbox__input.is-indeterminate .el-checkbox__inner::before {
    top: 7px;
}
.main-table[data-v-66452f18] thead {
    position: relative;
    height: 54px;
}
.main-table[data-v-66452f18] thead .cell {
      font-size: 14px;
      font-weight: 500;
      color: #FFFFFF;
      line-height: 20px;
}
.main-table[data-v-66452f18] thead::before {
      content: "";
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      position: absolute;
      background: #1C1D20;
      border-radius: 8px;
      z-index: 0;
}
@keyframes move-66452f18 {
0% {
    transform: translateX(-110%);
}
100% {
    transform: translateX(300%);
}
}
.main-table[data-v-66452f18] td {
    border: none;
}
.main-table[data-v-66452f18] td:hover {
      background: transparent none !important;
}
.main-table[data-v-66452f18] th {
    background: transparent;
    color: #fff !important;
    border: none;
}
.main-table[data-v-66452f18] tr {
    background: transparent !important;
    color: #fff !important;
    height: 54px;
}
.main-table[data-v-66452f18] tr:hover td {
      background: transparent none;
}
.main-table[data-v-66452f18] tr .cell {
      padding-left: 20px;
}
.main-table[data-v-66452f18] .el-table__row {
    position: relative;
    height: 54px;
    border: 12px;
    overflow: hidden;
}
.main-table[data-v-66452f18] .el-table__row .cell {
      font-size: 14px;
      font-weight: 500;
      color: #FFFFFF;
}
.main-table[data-v-66452f18] .el-table__row:hover td {
      background-color: #26272A !important;
}
.main-table[data-v-66452f18] .el-table__row td:nth-child(1) {
      border-radius: 8px 0 0 8px;
}
.main-table[data-v-66452f18] .el-table__row td:nth-last-child(1) {
      border-radius: 0 8px 8px 0;
}
.main-table[data-v-66452f18]::-webkit-scrollbar {
    background-color: transparent;
    width: 3px;
}
.main-table[data-v-66452f18]::-webkit-scrollbar-thumb {
    background-color: rgba(255, 255, 255, 0.43);
    border-radius: 3px;
}
.main-table .user-info[data-v-66452f18] {
    display: flex;
    align-items: center;
}
.main-table .user-info .user-avatar[data-v-66452f18] {
      width: 40px;
      height: 40px;
}
.main-table .user-info .user-details[data-v-66452f18] {
      font-family: PingFang SC, PingFang SC;
      margin-left: 16px;
      font-weight: 400;
      font-size: 14px;
      color: rgba(255, 255, 255, 0.4);
}
.main-table .user-info .user-details .user-real-name[data-v-66452f18] {
        font-weight: 600;
        font-size: 16px;
        color: #ffffff;
        margin-bottom: 2px;
}
.main-table .ellipsis-box[data-v-66452f18] {
    display: flex;
    flex-wrap: wrap;
}
.main-table .ellipsis-box .ellipsis[data-v-66452f18] {
      background: rgba(54, 86, 253, 0.1);
      border-radius: 4px;
      border: 1px solid rgba(54, 86, 253, 0.5);
      overflow: hidden;
      display: flex;
      align-items: center;
      justify-content: center;
      height: 28px;
      margin: 6px;
      padding: 4px 6px;
      box-sizing: border-box;
      font-weight: 400;
      font-size: 14px;
      padding-top: 3px;
      color: #9db7ff;
}
.main-table .status-info[data-v-66452f18] {
    border-radius: 16px;
    width: 82px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    font-size: 14px;
    color: #ffffff;
}
#content[data-v-66452f18] {
  position: relative;
  width: 100%;
  overflow: hidden;
}
#content .ed[data-v-66452f18] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}
#content .sk[data-v-66452f18] {
    width: 100%;
    height: calc(100vh - 164px);
}
#content .sk .item[data-v-66452f18] {
      width: 30%;
      height: 16px;
      border-radius: 6px;
      background: #313235;
      margin-bottom: 22px;
      animation: shrink-66452f18 1.8s infinite ease;
}
@keyframes shrink-66452f18 {
0%,
  100% {
    opacity: 1;
}
50% {
    opacity: 0.6;
}
}
#content .sk .item[data-v-66452f18]:nth-child(1) {
        width: 60%;
}
#content .sk .item[data-v-66452f18]:nth-child(2) {
        width: 60%;
}
#content .sk .item[data-v-66452f18]:nth-child(3) {
        width: 60%;
}
#content .sk .item[data-v-66452f18]:nth-child(4) {
        width: 60%;
}
#content .sk .item[data-v-66452f18]:nth-child(5) {
        width: 32%;
}
.toolbar[data-v-66452f18] {
  margin-left: auto;
  display: flex;
}
.toolbar .toolbar-button[data-v-66452f18] {
    width: 136px;
    height: 44px;
    background: #3656fd;
    border-radius: 8px 8px 8px 8px;
    border-color: #3656fd;
    font-weight: 400;
    font-size: 14px;
    color: #ffffff;
}
.search-box[data-v-66452f18] {
  display: flex;
  align-items: center;
  width: 260px;
  height: 33px;
  background: #26272A;
  border-radius: 8px;
  padding: 0 16px;
  box-sizing: border-box;
  margin-right: 20px;
}
.search-box .icon-search[data-v-66452f18] {
    width: 16px;
    height: 16px;
    margin-right: 8px;
}
.search-box[data-v-66452f18] .el-input__inner {
    height: 22px !important;
    background-color: transparent;
    border: none;
    padding: 0;
    color: #fff;
}
.search-box[data-v-66452f18] .el-input__inner::-moz-placeholder {
    font-size: 12px;
    font-weight: 400;
    color: #FFFFFF;
}
.search-box[data-v-66452f18] .el-input__inner::placeholder {
    font-size: 12px;
    font-weight: 400;
    color: #FFFFFF;
}
.search-box-quadratic[data-v-66452f18] {
  width: 345px !important;
  height: 44px;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.05) !important;
  border-radius: 8px 8px 8px 8px;
}
.search-box-quadratic .search-input[data-v-66452f18] {
    font-weight: 400;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.6);
    text-align: center;
}
.search-box-quadratic .icon-search-quadratic[data-v-66452f18] {
    width: 20px !important;
    height: 20px !important;
}
.username-wrapper[data-v-66452f18] {
  display: flex;
  align-items: center;
}
.username-wrapper .avatar[data-v-66452f18] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    background: #6532b7;
    border-radius: 6px;
    margin-right: 10px;
    font-size: 12px;
    font-weight: 400;
    color: #ffffff;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    flex-shrink: 0;
}
.expendable[data-v-66452f18] {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.expendable[data-v-66452f18]:after {
    content: "";
    width: 16px;
    height: 16px;
    margin-left: 2px;
    background-size: contain;
    background-image: url("https://sharespace-app.oss-cn-shenzhen.aliyuncs.com/vreditor/icon/ic_expand_nor.png");
    background-repeat: no-repeat;
}
.role-name[data-v-66452f18] {
  color: #fff;
}
.pagination-wrapper[data-v-66452f18] {
  max-width: 100%;
  margin: 20px 0;
  text-align: right;
  flex-shrink: 0;
  overflow: hidden;
}
.pagination-wrapper[data-v-66452f18] .el-input__inner {
    background-color: transparent !important;
    border: none !important;
    transition: color 0.2s ease-in-out;
}
.pagination-wrapper[data-v-66452f18] .el-input__inner:hover {
      color: #fff !important;
}
.pagination-wrapper[data-v-66452f18] .btn-prev {
    background-color: transparent !important;
}
.pagination-wrapper[data-v-66452f18] .btn-next {
    background-color: transparent !important;
}
.pagination-wrapper[data-v-66452f18] .el-pager .btn-quicknext,
  .pagination-wrapper[data-v-66452f18] .el-pager .btn-quickprev,
  .pagination-wrapper[data-v-66452f18] .el-pager .number {
    background-color: rgba(121, 121, 121, 0.1) !important;
    color: #fff !important;
}
.pagination-wrapper[data-v-66452f18] .el-pager .btn-quicknext.active,
    .pagination-wrapper[data-v-66452f18] .el-pager .btn-quickprev.active,
    .pagination-wrapper[data-v-66452f18] .el-pager .number.active {
      background-color: #2589FF !important;
}
.empty-block[data-v-66452f18] {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 287px;
  height: 300px;
  min-width: 200px;
  margin-top: 20vh;
}
.empty-block .icon-empty[data-v-66452f18] {
    width: 108px;
    height: 108px;
    margin-bottom: 12px;
    -o-object-fit: contain;
       object-fit: contain;
}
.empty-block .label[data-v-66452f18] {
    font-size: 14px;
    font-weight: 600;
    color: #ffffff;
    line-height: 20px;
    opacity: 0.6;
    margin-bottom: 42px;
}
.empty-block .btn-primary-large[data-v-66452f18] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 96px;
    width: 100%;
    background: #26272a;
    border-radius: 12px;
    font-size: 16px;
    font-weight: 600;
    color: #ffffff;
    border: none;
    outline: none;
    cursor: pointer;
}
.empty-block .btn-primary-large[data-v-66452f18]:hover {
      background: #313235;
}
.empty-block .btn-primary-large .icon[data-v-66452f18] {
      width: 48px;
      height: 48px;
      margin-right: 12px;
      flex-shrink: 0;
}
.context-menu[data-v-66452f18] {
  position: fixed;
  z-index: 3000;
  min-width: 140px;
  background: #222326;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5), 0 2px 16px 0 rgba(0, 0, 0, 0.5);
  border-radius: 8px;
  padding: 12px;
  font-weight: 400;
  font-size: 14px;
  color: #ffffff;
}
.context-menu-item[data-v-66452f18] {
    padding: 8px 40px 8px 20px;
    cursor: pointer;
    display: flex;
    align-items: center;
    color: #ffffff;
}
.context-menu-item i[data-v-66452f18] {
      margin-right: 8px;
      color: #f56c6c;
}
.context-menu-item[data-v-66452f18]:hover {
      background: #3656fd;
      border-radius: 8px;
}
.context-menu-item.delete-item[data-v-66452f18] {
      color: #f56c6c;
}
.context-menu-item.delete-item[data-v-66452f18]:hover {
      background: #f56c6c;
      color: #ffffff;
}
.context-menu-mask[data-v-66452f18] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2999;
}
[data-v-66452f18] .custom-confirm-box {
  background: #222326;
  border-radius: 12px;
}
[data-v-66452f18] .custom-confirm-box .el-message-box__header {
    padding-top: 20px;
}
[data-v-66452f18] .custom-confirm-box .el-message-box__title {
    color: #ffffff;
}
[data-v-66452f18] .custom-confirm-box .el-message-box__content {
    color: #ffffff;
    padding: 20px;
}
[data-v-66452f18] .custom-confirm-box .el-message-box__btns {
    padding: 10px 20px 20px;
}
[data-v-66452f18] .custom-confirm-box .el-button--primary {
    background-color: #f56c6c;
    border-color: #f56c6c;
}
[data-v-66452f18] .custom-confirm-box .el-button--primary:hover,[data-v-66452f18] .custom-confirm-box .el-button--primary:focus {
      background-color: #f78989;
      border-color: #f78989;
}


.search-box-cascader {
  background-color: rgba(255, 255, 255, 0.03);
  height: 44px !important;
}
.search-box-cascader .el-input__inner {
  height: 44px !important;
  background-color: rgba(255, 255, 255, 0.03) !important;
  border: none;
  padding: 0;
  color: #fff;
  height: 100%;
  padding: 0 16px;
}
.search-box-cascader.el-input__inner::-moz-placeholder {
  font-size: 12px;
  font-weight: 400;
  color: #ffffff;
}
.search-box-cascader.el-input__inner::placeholder {
  font-size: 12px;
  font-weight: 400;
  color: #ffffff;
}
.el-cascader__dropdown {
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.05) !important;
  border-radius: 12px !important;
  box-sizing: border-box;
  padding: 8px;
}
.el-cascader .el-input {
  height: 100%;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
[data-v-0de28a29] .el-input__inner {
  font-size: 14px;
  font-weight: 400;
  color: #FFFFFF;
  background: #373942;
  border-radius: 4px;
  border: 1px solid #373942;
}
[data-v-0de28a29] .el-textarea__inner {
  font-size: 14px;
  font-weight: 400;
  color: #FFFFFF;
  background: #373942;
  border-radius: 4px;
  padding: 12px;
  border: 1px solid #373942;
}
[data-v-0de28a29] .el-textarea .el-textarea__inner {
  resize: none;
}
.drop-down-menu-dark[data-v-0de28a29] {
  min-width: 142px;
  box-sizing: border-box;
  padding: 8rpx;
  background: #222326;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5), 0 2px 16px 0 rgba(0, 0, 0, 0.5);
  border-radius: 12px;
}
[data-v-0de28a29] .el-dropdown-menu__item {
  display: flex;
  align-items: center;
  width: 100%;
  height: 36px;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 400;
  color: #ffffff !important;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
  padding: 0 16px;
}
[data-v-0de28a29] .el-dropdown-menu__item:hover {
    background: #313235 !important;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5) !important;
    color: #ffffff;
}
.page-company-management[data-v-0de28a29] {
  width: 100%;
  height: 100%;
  padding-bottom: 0 !important;
}
.page-company-management ._page-header-left[data-v-0de28a29] {
    display: flex;
    gap: 12px;
}
.page-company-management ._page-header-left .select-enterprise[data-v-0de28a29] {
      width: 202px;
      height: 44px;
      background: rgba(255, 255, 255, 0.03);
      border-radius: 8px 8px 8px 8px;
}
.page-company-management ._page-header-left .select-enterprise[data-v-0de28a29] .el-input__inner {
        height: 44px;
        border: 1px solid rgba(255, 255, 255, 0.05);
        background: rgba(255, 255, 255, 0.03);
        color: #ffffff;
}
.page-company-management ._page-header-left .select-enterprise[data-v-0de28a29] .el-input__icon {
        height: 44px;
}
.page-company-management ._page-header-left .select-enterprise[data-v-0de28a29] .el-input {
        height: 44px;
}
.page-company-management ._page-header-left .search-box[data-v-0de28a29] {
      display: flex;
      align-items: center;
      width: 260px;
      height: 33px;
      background: #26272A;
      border-radius: 8px;
      padding: 0 16px;
      box-sizing: border-box;
      margin-right: 20px;
}
.page-company-management ._page-header-left .search-box .icon-search[data-v-0de28a29] {
        width: 16px;
        height: 16px;
        margin-right: 8px;
}
.page-company-management ._page-header-left .search-box[data-v-0de28a29] .el-input__inner {
        height: 22px !important;
        background-color: transparent;
        border: none;
        padding: 0;
        color: #fff;
}
.page-company-management ._page-header-left .search-box[data-v-0de28a29] .el-input__inner::-moz-placeholder {
        font-size: 12px;
        font-weight: 400;
        color: #FFFFFF;
}
.page-company-management ._page-header-left .search-box[data-v-0de28a29] .el-input__inner::placeholder {
        font-size: 12px;
        font-weight: 400;
        color: #FFFFFF;
}
.page-company-management ._page-header-left .search-box-quadratic[data-v-0de28a29] {
      width: 345px !important;
      height: 44px;
      background: rgba(255, 255, 255, 0.03);
      border: 1px solid rgba(255, 255, 255, 0.05) !important;
      border-radius: 8px 8px 8px 8px;
}
.page-company-management ._page-header-left .search-box-quadratic .search-input[data-v-0de28a29] {
        font-weight: 400;
        font-size: 14px;
        color: rgba(255, 255, 255, 0.6);
        text-align: center;
}
.page-company-management ._page-header-left .search-box-quadratic .icon-search-quadratic[data-v-0de28a29] {
        width: 20px !important;
        height: 20px !important;
}
.page-company-management .tools[data-v-0de28a29] {
    margin-left: auto;
    display: flex;
}
.page-company-management .tools .tools-but[data-v-0de28a29] {
      width: 136px;
      height: 44px;
      background: #3656fd;
      border-radius: 8px 8px 8px 8px;
      border-color: #3656fd;
      font-weight: 400;
      font-size: 14px;
      color: #ffffff;
}
.main-table[data-v-0de28a29] {
  background-color: transparent;
  height: calc(100vh - 260px);
  overflow: auto;
}
.main-table[data-v-0de28a29]::before {
    height: 0 !important;
}
.main-table[data-v-0de28a29] th.is-leaf {
    border-bottom: none !important;
}
.main-table[data-v-0de28a29] .el-table__header-wrapper {
    position: sticky;
    top: 0;
    z-index: 2;
}
[data-v-0de28a29] .main-table.loading thead::after {
    content: "";
    top: 0;
    left: 0;
    position: absolute;
    height: 2px;
    transition: width 0.3s ease 0s;
    min-width: 33%;
    background: linear-gradient(to right, #1c1d20 0%, #2589FF 50%, #1c1d20 100%);
    animation: move-0de28a29 3s ease infinite;
}
.main-table[data-v-0de28a29] .el-checkbox__inner {
    width: 18px;
    height: 18px;
    background: #444755;
    border-radius: 3px;
    border: 1px solid #4d5061;
}
.main-table[data-v-0de28a29] .el-checkbox__input.is-checked .el-checkbox__inner, .main-table .el-checkbox__input.is-indeterminate .el-checkbox__inner[data-v-0de28a29] {
    background-color: #3656FD !important;
    border: 1px solid #3656FD !important;
}
.main-table[data-v-0de28a29] .el-checkbox__inner::after {
    height: 9px;
    width: 3px;
    left: 7px;
}
.main-table[data-v-0de28a29] .el-checkbox__input.is-indeterminate .el-checkbox__inner::before {
    top: 7px;
}
.main-table[data-v-0de28a29] thead {
    position: relative;
    height: 54px;
}
.main-table[data-v-0de28a29] thead .cell {
      font-size: 14px;
      font-weight: 500;
      color: #FFFFFF;
      line-height: 20px;
}
.main-table[data-v-0de28a29] thead::before {
      content: "";
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      position: absolute;
      background: #1C1D20;
      border-radius: 8px;
      z-index: 0;
}
@keyframes move-0de28a29 {
0% {
    transform: translateX(-110%);
}
100% {
    transform: translateX(300%);
}
}
.main-table[data-v-0de28a29] td {
    border: none;
}
.main-table[data-v-0de28a29] td:hover {
      background: transparent none !important;
}
.main-table[data-v-0de28a29] th {
    background: transparent;
    color: #fff !important;
    border: none;
}
.main-table[data-v-0de28a29] tr {
    background: transparent !important;
    color: #fff !important;
    height: 54px;
}
.main-table[data-v-0de28a29] tr:hover td {
      background: transparent none;
}
.main-table[data-v-0de28a29] tr .cell {
      padding-left: 20px;
}
.main-table[data-v-0de28a29] .el-table__row {
    position: relative;
    height: 54px;
    border: 12px;
    overflow: hidden;
}
.main-table[data-v-0de28a29] .el-table__row .cell {
      font-size: 14px;
      font-weight: 500;
      color: #FFFFFF;
}
.main-table[data-v-0de28a29] .el-table__row:hover td {
      background-color: #26272A !important;
}
.main-table[data-v-0de28a29] .el-table__row td:nth-child(1) {
      border-radius: 8px 0 0 8px;
}
.main-table[data-v-0de28a29] .el-table__row td:nth-last-child(1) {
      border-radius: 0 8px 8px 0;
}
.main-table[data-v-0de28a29]::-webkit-scrollbar {
    background-color: transparent;
    width: 3px;
}
.main-table[data-v-0de28a29]::-webkit-scrollbar-thumb {
    background-color: rgba(255, 255, 255, 0.43);
    border-radius: 3px;
}
.tools[data-v-0de28a29] {
  margin-left: auto;
  display: flex;
}
.tools .search-box[data-v-0de28a29] {
    display: flex;
    align-items: center;
    width: 260px;
    height: 33px;
    background: #26272A;
    border-radius: 8px;
    padding: 0 16px;
    box-sizing: border-box;
    margin-right: 20px;
}
.tools .search-box .icon-search[data-v-0de28a29] {
      width: 16px;
      height: 16px;
      margin-right: 8px;
}
.tools .search-box[data-v-0de28a29] .el-input__inner {
      height: 22px !important;
      background-color: transparent;
      border: none;
      padding: 0;
      color: #fff;
}
.tools .search-box[data-v-0de28a29] .el-input__inner::-moz-placeholder {
      font-size: 12px;
      font-weight: 400;
      color: #FFFFFF;
}
.tools .search-box[data-v-0de28a29] .el-input__inner::placeholder {
      font-size: 12px;
      font-weight: 400;
      color: #FFFFFF;
}
.tools .btn-add[data-v-0de28a29] {
    display: flex;
    align-items: center;
    padding: 0 16rpx;
    height: 33px;
    background: #2589FF;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 600;
    color: #FFFFFF;
}
.tools .btn-add .inner[data-v-0de28a29] {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: 100%;
}
.tools .btn-add .icon[data-v-0de28a29] {
      height: 15px;
      width: 15px;
      margin-right: 8px;
}
.tools .btn-add .label[data-v-0de28a29] {
      font-size: 12px;
      font-weight: 600;
      color: #FFFFFF;
      line-height: 12px;
}
.tools .btn-add[data-v-0de28a29]:hover {
      background: #1c6ede;
}
.username-wrapper[data-v-0de28a29] {
  display: flex;
  align-items: center;
}
.username-wrapper .avatar[data-v-0de28a29] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    background: #6532b7;
    border-radius: 6px;
    margin-right: 10px;
    font-size: 12px;
    font-weight: 400;
    color: #ffffff;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    flex-shrink: 0;
}
.option-select[data-v-0de28a29] .el-select-dropdown__list {
  padding: 0;
}
.option-select[data-v-0de28a29] .el-input {
  height: 100%;
  width: 100%;
}
.option-select[data-v-0de28a29] .el-select-dropdown {
  border: none;
  background: #222326;
  box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.5);
  border-radius: 12px;
  box-sizing: border-box;
  padding: 8px;
}
.option-select[data-v-0de28a29] .el-select-dropdown__item {
  display: flex;
  align-items: center;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  width: 100%;
  height: 36px;
  border-radius: 6px;
}
.option-select[data-v-0de28a29] .el-select-dropdown__item.hover {
    background: transparent;
}
.option-select[data-v-0de28a29] .el-select-dropdown__item:hover {
    background: #2c2d31 !important;
}
.option-select[data-v-0de28a29] .el-select-dropdown__item.selected {
    background: #313235;
}
.expendable[data-v-0de28a29] {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.expendable[data-v-0de28a29]:after {
    content: "";
    width: 16px;
    height: 16px;
    margin-left: 2px;
    background-size: contain;
    background-image: url("https://sharespace-app.oss-cn-shenzhen.aliyuncs.com/vreditor/icon/ic_expand_nor.png");
    background-repeat: no-repeat;
}
.pagination-wrapper[data-v-0de28a29] {
  max-width: 100%;
  margin: 20px 0;
  text-align: right;
  flex-shrink: 0;
  overflow: hidden;
}
.pagination-wrapper[data-v-0de28a29] .el-input__inner {
    background-color: transparent !important;
    border: none !important;
    transition: color 0.2s ease-in-out;
}
.pagination-wrapper[data-v-0de28a29] .el-input__inner:hover {
      color: #fff !important;
}
.pagination-wrapper[data-v-0de28a29] .btn-prev {
    background-color: transparent !important;
}
.pagination-wrapper[data-v-0de28a29] .btn-next {
    background-color: transparent !important;
}
.pagination-wrapper[data-v-0de28a29] .el-pager .btn-quicknext,
  .pagination-wrapper[data-v-0de28a29] .el-pager .btn-quickprev,
  .pagination-wrapper[data-v-0de28a29] .el-pager .number {
    background-color: rgba(121, 121, 121, 0.1) !important;
    color: #fff !important;
}
.pagination-wrapper[data-v-0de28a29] .el-pager .btn-quicknext.active,
    .pagination-wrapper[data-v-0de28a29] .el-pager .btn-quickprev.active,
    .pagination-wrapper[data-v-0de28a29] .el-pager .number.active {
      background-color: #2589FF !important;
}
.preview-modal[data-v-0de28a29] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2000;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.5);
  /* 半透明背景遮罩 */
}
.preview-modal .preview-content[data-v-0de28a29] {
    width: 80vw;
    height: 80vh;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.preview-modal .preview-content .preview-image[data-v-0de28a29] {
      max-width: 100%;
      height: calc(100% - 56px);
      -o-object-fit: contain;
         object-fit: contain;
}
.preview-modal .preview-content .preview-video[data-v-0de28a29] {
      width: 100%;
      height: calc(100% - 56px);
      -o-object-fit: contain;
         object-fit: contain;
}
.preview-modal .preview-content .preview-content-text[data-v-0de28a29] {
      width: 70px;
      height: 36px;
      background: rgba(255, 255, 255, 0.2);
      border-radius: 4px 4px 4px 4px;
      font-weight: 400;
      font-size: 14px;
      color: #ffffff;
      width: 70px;
      height: 36px;
      display: flex;
      justify-content: center;
      align-items: center;
      margin-top: 20px;
}
.componentStatus[data-v-0de28a29] {
  padding-top: 2px;
  width: 82px;
  height: 32px;
  border-radius: 16px;
  font-weight: 500;
  font-size: 14px;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
[data-v-d75fa140] .el-input__inner {
  font-size: 14px;
  font-weight: 400;
  color: #FFFFFF;
  background: #373942;
  border-radius: 4px;
  border: 1px solid #373942;
}
[data-v-d75fa140] .el-textarea__inner {
  font-size: 14px;
  font-weight: 400;
  color: #FFFFFF;
  background: #373942;
  border-radius: 4px;
  padding: 12px;
  border: 1px solid #373942;
}
[data-v-d75fa140] .el-textarea .el-textarea__inner {
  resize: none;
}
.dialog-add-company[data-v-d75fa140] .el-dialog__title {
  padding: 0;
  color: #fff;
  width: 64px;
  height: 22px;
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
}
.dialog-add-company[data-v-d75fa140] .el-dialog__header {
  background: #23252C;
  border-radius: 8px 8px 0px 0px;
  padding: 16px 40px;
}
.dialog-add-company[data-v-d75fa140] .el-dialog {
  background: #2E313A;
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  border-radius: 8px;
}
.dialog-add-company[data-v-d75fa140] .el-dialog__close {
  color: #aaaaaa;
  font-size: 28px;
}
.dialog-add-company[data-v-d75fa140] .el-dialog__headerbtn {
  top: 12px;
}
.dialog-add-company[data-v-d75fa140] .el-dialog__body {
  padding: 24px 40px;
}
.dialog-add-company[data-v-d75fa140] .el-dialog__footer {
  display: flex;
  width: 100%;
  justify-content: flex-end;
  margin-top: auto;
}
.dialog-add-company .dialog-footer[data-v-d75fa140] {
  display: flex;
}
.dialog-add-company .btn-confirm[data-v-d75fa140] {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #2589FF;
  width: 116px;
  height: 33px;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 600;
  color: #FFFFFF;
  outline: none;
  border: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  line-height: 12px;
  margin: 0 8px;
}
.dialog-add-company .btn-confirm[data-v-d75fa140]:hover {
    background-color: #1e7be2;
}
.dialog-add-company[data-v-d75fa140] .el-button.is-loading::before {
  background-color: transparent;
}
.dialog-add-company .btn-cancel[data-v-d75fa140] {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #2589FF;
  width: 116px;
  height: 33px;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 600;
  color: #FFFFFF;
  outline: none;
  border: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  line-height: 12px;
  margin: 0 8px;
  background: #26272A;
  color: rgba(255, 255, 255, 0.6);
}
.dialog-add-company .btn-cancel[data-v-d75fa140]:hover {
    background-color: #1e7be2;
}
.dialog-add-company .btn-cancel[data-v-d75fa140]:hover {
    background: #393c41;
}
.dialog-add-company .btn-cancel[disabled][data-v-d75fa140] {
    background: #26272A;
    color: rgba(255, 255, 255, 0.4);
}
.dialog-add-company .form-item .option-select[data-v-d75fa140] .el-select-dropdown__list {
  padding: 0;
}
.dialog-add-company .form-item .option-select[data-v-d75fa140] .el-input {
  height: 100%;
  width: 100%;
}
.dialog-add-company .form-item .option-select[data-v-d75fa140] .el-select-dropdown {
  border: none;
  background: #222326;
  box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.5);
  border-radius: 12px;
  box-sizing: border-box;
  padding: 8px;
}
.dialog-add-company .form-item .option-select[data-v-d75fa140] .el-select-dropdown__item {
  display: flex;
  align-items: center;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  width: 100%;
  height: 36px;
  border-radius: 6px;
}
.dialog-add-company .form-item .option-select[data-v-d75fa140] .el-select-dropdown__item.hover {
    background: transparent;
}
.dialog-add-company .form-item .option-select[data-v-d75fa140] .el-select-dropdown__item:hover {
    background: #2c2d31 !important;
}
.dialog-add-company .form-item .option-select[data-v-d75fa140] .el-select-dropdown__item.selected {
    background: #313235;
}
.dialog-add-company .form-item .option-select[data-v-d75fa140],
.dialog-add-company .form-item .input[data-v-d75fa140] {
  width: 100%;
  height: 45px;
  background: #373942;
  border-radius: 4px;
  padding: 0;
  box-sizing: border-box;
}
.dialog-add-company .form-item .option-select.is-disabled[data-v-d75fa140],
  .dialog-add-company .form-item .input.is-disabled[data-v-d75fa140] {
    background: transparent !important;
    border: 1px solid #222326 !important;
}
.dialog-add-company .form-item .option-select[data-v-d75fa140] .el-input__inner,
  .dialog-add-company .form-item .input[data-v-d75fa140] .el-input__inner {
    background: transparent;
    font-size: 14px;
    font-weight: 400;
    height: 100%;
    color: #FFFFFF;
    border: 2px solid transparent;
    padding: 0 12px;
}
.dialog-add-company .form-item .option-select[data-v-d75fa140] .el-input__inner::-webkit-input-placeholder,
    .dialog-add-company .form-item .input[data-v-d75fa140] .el-input__inner::-webkit-input-placeholder {
      font-size: 14px;
      font-weight: 400;
      color: rgba(255, 255, 255, 0.6);
}
.dialog-add-company .form-item .option-select[data-v-d75fa140] .el-input__inner:focus,
    .dialog-add-company .form-item .input[data-v-d75fa140] .el-input__inner:focus {
      border: 2px solid #2589FF;
}
.dialog-add-company .subtitle[data-v-d75fa140] {
  font-size: 14px;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 20px;
  margin-bottom: 12px;
}
.dialog-add-company .subtitle.required[data-v-d75fa140]::after {
    content: "*";
    color: #ff6938;
    margin-left: 2px;
}
.dialog-add-company[data-v-d75fa140] .el-dialog__body {
  padding-bottom: 0;
}
.form-item[data-v-d75fa140] {
  margin-bottom: 20px;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
[data-v-7fabd4e4] .el-input__inner {
  font-size: 14px;
  font-weight: 400;
  color: #FFFFFF;
  background: #373942;
  border-radius: 4px;
  border: 1px solid #373942;
}
[data-v-7fabd4e4] .el-textarea__inner {
  font-size: 14px;
  font-weight: 400;
  color: #FFFFFF;
  background: #373942;
  border-radius: 4px;
  padding: 12px;
  border: 1px solid #373942;
}
[data-v-7fabd4e4] .el-textarea .el-textarea__inner {
  resize: none;
}
.category-management-page[data-v-7fabd4e4] {
  display: flex;
  height: 100%;
  justify-content: center;
}
.category-tree-section[data-v-7fabd4e4] {
  background: #2e313a;
  width: calc(50% - 224px);
  border-radius: 16px;
  padding: 16px 32px 24px;
  display: flex;
  flex-direction: column;
}
.category-tree-section .category-tree[data-v-7fabd4e4] {
    background: #2e313a;
    flex: 1;
    overflow: auto;
}
.category-tree-section .category-tree[data-v-7fabd4e4] .el-icon-caret-right:before {
      content: none;
}
.category-tree-section .category-tree[data-v-7fabd4e4] .el-tree--highlight-current
.el-tree-node.is-current
> .el-tree-node__content {
      background: #393b41 !important;
}
.category-tree-section .category-tree[data-v-7fabd4e4] .el-tree-node__expand-icon {
      background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAAfdJREFUaEPtmr1OAkEQx2coBBvDI+AbYMVBdUCh0cbEQis/AhUxwVhYadRoZaU9xI930GiDZ6NnA/gE8gjGwkQKxuzBETAYgZtdbpPbBo7c7v5/89+92SOD0GmmuRz9an4WkdAEINP93VefiHUEurCfK1euLhRfDGMhRth8BICYrwT/LaaBNJW27fuGA5BIZt41Eu9iNabDM3NoGJlNQrjUJPJ9MgnhGBOpbA2I4joCAKCFiWSG9BTfVh0ATNq9wIHAAY8RCJaQxwB67h440BvCpcV55/L27sFzZIcdgM0BIf5gf8+Zt1S+gVL5elgNnu6TAqASgg1AiM7n1iGf2+hGVIUTrACTgGAHUA0hBUAlhDQAVRBSAQZBFLZ3oVp98/To7O0sHUBMtlMswNrqSjfJnZye6QUgElxvltYKQOQFkR/cJsRzHjWkLqHf4sXxQiQ3ziYNQIV4af9KqBIvBUCleHYA1eJZAXrfB9rHaf4NO2jzs23i/hcaNeJZHRCDaf1KyflsH2UstiU0yqSc9wYAnNEcZ6zAgXGixtkncIAzmuOMpb8DRjL7SH4tLfjHEgKso5HKHBHB4Tj2TboPImxh3DSj4e9QTcdSg9eXymyn2MOMEYY0K/ZopW3bahd7uM2pmwhh0a+lBwhoAdFTJNI6tyzrQ+j+Ac3o+JC7e7RmAAAAAElFTkSuQmCC) no-repeat center;
      background-size: contain;
      width: 24px !important;
      height: 24px !important;
      margin: 0 12px;
}
.category-tree-section .category-tree[data-v-7fabd4e4] .el-tree-node__content {
      height: 48px;
      border: 2px solid transparent !important;
      background: transparent !important;
      z-index: 9;
      position: relative;
}
.category-tree-section .category-tree .custom-tree-cover[data-v-7fabd4e4] {
      opacity: 0.7;
      width: 24px;
      height: 24px;
      background: #393b41;
      position: absolute;
      left: -35px;
      border-radius: 4px;
      pointer-events: none;
      top: 25%;
}
.category-tree-section .category-tree .drag-icon[data-v-7fabd4e4] {
      background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAFZJREFUWEftlMENACAIA9sZ3NYB3NYZcAENHxJ8HG9SyqWp1Txuvi8MQOBJICKWpFEU0m173rT+NVD0eSpDCCEAgX97oL0J0wYpWiCEEIAARUQGIACBA+EsHiGEpCh8AAAAAElFTkSuQmCC) no-repeat center;
      background-size: contain;
      width: 24px;
      height: 24px;
}
.category-tree-section .category-tree .category-tree-node[data-v-7fabd4e4] {
      position: relative;
      display: flex;
      width: 100%;
      box-sizing: border-box;
      justify-content: space-between;
      height: 100%;
}
.category-tree-section .category-tree .category-tree-node .tree-node-icon[data-v-7fabd4e4] {
        width: 16px;
        height: 16px;
        margin-right: 12px;
}
.category-tree-section .category-tree .custom-tree-icon[data-v-7fabd4e4] {
      width: 24px;
      height: 24px;
      position: absolute;
      left: -35px;
      background: #393b41 !important;
      border-radius: 4px;
      pointer-events: none;
      top: 25%;
}
.category-tree-section .category-tree .custom-tree-border[data-v-7fabd4e4] {
      width: 1px;
      height: 44px;
      position: absolute;
      left: -56px;
      top: -12px;
      background-color: #3f4044;
      z-index: 1;
}
.category-tree-section .category-tree .custom-tree-label[data-v-7fabd4e4] {
      display: flex;
      align-items: center;
      font-weight: 400;
      font-size: 14px;
      color: #ffffff;
}
.category-tree-section .category-tree .custom-tree-actions[data-v-7fabd4e4] {
      display: flex;
      align-items: center;
      justify-content: center;
      margin-right: 20px;
}
.category-tree-section .category-tree[data-v-7fabd4e4] .el-tree-node__content:hover {
      background: #393b41 !important;
}
.category-tree-section .category-tree[data-v-7fabd4e4] .el-tree-node:focus > .el-tree-node__content {
      background: #393b41 !important;
      border-radius: 6px;
      border: 2px solid #3656fd;
}
.category-tree-section .category-tree[data-v-7fabd4e4] .el-tree-node__children {
      padding-left: 14px;
}
.category-tree-section .foot-bottom[data-v-7fabd4e4] {
    display: flex;
    justify-content: space-between;
}
.category-header[data-v-7fabd4e4] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}
.category-header .category-title[data-v-7fabd4e4] {
    font-family: PingFang SC, PingFang SC;
    font-weight: 600;
    font-size: 18px;
    color: #ffffff;
}
.category-header .category-actions-button[data-v-7fabd4e4] {
    width: 136px;
    height: 44px;
    background: #3656fd;
    border-radius: 8px 8px 8px 8px;
    border-color: #3656fd;
    font-weight: 400;
    font-size: 14px;
    color: #ffffff;
}
.category-input[data-v-7fabd4e4] .el-input__inner {
  background: #444753 !important;
  border: 1px solid #4d5061 !important;
}
.category-input[data-v-7fabd4e4] .el-textarea__inner {
  background: #444753 !important;
  border: 1px solid #4d5061 !important;
}
.category-input-resource[data-v-7fabd4e4] .el-input__inner {
  background: transparent !important;
}
.category-search[data-v-7fabd4e4] {
  margin-bottom: 16px;
}
.category-search .search-box[data-v-7fabd4e4] {
    display: flex;
    align-items: center;
    width: 260px;
    height: 33px;
    background: #26272A;
    border-radius: 8px;
    padding: 0 16px;
    box-sizing: border-box;
    margin-right: 20px;
}
.category-search .search-box .icon-search[data-v-7fabd4e4] {
      width: 16px;
      height: 16px;
      margin-right: 8px;
}
.category-search .search-box[data-v-7fabd4e4] .el-input__inner {
      height: 22px !important;
      background-color: transparent;
      border: none;
      padding: 0;
      color: #fff;
}
.category-search .search-box[data-v-7fabd4e4] .el-input__inner::-moz-placeholder {
      font-size: 12px;
      font-weight: 400;
      color: #FFFFFF;
}
.category-search .search-box[data-v-7fabd4e4] .el-input__inner::placeholder {
      font-size: 12px;
      font-weight: 400;
      color: #FFFFFF;
}
.category-search .search-box-quadratic[data-v-7fabd4e4] {
    width: 100% !important;
    height: 44px;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
    border-radius: 8px 8px 8px 8px;
}
.category-search .search-box-quadratic .search-input[data-v-7fabd4e4] {
      font-weight: 400;
      font-size: 14px;
      color: rgba(255, 255, 255, 0.6);
      text-align: center;
}
.category-search .search-box-quadratic .icon-search-quadratic[data-v-7fabd4e4] {
      width: 20px !important;
      height: 20px !important;
}
.details-title[data-v-7fabd4e4] {
  font-family: PingFang SC, PingFang SC;
  font-weight: 600;
  font-size: 18px;
  color: #ffffff;
  margin-bottom: 16px;
}


/* cascader的穿透样式 */
.el-cascader {
  height: 45px;
}
.el-cascader__dropdown {
  background: #222326 !important;
  box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.5) !important;
  border-radius: 12px !important;
  box-sizing: border-box;
  padding: 8px;
  border: 1px solid #222326 !important;
}
.el-cascader-node:not(.is-disabled):hover {
  background: #313235 !important;
}
.el-cascader-node:not(.is-disabled):focus,
.el-cascader-node:not(.is-disabled):hover {
  background: #313235 !important;
}
.in-active-path {
  color: #fff !important;
}
.el-cascader-node {
  color: #fff;
}
.el-radio__inner {
  border-color: #3656fd;
  background: #3656fd;
}
.in-checked-path {
  color: #9db7ff !important;
  font-weight: 600;
}
.is-checked {
  color: #9db7ff !important;
}
.el-cascader-menu {
  border-right: 1px solid rgba(115, 116, 123, 0.1) !important;
}
.el-icon-arrow-right {
  color: #fff !important;
}
.el-cascader .el-input.is-focus .el-input__inner {
  border-color: #3656fd !important;
}
.el-input__inner:focus {
  border-color: #3656fd !important;
}
.el-input__inner:hover {
  border-color: #373942 !important;
}
.is-disabled .el-input__inner {
  background: transparent !important;
  border: 1px solid #373942 !important;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
[data-v-62c604f2] .el-input__inner {
  font-size: 14px;
  font-weight: 400;
  color: #FFFFFF;
  background: #373942;
  border-radius: 4px;
  border: 1px solid #373942;
}
[data-v-62c604f2] .el-textarea__inner {
  font-size: 14px;
  font-weight: 400;
  color: #FFFFFF;
  background: #373942;
  border-radius: 4px;
  padding: 12px;
  border: 1px solid #373942;
}
[data-v-62c604f2] .el-textarea .el-textarea__inner {
  resize: none;
}
.user-details-container[data-v-62c604f2] {
  padding: 24px 214px;
  font-family: PingFang SC, PingFang SC;
  color: #ffffff;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.user-details-container .header-section[data-v-62c604f2] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}
.user-details-container .header-section .title[data-v-62c604f2] {
      font-family: PingFang SC, PingFang SC;
      font-weight: 600;
      font-size: 20px;
      display: flex;
      align-items: center;
}
.user-details-container .header-section .title .arrow_left_ioc[data-v-62c604f2] {
        width: 30px;
        height: 30px;
        margin-right: 20px;
}
.section-title[data-v-62c604f2] {
  font-weight: 600;
  font-size: 18px;
  text-align: left;
  margin: 4px 0px 12px 0px;
}
.user-info-section[data-v-62c604f2] {
  padding: 24px 32px 4px 32px;
  margin-bottom: 24px;
}
.info-form[data-v-62c604f2] {
  margin: 20px 4px 0 0px;
}
.info-form .form-item[data-v-62c604f2] {
    margin-bottom: 20px;
}
.info-form .form-item .info-form-label[data-v-62c604f2] {
      font-weight: 600;
      font-size: 14px;
      margin-bottom: 8px;
}
.info-form .form-item .info-form-label .required[data-v-62c604f2] {
        color: red;
        margin-top: -20px;
        margin-left: 2px;
}
.info-form .form-item .customize_tag[data-v-62c604f2] {
      background: transparent !important;
      border: 1px solid #373942 !important;
}
.info-form .form-item[data-v-62c604f2] .el-tag .el-tag__close {
      color: #ffffff;
}
.info-form .form-item .info-form-content[data-v-62c604f2] {
      display: flex;
      width: 100%;
      height: 45px;
      background: #373942;
      border-radius: 4px;
      padding: 0;
      align-items: center;
      padding: 0 12px;
      gap: 8px;
}
.info-form .form-item .info-form-content .information_input-tag-item[data-v-62c604f2] {
        background: rgba(54, 86, 253, 0.1);
        border-radius: 4px 4px 4px 4px;
        border: 1px solid rgba(54, 86, 253, 0.5);
        font-weight: 400;
        font-size: 14px;
        color: #9db7ff;
}
.info-form .form-item .info-form-content .information_input-tag-item[data-v-62c604f2] .el-tag .el-tag__close {
          color: #ffffff;
          background-color: transparent !important;
}
.info-form .form-item .info-form-content .information_input-tag-item[data-v-62c604f2] .el-tag__close:hover {
          background-color: transparent !important;
}
.info-form .form-item .info-form-content.is-disabled[data-v-62c604f2] {
        background: transparent !important;
        border: 1px solid #373942 !important;
}
.info-form .form-item .info-form-content[data-v-62c604f2] .el-input__inner {
        background: transparent;
        font-size: 14px;
        font-weight: 400;
        height: 100%;
        color: #ffffff;
        border: 2px solid transparent;
        padding: 0 12px;
        border-radius: 4px;
}
.info-form .form-item .info-form-content[data-v-62c604f2] .el-input__inner::-webkit-input-placeholder {
          font-size: 14px;
          font-weight: 400;
          color: rgba(255, 255, 255, 0.6);
}
.info-form .form-item .information_input[data-v-62c604f2] {
      width: 100%;
      height: 45px;
      background: #373942;
      border-radius: 4px;
      padding: 0;
      box-sizing: border-box;
}
.info-form .form-item .information_input.is-disabled[data-v-62c604f2] {
        background: transparent !important;
        border: 1px solid #373942 !important;
}
.info-form .form-item .information_input[data-v-62c604f2] .el-input__inner {
        background: transparent;
        font-size: 14px;
        font-weight: 400;
        height: 100%;
        color: #ffffff;
        border: 2px solid transparent;
        padding: 0 12px;
}
.info-form .form-item .information_input[data-v-62c604f2] .el-input__inner::-webkit-input-placeholder {
          font-size: 14px;
          font-weight: 400;
          color: rgba(255, 255, 255, 0.6);
}
.info-form .form-item .original_input[data-v-62c604f2] .el-input__inner {
      background: #373942 !important;
}
.info-form-footer[data-v-62c604f2] {
  background: #2e313a;
  border-radius: 16px;
  padding: 24px 32px;
  flex: 1;
}
.info-form-footer .info-form-upload[data-v-62c604f2] {
    flex: 1;
    background: #373942;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 20px 0 32px 0;
}
.info-form-footer .info-form-upload .upload-placeholder[data-v-62c604f2] {
      width: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
}
.info-form-footer .info-form-upload .preview-container[data-v-62c604f2] {
      width: 100%;
      height: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      cursor: pointer;
}
.info-form-footer .info-form-upload .preview-container .preview-image[data-v-62c604f2] {
        max-width: 100%;
        max-height: 100%;
        -o-object-fit: contain;
           object-fit: contain;
}
.info-form-footer .info-form-upload .preview-container .preview-video[data-v-62c604f2] {
        max-width: 100%;
        max-height: 100%;
        -o-object-fit: contain;
           object-fit: contain;
}
.dialog-add-company[data-v-62c604f2] .el-dialog__title {
  padding: 0;
  color: #fff;
  width: 64px;
  height: 22px;
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
}
.dialog-add-company[data-v-62c604f2] .el-dialog__header {
  background: #23252C;
  border-radius: 8px 8px 0px 0px;
  padding: 16px 40px;
}
.dialog-add-company[data-v-62c604f2] .el-dialog {
  background: #2E313A;
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  border-radius: 8px;
}
.dialog-add-company[data-v-62c604f2] .el-dialog__close {
  color: #aaaaaa;
  font-size: 28px;
}
.dialog-add-company[data-v-62c604f2] .el-dialog__headerbtn {
  top: 12px;
}
.dialog-add-company[data-v-62c604f2] .el-dialog__body {
  padding: 24px 40px;
}
.dialog-add-company[data-v-62c604f2] .el-dialog__footer {
  display: flex;
  width: 100%;
  justify-content: flex-end;
  margin-top: auto;
}
.dialog-add-company .dialog-footer[data-v-62c604f2] {
  display: flex;
}
.dialog-add-company .btn-confirm[data-v-62c604f2] {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #2589FF;
  width: 116px;
  height: 33px;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 600;
  color: #FFFFFF;
  outline: none;
  border: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  line-height: 12px;
  margin: 0 8px;
}
.dialog-add-company .btn-confirm[data-v-62c604f2]:hover {
    background-color: #1e7be2;
}
.dialog-add-company[data-v-62c604f2] .el-button.is-loading::before {
  background-color: transparent;
}
.dialog-add-company .btn-cancel[data-v-62c604f2] {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #2589FF;
  width: 116px;
  height: 33px;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 600;
  color: #FFFFFF;
  outline: none;
  border: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  line-height: 12px;
  margin: 0 8px;
  background: #26272A;
  color: rgba(255, 255, 255, 0.6);
}
.dialog-add-company .btn-cancel[data-v-62c604f2]:hover {
    background-color: #1e7be2;
}
.dialog-add-company .btn-cancel[data-v-62c604f2]:hover {
    background: #393c41;
}
.dialog-add-company .btn-cancel[disabled][data-v-62c604f2] {
    background: #26272A;
    color: rgba(255, 255, 255, 0.4);
}
.dialog-add-company .form-item .option-select[data-v-62c604f2] .el-select-dropdown__list {
  padding: 0;
}
.dialog-add-company .form-item .option-select[data-v-62c604f2] .el-input {
  height: 100%;
  width: 100%;
}
.dialog-add-company .form-item .option-select[data-v-62c604f2] .el-select-dropdown {
  border: none;
  background: #222326;
  box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.5);
  border-radius: 12px;
  box-sizing: border-box;
  padding: 8px;
}
.dialog-add-company .form-item .option-select[data-v-62c604f2] .el-select-dropdown__item {
  display: flex;
  align-items: center;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  width: 100%;
  height: 36px;
  border-radius: 6px;
}
.dialog-add-company .form-item .option-select[data-v-62c604f2] .el-select-dropdown__item.hover {
    background: transparent;
}
.dialog-add-company .form-item .option-select[data-v-62c604f2] .el-select-dropdown__item:hover {
    background: #2c2d31 !important;
}
.dialog-add-company .form-item .option-select[data-v-62c604f2] .el-select-dropdown__item.selected {
    background: #313235;
}
.dialog-add-company .form-item .option-select[data-v-62c604f2],
.dialog-add-company .form-item .input[data-v-62c604f2] {
  width: 100%;
  height: 45px;
  background: #373942;
  border-radius: 4px;
  padding: 0;
  box-sizing: border-box;
}
.dialog-add-company .form-item .option-select.is-disabled[data-v-62c604f2],
  .dialog-add-company .form-item .input.is-disabled[data-v-62c604f2] {
    background: transparent !important;
    border: 1px solid #222326 !important;
}
.dialog-add-company .form-item .option-select[data-v-62c604f2] .el-input__inner,
  .dialog-add-company .form-item .input[data-v-62c604f2] .el-input__inner {
    background: transparent;
    font-size: 14px;
    font-weight: 400;
    height: 100%;
    color: #FFFFFF;
    border: 2px solid transparent;
    padding: 0 12px;
}
.dialog-add-company .form-item .option-select[data-v-62c604f2] .el-input__inner::-webkit-input-placeholder,
    .dialog-add-company .form-item .input[data-v-62c604f2] .el-input__inner::-webkit-input-placeholder {
      font-size: 14px;
      font-weight: 400;
      color: rgba(255, 255, 255, 0.6);
}
.dialog-add-company .form-item .option-select[data-v-62c604f2] .el-input__inner:focus,
    .dialog-add-company .form-item .input[data-v-62c604f2] .el-input__inner:focus {
      border: 2px solid #2589FF;
}
.dialog-add-company .subtitle[data-v-62c604f2] {
  font-size: 14px;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 20px;
  margin-bottom: 12px;
}
.dialog-add-company .subtitle.required[data-v-62c604f2]::after {
    content: "*";
    color: #ff6938;
    margin-left: 2px;
}
.dialog-add-company[data-v-62c604f2] .el-dialog__body {
  padding-bottom: 0;
}
.tools-but[data-v-62c604f2] {
  height: 44px;
  background: #3656fd;
  border-radius: 8px 8px 8px 8px;
  border-color: #3656fd;
  font-weight: 400;
  font-size: 14px;
  color: #ffffff;
}
.add-but[data-v-62c604f2] {
  width: 96px;
  height: 44px;
  background: #3656fd;
  border-radius: 8px 8px 8px 8px;
}
.general-box[data-v-62c604f2] {
  background: #2e313a;
  border-radius: 16px 16px 16px 16px;
}
.company-list[data-v-62c604f2] {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.company-list .main-table[data-v-62c604f2] {
    background-color: transparent;
    flex: 1;
    overflow: auto;
}
.company-list .main-table[data-v-62c604f2]::before {
      height: 0 !important;
}
.company-list .main-table[data-v-62c604f2] th.is-leaf {
      border-bottom: none !important;
}
.company-list .main-table[data-v-62c604f2] .el-table__header-wrapper {
      position: sticky;
      top: 0;
      z-index: 2;
}
[data-v-62c604f2] .company-list .main-table.loading thead::after {
      content: "";
      top: 0;
      left: 0;
      position: absolute;
      height: 2px;
      transition: width 0.3s ease 0s;
      min-width: 33%;
      background: linear-gradient(to right, #1c1d20 0%, #2589FF 50%, #1c1d20 100%);
      animation: move-62c604f2 3s ease infinite;
}
.company-list .main-table[data-v-62c604f2] .el-checkbox__inner {
      width: 18px;
      height: 18px;
      background: #444755;
      border-radius: 3px;
      border: 1px solid #4d5061;
}
.company-list .main-table[data-v-62c604f2] .el-checkbox__input.is-checked .el-checkbox__inner, .company-list .main-table .el-checkbox__input.is-indeterminate .el-checkbox__inner[data-v-62c604f2] {
      background-color: #3656FD !important;
      border: 1px solid #3656FD !important;
}
.company-list .main-table[data-v-62c604f2] .el-checkbox__inner::after {
      height: 9px;
      width: 3px;
      left: 7px;
}
.company-list .main-table[data-v-62c604f2] .el-checkbox__input.is-indeterminate .el-checkbox__inner::before {
      top: 7px;
}
.company-list .main-table[data-v-62c604f2] thead {
      position: relative;
      height: 54px;
}
.company-list .main-table[data-v-62c604f2] thead .cell {
        font-size: 14px;
        font-weight: 500;
        color: #FFFFFF;
        line-height: 20px;
}
.company-list .main-table[data-v-62c604f2] thead::before {
        content: "";
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        position: absolute;
        background: #1C1D20;
        border-radius: 8px;
        z-index: 0;
}
@keyframes move-62c604f2 {
0% {
    transform: translateX(-110%);
}
100% {
    transform: translateX(300%);
}
}
.company-list .main-table[data-v-62c604f2] td {
      border: none;
}
.company-list .main-table[data-v-62c604f2] td:hover {
        background: transparent none !important;
}
.company-list .main-table[data-v-62c604f2] th {
      background: transparent;
      color: #fff !important;
      border: none;
}
.company-list .main-table[data-v-62c604f2] tr {
      background: transparent !important;
      color: #fff !important;
      height: 54px;
}
.company-list .main-table[data-v-62c604f2] tr:hover td {
        background: transparent none;
}
.company-list .main-table[data-v-62c604f2] tr .cell {
        padding-left: 20px;
}
.company-list .main-table[data-v-62c604f2] .el-table__row {
      position: relative;
      height: 54px;
      border: 12px;
      overflow: hidden;
}
.company-list .main-table[data-v-62c604f2] .el-table__row .cell {
        font-size: 14px;
        font-weight: 500;
        color: #FFFFFF;
}
.company-list .main-table[data-v-62c604f2] .el-table__row:hover td {
        background-color: #26272A !important;
}
.company-list .main-table[data-v-62c604f2] .el-table__row td:nth-child(1) {
        border-radius: 8px 0 0 8px;
}
.company-list .main-table[data-v-62c604f2] .el-table__row td:nth-last-child(1) {
        border-radius: 0 8px 8px 0;
}
.company-list .main-table[data-v-62c604f2] thead {
      position: relative;
      height: 54px;
}
.company-list .main-table[data-v-62c604f2] thead .cell {
        font-size: 14px;
        font-weight: 500;
        color: #ffffff;
        line-height: 20px;
}
.company-list .main-table[data-v-62c604f2] thead::before {
        content: "";
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        position: absolute;
        background: #373942;
        border-radius: 8px;
        z-index: 0;
}
@keyframes move-62c604f2 {
0% {
    transform: translateX(-110%);
}
100% {
    transform: translateX(300%);
}
}
.company-list .main-table[data-v-62c604f2]::-webkit-scrollbar {
      background-color: transparent;
      width: 3px;
}
.company-list .main-table[data-v-62c604f2]::-webkit-scrollbar-thumb {
      background-color: rgba(255, 255, 255, 0.43);
      border-radius: 3px;
}
.company-list .pagination-wrapper[data-v-62c604f2] {
    max-width: 100%;
    margin: 20px 0;
    text-align: right;
    flex-shrink: 0;
    overflow: hidden;
}
.company-list .pagination-wrapper[data-v-62c604f2] .el-input__inner {
      background-color: transparent !important;
      border: none !important;
      transition: color 0.2s ease-in-out;
}
.company-list .pagination-wrapper[data-v-62c604f2] .el-input__inner:hover {
        color: #fff !important;
}
.company-list .pagination-wrapper[data-v-62c604f2] .btn-prev {
      background-color: transparent !important;
}
.company-list .pagination-wrapper[data-v-62c604f2] .btn-next {
      background-color: transparent !important;
}
.company-list .pagination-wrapper[data-v-62c604f2] .el-pager .btn-quicknext,
    .company-list .pagination-wrapper[data-v-62c604f2] .el-pager .btn-quickprev,
    .company-list .pagination-wrapper[data-v-62c604f2] .el-pager .number {
      background-color: rgba(121, 121, 121, 0.1) !important;
      color: #fff !important;
}
.company-list .pagination-wrapper[data-v-62c604f2] .el-pager .btn-quicknext.active,
      .company-list .pagination-wrapper[data-v-62c604f2] .el-pager .btn-quickprev.active,
      .company-list .pagination-wrapper[data-v-62c604f2] .el-pager .number.active {
        background-color: #2589FF !important;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
[data-v-211382f0] .el-input__inner {
  font-size: 14px;
  font-weight: 400;
  color: #FFFFFF;
  background: #373942;
  border-radius: 4px;
  border: 1px solid #373942;
}
[data-v-211382f0] .el-textarea__inner {
  font-size: 14px;
  font-weight: 400;
  color: #FFFFFF;
  background: #373942;
  border-radius: 4px;
  padding: 12px;
  border: 1px solid #373942;
}
[data-v-211382f0] .el-textarea .el-textarea__inner {
  resize: none;
}
.dialog-add-company[data-v-211382f0] .el-dialog__title {
  padding: 0;
  color: #fff;
  width: 64px;
  height: 22px;
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
}
.dialog-add-company[data-v-211382f0] .el-dialog__header {
  background: #23252C;
  border-radius: 8px 8px 0px 0px;
  padding: 16px 40px;
}
.dialog-add-company[data-v-211382f0] .el-dialog {
  background: #2E313A;
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  border-radius: 8px;
}
.dialog-add-company[data-v-211382f0] .el-dialog__close {
  color: #aaaaaa;
  font-size: 28px;
}
.dialog-add-company[data-v-211382f0] .el-dialog__headerbtn {
  top: 12px;
}
.dialog-add-company[data-v-211382f0] .el-dialog__body {
  padding: 24px 40px;
}
.dialog-add-company[data-v-211382f0] .el-dialog__footer {
  display: flex;
  width: 100%;
  justify-content: flex-end;
  margin-top: auto;
}
.dialog-add-company .dialog-footer[data-v-211382f0] {
  display: flex;
}
.dialog-add-company .btn-confirm[data-v-211382f0] {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #2589FF;
  width: 116px;
  height: 33px;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 600;
  color: #FFFFFF;
  outline: none;
  border: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  line-height: 12px;
  margin: 0 8px;
}
.dialog-add-company .btn-confirm[data-v-211382f0]:hover {
    background-color: #1e7be2;
}
.dialog-add-company[data-v-211382f0] .el-button.is-loading::before {
  background-color: transparent;
}
.dialog-add-company .btn-cancel[data-v-211382f0] {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #2589FF;
  width: 116px;
  height: 33px;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 600;
  color: #FFFFFF;
  outline: none;
  border: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  line-height: 12px;
  margin: 0 8px;
  background: #26272A;
  color: rgba(255, 255, 255, 0.6);
}
.dialog-add-company .btn-cancel[data-v-211382f0]:hover {
    background-color: #1e7be2;
}
.dialog-add-company .btn-cancel[data-v-211382f0]:hover {
    background: #393c41;
}
.dialog-add-company .btn-cancel[disabled][data-v-211382f0] {
    background: #26272A;
    color: rgba(255, 255, 255, 0.4);
}
.dialog-add-company .form-item .option-select[data-v-211382f0] .el-select-dropdown__list {
  padding: 0;
}
.dialog-add-company .form-item .option-select[data-v-211382f0] .el-input {
  height: 100%;
  width: 100%;
}
.dialog-add-company .form-item .option-select[data-v-211382f0] .el-select-dropdown {
  border: none;
  background: #222326;
  box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.5);
  border-radius: 12px;
  box-sizing: border-box;
  padding: 8px;
}
.dialog-add-company .form-item .option-select[data-v-211382f0] .el-select-dropdown__item {
  display: flex;
  align-items: center;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  width: 100%;
  height: 36px;
  border-radius: 6px;
}
.dialog-add-company .form-item .option-select[data-v-211382f0] .el-select-dropdown__item.hover {
    background: transparent;
}
.dialog-add-company .form-item .option-select[data-v-211382f0] .el-select-dropdown__item:hover {
    background: #2c2d31 !important;
}
.dialog-add-company .form-item .option-select[data-v-211382f0] .el-select-dropdown__item.selected {
    background: #313235;
}
.dialog-add-company .form-item .option-select[data-v-211382f0],
.dialog-add-company .form-item .input[data-v-211382f0] {
  width: 100%;
  height: 45px;
  background: #373942;
  border-radius: 4px;
  padding: 0;
  box-sizing: border-box;
}
.dialog-add-company .form-item .option-select.is-disabled[data-v-211382f0],
  .dialog-add-company .form-item .input.is-disabled[data-v-211382f0] {
    background: transparent !important;
    border: 1px solid #222326 !important;
}
.dialog-add-company .form-item .option-select[data-v-211382f0] .el-input__inner,
  .dialog-add-company .form-item .input[data-v-211382f0] .el-input__inner {
    background: transparent;
    font-size: 14px;
    font-weight: 400;
    height: 100%;
    color: #FFFFFF;
    border: 2px solid transparent;
    padding: 0 12px;
}
.dialog-add-company .form-item .option-select[data-v-211382f0] .el-input__inner::-webkit-input-placeholder,
    .dialog-add-company .form-item .input[data-v-211382f0] .el-input__inner::-webkit-input-placeholder {
      font-size: 14px;
      font-weight: 400;
      color: rgba(255, 255, 255, 0.6);
}
.dialog-add-company .form-item .option-select[data-v-211382f0] .el-input__inner:focus,
    .dialog-add-company .form-item .input[data-v-211382f0] .el-input__inner:focus {
      border: 2px solid #2589FF;
}
.dialog-add-company .subtitle[data-v-211382f0] {
  font-size: 14px;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 20px;
  margin-bottom: 12px;
}
.dialog-add-company .subtitle.required[data-v-211382f0]::after {
    content: "*";
    color: #ff6938;
    margin-left: 2px;
}
.dialog-add-company[data-v-211382f0] .el-dialog__body {
  padding-bottom: 0;
}
.form-item[data-v-211382f0] {
  margin-bottom: 20px;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.user-details-container[data-v-53109d9b] {
  font-family: PingFang SC, PingFang SC;
  color: #ffffff;
  display: flex;
  flex-direction: column;
  height: 100%;
  max-width: 1100px;
  margin: 24px auto;
}
.user-details-container .header-section[data-v-53109d9b] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}
.user-details-container .header-section .title[data-v-53109d9b] {
      font-family: PingFang SC, PingFang SC;
      font-weight: 600;
      font-size: 20px;
      display: flex;
      align-items: center;
}
.user-details-container .header-section .title .arrow_left_ioc[data-v-53109d9b] {
        width: 30px;
        height: 30px;
        margin-right: 20px;
}
.section-title[data-v-53109d9b] {
  font-weight: 600;
  font-size: 18px;
  text-align: left;
  margin: 4px 0px 12px 0px;
}
.user-info-section[data-v-53109d9b] {
  padding: 24px 32px 4px 32px;
  margin-bottom: 24px;
}
.info-form[data-v-53109d9b] {
  margin: 20px 4px 0 0px;
}
.info-form .form-item[data-v-53109d9b] {
    margin-bottom: 20px;
}
.info-form .form-item .info-form-label[data-v-53109d9b] {
      font-weight: 600;
      font-size: 14px;
      margin-bottom: 8px;
      display: flex;
      justify-content: space-between;
}
.info-form .form-item .info-form-label .prompt-text[data-v-53109d9b] {
        font-weight: 400;
        font-size: 12px;
}
.info-form .form-item .information_input[data-v-53109d9b] {
      width: 100%;
      height: 45px;
      background: #373942;
      border-radius: 4px;
      padding: 0;
      box-sizing: border-box;
}
.info-form .form-item .information_input.is-disabled[data-v-53109d9b] {
        background: transparent !important;
        border: 1px solid #373942 !important;
}
.info-form .form-item .information_input[data-v-53109d9b] .el-input {
        height: 100%;
}
.info-form .form-item .information_input[data-v-53109d9b] .el-input__inner {
        background: transparent;
        font-size: 14px;
        font-weight: 400;
        height: 100%;
        color: #ffffff;
        border: 2px solid transparent;
        padding: 0 12px;
        border-radius: 4px;
}
.info-form .form-item .information_input[data-v-53109d9b] .el-input__inner::-webkit-input-placeholder {
          font-size: 14px;
          font-weight: 400;
          color: rgba(255, 255, 255, 0.6);
}
.info-form .form-item .original_input[data-v-53109d9b] .el-input__inner {
      background: #373942 !important;
      border: none !important;
}
.enterprise-section[data-v-53109d9b] {
  padding: 20px;
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow-y: hidden;
}
.enterprise-section .enterprise-header[data-v-53109d9b] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.enterprise-section .enterprise-list[data-v-53109d9b] {
    margin-top: 20px;
    flex: 1;
    overflow-y: auto;
}
.enterprise-section .enterprise-list .enterprise-row[data-v-53109d9b] {
      height: 54px;
      background: #373942;
      display: flex;
      align-items: center;
      border-radius: 8px 8px 0 0;
}
.enterprise-section .enterprise-list .enterprise-item[data-v-53109d9b] {
      height: 52px;
}
.enterprise-section .enterprise-list .enterprise-col[data-v-53109d9b] {
      margin-left: 40px;
      display: flex;
      align-items: center;
}
.enterprise-section .enterprise-list .role-col[data-v-53109d9b] {
      margin-left: 11px;
}
.enterprise-section .enterprise-list .tag-item[data-v-53109d9b] {
      background: rgba(54, 86, 253, 0.1);
      border-radius: 4px;
      border: 1px solid rgba(54, 86, 253, 0.5);
      font-family: PingFang SC, PingFang SC;
      font-weight: 400;
      font-size: 14px;
      color: #9db7ff;
      padding: 4px 6px;
}
.enterprise-section .enterprise-list .team-list[data-v-53109d9b] {
      border-left: 1px solid #3f4044;
      margin-left: 53px;
}
.enterprise-section .enterprise-list .team-list .team-item[data-v-53109d9b] {
        width: calc(100% - 40px);
}
.enterprise-section .enterprise-list .col-arrow_ioc[data-v-53109d9b] {
      width: 24px;
      height: 24px;
      margin-right: 12px;
}
.tools-but[data-v-53109d9b] {
  padding: 0 40px;
  height: 44px;
  background: #3656fd;
  border-radius: 8px 8px 8px 8px;
  border-color: #3656fd;
  font-weight: 400;
  font-size: 14px;
  color: #ffffff;
}
.add-but[data-v-53109d9b] {
  width: 96px;
  height: 44px;
  background: #3656fd;
  border-radius: 8px 8px 8px 8px;
}
.expand-icon[data-v-53109d9b] {
  cursor: pointer;
  margin-right: 10px;
}
.expand-icon .expanded[data-v-53109d9b] {
    transform: rotate(90deg);
}
.el-tag[data-v-53109d9b] {
  background-color: #3656fd;
  color: white;
  border-radius: 8px;
}
.general-box[data-v-53109d9b] {
  background: #2e313a;
  border-radius: 16px 16px 16px 16px;
}
.expand-arrow[data-v-53109d9b] {
  width: 16px;
  height: 16px;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
[data-v-7373d7f2] .el-input__inner {
  font-size: 14px;
  font-weight: 400;
  color: #FFFFFF;
  background: #373942;
  border-radius: 4px;
  border: 1px solid #373942;
}
[data-v-7373d7f2] .el-textarea__inner {
  font-size: 14px;
  font-weight: 400;
  color: #FFFFFF;
  background: #373942;
  border-radius: 4px;
  padding: 12px;
  border: 1px solid #373942;
}
[data-v-7373d7f2] .el-textarea .el-textarea__inner {
  resize: none;
}
.dialog-add-user[data-v-7373d7f2] .el-dialog__title {
  padding: 0;
  color: #fff;
  width: 64px;
  height: 22px;
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
}
.dialog-add-user[data-v-7373d7f2] .el-dialog__header {
  background: #23252C;
  border-radius: 8px 8px 0px 0px;
  padding: 16px 40px;
}
.dialog-add-user[data-v-7373d7f2] .el-dialog {
  background: #2E313A;
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  border-radius: 8px;
}
.dialog-add-user[data-v-7373d7f2] .el-dialog__close {
  color: #aaaaaa;
  font-size: 28px;
}
.dialog-add-user[data-v-7373d7f2] .el-dialog__headerbtn {
  top: 12px;
}
.dialog-add-user[data-v-7373d7f2] .el-dialog__body {
  padding: 24px 40px;
}
.dialog-add-user[data-v-7373d7f2] .el-dialog__footer {
  display: flex;
  width: 100%;
  justify-content: flex-end;
  margin-top: auto;
}
.dialog-add-user .dialog-footer[data-v-7373d7f2] {
  display: flex;
}
.dialog-add-user .btn-confirm[data-v-7373d7f2] {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #2589FF;
  width: 116px;
  height: 33px;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 600;
  color: #FFFFFF;
  outline: none;
  border: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  line-height: 12px;
  margin: 0 8px;
}
.dialog-add-user .btn-confirm[data-v-7373d7f2]:hover {
    background-color: #1e7be2;
}
.dialog-add-user[data-v-7373d7f2] .el-button.is-loading::before {
  background-color: transparent;
}
.dialog-add-user .btn-cancel[data-v-7373d7f2] {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #2589FF;
  width: 116px;
  height: 33px;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 600;
  color: #FFFFFF;
  outline: none;
  border: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  line-height: 12px;
  margin: 0 8px;
  background: #26272A;
  color: rgba(255, 255, 255, 0.6);
}
.dialog-add-user .btn-cancel[data-v-7373d7f2]:hover {
    background-color: #1e7be2;
}
.dialog-add-user .btn-cancel[data-v-7373d7f2]:hover {
    background: #393c41;
}
.dialog-add-user .btn-cancel[disabled][data-v-7373d7f2] {
    background: #26272A;
    color: rgba(255, 255, 255, 0.4);
}
.dialog-add-user .form-item .option-select[data-v-7373d7f2] .el-select-dropdown__list {
  padding: 0;
}
.dialog-add-user .form-item .option-select[data-v-7373d7f2] .el-input {
  height: 100%;
  width: 100%;
}
.dialog-add-user .form-item .option-select[data-v-7373d7f2] .el-select-dropdown {
  border: none;
  background: #222326;
  box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.5);
  border-radius: 12px;
  box-sizing: border-box;
  padding: 8px;
}
.dialog-add-user .form-item .option-select[data-v-7373d7f2] .el-select-dropdown__item {
  display: flex;
  align-items: center;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  width: 100%;
  height: 36px;
  border-radius: 6px;
}
.dialog-add-user .form-item .option-select[data-v-7373d7f2] .el-select-dropdown__item.hover {
    background: transparent;
}
.dialog-add-user .form-item .option-select[data-v-7373d7f2] .el-select-dropdown__item:hover {
    background: #2c2d31 !important;
}
.dialog-add-user .form-item .option-select[data-v-7373d7f2] .el-select-dropdown__item.selected {
    background: #313235;
}
.dialog-add-user .form-item .option-select[data-v-7373d7f2],
.dialog-add-user .form-item .input[data-v-7373d7f2] {
  width: 100%;
  height: 45px;
  background: #373942;
  border-radius: 4px;
  padding: 0;
  box-sizing: border-box;
}
.dialog-add-user .form-item .option-select.is-disabled[data-v-7373d7f2],
  .dialog-add-user .form-item .input.is-disabled[data-v-7373d7f2] {
    background: transparent !important;
    border: 1px solid #222326 !important;
}
.dialog-add-user .form-item .option-select[data-v-7373d7f2] .el-input__inner,
  .dialog-add-user .form-item .input[data-v-7373d7f2] .el-input__inner {
    background: transparent;
    font-size: 14px;
    font-weight: 400;
    height: 100%;
    color: #FFFFFF;
    border: 2px solid transparent;
    padding: 0 12px;
}
.dialog-add-user .form-item .option-select[data-v-7373d7f2] .el-input__inner::-webkit-input-placeholder,
    .dialog-add-user .form-item .input[data-v-7373d7f2] .el-input__inner::-webkit-input-placeholder {
      font-size: 14px;
      font-weight: 400;
      color: rgba(255, 255, 255, 0.6);
}
.dialog-add-user .form-item .option-select[data-v-7373d7f2] .el-input__inner:focus,
    .dialog-add-user .form-item .input[data-v-7373d7f2] .el-input__inner:focus {
      border: 2px solid #2589FF;
}
.dialog-add-user .subtitle[data-v-7373d7f2] {
  font-size: 14px;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 20px;
  margin-bottom: 12px;
}
.dialog-add-user .subtitle.required[data-v-7373d7f2]::after {
    content: "*";
    color: #ff6938;
    margin-left: 2px;
}
.dialog-add-user[data-v-7373d7f2] .el-dialog__body {
  padding-bottom: 0;
}
.dialog-add-user .tips[data-v-7373d7f2] {
  width: 100%;
  text-align: center;
  margin-top: 48px;
  margin-bottom: 20px;
  font-size: 14px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.6);
  line-height: 20px;
}
.form-item[data-v-7373d7f2] {
  margin-bottom: 20px;
}
[data-v-7373d7f2] .el-transfer-panel__body {
  height: 90%;
}
[data-v-7373d7f2] .el-transfer-panel__list.is-filterable {
  height: 90%;
}
[data-v-7373d7f2] .el-transfer {
  display: flex;
}
[data-v-7373d7f2] .el-transfer__buttons {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
[data-v-7373d7f2] .el-button--primary.is-disabled {
  width: 30px;
  height: 30px;
  background-color: #3f4044;
  border-color: #3f4044;
}
[data-v-7373d7f2] .el-button--primary {
  width: 30px;
  height: 30px;
  background-color: #3656fd;
  border-color: #3656fd;
  margin-left: 0 !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
[data-v-7373d7f2] .el-transfer-panel {
  background: #373942;
  border-radius: 16px 16px 16px 16px;
  border: 1px solid #3f4044;
  width: calc(50% - 45px);
}
[data-v-7373d7f2] .el-transfer-panel .el-transfer-panel__header {
  border: 1px solid #3f4044;
  background: #373942;
}
[data-v-7373d7f2] .el-transfer-panel__filter .el-input__inner {
  border: 1px solid #3f4044;
  background: #373942;
}
[data-v-7373d7f2] .el-transfer-panel
.el-transfer-panel__header
.el-checkbox
.el-checkbox__label {
  color: #fff;
}
[data-v-7373d7f2] .el-checkbox__inner {
  width: 18px;
  height: 18px;
  background: #444755;
  border-radius: 3px;
  border: 1px solid #4d5061;
}
[data-v-7373d7f2] .el-checkbox__input.is-checked .el-checkbox__inner, .el-checkbox__input.is-indeterminate .el-checkbox__inner[data-v-7373d7f2] {
  background-color: #3656FD !important;
  border: 1px solid #3656FD !important;
}
[data-v-7373d7f2] .el-transfer-panel .el-checkbox__inner::after {
  height: 9px;
  width: 5px;
  left: 5px;
}
[data-v-7373d7f2] .el-checkbox__input.is-indeterminate .el-checkbox__inner::before {
  top: 7px;
}
.transfer-item[data-v-7373d7f2] {
  display: flex;
  align-items: center;
  font-weight: 400;
  font-size: 14px;
  gap: 10px;
}
.transfer-item .city-name[data-v-7373d7f2] {
    color: #ffffff;
}
.transfer-item .mobile-number[data-v-7373d7f2] {
    color: rgba(255, 255, 255, 0.3);
}
[data-v-7373d7f2] .el-checkbox {
  height: 37px;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
[data-v-63ac2ec1] .el-input__inner {
  font-size: 14px;
  font-weight: 400;
  color: #FFFFFF;
  background: #373942;
  border-radius: 4px;
  border: 1px solid #373942;
}
[data-v-63ac2ec1] .el-textarea__inner {
  font-size: 14px;
  font-weight: 400;
  color: #FFFFFF;
  background: #373942;
  border-radius: 4px;
  padding: 12px;
  border: 1px solid #373942;
}
[data-v-63ac2ec1] .el-textarea .el-textarea__inner {
  resize: none;
}
.user-details-container[data-v-63ac2ec1] {
  padding: 24px 214px;
  font-family: PingFang SC, PingFang SC;
  color: #ffffff;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.user-details-container .header-section[data-v-63ac2ec1] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}
.user-details-container .header-section .title[data-v-63ac2ec1] {
      font-family: PingFang SC, PingFang SC;
      font-weight: 600;
      font-size: 20px;
      display: flex;
      align-items: center;
}
.user-details-container .header-section .title .arrow_left_ioc[data-v-63ac2ec1] {
        width: 30px;
        height: 30px;
        margin-right: 20px;
}
.section-title[data-v-63ac2ec1] {
  font-weight: 600;
  font-size: 18px;
  text-align: left;
  margin: 4px 0px 12px 0px;
}
.user-info-section[data-v-63ac2ec1] {
  padding: 24px 32px 4px 32px;
  margin-bottom: 24px;
}
.info-form[data-v-63ac2ec1] {
  margin: 20px 4px 0 0px;
}
.info-form .form-item[data-v-63ac2ec1] {
    margin-bottom: 20px;
}
.info-form .form-item .info-form-label[data-v-63ac2ec1] {
      font-weight: 600;
      font-size: 14px;
      margin-bottom: 8px;
}
.info-form .form-item .information_input[data-v-63ac2ec1] {
      width: 100%;
      height: 45px;
      background: #373942;
      border-radius: 4px;
      padding: 0;
      box-sizing: border-box;
}
.info-form .form-item .information_input.is-disabled[data-v-63ac2ec1] {
        background: transparent !important;
        border: 1px solid #373942 !important;
}
.info-form .form-item .information_input[data-v-63ac2ec1] .el-input__inner {
        background: transparent;
        font-size: 14px;
        font-weight: 400;
        height: 100%;
        color: #ffffff;
        border: 2px solid transparent;
        padding: 0 12px;
        border-radius: 4px;
}
.info-form .form-item .information_input[data-v-63ac2ec1] .el-input__inner::-webkit-input-placeholder {
          font-size: 14px;
          font-weight: 400;
          color: rgba(255, 255, 255, 0.6);
}
.info-form .form-item .original_input[data-v-63ac2ec1] .el-input__inner {
      background: #373942 !important;
}
.dialog-add-company[data-v-63ac2ec1] .el-dialog__title {
  padding: 0;
  color: #fff;
  width: 64px;
  height: 22px;
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
}
.dialog-add-company[data-v-63ac2ec1] .el-dialog__header {
  background: #23252C;
  border-radius: 8px 8px 0px 0px;
  padding: 16px 40px;
}
.dialog-add-company[data-v-63ac2ec1] .el-dialog {
  background: #2E313A;
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  border-radius: 8px;
}
.dialog-add-company[data-v-63ac2ec1] .el-dialog__close {
  color: #aaaaaa;
  font-size: 28px;
}
.dialog-add-company[data-v-63ac2ec1] .el-dialog__headerbtn {
  top: 12px;
}
.dialog-add-company[data-v-63ac2ec1] .el-dialog__body {
  padding: 24px 40px;
}
.dialog-add-company[data-v-63ac2ec1] .el-dialog__footer {
  display: flex;
  width: 100%;
  justify-content: flex-end;
  margin-top: auto;
}
.dialog-add-company .dialog-footer[data-v-63ac2ec1] {
  display: flex;
}
.dialog-add-company .btn-confirm[data-v-63ac2ec1] {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #2589FF;
  width: 116px;
  height: 33px;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 600;
  color: #FFFFFF;
  outline: none;
  border: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  line-height: 12px;
  margin: 0 8px;
}
.dialog-add-company .btn-confirm[data-v-63ac2ec1]:hover {
    background-color: #1e7be2;
}
.dialog-add-company[data-v-63ac2ec1] .el-button.is-loading::before {
  background-color: transparent;
}
.dialog-add-company .btn-cancel[data-v-63ac2ec1] {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #2589FF;
  width: 116px;
  height: 33px;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 600;
  color: #FFFFFF;
  outline: none;
  border: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  line-height: 12px;
  margin: 0 8px;
  background: #26272A;
  color: rgba(255, 255, 255, 0.6);
}
.dialog-add-company .btn-cancel[data-v-63ac2ec1]:hover {
    background-color: #1e7be2;
}
.dialog-add-company .btn-cancel[data-v-63ac2ec1]:hover {
    background: #393c41;
}
.dialog-add-company .btn-cancel[disabled][data-v-63ac2ec1] {
    background: #26272A;
    color: rgba(255, 255, 255, 0.4);
}
.dialog-add-company .form-item .option-select[data-v-63ac2ec1] .el-select-dropdown__list {
  padding: 0;
}
.dialog-add-company .form-item .option-select[data-v-63ac2ec1] .el-input {
  height: 100%;
  width: 100%;
}
.dialog-add-company .form-item .option-select[data-v-63ac2ec1] .el-select-dropdown {
  border: none;
  background: #222326;
  box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.5);
  border-radius: 12px;
  box-sizing: border-box;
  padding: 8px;
}
.dialog-add-company .form-item .option-select[data-v-63ac2ec1] .el-select-dropdown__item {
  display: flex;
  align-items: center;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  width: 100%;
  height: 36px;
  border-radius: 6px;
}
.dialog-add-company .form-item .option-select[data-v-63ac2ec1] .el-select-dropdown__item.hover {
    background: transparent;
}
.dialog-add-company .form-item .option-select[data-v-63ac2ec1] .el-select-dropdown__item:hover {
    background: #2c2d31 !important;
}
.dialog-add-company .form-item .option-select[data-v-63ac2ec1] .el-select-dropdown__item.selected {
    background: #313235;
}
.dialog-add-company .form-item .option-select[data-v-63ac2ec1],
.dialog-add-company .form-item .input[data-v-63ac2ec1] {
  width: 100%;
  height: 45px;
  background: #373942;
  border-radius: 4px;
  padding: 0;
  box-sizing: border-box;
}
.dialog-add-company .form-item .option-select.is-disabled[data-v-63ac2ec1],
  .dialog-add-company .form-item .input.is-disabled[data-v-63ac2ec1] {
    background: transparent !important;
    border: 1px solid #222326 !important;
}
.dialog-add-company .form-item .option-select[data-v-63ac2ec1] .el-input__inner,
  .dialog-add-company .form-item .input[data-v-63ac2ec1] .el-input__inner {
    background: transparent;
    font-size: 14px;
    font-weight: 400;
    height: 100%;
    color: #FFFFFF;
    border: 2px solid transparent;
    padding: 0 12px;
}
.dialog-add-company .form-item .option-select[data-v-63ac2ec1] .el-input__inner::-webkit-input-placeholder,
    .dialog-add-company .form-item .input[data-v-63ac2ec1] .el-input__inner::-webkit-input-placeholder {
      font-size: 14px;
      font-weight: 400;
      color: rgba(255, 255, 255, 0.6);
}
.dialog-add-company .form-item .option-select[data-v-63ac2ec1] .el-input__inner:focus,
    .dialog-add-company .form-item .input[data-v-63ac2ec1] .el-input__inner:focus {
      border: 2px solid #2589FF;
}
.dialog-add-company .subtitle[data-v-63ac2ec1] {
  font-size: 14px;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 20px;
  margin-bottom: 12px;
}
.dialog-add-company .subtitle.required[data-v-63ac2ec1]::after {
    content: "*";
    color: #ff6938;
    margin-left: 2px;
}
.dialog-add-company[data-v-63ac2ec1] .el-dialog__body {
  padding-bottom: 0;
}
.enterprise-section[data-v-63ac2ec1] {
  padding: 20px;
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow-y: hidden;
}
.enterprise-section .enterprise-header[data-v-63ac2ec1] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}
.enterprise-section .enterprise-header .header-title-group[data-v-63ac2ec1] {
      display: flex;
      padding: 4px;
      background: #373942;
      border-radius: 12px 12px 12px 12px;
      color: #ffffff;
      font-size: 16px;
}
.enterprise-section .enterprise-header .header-title-group .enterprise-member[data-v-63ac2ec1],
      .enterprise-section .enterprise-header .header-title-group .team-info[data-v-63ac2ec1] {
        cursor: pointer;
        padding: 8px 16px;
        height: 38px;
        display: flex;
        align-items: center;
        border-radius: 8px;
}
.enterprise-section .enterprise-header .header-title-group .enterprise-member.active[data-v-63ac2ec1],
        .enterprise-section .enterprise-header .header-title-group .team-info.active[data-v-63ac2ec1] {
          background: #3657fd;
          border-radius: 8px;
}
.enterprise-section .enterprise-list[data-v-63ac2ec1] {
    flex: 1;
    overflow-y: auto;
}
.enterprise-section .enterprise-list .enterprise-row[data-v-63ac2ec1] {
      height: 54px;
      background: #373942;
      display: flex;
      align-items: center;
      border-radius: 8px 8px 0 0;
}
.enterprise-section .enterprise-list .enterprise-item[data-v-63ac2ec1] {
      height: 52px;
}
.enterprise-section .enterprise-list .enterprise-col[data-v-63ac2ec1] {
      margin-left: 40px;
      display: flex;
      align-items: center;
}
.enterprise-section .enterprise-list .role-col[data-v-63ac2ec1] {
      margin-left: 11px;
}
.enterprise-section .enterprise-list .tag-item[data-v-63ac2ec1] {
      background: rgba(54, 86, 253, 0.1);
      border-radius: 4px;
      border: 1px solid rgba(54, 86, 253, 0.5);
      font-family: PingFang SC, PingFang SC;
      font-weight: 400;
      font-size: 14px;
      color: #9db7ff;
      padding: 4px 6px;
}
.enterprise-section .enterprise-list .team-list[data-v-63ac2ec1] {
      border-left: 1px solid #3f4044;
      margin-left: 53px;
}
.enterprise-section .enterprise-list .team-list .team-item[data-v-63ac2ec1] {
        width: calc(100% - 40px);
}
.enterprise-section .enterprise-list .col-arrow_ioc[data-v-63ac2ec1] {
      width: 24px;
      height: 24px;
      margin-right: 12px;
}
.enterprise-section .enterprise-list .col-count[data-v-63ac2ec1] {
      font-weight: 400;
      font-size: 12px;
      color: rgba(255, 255, 255, 0.6);
}
.tools-but[data-v-63ac2ec1] {
  height: 44px;
  background: #3656fd;
  border-radius: 8px 8px 8px 8px;
  border-color: #3656fd;
  font-weight: 400;
  font-size: 14px;
  color: #ffffff;
}
.add-but[data-v-63ac2ec1] {
  width: 96px;
  height: 44px;
  background: #3656fd;
  border-radius: 8px 8px 8px 8px;
}
.general-box[data-v-63ac2ec1] {
  background: #2e313a;
  border-radius: 16px 16px 16px 16px;
}
.company-list[data-v-63ac2ec1] {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.company-list .main-table[data-v-63ac2ec1] {
    background-color: transparent;
    flex: 1;
    overflow: auto;
}
.company-list .main-table[data-v-63ac2ec1]::before {
      height: 0 !important;
}
.company-list .main-table[data-v-63ac2ec1] th.is-leaf {
      border-bottom: none !important;
}
.company-list .main-table[data-v-63ac2ec1] .el-table__header-wrapper {
      position: sticky;
      top: 0;
      z-index: 2;
}
[data-v-63ac2ec1] .company-list .main-table.loading thead::after {
      content: "";
      top: 0;
      left: 0;
      position: absolute;
      height: 2px;
      transition: width 0.3s ease 0s;
      min-width: 33%;
      background: linear-gradient(to right, #1c1d20 0%, #2589FF 50%, #1c1d20 100%);
      animation: move-63ac2ec1 3s ease infinite;
}
.company-list .main-table[data-v-63ac2ec1] .el-checkbox__inner {
      width: 18px;
      height: 18px;
      background: #444755;
      border-radius: 3px;
      border: 1px solid #4d5061;
}
.company-list .main-table[data-v-63ac2ec1] .el-checkbox__input.is-checked .el-checkbox__inner, .company-list .main-table .el-checkbox__input.is-indeterminate .el-checkbox__inner[data-v-63ac2ec1] {
      background-color: #3656FD !important;
      border: 1px solid #3656FD !important;
}
.company-list .main-table[data-v-63ac2ec1] .el-checkbox__inner::after {
      height: 9px;
      width: 3px;
      left: 7px;
}
.company-list .main-table[data-v-63ac2ec1] .el-checkbox__input.is-indeterminate .el-checkbox__inner::before {
      top: 7px;
}
.company-list .main-table[data-v-63ac2ec1] thead {
      position: relative;
      height: 54px;
}
.company-list .main-table[data-v-63ac2ec1] thead .cell {
        font-size: 14px;
        font-weight: 500;
        color: #FFFFFF;
        line-height: 20px;
}
.company-list .main-table[data-v-63ac2ec1] thead::before {
        content: "";
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        position: absolute;
        background: #1C1D20;
        border-radius: 8px;
        z-index: 0;
}
@keyframes move-63ac2ec1 {
0% {
    transform: translateX(-110%);
}
100% {
    transform: translateX(300%);
}
}
.company-list .main-table[data-v-63ac2ec1] td {
      border: none;
}
.company-list .main-table[data-v-63ac2ec1] td:hover {
        background: transparent none !important;
}
.company-list .main-table[data-v-63ac2ec1] th {
      background: transparent;
      color: #fff !important;
      border: none;
}
.company-list .main-table[data-v-63ac2ec1] tr {
      background: transparent !important;
      color: #fff !important;
      height: 54px;
}
.company-list .main-table[data-v-63ac2ec1] tr:hover td {
        background: transparent none;
}
.company-list .main-table[data-v-63ac2ec1] tr .cell {
        padding-left: 20px;
}
.company-list .main-table[data-v-63ac2ec1] .el-table__row {
      position: relative;
      height: 54px;
      border: 12px;
      overflow: hidden;
}
.company-list .main-table[data-v-63ac2ec1] .el-table__row .cell {
        font-size: 14px;
        font-weight: 500;
        color: #FFFFFF;
}
.company-list .main-table[data-v-63ac2ec1] .el-table__row:hover td {
        background-color: #26272A !important;
}
.company-list .main-table[data-v-63ac2ec1] .el-table__row td:nth-child(1) {
        border-radius: 8px 0 0 8px;
}
.company-list .main-table[data-v-63ac2ec1] .el-table__row td:nth-last-child(1) {
        border-radius: 0 8px 8px 0;
}
.company-list .main-table[data-v-63ac2ec1] thead {
      position: relative;
      height: 54px;
}
.company-list .main-table[data-v-63ac2ec1] thead .cell {
        font-size: 14px;
        font-weight: 500;
        color: #ffffff;
        line-height: 20px;
}
.company-list .main-table[data-v-63ac2ec1] thead::before {
        content: "";
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        position: absolute;
        background: #373942;
        border-radius: 8px;
        z-index: 0;
}
@keyframes move-63ac2ec1 {
0% {
    transform: translateX(-110%);
}
100% {
    transform: translateX(300%);
}
}
.company-list .main-table[data-v-63ac2ec1]::-webkit-scrollbar {
      background-color: transparent;
      width: 3px;
}
.company-list .main-table[data-v-63ac2ec1]::-webkit-scrollbar-thumb {
      background-color: rgba(255, 255, 255, 0.43);
      border-radius: 3px;
}
.company-list .pagination-wrapper[data-v-63ac2ec1] {
    max-width: 100%;
    margin: 20px 0;
    text-align: right;
    flex-shrink: 0;
    overflow: hidden;
}
.company-list .pagination-wrapper[data-v-63ac2ec1] .el-input__inner {
      background-color: transparent !important;
      border: none !important;
      transition: color 0.2s ease-in-out;
}
.company-list .pagination-wrapper[data-v-63ac2ec1] .el-input__inner:hover {
        color: #fff !important;
}
.company-list .pagination-wrapper[data-v-63ac2ec1] .btn-prev {
      background-color: transparent !important;
}
.company-list .pagination-wrapper[data-v-63ac2ec1] .btn-next {
      background-color: transparent !important;
}
.company-list .pagination-wrapper[data-v-63ac2ec1] .el-pager .btn-quicknext,
    .company-list .pagination-wrapper[data-v-63ac2ec1] .el-pager .btn-quickprev,
    .company-list .pagination-wrapper[data-v-63ac2ec1] .el-pager .number {
      background-color: rgba(121, 121, 121, 0.1) !important;
      color: #fff !important;
}
.company-list .pagination-wrapper[data-v-63ac2ec1] .el-pager .btn-quicknext.active,
      .company-list .pagination-wrapper[data-v-63ac2ec1] .el-pager .btn-quickprev.active,
      .company-list .pagination-wrapper[data-v-63ac2ec1] .el-pager .number.active {
        background-color: #2589FF !important;
}


.pagination-container {
  margin-top: 30px;
  text-align: right;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
[data-v-5b371074] .el-input__inner {
  font-size: 14px;
  font-weight: 400;
  color: #FFFFFF;
  background: #373942;
  border-radius: 4px;
  border: 1px solid #373942;
}
[data-v-5b371074] .el-textarea__inner {
  font-size: 14px;
  font-weight: 400;
  color: #FFFFFF;
  background: #373942;
  border-radius: 4px;
  padding: 12px;
  border: 1px solid #373942;
}
[data-v-5b371074] .el-textarea .el-textarea__inner {
  resize: none;
}
.drop-down-menu-dark[data-v-5b371074] {
  min-width: 142px;
  box-sizing: border-box;
  padding: 8rpx;
  background: #222326;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5), 0 2px 16px 0 rgba(0, 0, 0, 0.5);
  border-radius: 12px;
}
[data-v-5b371074] .el-dropdown-menu__item {
  display: flex;
  align-items: center;
  width: 100%;
  height: 36px;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 400;
  color: #ffffff !important;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
  padding: 0 16px;
}
[data-v-5b371074] .el-dropdown-menu__item:hover {
    background: #313235 !important;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5) !important;
    color: #ffffff;
}
.page-company-management[data-v-5b371074] {
  width: 100%;
  height: 100%;
  padding-bottom: 0 !important;
}
.page-company-management ._page-header-left[data-v-5b371074] {
    display: flex;
    gap: 12px;
}
.page-company-management ._page-header-left .select-enterprise[data-v-5b371074] {
      width: 202px;
      height: 44px;
      background: rgba(255, 255, 255, 0.03);
      border-radius: 8px 8px 8px 8px;
}
.page-company-management ._page-header-left .select-enterprise[data-v-5b371074] .el-input__inner {
        height: 44px;
        border: 1px solid rgba(255, 255, 255, 0.05);
        background: rgba(255, 255, 255, 0.03);
        color: #ffffff;
}
.page-company-management ._page-header-left .select-enterprise[data-v-5b371074] .el-input__icon {
        height: 44px;
}
.page-company-management ._page-header-left .select-enterprise[data-v-5b371074] .el-input {
        height: 44px;
}
.page-company-management ._page-header-left .search-box[data-v-5b371074] {
      display: flex;
      align-items: center;
      width: 260px;
      height: 33px;
      background: #26272A;
      border-radius: 8px;
      padding: 0 16px;
      box-sizing: border-box;
      margin-right: 20px;
}
.page-company-management ._page-header-left .search-box .icon-search[data-v-5b371074] {
        width: 16px;
        height: 16px;
        margin-right: 8px;
}
.page-company-management ._page-header-left .search-box[data-v-5b371074] .el-input__inner {
        height: 22px !important;
        background-color: transparent;
        border: none;
        padding: 0;
        color: #fff;
}
.page-company-management ._page-header-left .search-box[data-v-5b371074] .el-input__inner::-moz-placeholder {
        font-size: 12px;
        font-weight: 400;
        color: #FFFFFF;
}
.page-company-management ._page-header-left .search-box[data-v-5b371074] .el-input__inner::placeholder {
        font-size: 12px;
        font-weight: 400;
        color: #FFFFFF;
}
.page-company-management ._page-header-left .search-box-quadratic[data-v-5b371074] {
      width: 345px !important;
      height: 44px;
      background: rgba(255, 255, 255, 0.03);
      border: 1px solid rgba(255, 255, 255, 0.05) !important;
      border-radius: 8px 8px 8px 8px;
}
.page-company-management ._page-header-left .search-box-quadratic .search-input[data-v-5b371074] {
        font-weight: 400;
        font-size: 14px;
        color: rgba(255, 255, 255, 0.6);
        text-align: center;
}
.page-company-management ._page-header-left .search-box-quadratic .icon-search-quadratic[data-v-5b371074] {
        width: 20px !important;
        height: 20px !important;
}
.page-company-management .tools[data-v-5b371074] {
    margin-left: auto;
    display: flex;
}
.page-company-management .tools .tools-but[data-v-5b371074] {
      width: 136px;
      height: 44px;
      background: #3656fd;
      border-radius: 8px 8px 8px 8px;
      border-color: #3656fd;
      font-weight: 400;
      font-size: 14px;
      color: #ffffff;
}
.main-table[data-v-5b371074] {
  background-color: transparent;
  height: calc(100vh - 260px);
  overflow: auto;
}
.main-table[data-v-5b371074]::before {
    height: 0 !important;
}
.main-table[data-v-5b371074] th.is-leaf {
    border-bottom: none !important;
}
.main-table[data-v-5b371074] .el-table__header-wrapper {
    position: sticky;
    top: 0;
    z-index: 2;
}
[data-v-5b371074] .main-table.loading thead::after {
    content: "";
    top: 0;
    left: 0;
    position: absolute;
    height: 2px;
    transition: width 0.3s ease 0s;
    min-width: 33%;
    background: linear-gradient(to right, #1c1d20 0%, #2589FF 50%, #1c1d20 100%);
    animation: move-5b371074 3s ease infinite;
}
.main-table[data-v-5b371074] .el-checkbox__inner {
    width: 18px;
    height: 18px;
    background: #444755;
    border-radius: 3px;
    border: 1px solid #4d5061;
}
.main-table[data-v-5b371074] .el-checkbox__input.is-checked .el-checkbox__inner, .main-table .el-checkbox__input.is-indeterminate .el-checkbox__inner[data-v-5b371074] {
    background-color: #3656FD !important;
    border: 1px solid #3656FD !important;
}
.main-table[data-v-5b371074] .el-checkbox__inner::after {
    height: 9px;
    width: 3px;
    left: 7px;
}
.main-table[data-v-5b371074] .el-checkbox__input.is-indeterminate .el-checkbox__inner::before {
    top: 7px;
}
.main-table[data-v-5b371074] thead {
    position: relative;
    height: 54px;
}
.main-table[data-v-5b371074] thead .cell {
      font-size: 14px;
      font-weight: 500;
      color: #FFFFFF;
      line-height: 20px;
}
.main-table[data-v-5b371074] thead::before {
      content: "";
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      position: absolute;
      background: #1C1D20;
      border-radius: 8px;
      z-index: 0;
}
@keyframes move-5b371074 {
0% {
    transform: translateX(-110%);
}
100% {
    transform: translateX(300%);
}
}
.main-table[data-v-5b371074] td {
    border: none;
}
.main-table[data-v-5b371074] td:hover {
      background: transparent none !important;
}
.main-table[data-v-5b371074] th {
    background: transparent;
    color: #fff !important;
    border: none;
}
.main-table[data-v-5b371074] tr {
    background: transparent !important;
    color: #fff !important;
    height: 54px;
}
.main-table[data-v-5b371074] tr:hover td {
      background: transparent none;
}
.main-table[data-v-5b371074] tr .cell {
      padding-left: 20px;
}
.main-table[data-v-5b371074] .el-table__row {
    position: relative;
    height: 54px;
    border: 12px;
    overflow: hidden;
}
.main-table[data-v-5b371074] .el-table__row .cell {
      font-size: 14px;
      font-weight: 500;
      color: #FFFFFF;
}
.main-table[data-v-5b371074] .el-table__row:hover td {
      background-color: #26272A !important;
}
.main-table[data-v-5b371074] .el-table__row td:nth-child(1) {
      border-radius: 8px 0 0 8px;
}
.main-table[data-v-5b371074] .el-table__row td:nth-last-child(1) {
      border-radius: 0 8px 8px 0;
}
.main-table[data-v-5b371074]::-webkit-scrollbar {
    background-color: transparent;
    width: 3px;
}
.main-table[data-v-5b371074]::-webkit-scrollbar-thumb {
    background-color: rgba(255, 255, 255, 0.43);
    border-radius: 3px;
}
.tools[data-v-5b371074] {
  margin-left: auto;
  display: flex;
}
.tools .search-box[data-v-5b371074] {
    display: flex;
    align-items: center;
    width: 260px;
    height: 33px;
    background: #26272A;
    border-radius: 8px;
    padding: 0 16px;
    box-sizing: border-box;
    margin-right: 20px;
}
.tools .search-box .icon-search[data-v-5b371074] {
      width: 16px;
      height: 16px;
      margin-right: 8px;
}
.tools .search-box[data-v-5b371074] .el-input__inner {
      height: 22px !important;
      background-color: transparent;
      border: none;
      padding: 0;
      color: #fff;
}
.tools .search-box[data-v-5b371074] .el-input__inner::-moz-placeholder {
      font-size: 12px;
      font-weight: 400;
      color: #FFFFFF;
}
.tools .search-box[data-v-5b371074] .el-input__inner::placeholder {
      font-size: 12px;
      font-weight: 400;
      color: #FFFFFF;
}
.tools .btn-add[data-v-5b371074] {
    display: flex;
    align-items: center;
    padding: 0 16rpx;
    height: 33px;
    background: #2589FF;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 600;
    color: #FFFFFF;
}
.tools .btn-add .inner[data-v-5b371074] {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: 100%;
}
.tools .btn-add .icon[data-v-5b371074] {
      height: 15px;
      width: 15px;
      margin-right: 8px;
}
.tools .btn-add .label[data-v-5b371074] {
      font-size: 12px;
      font-weight: 600;
      color: #FFFFFF;
      line-height: 12px;
}
.tools .btn-add[data-v-5b371074]:hover {
      background: #1c6ede;
}
.username-wrapper[data-v-5b371074] {
  display: flex;
  align-items: center;
}
.username-wrapper .avatar[data-v-5b371074] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    background: #6532b7;
    border-radius: 6px;
    margin-right: 10px;
    font-size: 12px;
    font-weight: 400;
    color: #ffffff;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    flex-shrink: 0;
}
.expendable[data-v-5b371074] {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.expendable[data-v-5b371074]:after {
    content: "";
    width: 16px;
    height: 16px;
    margin-left: 2px;
    background-size: contain;
    background-image: url("https://sharespace-app.oss-cn-shenzhen.aliyuncs.com/vreditor/icon/ic_expand_nor.png");
    background-repeat: no-repeat;
}
.pagination-wrapper[data-v-5b371074] {
  max-width: 100%;
  margin: 20px 0;
  text-align: right;
  flex-shrink: 0;
  overflow: hidden;
}
.pagination-wrapper[data-v-5b371074] .el-input__inner {
    background-color: transparent !important;
    border: none !important;
    transition: color 0.2s ease-in-out;
}
.pagination-wrapper[data-v-5b371074] .el-input__inner:hover {
      color: #fff !important;
}
.pagination-wrapper[data-v-5b371074] .btn-prev {
    background-color: transparent !important;
}
.pagination-wrapper[data-v-5b371074] .btn-next {
    background-color: transparent !important;
}
.pagination-wrapper[data-v-5b371074] .el-pager .btn-quicknext,
  .pagination-wrapper[data-v-5b371074] .el-pager .btn-quickprev,
  .pagination-wrapper[data-v-5b371074] .el-pager .number {
    background-color: rgba(121, 121, 121, 0.1) !important;
    color: #fff !important;
}
.pagination-wrapper[data-v-5b371074] .el-pager .btn-quicknext.active,
    .pagination-wrapper[data-v-5b371074] .el-pager .btn-quickprev.active,
    .pagination-wrapper[data-v-5b371074] .el-pager .number.active {
      background-color: #2589FF !important;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.material-management[data-v-4b5f4818] {
  display: flex;
  flex-direction: column;
  height: 100%;
  max-height: 100vh;
  padding: 20px;
  overflow: hidden;
}
.material-management .material-header[data-v-4b5f4818] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}
.material-management .material-header .tabs[data-v-4b5f4818] {
      display: flex;
      gap: 10px;
}
.material-management .material-header .tabs .tab[data-v-4b5f4818] {
        padding: 8px 16px;
        border-radius: 4px;
        cursor: pointer;
        transition: all 0.3s ease;
}
.material-management .material-header .tabs .tab.active[data-v-4b5f4818] {
          background-color: #1e88e5;
          color: white;
}
.material-management .material-header .tabs .tab[data-v-4b5f4818]:hover:not(.active) {
          background-color: rgba(30, 136, 229, 0.1);
}
.material-management .material-header .controls[data-v-4b5f4818] {
      display: flex;
      gap: 20px;
      align-items: center;
}
.material-management .material-header .controls .search-box[data-v-4b5f4818] {
        display: flex;
}
.material-management .material-header .controls .search-box input[data-v-4b5f4818] {
          padding: 8px 12px;
          border: 1px solid #ccc;
          border-radius: 4px 0 0 4px;
          width: 200px;
}
.material-management .material-header .controls .search-box button[data-v-4b5f4818] {
          padding: 8px 16px;
          background-color: #1e88e5;
          color: white;
          border: none;
          border-radius: 0 4px 4px 0;
          cursor: pointer;
}
.material-management .material-header .controls .search-box button[data-v-4b5f4818]:hover {
            background-color: #1976d2;
}
.material-management .material-header .controls .display-options[data-v-4b5f4818] {
        display: flex;
        align-items: center;
        gap: 8px;
}
.material-management .material-header .controls .display-options select[data-v-4b5f4818] {
          padding: 6px;
          border-radius: 4px;
          border: 1px solid #ccc;
}
.material-management .material-content[data-v-4b5f4818] {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}
.material-management .material-content .loading[data-v-4b5f4818], .material-management .material-content .empty-state[data-v-4b5f4818] {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      height: 300px;
}
.material-management .material-content .loading .spinner[data-v-4b5f4818], .material-management .material-content .empty-state .spinner[data-v-4b5f4818] {
        width: 40px;
        height: 40px;
        border: 4px solid rgba(0, 0, 0, 0.1);
        border-radius: 50%;
        border-top-color: #1e88e5;
        animation: spin-4b5f4818 1s ease-in-out infinite;
        margin-bottom: 16px;
}
@keyframes spin-4b5f4818 {
to {
    transform: rotate(360deg);
}
}
.material-management .material-content .loading .empty-icon[data-v-4b5f4818], .material-management .material-content .empty-state .empty-icon[data-v-4b5f4818] {
        font-size: 48px;
        margin-bottom: 16px;
}
.material-management .material-content .material-grid[data-v-4b5f4818] {
      display: grid;
      grid-gap: 20px;
      margin-bottom: 20px;
      overflow-y: auto;
      max-height: calc(100vh - 180px);
}
.material-management .material-content .material-grid .material-item[data-v-4b5f4818] {
        display: flex;
        flex-direction: column;
        border-radius: 8px;
        overflow: hidden;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
        transition: transform 0.2s, box-shadow 0.2s;
        cursor: pointer;
}
.material-management .material-content .material-grid .material-item[data-v-4b5f4818]:hover {
          transform: translateY(-5px);
          box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}
.material-management .material-content .material-grid .material-item .material-thumbnail[data-v-4b5f4818] {
          position: relative;
          height: 150px;
          overflow: hidden;
}
.material-management .material-content .material-grid .material-item .material-thumbnail img[data-v-4b5f4818] {
            width: 100%;
            height: 100%;
            -o-object-fit: cover;
               object-fit: cover;
}
.material-management .material-content .material-grid .material-item .material-thumbnail .video-duration[data-v-4b5f4818] {
            position: absolute;
            bottom: 8px;
            right: 8px;
            background-color: rgba(0, 0, 0, 0.7);
            color: white;
            padding: 2px 6px;
            border-radius: 4px;
            font-size: 12px;
}
.material-management .material-content .material-grid .material-item .material-info[data-v-4b5f4818] {
          padding: 12px;
}
.material-management .material-content .material-grid .material-item .material-info .material-name[data-v-4b5f4818] {
            font-weight: 500;
            margin-bottom: 4px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
}
.material-management .material-content .material-grid .material-item .material-info .material-meta[data-v-4b5f4818] {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-top: 4px;
}
.material-management .material-content .material-grid .material-item .material-info .material-meta .material-dimensions[data-v-4b5f4818] {
              font-size: 12px;
              color: #666;
}
.material-management .material-content .material-grid .material-item .material-info .material-meta .material-author[data-v-4b5f4818] {
              display: flex;
              align-items: center;
              font-size: 12px;
              color: #666;
}
.material-management .material-content .material-grid .material-item .material-info .material-meta .material-author .author-avatar[data-v-4b5f4818] {
                width: 20px;
                height: 20px;
                border-radius: 50%;
                margin-right: 5px;
                -o-object-fit: cover;
                   object-fit: cover;
}
.material-management .material-content .pagination[data-v-4b5f4818] {
      display: flex;
      justify-content: center;
      align-items: center;
      margin-top: auto;
      padding: 10px 0;
      flex-shrink: 0;
}
.material-management .material-content .pagination button[data-v-4b5f4818] {
        padding: 6px 12px;
        background-color: #f5f5f5;
        border: 1px solid #ddd;
        border-radius: 4px;
        cursor: pointer;
}
.material-management .material-content .pagination button[data-v-4b5f4818]:disabled {
          opacity: 0.5;
          cursor: not-allowed;
}
.material-management .material-content .pagination button[data-v-4b5f4818]:not(:disabled):hover {
          background-color: #e0e0e0;
}
.material-management .material-content .pagination .page-numbers[data-v-4b5f4818] {
        display: flex;
        margin: 0 10px;
}
.material-management .material-content .pagination .page-numbers span[data-v-4b5f4818] {
          display: flex;
          align-items: center;
          justify-content: center;
          width: 30px;
          height: 30px;
          margin: 0 5px;
          border-radius: 4px;
          cursor: pointer;
}
.material-management .material-content .pagination .page-numbers span.active[data-v-4b5f4818] {
            background-color: #1e88e5;
            color: white;
}
.material-management .material-content .pagination .page-numbers span[data-v-4b5f4818]:not(.active):hover {
            background-color: #f5f5f5;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.my-project-card[data-v-597447ba] {
  position: relative;
  width: 382px;
  height: 289px;
  background: #26272a;
  border-radius: 12px;
  overflow: hidden;
  cursor: pointer;
  transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
.my-project-card[data-v-597447ba]:hover {
    transform: scale(1.05);
    box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.08);
}
.my-project-card .cover[data-v-597447ba] {
    width: 100%;
    height: 215px;
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 0 0 0px 0px;
    flex-shrink: 0;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
}
.my-project-card .info[data-v-597447ba] {
    position: relative;
    width: 100%;
    height: 74px;
    padding: 16px;
    max-width: 100%;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
}
.my-project-card .info .name[data-v-597447ba] {
      display: block;
      width: 320px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      word-break: break-all;
      font-size: 14px;
      font-weight: 600;
      color: #ffffff;
      line-height: 20px;
      margin-bottom: 8px;
}
.my-project-card .info .other[data-v-597447ba] {
      display: block;
      width: 300px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      word-break: break-all;
      color: #ffffff;
      margin-bottom: 8px;
      font-size: 10px;
      font-weight: 400;
      line-height: 14px;
}
.my-project-card .options[data-v-597447ba] {
    text-align: right;
    font-weight: 400;
    font-size: 12px;
    color: #cdcdcd;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.spantitle[data-v-5d58356e] {
  margin: 22px 0 28px;
  color: #fff;
}
.list[data-v-5d58356e] {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  gap: 30px;
}
.list .item[data-v-5d58356e] {
    width: 100%;
    max-width: 280px;
}
@media screen and (max-width: 600px) {
.list .item[data-v-5d58356e] {
      width: 100%;
      max-width: 100%;
}
}
.narrate-list[data-v-5d58356e] .el-dialog {
  height: calc(100vh - 160px);
  margin: 80px auto;
  background: #191a1d;
  border-radius: 16px 16px 16px 16px;
  overflow: hidden;
}
.narrate-list[data-v-5d58356e] .el-dialog__body {
  padding: 0;
  height: 100%;
}
.narrate-list[data-v-5d58356e] .el-dialog__header {
  padding: 24px 24px 0;
  border-bottom: 1px solid #313235;
}
.narrate-list[data-v-5d58356e] .el-dialog__header .el-dialog__title {
    font-size: 20px;
    font-weight: 600;
    color: #ffffff;
}
.narrate-list .add-narrate[data-v-5d58356e] {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 20px;
}
.narrate-list .btn-cancel[data-v-5d58356e] {
  width: 116px;
  height: 33px;
  background: #2d2e2e;
  border-radius: 8px 8px 8px 8px;
  font-weight: 600;
  font-size: 12px;
  color: #ffffff;
  text-align: center;
  line-height: 33px;
  margin-right: 36px;
}
.narrate-list .empty[data-v-5d58356e] {
  height: 75%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #ffffff;
}
.narrate-list .empty .tools[data-v-5d58356e] {
    margin-top: 10px;
}
.narrate-list-content[data-v-5d58356e] {
  padding: 30px 50px;
}
.narrate-list-content[data-v-5d58356e] .el-table {
    color: #ffffff;
}
.narrate-list-content[data-v-5d58356e] .el-table th,
  .narrate-list-content[data-v-5d58356e] .el-table tr {
    background: #191a1d;
}
.narrate-list-content[data-v-5d58356e] .el-table::before {
    background: #191a1d;
}
.narrate-list-content[data-v-5d58356e] .el-table td,
  .narrate-list-content[data-v-5d58356e] .el-table th.is-leaf {
    border-bottom: none;
    background: #191a1d !important;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
[data-v-3193979e] .el-input__inner {
  font-size: 14px;
  font-weight: 400;
  color: #FFFFFF;
  background: #373942;
  border-radius: 4px;
  border: 1px solid #373942;
}
[data-v-3193979e] .el-textarea__inner {
  font-size: 14px;
  font-weight: 400;
  color: #FFFFFF;
  background: #373942;
  border-radius: 4px;
  padding: 12px;
  border: 1px solid #373942;
}
[data-v-3193979e] .el-textarea .el-textarea__inner {
  resize: none;
}
.dialog-add-company[data-v-3193979e] .el-dialog__title {
  padding: 0;
  color: #fff;
  width: 64px;
  height: 22px;
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
}
.dialog-add-company[data-v-3193979e] .el-dialog__header {
  background: #23252C;
  border-radius: 8px 8px 0px 0px;
  padding: 16px 40px;
}
.dialog-add-company[data-v-3193979e] .el-dialog {
  background: #2E313A;
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  border-radius: 8px;
}
.dialog-add-company[data-v-3193979e] .el-dialog__close {
  color: #aaaaaa;
  font-size: 28px;
}
.dialog-add-company[data-v-3193979e] .el-dialog__headerbtn {
  top: 12px;
}
.dialog-add-company[data-v-3193979e] .el-dialog__body {
  padding: 24px 40px;
}
.dialog-add-company[data-v-3193979e] .el-dialog__footer {
  display: flex;
  width: 100%;
  justify-content: flex-end;
  margin-top: auto;
}
.dialog-add-company .dialog-footer[data-v-3193979e] {
  display: flex;
}
.dialog-add-company .btn-confirm[data-v-3193979e] {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #2589FF;
  width: 116px;
  height: 33px;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 600;
  color: #FFFFFF;
  outline: none;
  border: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  line-height: 12px;
  margin: 0 8px;
}
.dialog-add-company .btn-confirm[data-v-3193979e]:hover {
    background-color: #1e7be2;
}
.dialog-add-company[data-v-3193979e] .el-button.is-loading::before {
  background-color: transparent;
}
.dialog-add-company .btn-cancel[data-v-3193979e] {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #2589FF;
  width: 116px;
  height: 33px;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 600;
  color: #FFFFFF;
  outline: none;
  border: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  line-height: 12px;
  margin: 0 8px;
  background: #26272A;
  color: rgba(255, 255, 255, 0.6);
}
.dialog-add-company .btn-cancel[data-v-3193979e]:hover {
    background-color: #1e7be2;
}
.dialog-add-company .btn-cancel[data-v-3193979e]:hover {
    background: #393c41;
}
.dialog-add-company .btn-cancel[disabled][data-v-3193979e] {
    background: #26272A;
    color: rgba(255, 255, 255, 0.4);
}
.dialog-add-company .form-item .option-select[data-v-3193979e] .el-select-dropdown__list {
  padding: 0;
}
.dialog-add-company .form-item .option-select[data-v-3193979e] .el-input {
  height: 100%;
  width: 100%;
}
.dialog-add-company .form-item .option-select[data-v-3193979e] .el-select-dropdown {
  border: none;
  background: #222326;
  box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.5);
  border-radius: 12px;
  box-sizing: border-box;
  padding: 8px;
}
.dialog-add-company .form-item .option-select[data-v-3193979e] .el-select-dropdown__item {
  display: flex;
  align-items: center;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  width: 100%;
  height: 36px;
  border-radius: 6px;
}
.dialog-add-company .form-item .option-select[data-v-3193979e] .el-select-dropdown__item.hover {
    background: transparent;
}
.dialog-add-company .form-item .option-select[data-v-3193979e] .el-select-dropdown__item:hover {
    background: #2c2d31 !important;
}
.dialog-add-company .form-item .option-select[data-v-3193979e] .el-select-dropdown__item.selected {
    background: #313235;
}
.dialog-add-company .form-item .option-select[data-v-3193979e],
.dialog-add-company .form-item .input[data-v-3193979e] {
  width: 100%;
  height: 45px;
  background: #373942;
  border-radius: 4px;
  padding: 0;
  box-sizing: border-box;
}
.dialog-add-company .form-item .option-select.is-disabled[data-v-3193979e],
  .dialog-add-company .form-item .input.is-disabled[data-v-3193979e] {
    background: transparent !important;
    border: 1px solid #222326 !important;
}
.dialog-add-company .form-item .option-select[data-v-3193979e] .el-input__inner,
  .dialog-add-company .form-item .input[data-v-3193979e] .el-input__inner {
    background: transparent;
    font-size: 14px;
    font-weight: 400;
    height: 100%;
    color: #FFFFFF;
    border: 2px solid transparent;
    padding: 0 12px;
}
.dialog-add-company .form-item .option-select[data-v-3193979e] .el-input__inner::-webkit-input-placeholder,
    .dialog-add-company .form-item .input[data-v-3193979e] .el-input__inner::-webkit-input-placeholder {
      font-size: 14px;
      font-weight: 400;
      color: rgba(255, 255, 255, 0.6);
}
.dialog-add-company .form-item .option-select[data-v-3193979e] .el-input__inner:focus,
    .dialog-add-company .form-item .input[data-v-3193979e] .el-input__inner:focus {
      border: 2px solid #2589FF;
}
.dialog-add-company .subtitle[data-v-3193979e] {
  font-size: 14px;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 20px;
  margin-bottom: 12px;
}
.dialog-add-company .subtitle.required[data-v-3193979e]::after {
    content: "*";
    color: #ff6938;
    margin-left: 2px;
}
.dialog-add-company[data-v-3193979e] .el-dialog__body {
  padding-bottom: 0;
}
.form-item[data-v-3193979e] {
  margin-bottom: 20px;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
[data-v-3e0d57e5] .el-input__inner {
  font-size: 14px;
  font-weight: 400;
  color: #FFFFFF;
  background: #373942;
  border-radius: 4px;
  border: 1px solid #373942;
}
[data-v-3e0d57e5] .el-textarea__inner {
  font-size: 14px;
  font-weight: 400;
  color: #FFFFFF;
  background: #373942;
  border-radius: 4px;
  padding: 12px;
  border: 1px solid #373942;
}
[data-v-3e0d57e5] .el-textarea .el-textarea__inner {
  resize: none;
}
.demo-form-inline[data-v-3e0d57e5] {
  display: flex;
  justify-content: flex-end;
}
.demo-form-inline[data-v-3e0d57e5] .el-button {
    padding: 12px 16px;
}
._page-content[data-v-3e0d57e5] {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  height: 100%;
}
.page-header-left[data-v-3e0d57e5] {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
.page-header-left .select-enterprise[data-v-3e0d57e5] {
    width: auto;
    height: 44px;
    background: rgba(255, 255, 255, 0.03);
    border-radius: 8px 8px 8px 8px;
}
.page-header-left .select-enterprise[data-v-3e0d57e5] .el-input__inner {
      height: 44px;
      border: 1px solid rgba(255, 255, 255, 0.05);
      background: rgba(255, 255, 255, 0.03);
      color: #ffffff;
}
.page-header-left .select-enterprise[data-v-3e0d57e5] .el-input__icon {
      height: 44px;
}
.page-header-left .select-enterprise[data-v-3e0d57e5] .el-input {
      height: 44px;
}
.search-box[data-v-3e0d57e5] {
  display: flex;
  align-items: center;
  width: 260px;
  height: 33px;
  background: #26272A;
  border-radius: 8px;
  padding: 0 16px;
  box-sizing: border-box;
  margin-right: 20px;
}
.search-box .icon-search[data-v-3e0d57e5] {
    width: 16px;
    height: 16px;
    margin-right: 8px;
}
.search-box[data-v-3e0d57e5] .el-input__inner {
    height: 22px !important;
    background-color: transparent;
    border: none;
    padding: 0;
    color: #fff;
}
.search-box[data-v-3e0d57e5] .el-input__inner::-moz-placeholder {
    font-size: 12px;
    font-weight: 400;
    color: #FFFFFF;
}
.search-box[data-v-3e0d57e5] .el-input__inner::placeholder {
    font-size: 12px;
    font-weight: 400;
    color: #FFFFFF;
}
.search-box-quadratic[data-v-3e0d57e5] {
  width: 345px !important;
  height: 44px;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.05) !important;
  border-radius: 8px 8px 8px 8px;
}
.search-box-quadratic .search-input[data-v-3e0d57e5] {
    font-weight: 400;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.6);
    text-align: center;
}
.search-box-quadratic .icon-search-quadratic[data-v-3e0d57e5] {
    width: 20px !important;
    height: 20px !important;
}
.option-select[data-v-3e0d57e5] .el-select-dropdown__list {
  padding: 0;
}
.option-select[data-v-3e0d57e5] .el-input {
  height: 100%;
  width: 100%;
}
.option-select[data-v-3e0d57e5] .el-select-dropdown {
  border: none;
  background: #222326;
  box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.5);
  border-radius: 12px;
  box-sizing: border-box;
  padding: 8px;
}
.option-select[data-v-3e0d57e5] .el-select-dropdown__item {
  display: flex;
  align-items: center;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  width: 100%;
  height: 36px;
  border-radius: 6px;
}
.option-select[data-v-3e0d57e5] .el-select-dropdown__item.hover {
    background: transparent;
}
.option-select[data-v-3e0d57e5] .el-select-dropdown__item:hover {
    background: #2c2d31 !important;
}
.option-select[data-v-3e0d57e5] .el-select-dropdown__item.selected {
    background: #313235;
}
.option-select[data-v-3e0d57e5],
.input[data-v-3e0d57e5] {
  width: 100%;
  height: 45px;
  background: #222326;
  border-radius: 12px;
  padding: 0;
  box-sizing: border-box;
}
.option-select.is-disabled[data-v-3e0d57e5],
  .input.is-disabled[data-v-3e0d57e5] {
    background: transparent !important;
    border: 1px solid #222326 !important;
}
.option-select[data-v-3e0d57e5] .el-input__inner,
  .input[data-v-3e0d57e5] .el-input__inner {
    background: transparent;
    font-size: 14px;
    font-weight: 400;
    height: 100%;
    color: #ffffff;
    border: 2px solid transparent;
    padding: 0 12px;
    border-radius: 12px;
}
.option-select[data-v-3e0d57e5] .el-input__inner::-webkit-input-placeholder,
    .input[data-v-3e0d57e5] .el-input__inner::-webkit-input-placeholder {
      font-size: 14px;
      font-weight: 400;
      color: rgba(255, 255, 255, 0.6);
}
.toolbar[data-v-3e0d57e5] {
  margin-left: auto;
  display: flex;
}
.toolbar .toolbar-button[data-v-3e0d57e5] {
    width: 136px;
    height: 44px;
    background: #3656fd;
    border-radius: 8px;
    border-color: #3656fd;
    font-weight: 400;
    font-size: 14px;
    color: #ffffff;
}
.button-reset[data-v-3e0d57e5] {
  background: rgba(54, 86, 253, 0.3);
  border-radius: 8px 8px 8px 8px;
  border: 1px solid #3656fd;
  padding: 12px;
}
.main-table[data-v-3e0d57e5] {
  flex: 1;
  background-color: transparent;
  overflow: auto;
}
.main-table[data-v-3e0d57e5]::before {
    height: 0 !important;
}
.main-table[data-v-3e0d57e5] th.is-leaf {
    border-bottom: none !important;
}
.main-table[data-v-3e0d57e5] .el-table__header-wrapper {
    position: sticky;
    top: 0;
    z-index: 2;
}
[data-v-3e0d57e5] .main-table.loading thead::after {
    content: "";
    top: 0;
    left: 0;
    position: absolute;
    height: 2px;
    transition: width 0.3s ease 0s;
    min-width: 33%;
    background: linear-gradient(to right, #1c1d20 0%, #2589FF 50%, #1c1d20 100%);
    animation: move-3e0d57e5 3s ease infinite;
}
.main-table[data-v-3e0d57e5] .el-checkbox__inner {
    width: 18px;
    height: 18px;
    background: #444755;
    border-radius: 3px;
    border: 1px solid #4d5061;
}
.main-table[data-v-3e0d57e5] .el-checkbox__input.is-checked .el-checkbox__inner, .main-table .el-checkbox__input.is-indeterminate .el-checkbox__inner[data-v-3e0d57e5] {
    background-color: #3656FD !important;
    border: 1px solid #3656FD !important;
}
.main-table[data-v-3e0d57e5] .el-checkbox__inner::after {
    height: 9px;
    width: 3px;
    left: 7px;
}
.main-table[data-v-3e0d57e5] .el-checkbox__input.is-indeterminate .el-checkbox__inner::before {
    top: 7px;
}
.main-table[data-v-3e0d57e5] thead {
    position: relative;
    height: 54px;
}
.main-table[data-v-3e0d57e5] thead .cell {
      font-size: 14px;
      font-weight: 500;
      color: #FFFFFF;
      line-height: 20px;
}
.main-table[data-v-3e0d57e5] thead::before {
      content: "";
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      position: absolute;
      background: #1C1D20;
      border-radius: 8px;
      z-index: 0;
}
@keyframes move-3e0d57e5 {
0% {
    transform: translateX(-110%);
}
100% {
    transform: translateX(300%);
}
}
.main-table[data-v-3e0d57e5] td {
    border: none;
}
.main-table[data-v-3e0d57e5] td:hover {
      background: transparent none !important;
}
.main-table[data-v-3e0d57e5] th {
    background: transparent;
    color: #fff !important;
    border: none;
}
.main-table[data-v-3e0d57e5] tr {
    background: transparent !important;
    color: #fff !important;
    height: 54px;
}
.main-table[data-v-3e0d57e5] tr:hover td {
      background: transparent none;
}
.main-table[data-v-3e0d57e5] tr .cell {
      padding-left: 20px;
}
.main-table[data-v-3e0d57e5] .el-table__row {
    position: relative;
    height: 54px;
    border: 12px;
    overflow: hidden;
}
.main-table[data-v-3e0d57e5] .el-table__row .cell {
      font-size: 14px;
      font-weight: 500;
      color: #FFFFFF;
}
.main-table[data-v-3e0d57e5] .el-table__row:hover td {
      background-color: #26272A !important;
}
.main-table[data-v-3e0d57e5] .el-table__row td:nth-child(1) {
      border-radius: 8px 0 0 8px;
}
.main-table[data-v-3e0d57e5] .el-table__row td:nth-last-child(1) {
      border-radius: 0 8px 8px 0;
}
.main-table[data-v-3e0d57e5]::-webkit-scrollbar {
    background-color: transparent;
    width: 3px;
}
.main-table[data-v-3e0d57e5]::-webkit-scrollbar-thumb {
    background-color: rgba(255, 255, 255, 0.43);
    border-radius: 3px;
}
.pagination-wrapper[data-v-3e0d57e5] {
  max-width: 100%;
  margin: 20px 0;
  text-align: right;
  flex-shrink: 0;
  overflow: hidden;
}
.pagination-wrapper[data-v-3e0d57e5] .el-input__inner {
    background-color: transparent !important;
    border: none !important;
    transition: color 0.2s ease-in-out;
}
.pagination-wrapper[data-v-3e0d57e5] .el-input__inner:hover {
      color: #fff !important;
}
.pagination-wrapper[data-v-3e0d57e5] .btn-prev {
    background-color: transparent !important;
}
.pagination-wrapper[data-v-3e0d57e5] .btn-next {
    background-color: transparent !important;
}
.pagination-wrapper[data-v-3e0d57e5] .el-pager .btn-quicknext,
  .pagination-wrapper[data-v-3e0d57e5] .el-pager .btn-quickprev,
  .pagination-wrapper[data-v-3e0d57e5] .el-pager .number {
    background-color: rgba(121, 121, 121, 0.1) !important;
    color: #fff !important;
}
.pagination-wrapper[data-v-3e0d57e5] .el-pager .btn-quicknext.active,
    .pagination-wrapper[data-v-3e0d57e5] .el-pager .btn-quickprev.active,
    .pagination-wrapper[data-v-3e0d57e5] .el-pager .number.active {
      background-color: #2589FF !important;
}
[data-v-3e0d57e5] .el-checkbox {
  line-height: 50px;
}
[data-v-3e0d57e5] .el-form .el-form-item__label {
  color: #000;
}
[data-v-3e0d57e5] .el-form-item {
  display: flex;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.demo-form-inline[data-v-73951a82] {
  display: flex;
}
.demo-form-inline[data-v-73951a82] .el-button {
    padding: 12px 16px;
    border: 0;
}
.success[data-v-73951a82] {
  width: 88px;
  height: 32px;
  background: #1d9e2c;
  border-radius: 16px 16px 16px 16px;
  border: 1px solid #3ec34e;
  text-align: center;
  line-height: 32px;
  font-weight: 500;
  font-size: 16px;
  color: #ffffff;
}
.file[data-v-73951a82] {
  width: 88px;
  height: 32px;
  background: #5b5b5b;
  border-radius: 16px 16px 16px 16px;
  border: 1px solid #5b5b5b;
  text-align: center;
  line-height: 32px;
  font-weight: 500;
  font-size: 16px;
  color: #ffffff;
}
.components-dialog[data-v-73951a82] .el-dialog {
  width: 1200px;
  background: #2e313a;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  border-radius: 8px 8px 8px 8px;
}
.components-dialog[data-v-73951a82] .el-input,
.components-dialog[data-v-73951a82] .el-input__inner {
  color: #fff;
}
.components-dialog[data-v-73951a82] .el-dialog__header {
  height: 64px;
  background: #23252c;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.components-dialog[data-v-73951a82] .el-dialog__title {
  color: #fff;
}
.components-dialog[data-v-73951a82] .el-dialog__footer {
  margin-right: 50px;
}
.components-dialog[data-v-73951a82] .el-dialog__headerbtn,
.components-dialog[data-v-73951a82] .el-dialog__close {
  position: inherit;
  font-size: 24px;
  color: #fff;
}
.components-dialog[data-v-73951a82] .w-e-bar-divider {
  background: rgba(255, 255, 255, 0.25);
}
.components-dialog[data-v-73951a82] .w-e-bar-item button:hover {
  background: #3656fd;
  color: #fff;
}
.components-dialog[data-v-73951a82] .w-e-bar-item-menus-container {
  background: rgba(255, 255, 255, 0.1) !important;
}
.components-dialog[data-v-73951a82] .w-e-select-list .selected {
  background: #3656fd;
}
.components-dialog[data-v-73951a82] .w-e-select-list li:hover {
  background: #3656fd;
  color: #fff;
}
.components-dialog .closeBtn[data-v-73951a82] {
  width: 120px;
  height: 40px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 4px 4px 4px 4px;
  font-weight: 400;
  font-size: 14px;
  color: #ffffff;
  line-height: 20px;
  text-align: center;
}
.components-dialog .saveBtn[data-v-73951a82] {
  width: 120px;
  height: 40px;
  background: #3656fd;
  border-radius: 4px 4px 4px 4px;
  font-weight: 400;
  font-size: 14px;
  color: #ffffff;
  line-height: 20px;
  text-align: center;
}
.form[data-v-73951a82] {
  margin: 0 50px;
}
.form[data-v-73951a82] .el-date-editor {
    width: 100%;
}
.form[data-v-73951a82] .el-input__inner {
    background: #404249;
    border: 0;
}
.main-table[data-v-73951a82] {
  background-color: transparent;
  overflow: auto;
}
.main-table[data-v-73951a82]::before {
    height: 0 !important;
}
.main-table[data-v-73951a82] th.is-leaf {
    border-bottom: none !important;
}
.main-table[data-v-73951a82] .el-table__header-wrapper {
    position: sticky;
    top: 0;
    z-index: 1;
}
[data-v-73951a82] .main-table.loading thead::after {
    content: "";
    top: 0;
    left: 0;
    position: absolute;
    height: 2px;
    transition: width 0.3s ease 0s;
    min-width: 33%;
    background: linear-gradient(to right, #1c1d20 0%, #2589FF 50%, #1c1d20 100%);
    animation: move-73951a82 3s ease infinite;
}
.main-table[data-v-73951a82] thead {
    position: relative;
    height: 54px;
}
.main-table[data-v-73951a82] thead .cell {
      font-size: 14px;
      font-weight: 500;
      color: #FFFFFF;
      line-height: 20px;
}
.main-table[data-v-73951a82] thead::before {
      content: "";
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      position: absolute;
      background: #1C1D20;
      border-radius: 8px;
      z-index: 0;
}
@keyframes move-73951a82 {
0% {
    transform: translateX(-110%);
}
100% {
    transform: translateX(300%);
}
}
.main-table[data-v-73951a82] td {
    border: none;
}
.main-table[data-v-73951a82] td:hover {
      background: transparent none !important;
}
.main-table[data-v-73951a82] th {
    background: transparent;
    color: #fff !important;
    border: none;
}
.main-table[data-v-73951a82] tr {
    background: transparent !important;
    color: #fff !important;
    height: 54px;
}
.main-table[data-v-73951a82] tr:hover td {
      background: transparent none;
}
.main-table[data-v-73951a82] tr .cell {
      padding-left: 20px;
}
.main-table[data-v-73951a82] .el-table__row {
    position: relative;
    height: 54px;
    border: 12px;
    overflow: hidden;
}
.main-table[data-v-73951a82] .el-table__row .cell {
      font-size: 14px;
      font-weight: 500;
      color: #FFFFFF;
}
.main-table[data-v-73951a82] .el-table__row:hover td {
      background-color: #26272A !important;
}
.main-table[data-v-73951a82] .el-table__row td:nth-child(1) {
      border-radius: 8px 0 0 8px;
}
.main-table[data-v-73951a82] .el-table__row td:nth-last-child(1) {
      border-radius: 0 8px 8px 0;
}
.main-table[data-v-73951a82]::-webkit-scrollbar {
    background-color: transparent;
    width: 3px;
}
.main-table[data-v-73951a82]::-webkit-scrollbar-thumb {
    background-color: rgba(255, 255, 255, 0.43);
    border-radius: 3px;
}
.pagination-wrapper[data-v-73951a82] {
  max-width: 100%;
  margin: 20px 0;
  text-align: right;
  flex-shrink: 0;
  overflow: hidden;
}
.pagination-wrapper[data-v-73951a82] .el-input__inner {
    background-color: transparent !important;
    border: none !important;
    transition: color 0.2s ease-in-out;
}
.pagination-wrapper[data-v-73951a82] .el-input__inner:hover {
      color: #fff !important;
}
.pagination-wrapper[data-v-73951a82] .btn-prev {
    background-color: transparent !important;
}
.pagination-wrapper[data-v-73951a82] .btn-next {
    background-color: transparent !important;
}
.pagination-wrapper[data-v-73951a82] .el-pager .btn-quicknext,
  .pagination-wrapper[data-v-73951a82] .el-pager .btn-quickprev,
  .pagination-wrapper[data-v-73951a82] .el-pager .number {
    background-color: rgba(121, 121, 121, 0.1) !important;
    color: #fff !important;
}
.pagination-wrapper[data-v-73951a82] .el-pager .btn-quicknext.active,
    .pagination-wrapper[data-v-73951a82] .el-pager .btn-quickprev.active,
    .pagination-wrapper[data-v-73951a82] .el-pager .number.active {
      background-color: #2589FF !important;
}
[data-v-73951a82] .el-button--primary {
  background: #3656fd;
}
[data-v-73951a82] .w-e-text-container {
  background: #404249;
  color: #fff;
}
[data-v-73951a82] .w-e-bar,[data-v-73951a82] .w-e-select-list,[data-v-73951a82] .w-e-bar-item-menus-container {
  background: #4d5059;
  color: #fff;
}
[data-v-73951a82] .w-e-bar-item button,[data-v-73951a82] .w-e-bar svg {
  color: #fff;
  fill: #fff;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.pl40[data-v-45b2acf6] {
  padding-left: 44px;
}
.pl44[data-v-45b2acf6] {
  padding-left: 44px;
  position: relative;
}
.pl44[data-v-45b2acf6]::before {
    content: "";
    position: absolute;
    top: 25px;
    left: 19px;
    width: 6px;
    height: 6px;
    background: #ffffff;
    border-radius: 50%;
    transition: background 0.3s ease;
}
.details[data-v-45b2acf6] {
  display: flex;
  height: 100%;
}
.details .details_left[data-v-45b2acf6] {
    width: 306px;
    height: 100%;
    background: #292b34;
    border-radius: 0px 0px 0px 0px;
    padding: 20px 34px;
    overflow-y: scroll;
}
.details .details_left .item[data-v-45b2acf6] {
      width: 100%;
      height: 56px;
      border-radius: 0px 0px 0px 0px;
      font-weight: 400;
      font-size: 16px;
      color: #ffffff;
      line-height: 56px;
      cursor: pointer;
      transition: all 0.3s ease;
}
.details .details_left .item[data-v-45b2acf6]:hover {
        background: rgba(68, 71, 86, 0.5);
}
.details .details_left .active[data-v-45b2acf6] {
      background: #444756;
      border-radius: 8px 8px 8px 8px;
}
.details .details_left .active.pl44[data-v-45b2acf6]::before {
        background: #90a2ff;
}
.details .details_right[data-v-45b2acf6] {
    width: calc(100% - 306px);
    overflow-y: scroll;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px 0;
    scroll-behavior: smooth;
}
.details .details_right .right_title[data-v-45b2acf6] {
      font-weight: 400;
      font-size: 49px;
      color: #90a2ff;
      margin-bottom: 16px;
}
.details .details_right .right_title span[data-v-45b2acf6] {
        color: #fff;
}
.details .details_right .right_span[data-v-45b2acf6] {
      font-weight: 600;
      font-size: 24px;
      color: #ffffff;
      line-height: 48px;
      margin-bottom: 20px;
}
.details .right_cont[data-v-45b2acf6] {
    margin: 0 250px 0;
    width: calc(100% - 500px);
}
.details .right_cont .cont_item[data-v-45b2acf6] {
      margin-top: 48px;
      scroll-margin-top: 20px;
}
.details .right_cont .cont_item .item_title[data-v-45b2acf6] {
        font-weight: 600;
        font-size: 24px;
        color: #ffffff;
        line-height: 48px;
        margin-bottom: 12px;
}
.details .right_cont .cont_item .item_time[data-v-45b2acf6] {
        font-weight: 600;
        font-size: 16px;
        color: #ffffff;
        line-height: 32px;
}
.details .right_cont .cont_item .item_cont[data-v-45b2acf6] {
        width: 100%;
        height: auto;
        font-weight: 400;
        font-size: 16px;
        color: #ffffff;
        line-height: 32px;
}
.details .right_cont .cont_item[data-v-45b2acf6]:first-child {
      margin-top: 0;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
[data-v-78e6cfb0] .el-input__inner {
  font-size: 14px;
  font-weight: 400;
  color: #FFFFFF;
  background: #373942;
  border-radius: 4px;
  border: 1px solid #373942;
}
[data-v-78e6cfb0] .el-textarea__inner {
  font-size: 14px;
  font-weight: 400;
  color: #FFFFFF;
  background: #373942;
  border-radius: 4px;
  padding: 12px;
  border: 1px solid #373942;
}
[data-v-78e6cfb0] .el-textarea .el-textarea__inner {
  resize: none;
}
.option-select[data-v-78e6cfb0] .el-tag.el-tag--info {
  background-color: #373942;
  border-radius: 4px 4px 4px 4px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  color: #fff;
}
.option-select[data-v-78e6cfb0] .el-tag__close.el-icon-close {
  color: #fff !important;
}
.dialog-add-company[data-v-78e6cfb0] .el-dialog__title {
  padding: 0;
  color: #fff;
  width: 64px;
  height: 22px;
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
}
.dialog-add-company[data-v-78e6cfb0] .el-dialog__header {
  background: #23252C;
  border-radius: 8px 8px 0px 0px;
  padding: 16px 40px;
}
.dialog-add-company[data-v-78e6cfb0] .el-dialog {
  background: #2E313A;
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  border-radius: 8px;
}
.dialog-add-company[data-v-78e6cfb0] .el-dialog__close {
  color: #aaaaaa;
  font-size: 28px;
}
.dialog-add-company[data-v-78e6cfb0] .el-dialog__headerbtn {
  top: 12px;
}
.dialog-add-company[data-v-78e6cfb0] .el-dialog__body {
  padding: 24px 40px;
}
.dialog-add-company[data-v-78e6cfb0] .el-dialog__footer {
  display: flex;
  width: 100%;
  justify-content: flex-end;
  margin-top: auto;
}
.dialog-add-company .dialog-footer[data-v-78e6cfb0] {
  display: flex;
}
.dialog-add-company .btn-confirm[data-v-78e6cfb0] {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #2589FF;
  width: 116px;
  height: 33px;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 600;
  color: #FFFFFF;
  outline: none;
  border: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  line-height: 12px;
  margin: 0 8px;
}
.dialog-add-company .btn-confirm[data-v-78e6cfb0]:hover {
    background-color: #1e7be2;
}
.dialog-add-company[data-v-78e6cfb0] .el-button.is-loading::before {
  background-color: transparent;
}
.dialog-add-company .btn-cancel[data-v-78e6cfb0] {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #2589FF;
  width: 116px;
  height: 33px;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 600;
  color: #FFFFFF;
  outline: none;
  border: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  line-height: 12px;
  margin: 0 8px;
  background: #26272A;
  color: rgba(255, 255, 255, 0.6);
}
.dialog-add-company .btn-cancel[data-v-78e6cfb0]:hover {
    background-color: #1e7be2;
}
.dialog-add-company .btn-cancel[data-v-78e6cfb0]:hover {
    background: #393c41;
}
.dialog-add-company .btn-cancel[disabled][data-v-78e6cfb0] {
    background: #26272A;
    color: rgba(255, 255, 255, 0.4);
}
.dialog-add-company .form-item .option-select[data-v-78e6cfb0] .el-select-dropdown__list {
  padding: 0;
}
.dialog-add-company .form-item .option-select[data-v-78e6cfb0] .el-input {
  height: 100%;
  width: 100%;
}
.dialog-add-company .form-item .option-select[data-v-78e6cfb0] .el-select-dropdown {
  border: none;
  background: #222326;
  box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.5);
  border-radius: 12px;
  box-sizing: border-box;
  padding: 8px;
}
.dialog-add-company .form-item .option-select[data-v-78e6cfb0] .el-select-dropdown__item {
  display: flex;
  align-items: center;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  width: 100%;
  height: 36px;
  border-radius: 6px;
}
.dialog-add-company .form-item .option-select[data-v-78e6cfb0] .el-select-dropdown__item.hover {
    background: transparent;
}
.dialog-add-company .form-item .option-select[data-v-78e6cfb0] .el-select-dropdown__item:hover {
    background: #2c2d31 !important;
}
.dialog-add-company .form-item .option-select[data-v-78e6cfb0] .el-select-dropdown__item.selected {
    background: #313235;
}
.dialog-add-company .form-item .option-select[data-v-78e6cfb0],
.dialog-add-company .form-item .input[data-v-78e6cfb0] {
  width: 100%;
  height: 45px;
  background: #373942;
  border-radius: 4px;
  padding: 0;
  box-sizing: border-box;
}
.dialog-add-company .form-item .option-select.is-disabled[data-v-78e6cfb0],
  .dialog-add-company .form-item .input.is-disabled[data-v-78e6cfb0] {
    background: transparent !important;
    border: 1px solid #222326 !important;
}
.dialog-add-company .form-item .option-select[data-v-78e6cfb0] .el-input__inner,
  .dialog-add-company .form-item .input[data-v-78e6cfb0] .el-input__inner {
    background: transparent;
    font-size: 14px;
    font-weight: 400;
    height: 100%;
    color: #FFFFFF;
    border: 2px solid transparent;
    padding: 0 12px;
}
.dialog-add-company .form-item .option-select[data-v-78e6cfb0] .el-input__inner::-webkit-input-placeholder,
    .dialog-add-company .form-item .input[data-v-78e6cfb0] .el-input__inner::-webkit-input-placeholder {
      font-size: 14px;
      font-weight: 400;
      color: rgba(255, 255, 255, 0.6);
}
.dialog-add-company .form-item .option-select[data-v-78e6cfb0] .el-input__inner:focus,
    .dialog-add-company .form-item .input[data-v-78e6cfb0] .el-input__inner:focus {
      border: 2px solid #2589FF;
}
.dialog-add-company .subtitle[data-v-78e6cfb0] {
  font-size: 14px;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 20px;
  margin-bottom: 12px;
}
.dialog-add-company .subtitle.required[data-v-78e6cfb0]::after {
    content: "*";
    color: #ff6938;
    margin-left: 2px;
}
.dialog-add-company[data-v-78e6cfb0] .el-dialog__body {
  padding-bottom: 0;
}
.dialog-add-company[data-v-78e6cfb0] .el-dialog__close {
  font-size: 24px;
  color: #fff;
}
.btn[data-v-78e6cfb0] {
  width: 130px !important;
  height: 40px !important;
  font-size: 14px !important;
}
.btn-cancel[data-v-78e6cfb0] {
  background: #43464e !important;
}
.form-item[data-v-78e6cfb0] {
  margin-bottom: 20px;
}
.information_input[data-v-78e6cfb0] {
  height: 44px;
  background: #373942;
  border-radius: 4px 4px 4px 4px;
}
.information_input[data-v-78e6cfb0] .el-input__inner {
    background: #373942 !important;
    border: 0;
    height: 44px;
    line-height: 44px;
    border-radius: 4px;
    color: #fff !important;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
[data-v-136b3ca2] .el-input__inner {
  font-size: 14px;
  font-weight: 400;
  color: #FFFFFF;
  background: #373942;
  border-radius: 4px;
  border: 1px solid #373942;
}
[data-v-136b3ca2] .el-textarea__inner {
  font-size: 14px;
  font-weight: 400;
  color: #FFFFFF;
  background: #373942;
  border-radius: 4px;
  padding: 12px;
  border: 1px solid #373942;
}
[data-v-136b3ca2] .el-textarea .el-textarea__inner {
  resize: none;
}
.option-select[data-v-136b3ca2] .el-tag.el-tag--info {
  background-color: #373942;
  border-radius: 4px 4px 4px 4px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  color: #fff;
}
.option-select[data-v-136b3ca2] .el-tag__close.el-icon-close {
  color: #fff !important;
}
.dialog-add-company[data-v-136b3ca2] .el-dialog__title {
  padding: 0;
  color: #fff;
  width: 64px;
  height: 22px;
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
}
.dialog-add-company[data-v-136b3ca2] .el-dialog__header {
  background: #23252C;
  border-radius: 8px 8px 0px 0px;
  padding: 16px 40px;
}
.dialog-add-company[data-v-136b3ca2] .el-dialog {
  background: #2E313A;
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  border-radius: 8px;
}
.dialog-add-company[data-v-136b3ca2] .el-dialog__close {
  color: #aaaaaa;
  font-size: 28px;
}
.dialog-add-company[data-v-136b3ca2] .el-dialog__headerbtn {
  top: 12px;
}
.dialog-add-company[data-v-136b3ca2] .el-dialog__body {
  padding: 24px 40px;
}
.dialog-add-company[data-v-136b3ca2] .el-dialog__footer {
  display: flex;
  width: 100%;
  justify-content: flex-end;
  margin-top: auto;
}
.dialog-add-company .dialog-footer[data-v-136b3ca2] {
  display: flex;
}
.dialog-add-company .btn-confirm[data-v-136b3ca2] {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #2589FF;
  width: 116px;
  height: 33px;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 600;
  color: #FFFFFF;
  outline: none;
  border: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  line-height: 12px;
  margin: 0 8px;
}
.dialog-add-company .btn-confirm[data-v-136b3ca2]:hover {
    background-color: #1e7be2;
}
.dialog-add-company[data-v-136b3ca2] .el-button.is-loading::before {
  background-color: transparent;
}
.dialog-add-company .btn-cancel[data-v-136b3ca2] {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #2589FF;
  width: 116px;
  height: 33px;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 600;
  color: #FFFFFF;
  outline: none;
  border: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  line-height: 12px;
  margin: 0 8px;
  background: #26272A;
  color: rgba(255, 255, 255, 0.6);
}
.dialog-add-company .btn-cancel[data-v-136b3ca2]:hover {
    background-color: #1e7be2;
}
.dialog-add-company .btn-cancel[data-v-136b3ca2]:hover {
    background: #393c41;
}
.dialog-add-company .btn-cancel[disabled][data-v-136b3ca2] {
    background: #26272A;
    color: rgba(255, 255, 255, 0.4);
}
.dialog-add-company .form-item .option-select[data-v-136b3ca2] .el-select-dropdown__list {
  padding: 0;
}
.dialog-add-company .form-item .option-select[data-v-136b3ca2] .el-input {
  height: 100%;
  width: 100%;
}
.dialog-add-company .form-item .option-select[data-v-136b3ca2] .el-select-dropdown {
  border: none;
  background: #222326;
  box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.5);
  border-radius: 12px;
  box-sizing: border-box;
  padding: 8px;
}
.dialog-add-company .form-item .option-select[data-v-136b3ca2] .el-select-dropdown__item {
  display: flex;
  align-items: center;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  width: 100%;
  height: 36px;
  border-radius: 6px;
}
.dialog-add-company .form-item .option-select[data-v-136b3ca2] .el-select-dropdown__item.hover {
    background: transparent;
}
.dialog-add-company .form-item .option-select[data-v-136b3ca2] .el-select-dropdown__item:hover {
    background: #2c2d31 !important;
}
.dialog-add-company .form-item .option-select[data-v-136b3ca2] .el-select-dropdown__item.selected {
    background: #313235;
}
.dialog-add-company .form-item .option-select[data-v-136b3ca2],
.dialog-add-company .form-item .input[data-v-136b3ca2] {
  width: 100%;
  height: 45px;
  background: #373942;
  border-radius: 4px;
  padding: 0;
  box-sizing: border-box;
}
.dialog-add-company .form-item .option-select.is-disabled[data-v-136b3ca2],
  .dialog-add-company .form-item .input.is-disabled[data-v-136b3ca2] {
    background: transparent !important;
    border: 1px solid #222326 !important;
}
.dialog-add-company .form-item .option-select[data-v-136b3ca2] .el-input__inner,
  .dialog-add-company .form-item .input[data-v-136b3ca2] .el-input__inner {
    background: transparent;
    font-size: 14px;
    font-weight: 400;
    height: 100%;
    color: #FFFFFF;
    border: 2px solid transparent;
    padding: 0 12px;
}
.dialog-add-company .form-item .option-select[data-v-136b3ca2] .el-input__inner::-webkit-input-placeholder,
    .dialog-add-company .form-item .input[data-v-136b3ca2] .el-input__inner::-webkit-input-placeholder {
      font-size: 14px;
      font-weight: 400;
      color: rgba(255, 255, 255, 0.6);
}
.dialog-add-company .form-item .option-select[data-v-136b3ca2] .el-input__inner:focus,
    .dialog-add-company .form-item .input[data-v-136b3ca2] .el-input__inner:focus {
      border: 2px solid #2589FF;
}
.dialog-add-company .subtitle[data-v-136b3ca2] {
  font-size: 14px;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 20px;
  margin-bottom: 12px;
}
.dialog-add-company .subtitle.required[data-v-136b3ca2]::after {
    content: "*";
    color: #ff6938;
    margin-left: 2px;
}
.dialog-add-company[data-v-136b3ca2] .el-dialog__body {
  padding-bottom: 0;
}
.dialog-add-company[data-v-136b3ca2] .el-dialog__close {
  font-size: 24px;
  color: #fff;
}
.input-group[data-v-136b3ca2] {
  position: relative;
}
.input-group .prompt-text[data-v-136b3ca2] {
    position: absolute;
    right: 16px;
    bottom: 13px;
    font-family: PingFang SC, PingFang SC;
    font-weight: 400;
    font-size: 12px;
}
.btn[data-v-136b3ca2] {
  width: 130px !important;
  height: 40px !important;
  font-size: 14px !important;
}
.btn-cancel[data-v-136b3ca2] {
  background: #43464e !important;
}
.form-item[data-v-136b3ca2] {
  margin-bottom: 20px;
}
[data-v-136b3ca2] .el-input.is-disabled .el-input__inner {
  border: 1px solid #373942 !important;
  border-radius: 4px !important;
}
.information_input[data-v-136b3ca2] {
  height: 44px;
  background: #373942;
  border-radius: 4px 4px 4px 4px;
}
.information_input[data-v-136b3ca2] .el-input__inner {
    background: #373942 !important;
    border: 0;
    height: 44px;
    line-height: 44px;
    border-radius: 4px;
    color: #fff !important;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.dropdown[data-v-5178388e] {
  width: 140px;
  background: #464856 !important;
  border-radius: 16px 16px 16px 16px;
  padding: 12px;
}
.dropdown .dropdown_item[data-v-5178388e] {
    width: 116px;
    height: 36px;
    border-radius: 8px 8px 8px 8px;
    font-weight: 400;
    font-size: 14px;
    color: #ffffff;
    text-align: left !important;
    line-height: 36px;
    padding-left: 20px !important;
}
.dropdown .dropdown_item[data-v-5178388e]:hover {
      background: #3656fd;
}
.selecr[data-v-5178388e] {
  display: flex;
  font-weight: 400;
  font-size: 14px;
  color: #ffffff;
  align-items: center;
  cursor: pointer;
}
.selecr img[data-v-5178388e] {
    width: 22px;
    height: 22px;
    margin-left: 8px;
}
.pagination-wrapper[data-v-5178388e] {
  max-width: 100%;
  margin: 20px 0;
  text-align: right;
  flex-shrink: 0;
  overflow: hidden;
}
.pagination-wrapper[data-v-5178388e] .el-input__inner {
    background-color: transparent !important;
    border: none !important;
    transition: color 0.2s ease-in-out;
}
.pagination-wrapper[data-v-5178388e] .el-input__inner:hover {
      color: #fff !important;
}
.pagination-wrapper[data-v-5178388e] .btn-prev {
    background-color: transparent !important;
}
.pagination-wrapper[data-v-5178388e] .btn-next {
    background-color: transparent !important;
}
.pagination-wrapper[data-v-5178388e] .el-pager .btn-quicknext,
  .pagination-wrapper[data-v-5178388e] .el-pager .btn-quickprev,
  .pagination-wrapper[data-v-5178388e] .el-pager .number {
    background-color: rgba(121, 121, 121, 0.1) !important;
    color: #fff !important;
}
.pagination-wrapper[data-v-5178388e] .el-pager .btn-quicknext.active,
    .pagination-wrapper[data-v-5178388e] .el-pager .btn-quickprev.active,
    .pagination-wrapper[data-v-5178388e] .el-pager .number.active {
      background-color: #2589FF !important;
}
.user-details-container[data-v-5178388e] {
  width: 1212px;
  padding-top: 24px;
  margin: 0 auto;
  font-family: PingFang SC, PingFang SC;
  color: #ffffff;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.user-details-container .team_btn[data-v-5178388e] {
    width: 108px !important;
}
.user-details-container .imgs[data-v-5178388e] {
    width: 100%;
}
.user-details-container .tools-but[data-v-5178388e] {
    height: 44px;
    background: #3656fd;
    border-radius: 8px 8px 8px 8px;
    border-color: #3656fd;
    font-weight: 400;
    font-size: 14px;
    color: #ffffff;
}
.user-details-container .details_cont[data-v-5178388e] {
    width: 100%;
    background: #2e313a;
    border-radius: 16px;
    padding: 24px 32px 12px;
}
.user-details-container .details_cont .details_title[data-v-5178388e] {
      font-weight: 600;
      font-size: 18px;
      color: #ffffff;
}
.user-details-container .details_cont .info-form[data-v-5178388e] {
      margin-top: 20px;
}
.user-details-container .details_cont .form-item[data-v-5178388e] {
      margin-bottom: 20px;
}
.user-details-container .details_cont .form-item .info-form-label[data-v-5178388e] {
        font-weight: 600;
        font-size: 14px;
        margin-bottom: 8px;
}
.user-details-container .details_cont .form-item .information_input[data-v-5178388e] {
        width: 100%;
        height: 45px;
        background: #373942;
        border-radius: 4px;
        padding: 0;
        box-sizing: border-box;
}
.user-details-container .details_cont .form-item .information_input.is-disabled[data-v-5178388e] {
          background: transparent !important;
          border: 1px solid #373942 !important;
}
.user-details-container .details_cont .form-item .information_input[data-v-5178388e] .el-input__inner {
          background: transparent;
          font-size: 14px;
          font-weight: 400;
          height: 100%;
          color: #ffffff;
          border: 2px solid transparent;
          padding: 0 12px;
          border-radius: 4px;
}
.user-details-container .details_cont .form-item .information_input[data-v-5178388e] .el-input__inner::-webkit-input-placeholder {
            font-size: 14px;
            font-weight: 400;
            color: rgba(255, 255, 255, 0.6);
}
.user-details-container .details_cont .form-item .original_input[data-v-5178388e] .el-input__inner {
        background: #373942 !important;
}
[data-v-5178388e] .el-tabs__item {
  padding-right: 40px !important;
  font-size: 16px !important;
  height: 30px !important;
  line-height: 30px !important;
  background: inherit !important;
}
[data-v-5178388e] .el-tabs__item.is-active {
    border: 0 !important;
    color: #fff !important;
}
[data-v-5178388e] .el-tabs__active-bar {
  background: #3656fd;
}
.team-wrapper[data-v-5178388e] {
  margin-top: 16px;
}
.user-card[data-v-5178388e] {
  background: #464856;
  border-radius: 16px 16px 16px 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.user-card .card_item[data-v-5178388e] {
    width: 116px;
    height: 36px;
    background: #464856;
    border-radius: 8px;
    padding-left: 20px;
    line-height: 36px;
    font-weight: 400;
    font-size: 14px;
    color: #fff;
    margin-top: 4px;
    cursor: pointer;
}
.user-card .card_item[data-v-5178388e]:hover {
      background: #3656fd;
      color: #ffffff;
}
.dot[data-v-5178388e] {
  width: 24px;
  height: 24px;
}
.team-list[data-v-5178388e] {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
}
.team-list .team_title[data-v-5178388e] {
    font-weight: 600;
    font-size: 20px;
    color: #ffffff;
}
.team-list .team_btn[data-v-5178388e] {
    cursor: pointer;
    width: 136px;
    height: 44px;
    background: #3656fd;
    border-radius: 8px 8px 8px 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 400;
    font-size: 14px;
    color: #ffffff;
}
.main-table[data-v-5178388e] {
  background-color: transparent;
}
.main-table[data-v-5178388e]::before {
    height: 0 !important;
}
.main-table[data-v-5178388e] th.is-leaf {
    border-bottom: none !important;
}
.main-table[data-v-5178388e] .el-table__header-wrapper {
    position: sticky;
    top: 0;
    z-index: 1;
}
[data-v-5178388e] .main-table.loading thead::after {
    content: "";
    top: 0;
    left: 0;
    position: absolute;
    height: 2px;
    transition: width 0.3s ease 0s;
    min-width: 33%;
    background: linear-gradient(to right, #1c1d20 0%, #2589FF 50%, #1c1d20 100%);
    animation: move-5178388e 3s ease infinite;
}
.main-table[data-v-5178388e] thead {
    position: relative;
    height: 54px;
}
.main-table[data-v-5178388e] thead .cell {
      font-size: 14px;
      font-weight: 500;
      color: #FFFFFF;
      line-height: 20px;
}
.main-table[data-v-5178388e] thead::before {
      content: "";
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      position: absolute;
      background: #1C1D20;
      border-radius: 8px;
      z-index: 0;
}
@keyframes move-5178388e {
0% {
    transform: translateX(-110%);
}
100% {
    transform: translateX(300%);
}
}
.main-table[data-v-5178388e] td {
    border: none;
}
.main-table[data-v-5178388e] td:hover {
      background: transparent none !important;
}
.main-table[data-v-5178388e] th {
    background: transparent;
    color: #fff !important;
    border: none;
}
.main-table[data-v-5178388e] tr {
    background: transparent !important;
    color: #fff !important;
    height: 54px;
}
.main-table[data-v-5178388e] tr:hover td {
      background: transparent none;
}
.main-table[data-v-5178388e] tr .cell {
      padding-left: 20px;
}
.main-table[data-v-5178388e] .el-table__row {
    position: relative;
    height: 54px;
    border: 12px;
    overflow: hidden;
}
.main-table[data-v-5178388e] .el-table__row .cell {
      font-size: 14px;
      font-weight: 500;
      color: #FFFFFF;
}
.main-table[data-v-5178388e] .el-table__row:hover td {
      background-color: #26272A !important;
}
.main-table[data-v-5178388e] .el-table__row td:nth-child(1) {
      border-radius: 8px 0 0 8px;
}
.main-table[data-v-5178388e] .el-table__row td:nth-last-child(1) {
      border-radius: 0 8px 8px 0;
}
.main-tables[data-v-5178388e] {
  background-color: transparent;
}
.main-tables[data-v-5178388e]::before {
    height: 0 !important;
}
.main-tables[data-v-5178388e] th.is-leaf {
    border-bottom: none !important;
}
.main-tables[data-v-5178388e] .el-table__header-wrapper {
    position: sticky;
    top: 0;
    z-index: 1;
}
[data-v-5178388e] .main-tables.loading thead::after {
    content: "";
    top: 0;
    left: 0;
    position: absolute;
    height: 2px;
    transition: width 0.3s ease 0s;
    min-width: 33%;
    background: linear-gradient(to right, #1c1d20 0%, #2589FF 50%, #1c1d20 100%);
    animation: move-5178388e 3s ease infinite;
}
.main-tables[data-v-5178388e] thead {
    position: relative;
    height: 54px;
}
.main-tables[data-v-5178388e] thead .cell {
      font-size: 14px;
      font-weight: 500;
      color: #FFFFFF;
      line-height: 20px;
}
.main-tables[data-v-5178388e] thead::before {
      content: "";
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      position: absolute;
      background: #1C1D20;
      border-radius: 8px;
      z-index: 0;
}
@keyframes move-5178388e {
0% {
    transform: translateX(-110%);
}
100% {
    transform: translateX(300%);
}
}
.main-tables[data-v-5178388e] td {
    border: none;
}
.main-tables[data-v-5178388e] td:hover {
      background: transparent none !important;
}
.main-tables[data-v-5178388e] th {
    background: transparent;
    color: #fff !important;
    border: none;
}
.main-tables[data-v-5178388e] tr {
    background: transparent !important;
    color: #fff !important;
    height: 54px;
}
.main-tables[data-v-5178388e] tr:hover td {
      background: transparent none;
}
.main-tables[data-v-5178388e] tr .cell {
      padding-left: 20px;
}
.main-tables[data-v-5178388e] .el-table__row {
    position: relative;
    height: 54px;
    border: 12px;
    overflow: hidden;
}
.main-tables[data-v-5178388e] .el-table__row .cell {
      font-size: 14px;
      font-weight: 500;
      color: #FFFFFF;
}
.main-tables[data-v-5178388e] .el-table__row:hover td {
      background-color: #26272A !important;
}
.main-tables[data-v-5178388e] .el-table__row td:nth-child(1) {
      border-radius: 8px 0 0 8px;
}
.main-tables[data-v-5178388e] .el-table__row td:nth-last-child(1) {
      border-radius: 0 8px 8px 0;
}
.main-tables[data-v-5178388e] .has-gutter::before {
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 0;
    background: #373942 !important;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.poppers {
  background: #464856 !important;
  width: 140px !important;
  border-radius: 16px 16px 16px 16px !important;
  border: 0 !important;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.pagination-wrapper[data-v-e0104cec] {
  max-width: 100%;
  margin: 20px 0;
  text-align: right;
  flex-shrink: 0;
  overflow: hidden;
}
.pagination-wrapper[data-v-e0104cec] .el-input__inner {
    background-color: transparent !important;
    border: none !important;
    transition: color 0.2s ease-in-out;
}
.pagination-wrapper[data-v-e0104cec] .el-input__inner:hover {
      color: #fff !important;
}
.pagination-wrapper[data-v-e0104cec] .btn-prev {
    background-color: transparent !important;
}
.pagination-wrapper[data-v-e0104cec] .btn-next {
    background-color: transparent !important;
}
.pagination-wrapper[data-v-e0104cec] .el-pager .btn-quicknext,
  .pagination-wrapper[data-v-e0104cec] .el-pager .btn-quickprev,
  .pagination-wrapper[data-v-e0104cec] .el-pager .number {
    background-color: rgba(121, 121, 121, 0.1) !important;
    color: #fff !important;
}
.pagination-wrapper[data-v-e0104cec] .el-pager .btn-quicknext.active,
    .pagination-wrapper[data-v-e0104cec] .el-pager .btn-quickprev.active,
    .pagination-wrapper[data-v-e0104cec] .el-pager .number.active {
      background-color: #2589FF !important;
}
.user-card[data-v-e0104cec] {
  background: #464856;
  border-radius: 16px 16px 16px 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.user-card .card_item[data-v-e0104cec] {
    width: 116px;
    height: 36px;
    background: #464856;
    border-radius: 8px;
    padding-left: 20px;
    line-height: 36px;
    font-weight: 400;
    font-size: 14px;
    color: #fff;
    margin-top: 4px;
    cursor: pointer;
}
.user-card .card_item[data-v-e0104cec]:hover {
      background: #3656fd;
      color: #ffffff;
}
.selecr[data-v-e0104cec] {
  display: flex;
  font-weight: 400;
  font-size: 14px;
  color: #ffffff;
  align-items: center;
}
.selecr img[data-v-e0104cec] {
    width: 22px;
    height: 22px;
    margin-left: 8px;
}
.isadd[data-v-e0104cec] {
  font-weight: 400;
  font-size: 14px;
  color: #9db7ff;
}
.main-tables[data-v-e0104cec] {
  background-color: transparent;
}
.main-tables[data-v-e0104cec]::before {
    height: 0 !important;
}
.main-tables[data-v-e0104cec] th.is-leaf {
    border-bottom: none !important;
}
.main-tables[data-v-e0104cec] .el-table__header-wrapper {
    position: sticky;
    top: 0;
    z-index: 1;
}
[data-v-e0104cec] .main-tables.loading thead::after {
    content: "";
    top: 0;
    left: 0;
    position: absolute;
    height: 2px;
    transition: width 0.3s ease 0s;
    min-width: 33%;
    background: linear-gradient(to right, #1c1d20 0%, #2589FF 50%, #1c1d20 100%);
    animation: move-e0104cec 3s ease infinite;
}
.main-tables[data-v-e0104cec] thead {
    position: relative;
    height: 54px;
}
.main-tables[data-v-e0104cec] thead .cell {
      font-size: 14px;
      font-weight: 500;
      color: #FFFFFF;
      line-height: 20px;
}
.main-tables[data-v-e0104cec] thead::before {
      content: "";
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      position: absolute;
      background: #1C1D20;
      border-radius: 8px;
      z-index: 0;
}
@keyframes move-e0104cec {
0% {
    transform: translateX(-110%);
}
100% {
    transform: translateX(300%);
}
}
.main-tables[data-v-e0104cec] td {
    border: none;
}
.main-tables[data-v-e0104cec] td:hover {
      background: transparent none !important;
}
.main-tables[data-v-e0104cec] th {
    background: transparent;
    color: #fff !important;
    border: none;
}
.main-tables[data-v-e0104cec] tr {
    background: transparent !important;
    color: #fff !important;
    height: 54px;
}
.main-tables[data-v-e0104cec] tr:hover td {
      background: transparent none;
}
.main-tables[data-v-e0104cec] tr .cell {
      padding-left: 20px;
}
.main-tables[data-v-e0104cec] .el-table__row {
    position: relative;
    height: 54px;
    border: 12px;
    overflow: hidden;
}
.main-tables[data-v-e0104cec] .el-table__row .cell {
      font-size: 14px;
      font-weight: 500;
      color: #FFFFFF;
}
.main-tables[data-v-e0104cec] .el-table__row:hover td {
      background-color: #26272A !important;
}
.main-tables[data-v-e0104cec] .el-table__row td:nth-child(1) {
      border-radius: 8px 0 0 8px;
}
.main-tables[data-v-e0104cec] .el-table__row td:nth-last-child(1) {
      border-radius: 0 8px 8px 0;
}
.main-tables[data-v-e0104cec] .has-gutter::before {
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 0;
    background: #373942 !important;
}
.adduser[data-v-e0104cec] {
  max-height: 550px;
  overflow-y: scroll;
}
.adduser[data-v-e0104cec] .el-input,
  .adduser[data-v-e0104cec] .el-input__inner {
    width: 345px;
    height: 44px;
    background: rgba(255, 255, 255, 0.03);
    border-radius: 999px 999px 999px 999px;
    border: 0;
}
.adduser .line[data-v-e0104cec] {
    margin: 12px 0;
    width: 345px;
    border: 1px solid rgba(255, 255, 255, 0.08);
}
.adduser .item[data-v-e0104cec] {
    width: 345px;
    height: 52px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.adduser .item .item_left[data-v-e0104cec] {
      display: flex;
      align-items: center;
      font-weight: 400;
      font-size: 14px;
      color: rgba(255, 255, 255, 0.3);
}
.adduser .item .item_left img[data-v-e0104cec] {
        width: 18px;
        height: 18px;
        cursor: pointer;
}
.adduser .item .item_left .disable[data-v-e0104cec] {
        cursor: not-allowed;
}
.adduser .item .item_left .left_title[data-v-e0104cec] {
        font-weight: 400;
        font-size: 14px;
        color: #ffffff;
        margin: 0 10px;
}
.team_head[data-v-e0104cec] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
  padding: 20px 20px 0;
  box-sizing: border-box;
}
.team_head .team_title[data-v-e0104cec] {
    font-weight: 600;
    font-size: 20px;
    color: #ffffff;
}
.team_head .tools-but[data-v-e0104cec] {
    height: 44px;
    background: #3656fd;
    border-radius: 8px 8px 8px 8px;
    border-color: #3656fd;
    font-weight: 400;
    font-size: 14px;
    color: #ffffff;
}
.top-toolbar[data-v-e0104cec] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 32px;
  padding: 0 20px;
  box-sizing: border-box;
}
.top-toolbar .search-wrapper[data-v-e0104cec] {
    width: 500px;
    min-width: 0;
}
.top-toolbar .search-wrapper[data-v-e0104cec] .el-input,
    .top-toolbar .search-wrapper[data-v-e0104cec] .el-input__inner {
      width: 100%;
      height: 44px;
      background: #26272a;
      border: 0;
      color: #fff;
      border-radius: 8px;
      line-height: 44px;
}
.top-toolbar .search-wrapper[data-v-e0104cec] .el-input__suffix {
      right: 16px;
      color: rgba(255, 255, 255, 0.5);
      font-size: 16px;
}
.top-toolbar .search-wrapper[data-v-e0104cec] .el-input__inner::-moz-placeholder {
      color: rgba(255, 255, 255, 0.4);
}
.top-toolbar .search-wrapper[data-v-e0104cec] .el-input__inner::placeholder {
      color: rgba(255, 255, 255, 0.4);
}
.top-toolbar .mode-buttons[data-v-e0104cec] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-shrink: 0;
}
.top-toolbar .mode-btn[data-v-e0104cec] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    height: 44px;
    padding: 0 20px;
    border: none;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
    color: #ffffff;
    cursor: pointer;
    white-space: nowrap;
    transition: opacity 0.2s;
}
.top-toolbar .mode-btn[data-v-e0104cec]:hover {
      opacity: 0.9;
}
.top-toolbar .mode-btn .mode-btn-icon[data-v-e0104cec] {
      font-size: 16px;
}
.top-toolbar .mode-btn-primary[data-v-e0104cec] {
    background: #3656fd;
    padding: 0 24px;
}
.top-toolbar .mode-btn-primary .mode-btn-icon[data-v-e0104cec] {
      font-size: 18px;
}
.top-toolbar .mode-btn-secondary[data-v-e0104cec] {
    background: #2f313c;
}
.top-toolbar .beta-tag[data-v-e0104cec] {
    position: absolute;
    top: -10px;
    right: -6px;
    height: 20px;
    padding: 0 8px;
    background: #ffffff;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 400;
    color: #272727;
    line-height: 20px;
}
.section-header[data-v-e0104cec] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}
.view-toggle-btn[data-v-e0104cec] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  background: #2f313c;
  border-radius: 6px;
  cursor: pointer;
  transition: background 0.2s;
}
.view-toggle-btn i[data-v-e0104cec] {
    color: #ffffff;
    font-size: 18px;
}
.view-toggle-btn[data-v-e0104cec]:hover {
    background: #3a3c48;
}
.primary-label[data-v-e0104cec] {
  font-size: 20px;
  font-weight: 600;
  color: #ffffff;
  line-height: 28px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
[data-v-e0104cec] .el-card {
  background: #2f313c;
  border-radius: 4px 4px 4px 4px;
  border: none;
}
.itemList[data-v-e0104cec] {
  padding: 16px 14px;
  width: 148px;
  background: #464856;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  border-radius: 16px 16px 16px 16px;
  position: absolute;
  height: auto;
}
.itemList .list_item[data-v-e0104cec] {
    width: 120px;
    height: 36px;
    border-radius: 8px 8px 8px 8px;
    padding-left: 22px;
    font-weight: 400;
    font-size: 14px;
    color: #ffffff;
    line-height: 36px;
    cursor: pointer;
}
.itemList .list_item[data-v-e0104cec]:hover {
      background: #3656fd;
}
.card-item[data-v-e0104cec] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-left: 20px;
}
.card-item .card-title[data-v-e0104cec] {
    font-weight: 600;
    font-size: 24px;
    color: #ffffff;
    display: flex;
    align-items: center;
}
.card-item span[data-v-e0104cec] {
    font-weight: 400;
    font-size: 16px;
    color: #938f8f;
    margin-top: 10px;
}
.card-item .card-btn[data-v-e0104cec] {
    display: flex;
    justify-content: flex-end;
}
.card-item .card-btn[data-v-e0104cec] .el-button {
      width: 120px;
      height: 40px;
      background: #3656fd;
      border-radius: 4px 4px 4px 4px;
      border: 0;
}
.page-my-project[data-v-e0104cec] {
  overflow-y: auto;
  height: 100%;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.components-dialog[data-v-e0104cec] .el-dialog {
  width: 900px;
  background: #2e313a;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  border-radius: 8px 8px 8px 8px;
}
.components-dialog[data-v-e0104cec] .el-dialog__header {
  height: 64px;
  background: #23252c;
  border-radius: 8px 8px 0px 0px;
}
.components-dialog[data-v-e0104cec] .el-dialog__title {
  color: #fff;
}
.components-dialog[data-v-e0104cec] .el-dialog__body {
  overflow-y: scroll;
  overflow-x: hidden;
}
.components-dialog .saveBtn[data-v-e0104cec] {
  width: 120px;
  height: 40px;
  background: #3656fd;
  border-radius: 4px 4px 4px 4px;
  font-weight: 400;
  font-size: 18px;
  color: #ffffff;
  line-height: 20px;
  text-align: center;
  border: 0;
}
.components-dialog .close[data-v-e0104cec] {
  background: #26272a;
  line-height: 20px;
  text-align: center;
  font-weight: 400;
  font-size: 18px;
  color: #ffffff;
  height: 40px;
  border-radius: 4px 4px 4px 4px;
  border: 0;
  width: 100px;
}
.components-dialog .right_cont[data-v-e0104cec] {
  margin: 0 20px;
  max-height: 550px;
}
.components-dialog .right_cont .title_cont[data-v-e0104cec] {
    font-size: 16px;
    color: #fff;
    margin-bottom: 10px;
}
.components-dialog .right_cont[data-v-e0104cec] .el-input,
  .components-dialog .right_cont[data-v-e0104cec] .el-input__inner {
    width: 100%;
    background: #26272a;
    border: 0;
    color: #fff;
    border-radius: 6px;
}
.my-projects-area[data-v-e0104cec] {
  margin-bottom: 32px;
}
.my-projects-area .inner-content[data-v-e0104cec] {
    width: 100%;
    border-radius: 16px;
    padding: 0 20px 20px;
    box-sizing: border-box;
}
.my-projects-area .list[data-v-e0104cec] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    width: 100%;
    position: relative;
    padding-bottom: 100px;
}
.my-projects-area .list .item[data-v-e0104cec] {
      width: 100%;
      min-width: 0;
}
@media screen and (max-width: 600px) {
.my-projects-area .list[data-v-e0104cec] {
        grid-template-columns: 1fr;
}
}
.my-projects-area .empty-state[data-v-e0104cec] {
    width: 100%;
    background: #1c1d20;
    border-radius: 16px;
    padding: 60px 20px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.my-projects-area .empty-state .empty-icon[data-v-e0104cec] {
      width: 80px;
      height: 80px;
      margin-bottom: 16px;
      opacity: 0.8;
}
.my-projects-area .empty-state .empty-text[data-v-e0104cec] {
      font-size: 16px;
      color: #ffffff;
      opacity: 0.6;
      margin-bottom: 24px;
}
.my-projects-area .empty-state .create-btn[data-v-e0104cec] {
      background: #409eff;
      border-color: #409eff;
      border-radius: 4px;
      padding: 10px 20px;
      font-size: 14px;
}
.my-projects-area .empty-state .create-btn[data-v-e0104cec]:hover {
        background: #66b1ff;
        border-color: #66b1ff;
}
.dropdown[data-v-e0104cec] {
  width: 140px;
  background: #464856 !important;
  border-radius: 16px 16px 16px 16px;
  padding: 12px;
}
.dropdown .dropdown_item[data-v-e0104cec] {
    width: 116px;
    height: 36px;
    border-radius: 8px 8px 8px 8px;
    font-weight: 400;
    font-size: 14px;
    color: #ffffff;
    text-align: left !important;
    line-height: 36px;
    padding-left: 20px !important;
}
.dropdown .dropdown_item[data-v-e0104cec]:hover {
      background: #3656fd;
}
.narrate-list[data-v-e0104cec] .el-dialog {
  margin: 80px auto;
  background: #191a1d;
  border-radius: 16px 16px 16px 16px;
  overflow: hidden;
}
.narrate-list[data-v-e0104cec] .el-dialog__body {
  padding: 0;
  height: 100%;
  background-color: #2E313A;
}
.narrate-list[data-v-e0104cec] .el-dialog__header {
  padding: 16px 40px;
  border-bottom: 1px solid #313235;
}
.narrate-list[data-v-e0104cec] .el-dialog__header .el-dialog__title {
    font-size: 16px;
    color: #ffffff;
}
.narrate-list[data-v-e0104cec] .el-dialog__close {
  color: #ffffff;
}
.narrate-list .add-narrate[data-v-e0104cec] {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 20px;
}
.narrate-list .btn-cancel[data-v-e0104cec] {
  width: 116px;
  height: 33px;
  background: #2d2e2e;
  border-radius: 8px 8px 8px 8px;
  font-weight: 600;
  font-size: 12px;
  color: #ffffff;
  text-align: center;
  line-height: 33px;
  margin-right: 36px;
}
.narrate-list .empty[data-v-e0104cec] {
  height: 500px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #ffffff;
  background-color: #2E313A;
}
.narrate-list .empty .tools_twe[data-v-e0104cec] {
    margin-top: 10px;
}
.narrate-list .empty .btn-start-from-empty[data-v-e0104cec] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 44px;
    background: #3656FD;
    border-radius: 8px;
    width: 150px;
}
.narrate-list-content[data-v-e0104cec] {
  padding: 20px;
  background-color: #2E313A;
}
.narrate-list-content[data-v-e0104cec] .el-table {
    color: #ffffff;
    background-color: #2E313A;
}
.narrate-list-content[data-v-e0104cec] .el-table__header-wrapper {
    background: #373942;
    border-radius: 8px;
}
.narrate-list-content[data-v-e0104cec] .el-table th,
  .narrate-list-content[data-v-e0104cec] .el-table tr {
    background-color: transparent;
}
.narrate-list-content[data-v-e0104cec] .el-table::before {
    background-color: transparent;
}
.narrate-list-content[data-v-e0104cec] .el-table td,
  .narrate-list-content[data-v-e0104cec] .el-table th.is-leaf {
    border-bottom: none;
    color: #FFFFFF;
    background-color: transparent !important;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.sso-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.sso-container .title {
    font-size: 22px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: #4984ff;
}
.sso-container .desc {
    margin-top: 20px;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.icons-container[data-v-6bfb820a] {
  margin: 10px 20px 0;
  overflow: hidden;
}
.icons-container .icons-wrapper[data-v-6bfb820a] {
    margin: 0 auto;
}
.icons-container .icon-item[data-v-6bfb820a] {
    margin: 20px;
    height: 110px;
    text-align: center;
    width: 110px;
    float: left;
    font-size: 30px;
    color: #24292e;
    cursor: pointer;
}
.icons-container span[data-v-6bfb820a] {
    display: block;
    font-size: 24px;
    margin-top: 10px;
}

/* Make clicks pass-through */
#nprogress {
  pointer-events: none;
}

#nprogress .bar {
  background: #29d;

  position: fixed;
  z-index: 1031;
  top: 0;
  left: 0;

  width: 100%;
  height: 2px;
}

/* Fancy blur effect */
#nprogress .peg {
  display: block;
  position: absolute;
  right: 0px;
  width: 100px;
  height: 100%;
  box-shadow: 0 0 10px #29d, 0 0 5px #29d;
  opacity: 1.0;
  transform: rotate(3deg) translate(0px, -4px);
}

/* Remove these to get rid of the spinner */
#nprogress .spinner {
  display: block;
  position: fixed;
  z-index: 1031;
  top: 15px;
  right: 15px;
}

#nprogress .spinner-icon {
  width: 18px;
  height: 18px;
  box-sizing: border-box;

  border: solid 2px transparent;
  border-top-color: #29d;
  border-left-color: #29d;
  border-radius: 50%;
  animation: nprogress-spinner 400ms linear infinite;
}

.nprogress-custom-parent {
  overflow: hidden;
  position: relative;
}

.nprogress-custom-parent #nprogress .spinner,
.nprogress-custom-parent #nprogress .bar {
  position: absolute;
}
@keyframes nprogress-spinner {
  0%   { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}


:root,
:host {
  --w-e-textarea-bg-color: #fff;
  --w-e-textarea-color: #333;
  --w-e-textarea-border-color: #ccc;
  --w-e-textarea-slight-border-color: #e8e8e8;
  --w-e-textarea-slight-color: #d4d4d4;
  --w-e-textarea-slight-bg-color: #f5f2f0;
  --w-e-textarea-selected-border-color: #B4D5FF;
  --w-e-textarea-handler-bg-color: #4290f7;
  --w-e-toolbar-color: #595959;
  --w-e-toolbar-bg-color: #fff;
  --w-e-toolbar-active-color: #333;
  --w-e-toolbar-active-bg-color: #f1f1f1;
  --w-e-toolbar-disabled-color: #999;
  --w-e-toolbar-border-color: #e8e8e8;
  --w-e-modal-button-bg-color: #fafafa;
  --w-e-modal-button-border-color: #d9d9d9;
}

.w-e-text-container *,.w-e-toolbar *{box-sizing:border-box;margin:0;outline:none;padding:0}.w-e-text-container blockquote,.w-e-text-container li,.w-e-text-container p,.w-e-text-container td,.w-e-text-container th,.w-e-toolbar *{line-height:1.5}.w-e-text-container{background-color:var(--w-e-textarea-bg-color);color:var(--w-e-textarea-color);height:100%;position:relative}.w-e-text-container .w-e-scroll{-webkit-overflow-scrolling:touch;height:100%}.w-e-text-container [data-slate-editor]{word-wrap:break-word;border-top:1px solid transparent;min-height:100%;outline:0;padding:0 10px;white-space:pre-wrap}.w-e-text-container [data-slate-editor] p{margin:15px 0}.w-e-text-container [data-slate-editor] h1,.w-e-text-container [data-slate-editor] h2,.w-e-text-container [data-slate-editor] h3,.w-e-text-container [data-slate-editor] h4,.w-e-text-container [data-slate-editor] h5{margin:20px 0}.w-e-text-container [data-slate-editor] img{cursor:default;display:inline!important;max-width:100%;min-height:20px;min-width:20px}.w-e-text-container [data-slate-editor] span{text-indent:0}.w-e-text-container [data-slate-editor] [data-selected=true]{box-shadow:0 0 0 2px var(--w-e-textarea-selected-border-color)}.w-e-text-placeholder{font-style:italic;left:10px;top:17px;width:90%}.w-e-max-length-info,.w-e-text-placeholder{color:var(--w-e-textarea-slight-color);pointer-events:none;position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none}.w-e-max-length-info{bottom:.5em;right:1em}.w-e-bar{background-color:var(--w-e-toolbar-bg-color);color:var(--w-e-toolbar-color);font-size:14px;padding:0 5px}.w-e-bar svg{fill:var(--w-e-toolbar-color);height:14px;width:14px}.w-e-bar-show{display:flex}.w-e-bar-hidden{display:none}.w-e-hover-bar{border:1px solid var(--w-e-toolbar-border-color);border-radius:3px;box-shadow:0 2px 5px #0000001f;position:absolute}.w-e-toolbar{flex-wrap:wrap;position:relative}.w-e-bar-divider{background-color:var(--w-e-toolbar-border-color);display:inline-flex;height:40px;margin:0 5px;width:1px}.w-e-bar-item{display:flex;height:40px;padding:4px;position:relative;text-align:center}.w-e-bar-item,.w-e-bar-item button{align-items:center;justify-content:center}.w-e-bar-item button{background:transparent;border:none;color:var(--w-e-toolbar-color);cursor:pointer;display:inline-flex;height:32px;overflow:hidden;padding:0 8px;white-space:nowrap}.w-e-bar-item button:hover{background-color:var(--w-e-toolbar-active-bg-color);color:var(--w-e-toolbar-active-color)}.w-e-bar-item button .title{margin-left:5px}.w-e-bar-item .active{background-color:var(--w-e-toolbar-active-bg-color);color:var(--w-e-toolbar-active-color)}.w-e-bar-item .disabled{color:var(--w-e-toolbar-disabled-color);cursor:not-allowed}.w-e-bar-item .disabled svg{fill:var(--w-e-toolbar-disabled-color)}.w-e-bar-item .disabled:hover{background-color:var(--w-e-toolbar-bg-color);color:var(--w-e-toolbar-disabled-color)}.w-e-bar-item .disabled:hover svg{fill:var(--w-e-toolbar-disabled-color)}.w-e-menu-tooltip-v5:before{background-color:var(--w-e-toolbar-active-color);border-radius:5px;color:var(--w-e-toolbar-bg-color);content:attr(data-tooltip);font-size:.75em;opacity:0;padding:5px 10px;position:absolute;text-align:center;top:40px;transition:opacity .6s;visibility:hidden;white-space:pre;z-index:1}.w-e-menu-tooltip-v5:after{border:5px solid transparent;border-bottom:5px solid var(--w-e-toolbar-active-color);content:"";opacity:0;position:absolute;top:30px;transition:opacity .6s;visibility:hidden}.w-e-menu-tooltip-v5:hover:after,.w-e-menu-tooltip-v5:hover:before{opacity:1;visibility:visible}.w-e-menu-tooltip-v5.tooltip-right:before{left:100%;top:10px}.w-e-menu-tooltip-v5.tooltip-right:after{border-bottom-color:transparent;border-left-color:transparent;border-right-color:var(--w-e-toolbar-active-color);border-top-color:transparent;left:100%;margin-left:-10px;top:16px}.w-e-bar-item-group .w-e-bar-item-menus-container{background-color:var(--w-e-toolbar-bg-color);border:1px solid var(--w-e-toolbar-border-color);border-radius:3px;box-shadow:0 2px 10px #0000001f;display:none;left:0;margin-top:40px;position:absolute;top:0;z-index:1}.w-e-bar-item-group:hover .w-e-bar-item-menus-container{display:block}.w-e-select-list{background-color:var(--w-e-toolbar-bg-color);border:1px solid var(--w-e-toolbar-border-color);border-radius:3px;box-shadow:0 2px 10px #0000001f;left:0;margin-top:40px;max-height:350px;min-width:100px;overflow-y:auto;position:absolute;top:0;z-index:1}.w-e-select-list ul{line-height:1;list-style:none}.w-e-select-list ul .selected{background-color:var(--w-e-toolbar-active-bg-color)}.w-e-select-list ul li{cursor:pointer;padding:7px 0 7px 25px;position:relative;text-align:left;white-space:nowrap}.w-e-select-list ul li:hover{background-color:var(--w-e-toolbar-active-bg-color)}.w-e-select-list ul li svg{left:0;margin-left:5px;margin-top:-7px;position:absolute;top:50%}.w-e-bar-bottom .w-e-select-list{bottom:0;margin-bottom:40px;margin-top:0;top:inherit}.w-e-drop-panel{background-color:var(--w-e-toolbar-bg-color);border:1px solid var(--w-e-toolbar-border-color);border-radius:3px;box-shadow:0 2px 10px #0000001f;margin-top:40px;min-width:200px;padding:10px;position:absolute;top:0;z-index:1}.w-e-bar-bottom .w-e-drop-panel{bottom:0;margin-bottom:40px;margin-top:0;top:inherit}.w-e-modal{background-color:var(--w-e-toolbar-bg-color);border:1px solid var(--w-e-toolbar-border-color);border-radius:3px;box-shadow:0 2px 10px #0000001f;color:var(--w-e-toolbar-color);font-size:14px;min-height:40px;min-width:100px;padding:20px 15px 0;position:absolute;text-align:left;z-index:1}.w-e-modal .btn-close{cursor:pointer;line-height:1;padding:5px;position:absolute;right:8px;top:7px}.w-e-modal .btn-close svg{fill:var(--w-e-toolbar-color);height:10px;width:10px}.w-e-modal .babel-container{display:block;margin-bottom:15px}.w-e-modal .babel-container span{display:block;margin-bottom:10px}.w-e-modal .button-container{margin-bottom:15px}.w-e-modal button{background-color:var(--w-e-modal-button-bg-color);border:1px solid var(--w-e-modal-button-border-color);border-radius:4px;color:var(--w-e-toolbar-color);cursor:pointer;font-weight:400;height:32px;padding:4.5px 15px;text-align:center;touch-action:manipulation;transition:all .3s cubic-bezier(.645,.045,.355,1);-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.w-e-modal input[type=number],.w-e-modal input[type=text],.w-e-modal textarea{font-feature-settings:"tnum";background-color:var(--w-e-toolbar-bg-color);border:1px solid var(--w-e-modal-button-border-color);border-radius:4px;color:var(--w-e-toolbar-color);font-variant:tabular-nums;padding:4.5px 11px;transition:all .3s;width:100%}.w-e-modal textarea{min-height:60px}body .w-e-modal,body .w-e-modal *{box-sizing:border-box}.w-e-progress-bar{background-color:var(--w-e-textarea-handler-bg-color);height:1px;position:absolute;transition:width .3s;width:0}.w-e-full-screen-container{bottom:0!important;display:flex!important;flex-direction:column!important;height:100%!important;left:0!important;margin:0!important;padding:0!important;position:fixed;right:0!important;top:0!important;width:100%!important}.w-e-full-screen-container [data-w-e-textarea=true]{flex:1!important}
.w-e-text-container [data-slate-editor] code{background-color:var(--w-e-textarea-slight-bg-color);border-radius:3px;font-family:monospace;padding:3px}.w-e-panel-content-color{list-style:none;text-align:left;width:230px}.w-e-panel-content-color li{border:1px solid var(--w-e-toolbar-bg-color);border-radius:3px 3px;cursor:pointer;display:inline-block;padding:2px}.w-e-panel-content-color li:hover{border-color:var(--w-e-toolbar-color)}.w-e-panel-content-color li .color-block{border:1px solid var(--w-e-toolbar-border-color);border-radius:3px 3px;height:17px;width:17px}.w-e-panel-content-color .active{border-color:var(--w-e-toolbar-color)}.w-e-panel-content-color .clear{line-height:1.5;margin-bottom:5px;width:100%}.w-e-panel-content-color .clear svg{height:16px;margin-bottom:-4px;width:16px}.w-e-text-container [data-slate-editor] blockquote{background-color:var(--w-e-textarea-slight-bg-color);border-left:8px solid var(--w-e-textarea-selected-border-color);display:block;font-size:100%;line-height:1.5;margin:10px 0;padding:10px}.w-e-panel-content-emotion{font-size:20px;list-style:none;text-align:left;width:300px}.w-e-panel-content-emotion li{border-radius:3px 3px;cursor:pointer;display:inline-block;padding:0 5px}.w-e-panel-content-emotion li:hover{background-color:var(--w-e-textarea-slight-bg-color)}.w-e-textarea-divider{border-radius:3px;margin:20px auto;padding:20px}.w-e-textarea-divider hr{background-color:var(--w-e-textarea-border-color);border:0;display:block;height:1px}.w-e-text-container [data-slate-editor] pre>code{background-color:var(--w-e-textarea-slight-bg-color);border:1px solid var(--w-e-textarea-slight-border-color);border-radius:4px 4px;display:block;font-size:14px;padding:10px;text-indent:0}.w-e-text-container [data-slate-editor] .w-e-image-container{display:inline-block;margin:0 3px}.w-e-text-container [data-slate-editor] .w-e-image-container:hover{box-shadow:0 0 0 2px var(--w-e-textarea-selected-border-color)}.w-e-text-container [data-slate-editor] .w-e-selected-image-container{overflow:hidden;position:relative}.w-e-text-container [data-slate-editor] .w-e-selected-image-container .w-e-image-dragger{background-color:var(--w-e-textarea-handler-bg-color);height:7px;position:absolute;width:7px}.w-e-text-container [data-slate-editor] .w-e-selected-image-container .left-top{cursor:nwse-resize;left:0;top:0}.w-e-text-container [data-slate-editor] .w-e-selected-image-container .right-top{cursor:nesw-resize;right:0;top:0}.w-e-text-container [data-slate-editor] .w-e-selected-image-container .left-bottom{bottom:0;cursor:nesw-resize;left:0}.w-e-text-container [data-slate-editor] .w-e-selected-image-container .right-bottom{bottom:0;cursor:nwse-resize;right:0}.w-e-text-container [data-slate-editor] .w-e-selected-image-container:hover{box-shadow:none}.w-e-text-container [contenteditable=false] .w-e-image-container:hover{box-shadow:none}

.w-e-text-container [data-slate-editor] .table-container{border:1px dashed var(--w-e-textarea-border-color);border-radius:5px;margin-top:10px;overflow-x:auto;padding:10px;width:100%}.w-e-text-container [data-slate-editor] table{border-collapse:collapse}.w-e-text-container [data-slate-editor] table td,.w-e-text-container [data-slate-editor] table th{border:1px solid var(--w-e-textarea-border-color);line-height:1.5;min-width:30px;padding:3px 5px;text-align:left}.w-e-text-container [data-slate-editor] table th{background-color:var(--w-e-textarea-slight-bg-color);font-weight:700;text-align:center}.w-e-panel-content-table{background-color:var(--w-e-toolbar-bg-color)}.w-e-panel-content-table table{border-collapse:collapse}.w-e-panel-content-table td{border:1px solid var(--w-e-toolbar-border-color);cursor:pointer;height:15px;padding:3px 5px;width:20px}.w-e-panel-content-table td.active{background-color:var(--w-e-toolbar-active-bg-color)}
.w-e-textarea-video-container{background-image:linear-gradient(45deg,#eee 25%,transparent 0,transparent 75%,#eee 0,#eee),linear-gradient(45deg,#eee 25%,#fff 0,#fff 75%,#eee 0,#eee);background-position:0 0,10px 10px;background-size:20px 20px;border:1px dashed var(--w-e-textarea-border-color);border-radius:5px;margin:10px auto 0;padding:10px 0;text-align:center}

.w-e-text-container [data-slate-editor] pre>code{word-wrap:normal;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;hyphens:none;line-height:1.5;margin:.5em 0;overflow:auto;padding:1em;-moz-tab-size:4;-o-tab-size:4;tab-size:4;text-align:left;text-shadow:0 1px #fff;white-space:pre;word-break:normal;word-spacing:normal}.w-e-text-container [data-slate-editor] pre>code .token.cdata,.w-e-text-container [data-slate-editor] pre>code .token.comment,.w-e-text-container [data-slate-editor] pre>code .token.doctype,.w-e-text-container [data-slate-editor] pre>code .token.prolog{color:#708090}.w-e-text-container [data-slate-editor] pre>code .token.punctuation{color:#999}.w-e-text-container [data-slate-editor] pre>code .token.namespace{opacity:.7}.w-e-text-container [data-slate-editor] pre>code .token.boolean,.w-e-text-container [data-slate-editor] pre>code .token.constant,.w-e-text-container [data-slate-editor] pre>code .token.deleted,.w-e-text-container [data-slate-editor] pre>code .token.number,.w-e-text-container [data-slate-editor] pre>code .token.property,.w-e-text-container [data-slate-editor] pre>code .token.symbol,.w-e-text-container [data-slate-editor] pre>code .token.tag{color:#905}.w-e-text-container [data-slate-editor] pre>code .token.attr-name,.w-e-text-container [data-slate-editor] pre>code .token.builtin,.w-e-text-container [data-slate-editor] pre>code .token.char,.w-e-text-container [data-slate-editor] pre>code .token.inserted,.w-e-text-container [data-slate-editor] pre>code .token.selector,.w-e-text-container [data-slate-editor] pre>code .token.string{color:#690}.w-e-text-container [data-slate-editor] pre>code .language-css .token.string,.w-e-text-container [data-slate-editor] pre>code .style .token.string,.w-e-text-container [data-slate-editor] pre>code .token.entity,.w-e-text-container [data-slate-editor] pre>code .token.operator,.w-e-text-container [data-slate-editor] pre>code .token.url{color:#9a6e3a}.w-e-text-container [data-slate-editor] pre>code .token.atrule,.w-e-text-container [data-slate-editor] pre>code .token.attr-value,.w-e-text-container [data-slate-editor] pre>code .token.keyword{color:#07a}.w-e-text-container [data-slate-editor] pre>code .token.class-name,.w-e-text-container [data-slate-editor] pre>code .token.function{color:#dd4a68}.w-e-text-container [data-slate-editor] pre>code .token.important,.w-e-text-container [data-slate-editor] pre>code .token.regex,.w-e-text-container [data-slate-editor] pre>code .token.variable{color:#e90}.w-e-text-container [data-slate-editor] pre>code .token.bold,.w-e-text-container [data-slate-editor] pre>code .token.important{font-weight:700}.w-e-text-container [data-slate-editor] pre>code .token.italic{font-style:italic}.w-e-text-container [data-slate-editor] pre>code .token.entity{cursor:help}
/* 控点点击动效 — 仅作用于 .control-point 及其内部图标 */

@keyframes pointClickBouncePop {
  0% {
    transform: scale(1);
    filter: drop-shadow(0 0 0 transparent);
  }
  35% {
    transform: scale(1.55);
    filter: drop-shadow(0 0 18px rgba(54, 86, 253, 0.95));
  }
  55% {
    transform: scale(0.88);
  }
  75% {
    transform: scale(1.12);
  }
  100% {
    transform: scale(1);
    filter: drop-shadow(0 0 0 transparent);
  }
}

.control-point.is-point-click-anim.point-click-bounce-pop,
.control-point .is-point-click-anim.point-click-bounce-pop {
  animation: pointClickBouncePop 0.75s cubic-bezier(0.34, 1.56, 0.64, 1);
}

@keyframes pointClickShakeStrong {
  0%,
  100% {
    transform: translate(0, 0) rotate(0deg);
  }
  12% {
    transform: translate(-14px, 6px) rotate(-10deg);
  }
  24% {
    transform: translate(14px, -6px) rotate(10deg);
  }
  36% {
    transform: translate(-12px, -8px) rotate(-8deg);
  }
  48% {
    transform: translate(12px, 8px) rotate(8deg);
  }
  60% {
    transform: translate(-8px, 4px) rotate(-5deg);
  }
  72% {
    transform: translate(8px, -4px) rotate(5deg);
  }
}

.control-point.is-point-click-anim.point-click-shake-strong,
.control-point .is-point-click-anim.point-click-shake-strong {
  animation: pointClickShakeStrong 0.75s ease-in-out;
}

@keyframes pointClickZoomPunch {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  20% {
    transform: scale(0.75);
    opacity: 0.85;
  }
  45% {
    transform: scale(1.65);
    opacity: 1;
    filter: brightness(1.35);
  }
  100% {
    transform: scale(1);
    opacity: 1;
    filter: brightness(1);
  }
}

.control-point.is-point-click-anim.point-click-zoom-punch,
.control-point .is-point-click-anim.point-click-zoom-punch {
  animation: pointClickZoomPunch 0.7s cubic-bezier(0.22, 1, 0.36, 1);
}

@keyframes pointClickFlashBurst {
  0% {
    transform: scale(1);
    filter: brightness(1) drop-shadow(0 0 0 transparent);
  }
  25% {
    transform: scale(1.35);
    filter: brightness(2.4) drop-shadow(0 0 28px rgba(255, 255, 255, 1));
  }
  50% {
    transform: scale(1.1);
    filter: brightness(1.6) drop-shadow(0 0 36px rgba(54, 86, 253, 0.95));
  }
  100% {
    transform: scale(1);
    filter: brightness(1) drop-shadow(0 0 0 transparent);
  }
}

.control-point.is-point-click-anim.point-click-flash-burst {
  animation: pointClickFlashBurst 0.85s ease-out;
}

@keyframes pointClickNeonPulse {
  0% {
    transform: scale(1);
    filter: drop-shadow(0 0 4px rgba(0, 255, 200, 0.6));
  }
  35% {
    transform: scale(1.4);
    filter: drop-shadow(0 0 22px rgba(0, 255, 200, 1))
      drop-shadow(0 0 36px rgba(54, 86, 253, 0.9));
  }
  55% {
    transform: scale(0.92);
    filter: drop-shadow(0 0 12px rgba(255, 0, 180, 0.85));
  }
  100% {
    transform: scale(1);
    filter: drop-shadow(0 0 4px rgba(0, 255, 200, 0.4));
  }
}

.control-point.is-point-click-anim.point-click-neon-pulse {
  animation: pointClickNeonPulse 0.9s ease-in-out;
}

/* 播放动效时确保控点层可见；animate.css 作用在控点根节点 */
.control-point.is-point-click-anim {
  visibility: visible !important;
  animation-fill-mode: both;
}

.control-point.is-point-click-anim.animate__animated {
  display: flex !important;
}

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
.el-pagination--small .arrow.disabled, .el-table .hidden-columns, .el-table td.is-hidden > *, .el-table th.is-hidden > *, .el-table--hidden {
  visibility: hidden; }

.el-input__suffix, .el-tree.is-dragging .el-tree-node__content * {
  pointer-events: none; }

.el-dropdown .el-dropdown-selfdefine:focus:active, .el-dropdown .el-dropdown-selfdefine:focus:not(.focusing), .el-message__closeBtn:focus, .el-message__content:focus, .el-popover:focus, .el-popover:focus:active, .el-popover__reference:focus:hover, .el-popover__reference:focus:not(.focusing), .el-rate:active, .el-rate:focus, .el-tooltip:focus:hover, .el-tooltip:focus:not(.focusing), .el-upload-list__item.is-success:active, .el-upload-list__item.is-success:not(.focusing):focus {
  outline-width: 0; }

@font-face {
  font-family: element-icons;
  src: url(../../static/fonts/element-icons.535877f5.woff) format("woff"), url(../../static/fonts/element-icons.732389de.ttf) format("truetype");
  font-weight: 400;
  font-display: "auto";
  font-style: normal; }

[class*=" el-icon-"], [class^=el-icon-] {
  font-family: element-icons !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: baseline;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.el-icon-ice-cream-round:before {
  content: "\E6A0"; }

.el-icon-ice-cream-square:before {
  content: "\E6A3"; }

.el-icon-lollipop:before {
  content: "\E6A4"; }

.el-icon-potato-strips:before {
  content: "\E6A5"; }

.el-icon-milk-tea:before {
  content: "\E6A6"; }

.el-icon-ice-drink:before {
  content: "\E6A7"; }

.el-icon-ice-tea:before {
  content: "\E6A9"; }

.el-icon-coffee:before {
  content: "\E6AA"; }

.el-icon-orange:before {
  content: "\E6AB"; }

.el-icon-pear:before {
  content: "\E6AC"; }

.el-icon-apple:before {
  content: "\E6AD"; }

.el-icon-cherry:before {
  content: "\E6AE"; }

.el-icon-watermelon:before {
  content: "\E6AF"; }

.el-icon-grape:before {
  content: "\E6B0"; }

.el-icon-refrigerator:before {
  content: "\E6B1"; }

.el-icon-goblet-square-full:before {
  content: "\E6B2"; }

.el-icon-goblet-square:before {
  content: "\E6B3"; }

.el-icon-goblet-full:before {
  content: "\E6B4"; }

.el-icon-goblet:before {
  content: "\E6B5"; }

.el-icon-cold-drink:before {
  content: "\E6B6"; }

.el-icon-coffee-cup:before {
  content: "\E6B8"; }

.el-icon-water-cup:before {
  content: "\E6B9"; }

.el-icon-hot-water:before {
  content: "\E6BA"; }

.el-icon-ice-cream:before {
  content: "\E6BB"; }

.el-icon-dessert:before {
  content: "\E6BC"; }

.el-icon-sugar:before {
  content: "\E6BD"; }

.el-icon-tableware:before {
  content: "\E6BE"; }

.el-icon-burger:before {
  content: "\E6BF"; }

.el-icon-knife-fork:before {
  content: "\E6C1"; }

.el-icon-fork-spoon:before {
  content: "\E6C2"; }

.el-icon-chicken:before {
  content: "\E6C3"; }

.el-icon-food:before {
  content: "\E6C4"; }

.el-icon-dish-1:before {
  content: "\E6C5"; }

.el-icon-dish:before {
  content: "\E6C6"; }

.el-icon-moon-night:before {
  content: "\E6EE"; }

.el-icon-moon:before {
  content: "\E6F0"; }

.el-icon-cloudy-and-sunny:before {
  content: "\E6F1"; }

.el-icon-partly-cloudy:before {
  content: "\E6F2"; }

.el-icon-cloudy:before {
  content: "\E6F3"; }

.el-icon-sunny:before {
  content: "\E6F6"; }

.el-icon-sunset:before {
  content: "\E6F7"; }

.el-icon-sunrise-1:before {
  content: "\E6F8"; }

.el-icon-sunrise:before {
  content: "\E6F9"; }

.el-icon-heavy-rain:before {
  content: "\E6FA"; }

.el-icon-lightning:before {
  content: "\E6FB"; }

.el-icon-light-rain:before {
  content: "\E6FC"; }

.el-icon-wind-power:before {
  content: "\E6FD"; }

.el-icon-baseball:before {
  content: "\E712"; }

.el-icon-soccer:before {
  content: "\E713"; }

.el-icon-football:before {
  content: "\E715"; }

.el-icon-basketball:before {
  content: "\E716"; }

.el-icon-ship:before {
  content: "\E73F"; }

.el-icon-truck:before {
  content: "\E740"; }

.el-icon-bicycle:before {
  content: "\E741"; }

.el-icon-mobile-phone:before {
  content: "\E6D3"; }

.el-icon-service:before {
  content: "\E6D4"; }

.el-icon-key:before {
  content: "\E6E2"; }

.el-icon-unlock:before {
  content: "\E6E4"; }

.el-icon-lock:before {
  content: "\E6E5"; }

.el-icon-watch:before {
  content: "\E6FE"; }

.el-icon-watch-1:before {
  content: "\E6FF"; }

.el-icon-timer:before {
  content: "\E702"; }

.el-icon-alarm-clock:before {
  content: "\E703"; }

.el-icon-map-location:before {
  content: "\E704"; }

.el-icon-delete-location:before {
  content: "\E705"; }

.el-icon-add-location:before {
  content: "\E706"; }

.el-icon-location-information:before {
  content: "\E707"; }

.el-icon-location-outline:before {
  content: "\E708"; }

.el-icon-location:before {
  content: "\E79E"; }

.el-icon-place:before {
  content: "\E709"; }

.el-icon-discover:before {
  content: "\E70A"; }

.el-icon-first-aid-kit:before {
  content: "\E70B"; }

.el-icon-trophy-1:before {
  content: "\E70C"; }

.el-icon-trophy:before {
  content: "\E70D"; }

.el-icon-medal:before {
  content: "\E70E"; }

.el-icon-medal-1:before {
  content: "\E70F"; }

.el-icon-stopwatch:before {
  content: "\E710"; }

.el-icon-mic:before {
  content: "\E711"; }

.el-icon-copy-document:before {
  content: "\E718"; }

.el-icon-full-screen:before {
  content: "\E719"; }

.el-icon-switch-button:before {
  content: "\E71B"; }

.el-icon-aim:before {
  content: "\E71C"; }

.el-icon-crop:before {
  content: "\E71D"; }

.el-icon-odometer:before {
  content: "\E71E"; }

.el-icon-time:before {
  content: "\E71F"; }

.el-icon-bangzhu:before {
  content: "\E724"; }

.el-icon-close-notification:before {
  content: "\E726"; }

.el-icon-microphone:before {
  content: "\E727"; }

.el-icon-turn-off-microphone:before {
  content: "\E728"; }

.el-icon-position:before {
  content: "\E729"; }

.el-icon-postcard:before {
  content: "\E72A"; }

.el-icon-message:before {
  content: "\E72B"; }

.el-icon-chat-line-square:before {
  content: "\E72D"; }

.el-icon-chat-dot-square:before {
  content: "\E72E"; }

.el-icon-chat-dot-round:before {
  content: "\E72F"; }

.el-icon-chat-square:before {
  content: "\E730"; }

.el-icon-chat-line-round:before {
  content: "\E731"; }

.el-icon-chat-round:before {
  content: "\E732"; }

.el-icon-set-up:before {
  content: "\E733"; }

.el-icon-turn-off:before {
  content: "\E734"; }

.el-icon-open:before {
  content: "\E735"; }

.el-icon-connection:before {
  content: "\E736"; }

.el-icon-link:before {
  content: "\E737"; }

.el-icon-cpu:before {
  content: "\E738"; }

.el-icon-thumb:before {
  content: "\E739"; }

.el-icon-female:before {
  content: "\E73A"; }

.el-icon-male:before {
  content: "\E73B"; }

.el-icon-guide:before {
  content: "\E73C"; }

.el-icon-news:before {
  content: "\E73E"; }

.el-icon-price-tag:before {
  content: "\E744"; }

.el-icon-discount:before {
  content: "\E745"; }

.el-icon-wallet:before {
  content: "\E747"; }

.el-icon-coin:before {
  content: "\E748"; }

.el-icon-money:before {
  content: "\E749"; }

.el-icon-bank-card:before {
  content: "\E74A"; }

.el-icon-box:before {
  content: "\E74B"; }

.el-icon-present:before {
  content: "\E74C"; }

.el-icon-sell:before {
  content: "\E6D5"; }

.el-icon-sold-out:before {
  content: "\E6D6"; }

.el-icon-shopping-bag-2:before {
  content: "\E74D"; }

.el-icon-shopping-bag-1:before {
  content: "\E74E"; }

.el-icon-shopping-cart-2:before {
  content: "\E74F"; }

.el-icon-shopping-cart-1:before {
  content: "\E750"; }

.el-icon-shopping-cart-full:before {
  content: "\E751"; }

.el-icon-smoking:before {
  content: "\E752"; }

.el-icon-no-smoking:before {
  content: "\E753"; }

.el-icon-house:before {
  content: "\E754"; }

.el-icon-table-lamp:before {
  content: "\E755"; }

.el-icon-school:before {
  content: "\E756"; }

.el-icon-office-building:before {
  content: "\E757"; }

.el-icon-toilet-paper:before {
  content: "\E758"; }

.el-icon-notebook-2:before {
  content: "\E759"; }

.el-icon-notebook-1:before {
  content: "\E75A"; }

.el-icon-files:before {
  content: "\E75B"; }

.el-icon-collection:before {
  content: "\E75C"; }

.el-icon-receiving:before {
  content: "\E75D"; }

.el-icon-suitcase-1:before {
  content: "\E760"; }

.el-icon-suitcase:before {
  content: "\E761"; }

.el-icon-film:before {
  content: "\E763"; }

.el-icon-collection-tag:before {
  content: "\E765"; }

.el-icon-data-analysis:before {
  content: "\E766"; }

.el-icon-pie-chart:before {
  content: "\E767"; }

.el-icon-data-board:before {
  content: "\E768"; }

.el-icon-data-line:before {
  content: "\E76D"; }

.el-icon-reading:before {
  content: "\E769"; }

.el-icon-magic-stick:before {
  content: "\E76A"; }

.el-icon-coordinate:before {
  content: "\E76B"; }

.el-icon-mouse:before {
  content: "\E76C"; }

.el-icon-brush:before {
  content: "\E76E"; }

.el-icon-headset:before {
  content: "\E76F"; }

.el-icon-umbrella:before {
  content: "\E770"; }

.el-icon-scissors:before {
  content: "\E771"; }

.el-icon-mobile:before {
  content: "\E773"; }

.el-icon-attract:before {
  content: "\E774"; }

.el-icon-monitor:before {
  content: "\E775"; }

.el-icon-search:before {
  content: "\E778"; }

.el-icon-takeaway-box:before {
  content: "\E77A"; }

.el-icon-paperclip:before {
  content: "\E77D"; }

.el-icon-printer:before {
  content: "\E77E"; }

.el-icon-document-add:before {
  content: "\E782"; }

.el-icon-document:before {
  content: "\E785"; }

.el-icon-document-checked:before {
  content: "\E786"; }

.el-icon-document-copy:before {
  content: "\E787"; }

.el-icon-document-delete:before {
  content: "\E788"; }

.el-icon-document-remove:before {
  content: "\E789"; }

.el-icon-tickets:before {
  content: "\E78B"; }

.el-icon-folder-checked:before {
  content: "\E77F"; }

.el-icon-folder-delete:before {
  content: "\E780"; }

.el-icon-folder-remove:before {
  content: "\E781"; }

.el-icon-folder-add:before {
  content: "\E783"; }

.el-icon-folder-opened:before {
  content: "\E784"; }

.el-icon-folder:before {
  content: "\E78A"; }

.el-icon-edit-outline:before {
  content: "\E764"; }

.el-icon-edit:before {
  content: "\E78C"; }

.el-icon-date:before {
  content: "\E78E"; }

.el-icon-c-scale-to-original:before {
  content: "\E7C6"; }

.el-icon-view:before {
  content: "\E6CE"; }

.el-icon-loading:before {
  content: "\E6CF"; }

.el-icon-rank:before {
  content: "\E6D1"; }

.el-icon-sort-down:before {
  content: "\E7C4"; }

.el-icon-sort-up:before {
  content: "\E7C5"; }

.el-icon-sort:before {
  content: "\E6D2"; }

.el-icon-finished:before {
  content: "\E6CD"; }

.el-icon-refresh-left:before {
  content: "\E6C7"; }

.el-icon-refresh-right:before {
  content: "\E6C8"; }

.el-icon-refresh:before {
  content: "\E6D0"; }

.el-icon-video-play:before {
  content: "\E7C0"; }

.el-icon-video-pause:before {
  content: "\E7C1"; }

.el-icon-d-arrow-right:before {
  content: "\E6DC"; }

.el-icon-d-arrow-left:before {
  content: "\E6DD"; }

.el-icon-arrow-up:before {
  content: "\E6E1"; }

.el-icon-arrow-down:before {
  content: "\E6DF"; }

.el-icon-arrow-right:before {
  content: "\E6E0"; }

.el-icon-arrow-left:before {
  content: "\E6DE"; }

.el-icon-top-right:before {
  content: "\E6E7"; }

.el-icon-top-left:before {
  content: "\E6E8"; }

.el-icon-top:before {
  content: "\E6E6"; }

.el-icon-bottom:before {
  content: "\E6EB"; }

.el-icon-right:before {
  content: "\E6E9"; }

.el-icon-back:before {
  content: "\E6EA"; }

.el-icon-bottom-right:before {
  content: "\E6EC"; }

.el-icon-bottom-left:before {
  content: "\E6ED"; }

.el-icon-caret-top:before {
  content: "\E78F"; }

.el-icon-caret-bottom:before {
  content: "\E790"; }

.el-icon-caret-right:before {
  content: "\E791"; }

.el-icon-caret-left:before {
  content: "\E792"; }

.el-icon-d-caret:before {
  content: "\E79A"; }

.el-icon-share:before {
  content: "\E793"; }

.el-icon-menu:before {
  content: "\E798"; }

.el-icon-s-grid:before {
  content: "\E7A6"; }

.el-icon-s-check:before {
  content: "\E7A7"; }

.el-icon-s-data:before {
  content: "\E7A8"; }

.el-icon-s-opportunity:before {
  content: "\E7AA"; }

.el-icon-s-custom:before {
  content: "\E7AB"; }

.el-icon-s-claim:before {
  content: "\E7AD"; }

.el-icon-s-finance:before {
  content: "\E7AE"; }

.el-icon-s-comment:before {
  content: "\E7AF"; }

.el-icon-s-flag:before {
  content: "\E7B0"; }

.el-icon-s-marketing:before {
  content: "\E7B1"; }

.el-icon-s-shop:before {
  content: "\E7B4"; }

.el-icon-s-open:before {
  content: "\E7B5"; }

.el-icon-s-management:before {
  content: "\E7B6"; }

.el-icon-s-ticket:before {
  content: "\E7B7"; }

.el-icon-s-release:before {
  content: "\E7B8"; }

.el-icon-s-home:before {
  content: "\E7B9"; }

.el-icon-s-promotion:before {
  content: "\E7BA"; }

.el-icon-s-operation:before {
  content: "\E7BB"; }

.el-icon-s-unfold:before {
  content: "\E7BC"; }

.el-icon-s-fold:before {
  content: "\E7A9"; }

.el-icon-s-platform:before {
  content: "\E7BD"; }

.el-icon-s-order:before {
  content: "\E7BE"; }

.el-icon-s-cooperation:before {
  content: "\E7BF"; }

.el-icon-bell:before {
  content: "\E725"; }

.el-icon-message-solid:before {
  content: "\E799"; }

.el-icon-video-camera:before {
  content: "\E772"; }

.el-icon-video-camera-solid:before {
  content: "\E796"; }

.el-icon-camera:before {
  content: "\E779"; }

.el-icon-camera-solid:before {
  content: "\E79B"; }

.el-icon-download:before {
  content: "\E77C"; }

.el-icon-upload2:before {
  content: "\E77B"; }

.el-icon-upload:before {
  content: "\E7C3"; }

.el-icon-picture-outline-round:before {
  content: "\E75F"; }

.el-icon-picture-outline:before {
  content: "\E75E"; }

.el-icon-picture:before {
  content: "\E79F"; }

.el-icon-close:before {
  content: "\E6DB"; }

.el-icon-check:before {
  content: "\E6DA"; }

.el-icon-plus:before {
  content: "\E6D9"; }

.el-icon-minus:before {
  content: "\E6D8"; }

.el-icon-help:before {
  content: "\E73D"; }

.el-icon-s-help:before {
  content: "\E7B3"; }

.el-icon-circle-close:before {
  content: "\E78D"; }

.el-icon-circle-check:before {
  content: "\E720"; }

.el-icon-circle-plus-outline:before {
  content: "\E723"; }

.el-icon-remove-outline:before {
  content: "\E722"; }

.el-icon-zoom-out:before {
  content: "\E776"; }

.el-icon-zoom-in:before {
  content: "\E777"; }

.el-icon-error:before {
  content: "\E79D"; }

.el-icon-success:before {
  content: "\E79C"; }

.el-icon-circle-plus:before {
  content: "\E7A0"; }

.el-icon-remove:before {
  content: "\E7A2"; }

.el-icon-info:before {
  content: "\E7A1"; }

.el-icon-question:before {
  content: "\E7A4"; }

.el-icon-warning-outline:before {
  content: "\E6C9"; }

.el-icon-warning:before {
  content: "\E7A3"; }

.el-icon-goods:before {
  content: "\E7C2"; }

.el-icon-s-goods:before {
  content: "\E7B2"; }

.el-icon-star-off:before {
  content: "\E717"; }

.el-icon-star-on:before {
  content: "\E797"; }

.el-icon-more-outline:before {
  content: "\E6CC"; }

.el-icon-more:before {
  content: "\E794"; }

.el-icon-phone-outline:before {
  content: "\E6CB"; }

.el-icon-phone:before {
  content: "\E795"; }

.el-icon-user:before {
  content: "\E6E3"; }

.el-icon-user-solid:before {
  content: "\E7A5"; }

.el-icon-setting:before {
  content: "\E6CA"; }

.el-icon-s-tools:before {
  content: "\E7AC"; }

.el-icon-delete:before {
  content: "\E6D7"; }

.el-icon-delete-solid:before {
  content: "\E7C9"; }

.el-icon-eleme:before {
  content: "\E7C7"; }

.el-icon-platform-eleme:before {
  content: "\E7CA"; }

.el-icon-loading {
  animation: rotating 2s linear infinite; }

.el-icon--right {
  margin-left: 5px; }

.el-icon--left {
  margin-right: 5px; }

@keyframes rotating {
  0% {
    transform: rotateZ(0); }
  100% {
    transform: rotateZ(360deg); } }

.el-pagination {
  white-space: nowrap;
  padding: 2px 5px;
  color: #333;
  font-weight: 700; }

.el-pagination::after, .el-pagination::before {
  display: table;
  content: ""; }

.el-pagination::after {
  clear: both; }

.el-pagination button, .el-pagination span:not([class*=suffix]) {
  display: inline-block;
  font-size: 13px;
  min-width: 35.5px;
  height: 28px;
  line-height: 28px;
  vertical-align: top;
  box-sizing: border-box; }

.el-pagination .el-input__inner {
  text-align: center;
  -moz-appearance: textfield;
  line-height: normal; }

.el-pagination .el-input__suffix {
  right: 0;
  transform: scale(0.8); }

.el-pagination .el-select .el-input {
  width: 100px;
  margin: 0 5px; }

.el-pagination .el-select .el-input .el-input__inner {
  padding-right: 25px;
  border-radius: 3px; }

.el-pagination button {
  border: none;
  padding: 0 6px;
  background: 0 0; }

.el-pagination button:focus {
  outline: 0; }

.el-pagination button:hover {
  color: #0084BF; }

.el-pagination button:disabled {
  color: #CCC;
  background-color: #FFF;
  cursor: not-allowed; }

.el-pagination .btn-next, .el-pagination .btn-prev {
  background: center center no-repeat #FFF;
  background-size: 16px;
  cursor: pointer;
  margin: 0;
  color: #333; }

.el-pagination .btn-next .el-icon, .el-pagination .btn-prev .el-icon {
  display: block;
  font-size: 12px;
  font-weight: 700; }

.el-pagination .btn-prev {
  padding-right: 12px; }

.el-pagination .btn-next {
  padding-left: 12px; }

.el-pagination .el-pager li.disabled {
  color: #CCC;
  cursor: not-allowed; }

.el-pager li, .el-pager li.btn-quicknext:hover, .el-pager li.btn-quickprev:hover {
  cursor: pointer; }

.el-pagination--small .btn-next, .el-pagination--small .btn-prev, .el-pagination--small .el-pager li, .el-pagination--small .el-pager li.btn-quicknext, .el-pagination--small .el-pager li.btn-quickprev, .el-pagination--small .el-pager li:last-child {
  border-color: transparent;
  font-size: 12px;
  line-height: 22px;
  height: 22px;
  min-width: 22px; }

.el-pagination--small .more::before, .el-pagination--small li.more::before {
  line-height: 24px; }

.el-pagination--small button, .el-pagination--small span:not([class*=suffix]) {
  height: 22px;
  line-height: 22px; }

.el-pagination--small .el-pagination__editor, .el-pagination--small .el-pagination__editor.el-input .el-input__inner {
  height: 22px; }

.el-pagination__sizes {
  margin: 0 10px 0 0;
  font-weight: 400;
  color: #666; }

.el-pagination__sizes .el-input .el-input__inner {
  font-size: 13px;
  padding-left: 8px; }

.el-pagination__sizes .el-input .el-input__inner:hover {
  border-color: #0084BF; }

.el-pagination__total {
  margin-right: 10px;
  font-weight: 400;
  color: #666; }

.el-pagination__jump {
  margin-left: 24px;
  font-weight: 400;
  color: #666; }

.el-pagination__jump .el-input__inner {
  padding: 0 3px; }

.el-pagination__rightwrapper {
  float: right; }

.el-pagination__editor {
  line-height: 18px;
  padding: 0 2px;
  height: 28px;
  text-align: center;
  margin: 0 2px;
  box-sizing: border-box;
  border-radius: 3px; }

.el-pager, .el-pagination.is-background .btn-next, .el-pagination.is-background .btn-prev {
  padding: 0; }

.el-pagination__editor.el-input {
  width: 50px; }

.el-pagination__editor.el-input .el-input__inner {
  height: 28px; }

.el-pagination__editor .el-input__inner::-webkit-inner-spin-button, .el-pagination__editor .el-input__inner::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0; }

.el-pagination.is-background .btn-next, .el-pagination.is-background .btn-prev, .el-pagination.is-background .el-pager li {
  margin: 0 5px;
  background-color: #f1fbff;
  color: #666;
  min-width: 30px;
  border-radius: 2px; }

.el-pagination.is-background .btn-next.disabled, .el-pagination.is-background .btn-next:disabled, .el-pagination.is-background .btn-prev.disabled, .el-pagination.is-background .btn-prev:disabled, .el-pagination.is-background .el-pager li.disabled {
  color: #CCC; }

.el-pagination.is-background .el-pager li:not(.disabled):hover {
  color: #0084BF; }

.el-pagination.is-background .el-pager li:not(.disabled).active {
  background-color: #0084BF;
  color: #FFF; }

.el-dialog, .el-pager li {
  background: #FFF;
  -webkit-box-sizing: border-box; }

.el-pagination.is-background.el-pagination--small .btn-next, .el-pagination.is-background.el-pagination--small .btn-prev, .el-pagination.is-background.el-pagination--small .el-pager li {
  margin: 0 3px;
  min-width: 22px; }

.el-pager, .el-pager li {
  vertical-align: top;
  margin: 0;
  display: inline-block; }

.el-pager {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  list-style: none;
  font-size: 0; }

.el-date-table, .el-table th {
  -webkit-user-select: none;
  -moz-user-select: none; }

.el-pager .more::before {
  line-height: 30px; }

.el-pager li {
  padding: 0 4px;
  font-size: 13px;
  min-width: 35.5px;
  height: 28px;
  line-height: 28px;
  box-sizing: border-box;
  text-align: center; }

.el-menu--collapse .el-menu .el-submenu, .el-menu--popup {
  min-width: 200px; }

.el-pager li.btn-quicknext, .el-pager li.btn-quickprev {
  line-height: 28px;
  color: #333; }

.el-pager li.btn-quicknext.disabled, .el-pager li.btn-quickprev.disabled {
  color: #CCC; }

.el-pager li.active + li {
  border-left: 0; }

.el-pager li:hover {
  color: #0084BF; }

.el-pager li.active {
  color: #0084BF;
  cursor: default; }

.el-dialog {
  position: relative;
  margin: 0 auto 50px;
  border-radius: 2px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  box-sizing: border-box;
  width: 50%; }

.el-dialog.is-fullscreen {
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  height: 100%;
  overflow: auto; }

.el-dialog__wrapper {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: auto;
  margin: 0; }

.el-dialog__header {
  padding: 20px 20px 10px; }

.el-dialog__headerbtn {
  position: absolute;
  top: 20px;
  right: 20px;
  padding: 0;
  background: 0 0;
  border: none;
  outline: 0;
  cursor: pointer;
  font-size: 16px; }

.el-dialog__headerbtn .el-dialog__close {
  color: #74D5FF; }

.el-dialog__headerbtn:focus .el-dialog__close, .el-dialog__headerbtn:hover .el-dialog__close {
  color: #0084BF; }

.el-dialog__title {
  line-height: 24px;
  font-size: 18px;
  color: #333; }

.el-dialog__body {
  padding: 30px 20px;
  color: #666;
  font-size: 14px;
  word-break: break-all; }

.el-dialog__footer {
  padding: 10px 20px 20px;
  text-align: right;
  box-sizing: border-box; }

.el-dialog--center {
  text-align: center; }

.el-dialog--center .el-dialog__body {
  text-align: initial;
  padding: 25px 25px 30px; }

.el-dialog--center .el-dialog__footer {
  text-align: inherit; }

.dialog-fade-enter-active {
  animation: dialog-fade-in .3s; }

.dialog-fade-leave-active {
  animation: dialog-fade-out .3s; }

@keyframes dialog-fade-in {
  0% {
    transform: translate3d(0, -20px, 0);
    opacity: 0; }
  100% {
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

@keyframes dialog-fade-out {
  0% {
    transform: translate3d(0, 0, 0);
    opacity: 1; }
  100% {
    transform: translate3d(0, -20px, 0);
    opacity: 0; } }

.el-autocomplete {
  position: relative;
  display: inline-block; }

.el-autocomplete-suggestion {
  margin: 5px 0;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  border: 1px solid #E4E7ED;
  box-sizing: border-box;
  background-color: #FFF; }

.el-dropdown-menu, .el-menu--collapse .el-submenu .el-menu {
  z-index: 10;
  -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); }

.el-autocomplete-suggestion__wrap {
  max-height: 280px;
  padding: 10px 0;
  box-sizing: border-box; }

.el-autocomplete-suggestion__list {
  margin: 0;
  padding: 0; }

.el-autocomplete-suggestion li {
  padding: 0 20px;
  margin: 0;
  line-height: 34px;
  cursor: pointer;
  color: #666;
  font-size: 14px;
  list-style: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.el-autocomplete-suggestion li.highlighted, .el-autocomplete-suggestion li:hover {
  background-color: #F5F7FA; }

.el-autocomplete-suggestion li.divider {
  margin-top: 6px;
  border-top: 1px solid #222; }

.el-autocomplete-suggestion li.divider:last-child {
  margin-bottom: -6px; }

.el-autocomplete-suggestion.is-loading li {
  text-align: center;
  height: 100px;
  line-height: 100px;
  font-size: 20px;
  color: #999; }

.el-autocomplete-suggestion.is-loading li::after {
  display: inline-block;
  content: "";
  height: 100%;
  vertical-align: middle; }

.el-autocomplete-suggestion.is-loading li:hover {
  background-color: #FFF; }

.el-autocomplete-suggestion.is-loading .el-icon-loading {
  vertical-align: middle; }

.el-dropdown {
  display: inline-block;
  position: relative;
  color: #666;
  font-size: 14px; }

.el-dropdown .el-button-group {
  display: block; }

.el-dropdown .el-button-group .el-button {
  float: none; }

.el-dropdown .el-dropdown__caret-button {
  padding-left: 5px;
  padding-right: 5px;
  position: relative;
  border-left: none; }

.el-dropdown .el-dropdown__caret-button::before {
  content: '';
  position: absolute;
  display: block;
  width: 1px;
  top: 5px;
  bottom: 5px;
  left: 0;
  background: rgba(255, 255, 255, 0.5); }

.el-dropdown .el-dropdown__caret-button.el-button--default::before {
  background: rgba(220, 223, 230, 0.5); }

.el-dropdown .el-dropdown__caret-button:hover::before {
  top: 0;
  bottom: 0; }

.el-dropdown .el-dropdown__caret-button .el-dropdown__icon {
  padding-left: 0; }

.el-dropdown__icon {
  font-size: 12px;
  margin: 0 3px; }

.el-dropdown-menu {
  position: absolute;
  top: 0;
  left: 0;
  padding: 10px 0;
  margin: 5px 0;
  background-color: #FFF;
  border: 1px solid #EBEEF5;
  border-radius: 4px;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); }

.el-dropdown-menu__item {
  list-style: none;
  line-height: 36px;
  padding: 0 20px;
  margin: 0;
  font-size: 14px;
  color: #666;
  cursor: pointer;
  outline: 0; }

.el-dropdown-menu__item:focus, .el-dropdown-menu__item:not(.is-disabled):hover {
  background-color: #e6f3f9;
  color: #339dcc; }

.el-dropdown-menu__item i {
  margin-right: 5px; }

.el-dropdown-menu__item--divided {
  position: relative;
  margin-top: 6px;
  border-top: 1px solid #EBEEF5; }

.el-dropdown-menu__item--divided:before {
  content: '';
  height: 6px;
  display: block;
  margin: 0 -20px;
  background-color: #FFF; }

.el-dropdown-menu__item.is-disabled {
  cursor: default;
  color: #bbb;
  pointer-events: none; }

.el-dropdown-menu--medium {
  padding: 6px 0; }

.el-dropdown-menu--medium .el-dropdown-menu__item {
  line-height: 30px;
  padding: 0 17px;
  font-size: 14px; }

.el-dropdown-menu--medium .el-dropdown-menu__item.el-dropdown-menu__item--divided {
  margin-top: 6px; }

.el-dropdown-menu--medium .el-dropdown-menu__item.el-dropdown-menu__item--divided:before {
  height: 6px;
  margin: 0 -17px; }

.el-dropdown-menu--small {
  padding: 6px 0; }

.el-dropdown-menu--small .el-dropdown-menu__item {
  line-height: 27px;
  padding: 0 15px;
  font-size: 13px; }

.el-dropdown-menu--small .el-dropdown-menu__item.el-dropdown-menu__item--divided {
  margin-top: 4px; }

.el-dropdown-menu--small .el-dropdown-menu__item.el-dropdown-menu__item--divided:before {
  height: 4px;
  margin: 0 -15px; }

.el-dropdown-menu--mini {
  padding: 3px 0; }

.el-dropdown-menu--mini .el-dropdown-menu__item {
  line-height: 24px;
  padding: 0 10px;
  font-size: 12px; }

.el-dropdown-menu--mini .el-dropdown-menu__item.el-dropdown-menu__item--divided {
  margin-top: 3px; }

.el-dropdown-menu--mini .el-dropdown-menu__item.el-dropdown-menu__item--divided:before {
  height: 3px;
  margin: 0 -10px; }

.el-menu {
  border-right: solid 1px #e6e6e6;
  list-style: none;
  position: relative;
  margin: 0;
  padding-left: 0;
  background-color: #FFF; }

.el-menu--horizontal > .el-menu-item:not(.is-disabled):focus, .el-menu--horizontal > .el-menu-item:not(.is-disabled):hover, .el-menu--horizontal > .el-submenu .el-submenu__title:hover {
  background-color: #fff; }

.el-menu::after, .el-menu::before {
  display: table;
  content: ""; }

.el-menu::after {
  clear: both; }

.el-menu.el-menu--horizontal {
  border-bottom: solid 1px #e6e6e6; }

.el-menu--horizontal {
  border-right: none; }

.el-menu--horizontal > .el-menu-item {
  float: left;
  height: 60px;
  line-height: 60px;
  margin: 0;
  border-bottom: 2px solid transparent;
  color: #999; }

.el-menu--horizontal > .el-menu-item a, .el-menu--horizontal > .el-menu-item a:hover {
  color: inherit; }

.el-menu--horizontal > .el-submenu {
  float: left; }

.el-menu--horizontal > .el-submenu:focus, .el-menu--horizontal > .el-submenu:hover {
  outline: 0; }

.el-menu--horizontal > .el-submenu:focus .el-submenu__title, .el-menu--horizontal > .el-submenu:hover .el-submenu__title {
  color: #333; }

.el-menu--horizontal > .el-submenu.is-active .el-submenu__title {
  border-bottom: 2px solid #0084BF;
  color: #333; }

.el-menu--horizontal > .el-submenu .el-submenu__title {
  height: 60px;
  line-height: 60px;
  border-bottom: 2px solid transparent;
  color: #999; }

.el-menu--horizontal > .el-submenu .el-submenu__icon-arrow {
  position: static;
  vertical-align: middle;
  margin-left: 8px;
  margin-top: -3px; }

.el-menu--horizontal .el-menu .el-menu-item, .el-menu--horizontal .el-menu .el-submenu__title {
  background-color: #FFF;
  float: none;
  height: 36px;
  line-height: 36px;
  padding: 0 10px;
  color: #999; }

.el-menu--horizontal .el-menu .el-menu-item.is-active, .el-menu--horizontal .el-menu .el-submenu.is-active > .el-submenu__title {
  color: #333; }

.el-menu--horizontal .el-menu-item:not(.is-disabled):focus, .el-menu--horizontal .el-menu-item:not(.is-disabled):hover {
  outline: 0;
  color: #333; }

.el-menu--horizontal > .el-menu-item.is-active {
  border-bottom: 2px solid #0084BF;
  color: #333; }

.el-menu--collapse {
  width: 64px; }

.el-menu--collapse > .el-menu-item [class^=el-icon-], .el-menu--collapse > .el-submenu > .el-submenu__title [class^=el-icon-] {
  margin: 0;
  vertical-align: middle;
  width: 24px;
  text-align: center; }

.el-menu--collapse > .el-menu-item .el-submenu__icon-arrow, .el-menu--collapse > .el-submenu > .el-submenu__title .el-submenu__icon-arrow {
  display: none; }

.el-menu--collapse > .el-menu-item span, .el-menu--collapse > .el-submenu > .el-submenu__title span {
  height: 0;
  width: 0;
  overflow: hidden;
  visibility: hidden;
  display: inline-block; }

.el-menu--collapse > .el-menu-item.is-active i {
  color: inherit; }

.el-menu--collapse .el-submenu {
  position: relative; }

.el-menu--collapse .el-submenu .el-menu {
  position: absolute;
  margin-left: 5px;
  top: 0;
  left: 100%;
  border: 1px solid #E4E7ED;
  border-radius: 2px;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); }

.el-menu-item, .el-submenu__title {
  height: 56px;
  line-height: 56px;
  position: relative;
  -webkit-box-sizing: border-box;
  white-space: nowrap;
  list-style: none; }

.el-menu--collapse .el-submenu.is-opened > .el-submenu__title .el-submenu__icon-arrow {
  transform: none; }

.el-menu--popup {
  z-index: 100;
  border: none;
  padding: 5px 0;
  border-radius: 2px;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); }

.el-menu--popup-bottom-start {
  margin-top: 5px; }

.el-menu--popup-right-start {
  margin-left: 5px;
  margin-right: 5px; }

.el-menu-item {
  font-size: 14px;
  color: #333;
  padding: 0 20px;
  cursor: pointer;
  transition: border-color .3s,background-color .3s,color .3s;
  box-sizing: border-box; }

.el-menu-item * {
  vertical-align: middle; }

.el-menu-item i {
  color: #999; }

.el-menu-item:focus, .el-menu-item:hover {
  outline: 0;
  background-color: #e6f3f9; }

.el-menu-item.is-disabled {
  opacity: .25;
  cursor: not-allowed;
  background: 0 0 !important; }

.el-menu-item [class^=el-icon-] {
  margin-right: 5px;
  width: 24px;
  text-align: center;
  font-size: 18px;
  vertical-align: middle; }

.el-menu-item.is-active {
  color: #0084BF; }

.el-menu-item.is-active i {
  color: inherit; }

.el-submenu {
  list-style: none;
  margin: 0;
  padding-left: 0; }

.el-submenu__title {
  font-size: 14px;
  color: #333;
  padding: 0 20px;
  cursor: pointer;
  transition: border-color .3s,background-color .3s,color .3s;
  box-sizing: border-box; }

.el-submenu__title * {
  vertical-align: middle; }

.el-submenu__title i {
  color: #999; }

.el-submenu__title:focus, .el-submenu__title:hover {
  outline: 0;
  background-color: #e6f3f9; }

.el-submenu__title.is-disabled {
  opacity: .25;
  cursor: not-allowed;
  background: 0 0 !important; }

.el-submenu__title:hover {
  background-color: #e6f3f9; }

.el-submenu .el-menu {
  border: none; }

.el-submenu .el-menu-item {
  height: 50px;
  line-height: 50px;
  padding: 0 45px;
  min-width: 200px; }

.el-submenu__icon-arrow {
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -7px;
  transition: transform .3s;
  font-size: 12px; }

.el-submenu.is-active .el-submenu__title {
  border-bottom-color: #0084BF; }

.el-submenu.is-opened > .el-submenu__title .el-submenu__icon-arrow {
  transform: rotateZ(180deg); }

.el-submenu.is-disabled .el-menu-item, .el-submenu.is-disabled .el-submenu__title {
  opacity: .25;
  cursor: not-allowed;
  background: 0 0 !important; }

.el-submenu [class^=el-icon-] {
  vertical-align: middle;
  margin-right: 5px;
  width: 24px;
  text-align: center;
  font-size: 18px; }

.el-menu-item-group > ul {
  padding: 0; }

.el-menu-item-group__title {
  padding: 7px 0 7px 20px;
  line-height: normal;
  font-size: 12px;
  color: #999; }

.el-radio-button__inner, .el-radio-group {
  display: inline-block;
  line-height: 1;
  vertical-align: middle; }

.horizontal-collapse-transition .el-submenu__title .el-submenu__icon-arrow {
  transition: .2s;
  opacity: 0; }

.el-radio-group {
  font-size: 0; }

.el-radio-button {
  position: relative;
  display: inline-block;
  outline: 0; }

.el-radio-button__inner {
  white-space: nowrap;
  background: #FFF;
  border: 1px solid #DCDFE6;
  font-weight: 500;
  border-left: 0;
  color: #666;
  -webkit-appearance: none;
  text-align: center;
  box-sizing: border-box;
  outline: 0;
  margin: 0;
  position: relative;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  padding: 12px 20px;
  font-size: 14px;
  border-radius: 0; }

.el-radio-button__inner.is-round {
  padding: 12px 20px; }

.el-radio-button__inner:hover {
  color: #0084BF; }

.el-radio-button__inner [class*=el-icon-] {
  line-height: .9; }

.el-radio-button__inner [class*=el-icon-] + span {
  margin-left: 5px; }

.el-radio-button:first-child .el-radio-button__inner {
  border-left: 1px solid #DCDFE6;
  border-radius: 4px 0 0 4px;
  box-shadow: none !important; }

.el-radio-button__orig-radio {
  opacity: 0;
  outline: 0;
  position: absolute;
  z-index: -1; }

.el-radio-button__orig-radio:checked + .el-radio-button__inner {
  color: #FFF;
  background-color: #0084BF;
  border-color: #0084BF;
  box-shadow: -1px 0 0 0 #0084BF; }

.el-radio-button__orig-radio:disabled + .el-radio-button__inner {
  color: #CCC;
  cursor: not-allowed;
  background-image: none;
  background-color: #FFF;
  border-color: #EBEEF5;
  box-shadow: none; }

.el-radio-button__orig-radio:disabled:checked + .el-radio-button__inner {
  background-color: #F2F6FC; }

.el-radio-button:last-child .el-radio-button__inner {
  border-radius: 0 4px 4px 0; }

.el-popover, .el-radio-button:first-child:last-child .el-radio-button__inner {
  border-radius: 4px; }

.el-radio-button--medium .el-radio-button__inner {
  padding: 10px 20px;
  font-size: 14px;
  border-radius: 0; }

.el-radio-button--medium .el-radio-button__inner.is-round {
  padding: 10px 20px; }

.el-radio-button--small .el-radio-button__inner {
  padding: 9px 15px;
  font-size: 12px;
  border-radius: 0; }

.el-radio-button--small .el-radio-button__inner.is-round {
  padding: 9px 15px; }

.el-radio-button--mini .el-radio-button__inner {
  padding: 7px 15px;
  font-size: 12px;
  border-radius: 0; }

.el-radio-button--mini .el-radio-button__inner.is-round {
  padding: 7px 15px; }

.el-radio-button:focus:not(.is-focus):not(:active):not(.is-disabled) {
  box-shadow: 0 0 2px 2px #0084BF; }

.el-switch {
  display: inline-flex;
  align-items: center;
  position: relative;
  font-size: 14px;
  line-height: 20px;
  height: 20px;
  vertical-align: middle; }

.el-switch__core, .el-switch__label {
  display: inline-block;
  cursor: pointer; }

.el-switch.is-disabled .el-switch__core, .el-switch.is-disabled .el-switch__label {
  cursor: not-allowed; }

.el-switch__label {
  transition: .2s;
  height: 20px;
  font-size: 14px;
  font-weight: 500;
  vertical-align: middle;
  color: #333; }

.el-switch__label.is-active {
  color: #0084BF; }

.el-switch__label--left {
  margin-right: 10px; }

.el-switch__label--right {
  margin-left: 10px; }

.el-switch__label * {
  line-height: 1;
  font-size: 14px;
  display: inline-block; }

.el-switch__input {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
  margin: 0; }

.el-switch__core {
  margin: 0;
  position: relative;
  width: 40px;
  height: 20px;
  border: 1px solid #DCDFE6;
  outline: 0;
  border-radius: 10px;
  box-sizing: border-box;
  background: #DCDFE6;
  transition: border-color .3s,background-color .3s;
  vertical-align: middle; }

.el-switch__core:after {
  content: "";
  position: absolute;
  top: 1px;
  left: 1px;
  border-radius: 100%;
  transition: all .3s;
  width: 16px;
  height: 16px;
  background-color: #FFF; }

.el-switch.is-checked .el-switch__core {
  border-color: #0084BF;
  background-color: #0084BF; }

.el-switch.is-checked .el-switch__core::after {
  left: 100%;
  margin-left: -17px; }

.el-switch.is-disabled {
  opacity: .6; }

.el-switch--wide .el-switch__label.el-switch__label--left span {
  left: 10px; }

.el-switch--wide .el-switch__label.el-switch__label--right span {
  right: 10px; }

.el-switch .label-fade-enter, .el-switch .label-fade-leave-active {
  opacity: 0; }

.el-select-dropdown {
  position: absolute;
  z-index: 1001;
  border: 1px solid #E4E7ED;
  border-radius: 4px;
  background-color: #FFF;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  margin: 5px 0; }

.el-select-dropdown.is-multiple .el-select-dropdown__item.selected {
  color: #0084BF;
  background-color: #FFF; }

.el-select-dropdown.is-multiple .el-select-dropdown__item.selected.hover {
  background-color: #F5F7FA; }

.el-select-dropdown.is-multiple .el-select-dropdown__item.selected::after {
  position: absolute;
  right: 20px;
  font-family: element-icons;
  content: "\E6DA";
  font-size: 12px;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.el-select-dropdown .el-scrollbar.is-empty .el-select-dropdown__list {
  padding: 0; }

.el-select-dropdown__empty {
  padding: 10px 0;
  margin: 0;
  text-align: center;
  color: #999;
  font-size: 14px; }

.el-select-dropdown__wrap {
  max-height: 274px; }

.el-select-dropdown__list {
  list-style: none;
  padding: 6px 0;
  margin: 0;
  box-sizing: border-box; }

.el-select-dropdown__item {
  font-size: 14px;
  padding: 0 20px;
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #666;
  height: 34px;
  line-height: 34px;
  box-sizing: border-box;
  cursor: pointer; }

.el-select-dropdown__item.is-disabled {
  color: #CCC;
  cursor: not-allowed; }

.el-select-dropdown__item.is-disabled:hover {
  background-color: #FFF; }

.el-select-dropdown__item.hover, .el-select-dropdown__item:hover {
  background-color: #F5F7FA; }

.el-select-dropdown__item.selected {
  color: #0084BF;
  font-weight: 700; }

.el-select-group {
  margin: 0;
  padding: 0; }

.el-select-group__wrap {
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0; }

.el-select-group__wrap:not(:last-of-type) {
  padding-bottom: 24px; }

.el-select-group__wrap:not(:last-of-type)::after {
  content: '';
  position: absolute;
  display: block;
  left: 20px;
  right: 20px;
  bottom: 12px;
  height: 1px;
  background: #E4E7ED; }

.el-select-group__title {
  padding-left: 20px;
  font-size: 12px;
  color: #74D5FF;
  line-height: 30px; }

.el-select-group .el-select-dropdown__item {
  padding-left: 20px; }

.el-select {
  display: inline-block;
  position: relative; }

.el-select .el-select__tags > span {
  display: contents; }

.el-select:hover .el-input__inner {
  border-color: #CCC; }

.el-select .el-input__inner {
  cursor: pointer;
  padding-right: 35px; }

.el-select .el-input__inner:focus {
  border-color: #0084BF; }

.el-select .el-input .el-select__caret {
  color: #CCC;
  font-size: 14px;
  transition: transform .3s;
  transform: rotateZ(180deg);
  cursor: pointer; }

.el-select .el-input .el-select__caret.is-reverse {
  transform: rotateZ(0); }

.el-select .el-input .el-select__caret.is-show-close {
  font-size: 14px;
  text-align: center;
  transform: rotateZ(180deg);
  border-radius: 100%;
  color: #CCC;
  transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); }

.el-select .el-input .el-select__caret.is-show-close:hover {
  color: #999; }

.el-select .el-input.is-disabled .el-input__inner {
  cursor: not-allowed; }

.el-select .el-input.is-disabled .el-input__inner:hover {
  border-color: #E4E7ED; }

.el-select .el-input.is-focus .el-input__inner {
  border-color: #0084BF; }

.el-select > .el-input {
  display: block; }

.el-select__input {
  border: none;
  outline: 0;
  padding: 0;
  margin-left: 15px;
  color: #666;
  font-size: 14px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  height: 28px;
  background-color: transparent; }

.el-select__input.is-mini {
  height: 14px; }

.el-select__close {
  cursor: pointer;
  position: absolute;
  top: 8px;
  z-index: 1000;
  right: 25px;
  color: #CCC;
  line-height: 18px;
  font-size: 14px; }

.el-select__close:hover {
  color: #999; }

.el-select__tags {
  position: absolute;
  line-height: normal;
  white-space: normal;
  z-index: 1;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  flex-wrap: wrap; }

.el-select .el-tag__close {
  margin-top: -2px; }

.el-select .el-tag {
  box-sizing: border-box;
  border-color: transparent;
  margin: 2px 0 2px 6px;
  background-color: #f0f2f5; }

.el-select .el-tag__close.el-icon-close {
  background-color: #CCC;
  right: -7px;
  top: 0;
  color: #FFF; }

.el-select .el-tag__close.el-icon-close:hover {
  background-color: #999; }

.el-table, .el-table__expanded-cell {
  background-color: #FFF; }

.el-select .el-tag__close.el-icon-close::before {
  display: block;
  transform: translate(0, 0.5px); }

.el-table {
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  flex: 1;
  width: 100%;
  max-width: 100%;
  font-size: 14px;
  color: #666; }

.el-table--mini, .el-table--small, .el-table__expand-icon {
  font-size: 12px; }

.el-table__empty-block {
  min-height: 60px;
  text-align: center;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center; }

.el-table__empty-text {
  line-height: 60px;
  width: 50%;
  color: #999; }

.el-table__expand-column .cell {
  padding: 0;
  text-align: center; }

.el-table__expand-icon {
  position: relative;
  cursor: pointer;
  color: #666;
  transition: transform .2s ease-in-out;
  height: 20px; }

.el-table__expand-icon--expanded {
  transform: rotate(90deg); }

.el-table__expand-icon > .el-icon {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -5px;
  margin-top: -5px; }

.el-table__expanded-cell[class*=cell] {
  padding: 20px 50px; }

.el-table__expanded-cell:hover {
  background-color: transparent !important; }

.el-table__placeholder {
  display: inline-block;
  width: 20px; }

.el-table__append-wrapper {
  overflow: hidden; }

.el-table--fit {
  border-right: 0;
  border-bottom: 0; }

.el-table--fit td.gutter, .el-table--fit th.gutter {
  border-right-width: 1px; }

.el-table--scrollable-x .el-table__body-wrapper {
  overflow-x: auto; }

.el-table--scrollable-y .el-table__body-wrapper {
  overflow-y: auto; }

.el-table thead {
  color: #999;
  font-weight: 500; }

.el-table thead.is-group th {
  background: #F5F7FA; }

.el-table th, .el-table tr {
  background-color: #FFF; }

.el-table td, .el-table th {
  padding: 12px 0;
  min-width: 0;
  box-sizing: border-box;
  text-overflow: ellipsis;
  vertical-align: middle;
  position: relative;
  text-align: left; }

.el-table td.is-center, .el-table th.is-center {
  text-align: center; }

.el-table td.is-right, .el-table th.is-right {
  text-align: right; }

.el-table td.gutter, .el-table th.gutter {
  width: 15px;
  border-right-width: 0;
  border-bottom-width: 0;
  padding: 0; }

.el-table--medium td, .el-table--medium th {
  padding: 10px 0; }

.el-table--small td, .el-table--small th {
  padding: 8px 0; }

.el-table--mini td, .el-table--mini th {
  padding: 6px 0; }

.el-table .cell, .el-table--border td:first-child .cell, .el-table--border th:first-child .cell {
  padding-left: 10px; }

.el-table tr input[type=checkbox] {
  margin: 0; }

.el-table td, .el-table th.is-leaf {
  border-bottom: 1px solid #EBEEF5; }

.el-table th.is-sortable {
  cursor: pointer; }

.el-table th {
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none; }

.el-table th > .cell {
  display: inline-block;
  box-sizing: border-box;
  position: relative;
  vertical-align: middle;
  padding-left: 10px;
  padding-right: 10px;
  width: 100%; }

.el-table th > .cell.highlight {
  color: #0084BF; }

.el-table th.required > div::before {
  display: inline-block;
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #ff4d51;
  margin-right: 5px;
  vertical-align: middle; }

.el-table td div {
  box-sizing: border-box; }

.el-table td.gutter {
  width: 0; }

.el-table .cell {
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  word-break: break-all;
  line-height: 23px;
  padding-right: 10px; }

.el-table .cell.el-tooltip {
  white-space: nowrap;
  min-width: 50px; }

.el-table--border, .el-table--group {
  border: 1px solid #EBEEF5; }

.el-table--border::after, .el-table--group::after, .el-table::before {
  content: '';
  position: absolute;
  background-color: #EBEEF5;
  z-index: 1; }

.el-table--border::after, .el-table--group::after {
  top: 0;
  right: 0;
  width: 1px;
  height: 100%; }

.el-table::before {
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px; }

.el-table--border {
  border-right: none;
  border-bottom: none; }

.el-table--border.el-loading-parent--relative {
  border-color: transparent; }

.el-table--border td, .el-table--border th, .el-table__body-wrapper .el-table--border.is-scrolling-left ~ .el-table__fixed {
  border-right: 1px solid #EBEEF5; }

.el-table--border th.gutter:last-of-type {
  border-bottom: 1px solid #EBEEF5;
  border-bottom-width: 1px; }

.el-table--border th, .el-table__fixed-right-patch {
  border-bottom: 1px solid #EBEEF5; }

.el-table__fixed, .el-table__fixed-right {
  position: absolute;
  top: 0;
  left: 0;
  overflow-x: hidden;
  overflow-y: hidden;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.12); }

.el-table__fixed-right::before, .el-table__fixed::before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: #EBEEF5;
  z-index: 4; }

.el-table__fixed-right-patch {
  position: absolute;
  top: -1px;
  right: 0;
  background-color: #FFF; }

.el-table__fixed-right {
  top: 0;
  left: auto;
  right: 0; }

.el-table__fixed-right .el-table__fixed-body-wrapper, .el-table__fixed-right .el-table__fixed-footer-wrapper, .el-table__fixed-right .el-table__fixed-header-wrapper {
  left: auto;
  right: 0; }

.el-table__fixed-header-wrapper {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3; }

.el-table__fixed-footer-wrapper {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 3; }

.el-table__fixed-footer-wrapper tbody td {
  border-top: 1px solid #EBEEF5;
  background-color: #F5F7FA;
  color: #666; }

.el-table__fixed-body-wrapper {
  position: absolute;
  left: 0;
  top: 37px;
  overflow: hidden;
  z-index: 3; }

.el-table__body-wrapper, .el-table__footer-wrapper, .el-table__header-wrapper {
  width: 100%; }

.el-table__footer-wrapper {
  margin-top: -1px; }

.el-table__footer-wrapper td {
  border-top: 1px solid #EBEEF5; }

.el-table__body, .el-table__footer, .el-table__header {
  table-layout: fixed;
  border-collapse: separate; }

.el-table__footer-wrapper, .el-table__header-wrapper {
  overflow: hidden; }

.el-table__footer-wrapper tbody td, .el-table__header-wrapper tbody td {
  background-color: #F5F7FA;
  color: #666; }

.el-table__body-wrapper {
  overflow: hidden;
  position: relative; }

.el-table__body-wrapper.is-scrolling-left ~ .el-table__fixed, .el-table__body-wrapper.is-scrolling-none ~ .el-table__fixed, .el-table__body-wrapper.is-scrolling-none ~ .el-table__fixed-right, .el-table__body-wrapper.is-scrolling-right ~ .el-table__fixed-right {
  box-shadow: none; }

.el-picker-panel, .el-table-filter {
  -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); }

.el-table__body-wrapper .el-table--border.is-scrolling-right ~ .el-table__fixed-right {
  border-left: 1px solid #EBEEF5; }

.el-table .caret-wrapper {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  height: 34px;
  width: 24px;
  vertical-align: middle;
  cursor: pointer;
  overflow: initial;
  position: relative; }

.el-table .sort-caret {
  width: 0;
  height: 0;
  border: 5px solid transparent;
  position: absolute;
  left: 7px; }

.el-table .sort-caret.ascending {
  border-bottom-color: #CCC;
  top: 5px; }

.el-table .sort-caret.descending {
  border-top-color: #CCC;
  bottom: 7px; }

.el-table .ascending .sort-caret.ascending {
  border-bottom-color: #0084BF; }

.el-table .descending .sort-caret.descending {
  border-top-color: #0084BF; }

.el-table .hidden-columns {
  position: absolute;
  z-index: -1; }

.el-table--striped .el-table__body tr.el-table__row--striped td {
  background: #FAFAFA; }

.el-table--striped .el-table__body tr.el-table__row--striped.current-row td {
  background-color: #e6f3f9; }

.el-table__body tr.hover-row.current-row > td, .el-table__body tr.hover-row.el-table__row--striped.current-row > td, .el-table__body tr.hover-row.el-table__row--striped > td, .el-table__body tr.hover-row > td {
  background-color: #F5F7FA; }

.el-table__body tr.current-row > td {
  background-color: #e6f3f9; }

.el-table__column-resize-proxy {
  position: absolute;
  left: 200px;
  top: 0;
  bottom: 0;
  width: 0;
  border-left: 1px solid #EBEEF5;
  z-index: 10; }

.el-table__column-filter-trigger {
  display: inline-block;
  line-height: 34px;
  cursor: pointer; }

.el-table__column-filter-trigger i {
  color: #74D5FF;
  font-size: 12px;
  transform: scale(0.75); }

.el-table--enable-row-transition .el-table__body td {
  transition: background-color .25s ease; }

.el-table--enable-row-hover .el-table__body tr:hover > td {
  background-color: #F5F7FA; }

.el-table--fluid-height .el-table__fixed, .el-table--fluid-height .el-table__fixed-right {
  bottom: 0;
  overflow: hidden; }

.el-table [class*=el-table__row--level] .el-table__expand-icon {
  display: inline-block;
  width: 20px;
  line-height: 20px;
  height: 20px;
  text-align: center;
  margin-right: 3px; }

.el-table-column--selection .cell {
  padding-left: 14px;
  padding-right: 14px; }

.el-table-filter {
  border: 1px solid #EBEEF5;
  border-radius: 2px;
  background-color: #FFF;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  margin: 2px 0; }

.el-date-table td, .el-date-table td div {
  height: 30px;
  -webkit-box-sizing: border-box; }

.el-table-filter__list {
  padding: 5px 0;
  margin: 0;
  list-style: none;
  min-width: 100px; }

.el-table-filter__list-item {
  line-height: 36px;
  padding: 0 10px;
  cursor: pointer;
  font-size: 14px; }

.el-table-filter__list-item:hover {
  background-color: #e6f3f9;
  color: #339dcc; }

.el-table-filter__list-item.is-active {
  background-color: #0084BF;
  color: #FFF; }

.el-table-filter__content {
  min-width: 100px; }

.el-table-filter__bottom {
  border-top: 1px solid #EBEEF5;
  padding: 8px; }

.el-table-filter__bottom button {
  background: 0 0;
  border: none;
  color: #666;
  cursor: pointer;
  font-size: 13px;
  padding: 0 3px; }

.el-date-table td.in-range div, .el-date-table td.in-range div:hover, .el-date-table.is-week-mode .el-date-table__row.current div, .el-date-table.is-week-mode .el-date-table__row:hover div {
  background-color: #F2F6FC; }

.el-table-filter__bottom button:hover {
  color: #0084BF; }

.el-table-filter__bottom button:focus {
  outline: 0; }

.el-table-filter__bottom button.is-disabled {
  color: #CCC;
  cursor: not-allowed; }

.el-table-filter__wrap {
  max-height: 280px; }

.el-table-filter__checkbox-group {
  padding: 10px; }

.el-table-filter__checkbox-group label.el-checkbox {
  display: block;
  margin-right: 5px;
  margin-bottom: 8px;
  margin-left: 5px; }

.el-table-filter__checkbox-group .el-checkbox:last-child {
  margin-bottom: 0; }

.el-date-table {
  font-size: 12px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none; }

.el-date-table.is-week-mode .el-date-table__row:hover td.available:hover {
  color: #666; }

.el-date-table.is-week-mode .el-date-table__row:hover td:first-child div {
  margin-left: 5px;
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px; }

.el-date-table.is-week-mode .el-date-table__row:hover td:last-child div {
  margin-right: 5px;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px; }

.el-date-table td {
  width: 32px;
  padding: 4px 0;
  box-sizing: border-box;
  text-align: center;
  cursor: pointer;
  position: relative; }

.el-date-table td div {
  padding: 3px 0;
  box-sizing: border-box; }

.el-date-table td span {
  width: 24px;
  height: 24px;
  display: block;
  margin: 0 auto;
  line-height: 24px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 50%; }

.el-date-table td.next-month, .el-date-table td.prev-month {
  color: #CCC; }

.el-date-table td.today {
  position: relative; }

.el-date-table td.today span {
  color: #0084BF;
  font-weight: 700; }

.el-date-table td.today.end-date span, .el-date-table td.today.start-date span {
  color: #FFF; }

.el-date-table td.available:hover {
  color: #0084BF; }

.el-date-table td.current:not(.disabled) span {
  color: #FFF;
  background-color: #0084BF; }

.el-date-table td.end-date div, .el-date-table td.start-date div {
  color: #FFF; }

.el-date-table td.end-date span, .el-date-table td.start-date span {
  background-color: #0084BF; }

.el-date-table td.start-date div {
  margin-left: 5px;
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px; }

.el-date-table td.end-date div {
  margin-right: 5px;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px; }

.el-date-table td.disabled div {
  background-color: #F5F7FA;
  opacity: 1;
  cursor: not-allowed;
  color: #CCC; }

.el-date-table td.selected div {
  margin-left: 5px;
  margin-right: 5px;
  background-color: #F2F6FC;
  border-radius: 15px; }

.el-date-table td.selected div:hover {
  background-color: #F2F6FC; }

.el-date-table td.selected span {
  background-color: #0084BF;
  color: #FFF;
  border-radius: 15px; }

.el-date-table td.week {
  font-size: 80%;
  color: #666; }

.el-month-table, .el-year-table {
  font-size: 12px;
  border-collapse: collapse; }

.el-date-table th {
  padding: 5px;
  color: #666;
  font-weight: 400;
  border-bottom: solid 1px #EBEEF5; }

.el-month-table {
  margin: -1px; }

.el-month-table td {
  text-align: center;
  padding: 8px 0;
  cursor: pointer; }

.el-month-table td div {
  height: 48px;
  padding: 6px 0;
  box-sizing: border-box; }

.el-month-table td.today .cell {
  color: #0084BF;
  font-weight: 700; }

.el-month-table td.today.end-date .cell, .el-month-table td.today.start-date .cell {
  color: #FFF; }

.el-month-table td.disabled .cell {
  background-color: #F5F7FA;
  cursor: not-allowed;
  color: #CCC; }

.el-month-table td.disabled .cell:hover {
  color: #CCC; }

.el-month-table td .cell {
  width: 60px;
  height: 36px;
  display: block;
  line-height: 36px;
  color: #666;
  margin: 0 auto;
  border-radius: 18px; }

.el-month-table td .cell:hover {
  color: #0084BF; }

.el-month-table td.in-range div, .el-month-table td.in-range div:hover {
  background-color: #F2F6FC; }

.el-month-table td.end-date div, .el-month-table td.start-date div {
  color: #FFF; }

.el-month-table td.end-date .cell, .el-month-table td.start-date .cell {
  color: #FFF;
  background-color: #0084BF; }

.el-month-table td.start-date div {
  border-top-left-radius: 24px;
  border-bottom-left-radius: 24px; }

.el-month-table td.end-date div {
  border-top-right-radius: 24px;
  border-bottom-right-radius: 24px; }

.el-month-table td.current:not(.disabled) .cell {
  color: #0084BF; }

.el-year-table {
  margin: -1px; }

.el-year-table .el-icon {
  color: #333; }

.el-year-table td {
  text-align: center;
  padding: 20px 3px;
  cursor: pointer; }

.el-year-table td.today .cell {
  color: #0084BF;
  font-weight: 700; }

.el-year-table td.disabled .cell {
  background-color: #F5F7FA;
  cursor: not-allowed;
  color: #CCC; }

.el-year-table td.disabled .cell:hover {
  color: #CCC; }

.el-year-table td .cell {
  width: 48px;
  height: 32px;
  display: block;
  line-height: 32px;
  color: #666;
  margin: 0 auto; }

.el-year-table td .cell:hover, .el-year-table td.current:not(.disabled) .cell {
  color: #0084BF; }

.el-date-range-picker {
  width: 646px; }

.el-date-range-picker.has-sidebar {
  width: 756px; }

.el-date-range-picker table {
  table-layout: fixed;
  width: 100%; }

.el-date-range-picker .el-picker-panel__body {
  min-width: 513px; }

.el-date-range-picker .el-picker-panel__content {
  margin: 0; }

.el-date-range-picker__header {
  position: relative;
  text-align: center;
  height: 28px; }

.el-date-range-picker__header [class*=arrow-left] {
  float: left; }

.el-date-range-picker__header [class*=arrow-right] {
  float: right; }

.el-date-range-picker__header div {
  font-size: 16px;
  font-weight: 500;
  margin-right: 50px; }

.el-date-range-picker__content {
  float: left;
  width: 50%;
  box-sizing: border-box;
  margin: 0;
  padding: 16px; }

.el-date-range-picker__content.is-left {
  border-right: 1px solid #e4e4e4; }

.el-date-range-picker__content .el-date-range-picker__header div {
  margin-left: 50px;
  margin-right: 50px; }

.el-date-range-picker__editors-wrap {
  box-sizing: border-box;
  display: table-cell; }

.el-date-range-picker__editors-wrap.is-right {
  text-align: right; }

.el-date-range-picker__time-header {
  position: relative;
  border-bottom: 1px solid #e4e4e4;
  font-size: 12px;
  padding: 8px 5px 5px;
  display: table;
  width: 100%;
  box-sizing: border-box; }

.el-date-range-picker__time-header > .el-icon-arrow-right {
  font-size: 20px;
  vertical-align: middle;
  display: table-cell;
  color: #333; }

.el-date-range-picker__time-picker-wrap {
  position: relative;
  display: table-cell;
  padding: 0 5px; }

.el-date-range-picker__time-picker-wrap .el-picker-panel {
  position: absolute;
  top: 13px;
  right: 0;
  z-index: 1;
  background: #FFF; }

.el-date-picker {
  width: 322px; }

.el-date-picker.has-sidebar.has-time {
  width: 434px; }

.el-date-picker.has-sidebar {
  width: 438px; }

.el-date-picker.has-time .el-picker-panel__body-wrapper {
  position: relative; }

.el-date-picker .el-picker-panel__content {
  width: 292px; }

.el-date-picker table {
  table-layout: fixed;
  width: 100%; }

.el-date-picker__editor-wrap {
  position: relative;
  display: table-cell;
  padding: 0 5px; }

.el-date-picker__time-header {
  position: relative;
  border-bottom: 1px solid #e4e4e4;
  font-size: 12px;
  padding: 8px 5px 5px;
  display: table;
  width: 100%;
  box-sizing: border-box; }

.el-date-picker__header {
  margin: 12px;
  text-align: center; }

.el-date-picker__header--bordered {
  margin-bottom: 0;
  padding-bottom: 12px;
  border-bottom: solid 1px #EBEEF5; }

.el-date-picker__header--bordered + .el-picker-panel__content {
  margin-top: 0; }

.el-date-picker__header-label {
  font-size: 16px;
  font-weight: 500;
  padding: 0 5px;
  line-height: 22px;
  text-align: center;
  cursor: pointer;
  color: #666; }

.el-date-picker__header-label.active, .el-date-picker__header-label:hover {
  color: #0084BF; }

.el-date-picker__prev-btn {
  float: left; }

.el-date-picker__next-btn {
  float: right; }

.el-date-picker__time-wrap {
  padding: 10px;
  text-align: center; }

.el-date-picker__time-label {
  float: left;
  cursor: pointer;
  line-height: 30px;
  margin-left: 10px; }

.time-select {
  margin: 5px 0;
  min-width: 0; }

.time-select .el-picker-panel__content {
  max-height: 200px;
  margin: 0; }

.time-select-item {
  padding: 8px 10px;
  font-size: 14px;
  line-height: 20px; }

.time-select-item.selected:not(.disabled) {
  color: #0084BF;
  font-weight: 700; }

.time-select-item.disabled {
  color: #E4E7ED;
  cursor: not-allowed; }

.time-select-item:hover {
  background-color: #F5F7FA;
  font-weight: 700;
  cursor: pointer; }

.el-date-editor {
  position: relative;
  display: inline-block;
  text-align: left; }

.el-date-editor.el-input, .el-date-editor.el-input__inner {
  width: 220px; }

.el-date-editor--monthrange.el-input, .el-date-editor--monthrange.el-input__inner {
  width: 300px; }

.el-date-editor--daterange.el-input, .el-date-editor--daterange.el-input__inner, .el-date-editor--timerange.el-input, .el-date-editor--timerange.el-input__inner {
  width: 350px; }

.el-date-editor--datetimerange.el-input, .el-date-editor--datetimerange.el-input__inner {
  width: 400px; }

.el-date-editor--dates .el-input__inner {
  text-overflow: ellipsis;
  white-space: nowrap; }

.el-date-editor .el-icon-circle-close {
  cursor: pointer; }

.el-date-editor .el-range__icon {
  font-size: 14px;
  margin-left: -5px;
  color: #CCC;
  float: left;
  line-height: 32px; }

.el-date-editor .el-range-input, .el-date-editor .el-range-separator {
  height: 100%;
  margin: 0;
  text-align: center;
  display: inline-block;
  font-size: 14px; }

.el-date-editor .el-range-input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  outline: 0;
  padding: 0;
  width: 39%;
  color: #666; }

.el-date-editor .el-range-input::-moz-placeholder {
  color: #CCC; }

.el-date-editor .el-range-input::placeholder {
  color: #CCC; }

.el-date-editor .el-range-separator {
  padding: 0 5px;
  line-height: 32px;
  width: 5%;
  color: #333; }

.el-date-editor .el-range__close-icon {
  font-size: 14px;
  color: #CCC;
  width: 25px;
  display: inline-block;
  float: right;
  line-height: 32px; }

.el-range-editor.el-input__inner {
  display: inline-flex;
  align-items: center;
  padding: 3px 10px; }

.el-range-editor .el-range-input {
  line-height: 1; }

.el-range-editor.is-active, .el-range-editor.is-active:hover {
  border-color: #0084BF; }

.el-range-editor--medium.el-input__inner {
  height: 36px; }

.el-range-editor--medium .el-range-separator {
  line-height: 28px;
  font-size: 14px; }

.el-range-editor--medium .el-range-input {
  font-size: 14px; }

.el-range-editor--medium .el-range__close-icon, .el-range-editor--medium .el-range__icon {
  line-height: 28px; }

.el-range-editor--small.el-input__inner {
  height: 32px; }

.el-range-editor--small .el-range-separator {
  line-height: 24px;
  font-size: 13px; }

.el-range-editor--small .el-range-input {
  font-size: 13px; }

.el-range-editor--small .el-range__close-icon, .el-range-editor--small .el-range__icon {
  line-height: 24px; }

.el-range-editor--mini.el-input__inner {
  height: 28px; }

.el-range-editor--mini .el-range-separator {
  line-height: 20px;
  font-size: 12px; }

.el-range-editor--mini .el-range-input {
  font-size: 12px; }

.el-range-editor--mini .el-range__close-icon, .el-range-editor--mini .el-range__icon {
  line-height: 20px; }

.el-range-editor.is-disabled {
  background-color: #F5F7FA;
  border-color: #E4E7ED;
  color: #CCC;
  cursor: not-allowed; }

.el-range-editor.is-disabled:focus, .el-range-editor.is-disabled:hover {
  border-color: #E4E7ED; }

.el-range-editor.is-disabled input {
  background-color: #F5F7FA;
  color: #CCC;
  cursor: not-allowed; }

.el-range-editor.is-disabled input::-moz-placeholder {
  color: #CCC; }

.el-range-editor.is-disabled input::placeholder {
  color: #CCC; }

.el-range-editor.is-disabled .el-range-separator {
  color: #CCC; }

.el-picker-panel {
  color: #666;
  border: 1px solid #E4E7ED;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  background: #FFF;
  border-radius: 4px;
  line-height: 30px;
  margin: 5px 0; }

.el-popover, .el-time-panel {
  -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); }

.el-picker-panel__body-wrapper::after, .el-picker-panel__body::after {
  content: "";
  display: table;
  clear: both; }

.el-picker-panel__content {
  position: relative;
  margin: 15px; }

.el-picker-panel__footer {
  border-top: 1px solid #e4e4e4;
  padding: 4px;
  text-align: right;
  background-color: #FFF;
  position: relative;
  font-size: 0; }

.el-picker-panel__shortcut {
  display: block;
  width: 100%;
  border: 0;
  background-color: transparent;
  line-height: 28px;
  font-size: 14px;
  color: #666;
  padding-left: 12px;
  text-align: left;
  outline: 0;
  cursor: pointer; }

.el-picker-panel__shortcut:hover {
  color: #0084BF; }

.el-picker-panel__shortcut.active {
  background-color: #e6f1fe;
  color: #0084BF; }

.el-picker-panel__btn {
  border: 1px solid #dcdcdc;
  color: #333;
  line-height: 24px;
  border-radius: 2px;
  padding: 0 20px;
  cursor: pointer;
  background-color: transparent;
  outline: 0;
  font-size: 12px; }

.el-picker-panel__btn[disabled] {
  color: #ccc;
  cursor: not-allowed; }

.el-picker-panel__icon-btn {
  font-size: 12px;
  color: #333;
  border: 0;
  background: 0 0;
  cursor: pointer;
  outline: 0;
  margin-top: 8px; }

.el-picker-panel__icon-btn:hover {
  color: #0084BF; }

.el-picker-panel__icon-btn.is-disabled {
  color: #bbb; }

.el-picker-panel__icon-btn.is-disabled:hover {
  cursor: not-allowed; }

.el-picker-panel__link-btn {
  vertical-align: middle; }

.el-picker-panel [slot=sidebar], .el-picker-panel__sidebar {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 110px;
  border-right: 1px solid #e4e4e4;
  box-sizing: border-box;
  padding-top: 6px;
  background-color: #FFF;
  overflow: auto; }

.el-picker-panel [slot=sidebar] + .el-picker-panel__body, .el-picker-panel__sidebar + .el-picker-panel__body {
  margin-left: 110px; }

.el-time-spinner.has-seconds .el-time-spinner__wrapper {
  width: 33.3%; }

.el-time-spinner__wrapper {
  max-height: 190px;
  overflow: auto;
  display: inline-block;
  width: 50%;
  vertical-align: top;
  position: relative; }

.el-time-spinner__wrapper .el-scrollbar__wrap:not(.el-scrollbar__wrap--hidden-default) {
  padding-bottom: 15px; }

.el-time-spinner__input.el-input .el-input__inner, .el-time-spinner__list {
  padding: 0;
  text-align: center; }

.el-time-spinner__wrapper.is-arrow {
  box-sizing: border-box;
  text-align: center;
  overflow: hidden; }

.el-time-spinner__wrapper.is-arrow .el-time-spinner__list {
  transform: translateY(-32px); }

.el-time-spinner__wrapper.is-arrow .el-time-spinner__item:hover:not(.disabled):not(.active) {
  background: #FFF;
  cursor: default; }

.el-time-spinner__arrow {
  font-size: 12px;
  color: #999;
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 1;
  text-align: center;
  height: 30px;
  line-height: 30px;
  cursor: pointer; }

.el-time-spinner__arrow:hover {
  color: #0084BF; }

.el-time-spinner__arrow.el-icon-arrow-up {
  top: 10px; }

.el-time-spinner__arrow.el-icon-arrow-down {
  bottom: 10px; }

.el-time-spinner__input.el-input {
  width: 70%; }

.el-time-spinner__list {
  margin: 0;
  list-style: none; }

.el-time-spinner__list::after, .el-time-spinner__list::before {
  content: '';
  display: block;
  width: 100%;
  height: 80px; }

.el-time-spinner__item {
  height: 32px;
  line-height: 32px;
  font-size: 12px;
  color: #666; }

.el-time-spinner__item:hover:not(.disabled):not(.active) {
  background: #F5F7FA;
  cursor: pointer; }

.el-time-spinner__item.active:not(.disabled) {
  color: #333;
  font-weight: 700; }

.el-time-spinner__item.disabled {
  color: #CCC;
  cursor: not-allowed; }

.el-time-panel {
  margin: 5px 0;
  border: 1px solid #E4E7ED;
  background-color: #FFF;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  position: absolute;
  width: 180px;
  left: 0;
  z-index: 1000;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  box-sizing: content-box; }

.el-slider__button, .el-slider__button-wrapper {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none; }

.el-time-panel__content {
  font-size: 0;
  position: relative;
  overflow: hidden; }

.el-time-panel__content::after, .el-time-panel__content::before {
  content: "";
  top: 50%;
  position: absolute;
  margin-top: -15px;
  height: 32px;
  z-index: -1;
  left: 0;
  right: 0;
  box-sizing: border-box;
  padding-top: 6px;
  text-align: left;
  border-top: 1px solid #E4E7ED;
  border-bottom: 1px solid #E4E7ED; }

.el-time-panel__content::after {
  left: 50%;
  margin-left: 12%;
  margin-right: 12%; }

.el-time-panel__content::before {
  padding-left: 50%;
  margin-right: 12%;
  margin-left: 12%; }

.el-time-panel__content.has-seconds::after {
  left: calc(100% / 3 * 2); }

.el-time-panel__content.has-seconds::before {
  padding-left: calc(100% / 3); }

.el-time-panel__footer {
  border-top: 1px solid #e4e4e4;
  padding: 4px;
  height: 36px;
  line-height: 25px;
  text-align: right;
  box-sizing: border-box; }

.el-time-panel__btn {
  border: none;
  line-height: 28px;
  padding: 0 5px;
  margin: 0 5px;
  cursor: pointer;
  background-color: transparent;
  outline: 0;
  font-size: 12px;
  color: #333; }

.el-time-panel__btn.confirm {
  font-weight: 800;
  color: #0084BF; }

.el-time-range-picker {
  width: 354px;
  overflow: visible; }

.el-time-range-picker__content {
  position: relative;
  text-align: center;
  padding: 10px; }

.el-time-range-picker__cell {
  box-sizing: border-box;
  margin: 0;
  padding: 4px 7px 7px;
  width: 50%;
  display: inline-block; }

.el-time-range-picker__header {
  margin-bottom: 5px;
  text-align: center;
  font-size: 14px; }

.el-time-range-picker__body {
  border-radius: 2px;
  border: 1px solid #E4E7ED; }

.el-popover {
  position: absolute;
  background: #FFF;
  min-width: 150px;
  border: 1px solid #EBEEF5;
  padding: 12px;
  z-index: 2000;
  color: #666;
  line-height: 1.4;
  text-align: justify;
  font-size: 14px;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  word-break: break-all; }

.el-popover--plain {
  padding: 18px 20px; }

.el-popover__title {
  color: #333;
  font-size: 16px;
  line-height: 1;
  margin-bottom: 12px; }

.v-modal-enter {
  animation: v-modal-in .2s ease; }

.v-modal-leave {
  animation: v-modal-out .2s ease forwards; }

@keyframes v-modal-in {
  0% {
    opacity: 0; } }

@keyframes v-modal-out {
  100% {
    opacity: 0; } }

.v-modal {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: .5;
  background: #222; }

.el-popup-parent--hidden {
  overflow: hidden; }

.el-message-box {
  display: inline-block;
  width: 420px;
  padding-bottom: 10px;
  vertical-align: middle;
  background-color: #FFF;
  border-radius: 4px;
  border: 1px solid #EBEEF5;
  font-size: 18px;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  text-align: left;
  overflow: hidden;
  backface-visibility: hidden; }

.el-message-box__wrapper {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center; }

.el-message-box__wrapper::after {
  content: "";
  display: inline-block;
  height: 100%;
  width: 0;
  vertical-align: middle; }

.el-message-box__header {
  position: relative;
  padding: 15px 15px 10px; }

.el-message-box__title {
  padding-left: 0;
  margin-bottom: 0;
  font-size: 18px;
  line-height: 1;
  color: #333; }

.el-message-box__headerbtn {
  position: absolute;
  top: 15px;
  right: 15px;
  padding: 0;
  border: none;
  outline: 0;
  background: 0 0;
  font-size: 16px;
  cursor: pointer; }

.el-form-item.is-error .el-input__inner, .el-form-item.is-error .el-input__inner:focus, .el-form-item.is-error .el-textarea__inner, .el-form-item.is-error .el-textarea__inner:focus, .el-message-box__input input.invalid, .el-message-box__input input.invalid:focus {
  border-color: #EF1100; }

.el-message-box__headerbtn .el-message-box__close {
  color: #74D5FF; }

.el-message-box__headerbtn:focus .el-message-box__close, .el-message-box__headerbtn:hover .el-message-box__close {
  color: #0084BF; }

.el-message-box__content {
  padding: 10px 15px;
  color: #666;
  font-size: 14px; }

.el-message-box__container {
  position: relative; }

.el-message-box__input {
  padding-top: 15px; }

.el-message-box__status {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 24px !important; }

.el-message-box__status::before {
  padding-left: 1px; }

.el-message-box__status + .el-message-box__message {
  padding-left: 36px;
  padding-right: 12px; }

.el-message-box__status.el-icon-success {
  color: #00BF27; }

.el-message-box__status.el-icon-info {
  color: #74D5FF; }

.el-message-box__status.el-icon-warning {
  color: #EF9800; }

.el-message-box__status.el-icon-error {
  color: #EF1100; }

.el-message-box__message {
  margin: 0; }

.el-message-box__message p {
  margin: 0;
  line-height: 24px; }

.el-message-box__errormsg {
  color: #EF1100;
  font-size: 12px;
  min-height: 18px;
  margin-top: 2px; }

.el-message-box__btns {
  padding: 5px 15px 0;
  text-align: right; }

.el-message-box__btns button:nth-child(2) {
  margin-left: 10px; }

.el-message-box__btns-reverse {
  flex-direction: row-reverse; }

.el-message-box--center {
  padding-bottom: 30px; }

.el-message-box--center .el-message-box__header {
  padding-top: 30px; }

.el-message-box--center .el-message-box__title {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center; }

.el-message-box--center .el-message-box__status {
  position: relative;
  top: auto;
  padding-right: 5px;
  text-align: center;
  transform: translateY(-1px); }

.el-message-box--center .el-message-box__message {
  margin-left: 0; }

.el-message-box--center .el-message-box__btns, .el-message-box--center .el-message-box__content {
  text-align: center; }

.el-message-box--center .el-message-box__content {
  padding-left: 27px;
  padding-right: 27px; }

.msgbox-fade-enter-active {
  animation: msgbox-fade-in .3s; }

.msgbox-fade-leave-active {
  animation: msgbox-fade-out .3s; }

@keyframes msgbox-fade-in {
  0% {
    transform: translate3d(0, -20px, 0);
    opacity: 0; }
  100% {
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

@keyframes msgbox-fade-out {
  0% {
    transform: translate3d(0, 0, 0);
    opacity: 1; }
  100% {
    transform: translate3d(0, -20px, 0);
    opacity: 0; } }

.el-breadcrumb {
  font-size: 14px;
  line-height: 1; }

.el-breadcrumb::after, .el-breadcrumb::before {
  display: table;
  content: ""; }

.el-breadcrumb::after {
  clear: both; }

.el-breadcrumb__separator {
  margin: 0 9px;
  font-weight: 700;
  color: #CCC; }

.el-breadcrumb__separator[class*=icon] {
  margin: 0 6px;
  font-weight: 400; }

.el-breadcrumb__item {
  float: left; }

.el-breadcrumb__inner {
  color: #666; }

.el-breadcrumb__inner a, .el-breadcrumb__inner.is-link {
  font-weight: 700;
  text-decoration: none;
  transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  color: #333; }

.el-breadcrumb__inner a:hover, .el-breadcrumb__inner.is-link:hover {
  color: #0084BF;
  cursor: pointer; }

.el-breadcrumb__item:last-child .el-breadcrumb__inner, .el-breadcrumb__item:last-child .el-breadcrumb__inner a, .el-breadcrumb__item:last-child .el-breadcrumb__inner a:hover, .el-breadcrumb__item:last-child .el-breadcrumb__inner:hover {
  font-weight: 400;
  color: #666;
  cursor: text; }

.el-breadcrumb__item:last-child .el-breadcrumb__separator {
  display: none; }

.el-form--label-left .el-form-item__label {
  text-align: left; }

.el-form--label-top .el-form-item__label {
  float: none;
  display: inline-block;
  text-align: left;
  padding: 0 0 10px; }

.el-form--inline .el-form-item {
  display: inline-block;
  margin-right: 10px;
  vertical-align: top; }

.el-form--inline .el-form-item__label {
  float: none;
  display: inline-block; }

.el-form--inline .el-form-item__content {
  display: inline-block;
  vertical-align: top; }

.el-form--inline.el-form--label-top .el-form-item__content {
  display: block; }

.el-form-item {
  margin-bottom: 22px; }

.el-form-item::after, .el-form-item::before {
  display: table;
  content: ""; }

.el-form-item::after {
  clear: both; }

.el-form-item .el-form-item {
  margin-bottom: 0; }

.el-form-item--mini.el-form-item, .el-form-item--small.el-form-item {
  margin-bottom: 18px; }

.el-form-item .el-input__validateIcon {
  display: none; }

.el-form-item--medium .el-form-item__content, .el-form-item--medium .el-form-item__label {
  line-height: 36px; }

.el-form-item--small .el-form-item__content, .el-form-item--small .el-form-item__label {
  line-height: 32px; }

.el-form-item--small .el-form-item__error {
  padding-top: 2px; }

.el-form-item--mini .el-form-item__content, .el-form-item--mini .el-form-item__label {
  line-height: 28px; }

.el-form-item--mini .el-form-item__error {
  padding-top: 1px; }

.el-form-item__label-wrap {
  float: left; }

.el-form-item__label-wrap .el-form-item__label {
  display: inline-block;
  float: none; }

.el-form-item__label {
  text-align: right;
  vertical-align: middle;
  float: left;
  font-size: 14px;
  color: #666;
  line-height: 40px;
  padding: 0 12px 0 0;
  box-sizing: border-box; }

.el-form-item__content {
  line-height: 40px;
  position: relative;
  font-size: 14px; }

.el-form-item__content::after, .el-form-item__content::before {
  display: table;
  content: ""; }

.el-form-item__content::after {
  clear: both; }

.el-form-item__content .el-input-group {
  vertical-align: top; }

.el-form-item__error {
  color: #EF1100;
  font-size: 12px;
  line-height: 1;
  padding-top: 4px;
  position: absolute;
  top: 100%;
  left: 0; }

.el-form-item__error--inline {
  position: relative;
  top: auto;
  left: auto;
  display: inline-block;
  margin-left: 10px; }

.el-form-item.is-required:not(.is-no-asterisk) .el-form-item__label-wrap > .el-form-item__label:before, .el-form-item.is-required:not(.is-no-asterisk) > .el-form-item__label:before {
  content: '*';
  color: #EF1100;
  margin-right: 4px; }

.el-form-item.is-error .el-input-group__append .el-input__inner, .el-form-item.is-error .el-input-group__prepend .el-input__inner {
  border-color: transparent; }

.el-form-item.is-error .el-input__validateIcon {
  color: #EF1100; }

.el-form-item--feedback .el-input__validateIcon {
  display: inline-block; }

.el-tabs__header {
  padding: 0;
  position: relative;
  margin: 0 0 15px; }

.el-tabs__active-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 2px;
  background-color: #0084BF;
  z-index: 1;
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  list-style: none; }

.el-tabs__new-tab {
  float: right;
  border: 1px solid #d3dce6;
  height: 18px;
  width: 18px;
  line-height: 18px;
  margin: 12px 0 9px 10px;
  border-radius: 3px;
  text-align: center;
  font-size: 12px;
  color: #d3dce6;
  cursor: pointer;
  transition: all .15s; }

.el-collapse-item__arrow, .el-tabs__nav {
  -webkit-transition: -webkit-transform .3s; }

.el-tabs__new-tab .el-icon-plus {
  transform: scale(0.8, 0.8); }

.el-tabs__new-tab:hover {
  color: #0084BF; }

.el-tabs__nav-wrap {
  overflow: hidden;
  margin-bottom: -1px;
  position: relative; }

.el-tabs__nav-wrap::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background-color: #E4E7ED;
  z-index: 1; }

.el-tabs--border-card > .el-tabs__header .el-tabs__nav-wrap::after, .el-tabs--card > .el-tabs__header .el-tabs__nav-wrap::after {
  content: none; }

.el-tabs__nav-wrap.is-scrollable {
  padding: 0 20px;
  box-sizing: border-box; }

.el-tabs__nav-scroll {
  overflow: hidden; }

.el-tabs__nav-next, .el-tabs__nav-prev {
  position: absolute;
  cursor: pointer;
  line-height: 44px;
  font-size: 12px;
  color: #999; }

.el-tabs__nav-next {
  right: 0; }

.el-tabs__nav-prev {
  left: 0; }

.el-tabs__nav {
  white-space: nowrap;
  position: relative;
  transition: transform .3s;
  float: left;
  z-index: 2; }

.el-tabs__nav.is-stretch {
  min-width: 100%;
  display: flex; }

.el-tabs__nav.is-stretch > * {
  flex: 1;
  text-align: center; }

.el-tabs__item {
  padding: 0 20px;
  height: 40px;
  box-sizing: border-box;
  line-height: 40px;
  display: inline-block;
  list-style: none;
  font-size: 14px;
  font-weight: 500;
  color: #333;
  position: relative; }

.el-tabs__item:focus, .el-tabs__item:focus:active {
  outline: 0; }

.el-tabs__item:focus.is-active.is-focus:not(:active) {
  box-shadow: 0 0 2px 2px #0084BF inset;
  border-radius: 3px; }

.el-tabs__item .el-icon-close {
  border-radius: 50%;
  text-align: center;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  margin-left: 5px; }

.el-tabs__item .el-icon-close:before {
  transform: scale(0.9);
  display: inline-block; }

.el-tabs__item .el-icon-close:hover {
  background-color: #CCC;
  color: #FFF; }

.el-tabs__item.is-active {
  color: #0084BF; }

.el-tabs__item:hover {
  color: #0084BF;
  cursor: pointer; }

.el-tabs__item.is-disabled {
  color: #CCC;
  cursor: default; }

.el-tabs__content {
  overflow: hidden;
  position: relative; }

.el-tabs--card > .el-tabs__header {
  border-bottom: 1px solid #E4E7ED; }

.el-tabs--card > .el-tabs__header .el-tabs__nav {
  border: 1px solid #E4E7ED;
  border-bottom: none;
  border-radius: 4px 4px 0 0;
  box-sizing: border-box; }

.el-tabs--card > .el-tabs__header .el-tabs__active-bar {
  display: none; }

.el-tabs--card > .el-tabs__header .el-tabs__item .el-icon-close {
  position: relative;
  font-size: 12px;
  width: 0;
  height: 14px;
  vertical-align: middle;
  line-height: 15px;
  overflow: hidden;
  top: -1px;
  right: -2px;
  transform-origin: 100% 50%; }

.el-tabs--card > .el-tabs__header .el-tabs__item.is-active.is-closable .el-icon-close, .el-tabs--card > .el-tabs__header .el-tabs__item.is-closable:hover .el-icon-close {
  width: 14px; }

.el-tabs--card > .el-tabs__header .el-tabs__item {
  border-bottom: 1px solid transparent;
  border-left: 1px solid #E4E7ED;
  transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }

.el-tabs--card > .el-tabs__header .el-tabs__item:first-child {
  border-left: none; }

.el-tabs--card > .el-tabs__header .el-tabs__item.is-closable:hover {
  padding-left: 13px;
  padding-right: 13px; }

.el-tabs--card > .el-tabs__header .el-tabs__item.is-active {
  border-bottom-color: #FFF; }

.el-tabs--card > .el-tabs__header .el-tabs__item.is-active.is-closable {
  padding-left: 20px;
  padding-right: 20px; }

.el-tabs--border-card {
  background: #FFF;
  border: 1px solid #DCDFE6;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12), 0 0 6px 0 rgba(0, 0, 0, 0.04); }

.el-tabs--border-card > .el-tabs__content {
  padding: 15px; }

.el-tabs--border-card > .el-tabs__header {
  background-color: #F5F7FA;
  border-bottom: 1px solid #E4E7ED;
  margin: 0; }

.el-tabs--border-card > .el-tabs__header .el-tabs__item {
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  border: 1px solid transparent;
  margin-top: -1px;
  color: #999; }

.el-tabs--border-card > .el-tabs__header .el-tabs__item + .el-tabs__item, .el-tabs--border-card > .el-tabs__header .el-tabs__item:first-child {
  margin-left: -1px; }

.el-tabs--border-card > .el-tabs__header .el-tabs__item.is-active {
  color: #0084BF;
  background-color: #FFF;
  border-right-color: #DCDFE6;
  border-left-color: #DCDFE6; }

.el-tabs--border-card > .el-tabs__header .el-tabs__item:not(.is-disabled):hover {
  color: #0084BF; }

.el-tabs--border-card > .el-tabs__header .el-tabs__item.is-disabled {
  color: #CCC; }

.el-tabs--border-card > .el-tabs__header .is-scrollable .el-tabs__item:first-child {
  margin-left: 0; }

.el-tabs--bottom .el-tabs__item.is-bottom:nth-child(2), .el-tabs--bottom .el-tabs__item.is-top:nth-child(2), .el-tabs--top .el-tabs__item.is-bottom:nth-child(2), .el-tabs--top .el-tabs__item.is-top:nth-child(2) {
  padding-left: 0; }

.el-tabs--bottom .el-tabs__item.is-bottom:last-child, .el-tabs--bottom .el-tabs__item.is-top:last-child, .el-tabs--top .el-tabs__item.is-bottom:last-child, .el-tabs--top .el-tabs__item.is-top:last-child {
  padding-right: 0; }

.el-tabs--bottom .el-tabs--left > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--bottom .el-tabs--right > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--bottom.el-tabs--border-card > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--bottom.el-tabs--card > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--top .el-tabs--left > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--top .el-tabs--right > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--top.el-tabs--border-card > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--top.el-tabs--card > .el-tabs__header .el-tabs__item:nth-child(2) {
  padding-left: 20px; }

.el-tabs--bottom .el-tabs--left > .el-tabs__header .el-tabs__item:last-child, .el-tabs--bottom .el-tabs--right > .el-tabs__header .el-tabs__item:last-child, .el-tabs--bottom.el-tabs--border-card > .el-tabs__header .el-tabs__item:last-child, .el-tabs--bottom.el-tabs--card > .el-tabs__header .el-tabs__item:last-child, .el-tabs--top .el-tabs--left > .el-tabs__header .el-tabs__item:last-child, .el-tabs--top .el-tabs--right > .el-tabs__header .el-tabs__item:last-child, .el-tabs--top.el-tabs--border-card > .el-tabs__header .el-tabs__item:last-child, .el-tabs--top.el-tabs--card > .el-tabs__header .el-tabs__item:last-child {
  padding-right: 20px; }

.el-tabs--bottom .el-tabs__header.is-bottom {
  margin-bottom: 0;
  margin-top: 10px; }

.el-tabs--bottom.el-tabs--border-card .el-tabs__header.is-bottom {
  border-bottom: 0;
  border-top: 1px solid #DCDFE6; }

.el-tabs--bottom.el-tabs--border-card .el-tabs__nav-wrap.is-bottom {
  margin-top: -1px;
  margin-bottom: 0; }

.el-tabs--bottom.el-tabs--border-card .el-tabs__item.is-bottom:not(.is-active) {
  border: 1px solid transparent; }

.el-tabs--bottom.el-tabs--border-card .el-tabs__item.is-bottom {
  margin: 0 -1px -1px; }

.el-tabs--left, .el-tabs--right {
  overflow: hidden; }

.el-tabs--left .el-tabs__header.is-left, .el-tabs--left .el-tabs__header.is-right, .el-tabs--left .el-tabs__nav-scroll, .el-tabs--left .el-tabs__nav-wrap.is-left, .el-tabs--left .el-tabs__nav-wrap.is-right, .el-tabs--right .el-tabs__header.is-left, .el-tabs--right .el-tabs__header.is-right, .el-tabs--right .el-tabs__nav-scroll, .el-tabs--right .el-tabs__nav-wrap.is-left, .el-tabs--right .el-tabs__nav-wrap.is-right {
  height: 100%; }

.el-tabs--left .el-tabs__active-bar.is-left, .el-tabs--left .el-tabs__active-bar.is-right, .el-tabs--right .el-tabs__active-bar.is-left, .el-tabs--right .el-tabs__active-bar.is-right {
  top: 0;
  bottom: auto;
  width: 2px;
  height: auto; }

.el-tabs--left .el-tabs__nav-wrap.is-left, .el-tabs--left .el-tabs__nav-wrap.is-right, .el-tabs--right .el-tabs__nav-wrap.is-left, .el-tabs--right .el-tabs__nav-wrap.is-right {
  margin-bottom: 0; }

.el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-next, .el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev, .el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-next, .el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev, .el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-next, .el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev, .el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-next, .el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev {
  height: 30px;
  line-height: 30px;
  width: 100%;
  text-align: center;
  cursor: pointer; }

.el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-next i, .el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev i, .el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-next i, .el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev i, .el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-next i, .el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev i, .el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-next i, .el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev i {
  transform: rotateZ(90deg); }

.el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev, .el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev, .el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev, .el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev {
  left: auto;
  top: 0; }

.el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-next, .el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-next, .el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-next, .el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-next {
  right: auto;
  bottom: 0; }

.el-tabs--left .el-tabs__active-bar.is-left, .el-tabs--left .el-tabs__nav-wrap.is-left::after {
  right: 0;
  left: auto; }

.el-tabs--left .el-tabs__nav-wrap.is-left.is-scrollable, .el-tabs--left .el-tabs__nav-wrap.is-right.is-scrollable, .el-tabs--right .el-tabs__nav-wrap.is-left.is-scrollable, .el-tabs--right .el-tabs__nav-wrap.is-right.is-scrollable {
  padding: 30px 0; }

.el-tabs--left .el-tabs__nav-wrap.is-left::after, .el-tabs--left .el-tabs__nav-wrap.is-right::after, .el-tabs--right .el-tabs__nav-wrap.is-left::after, .el-tabs--right .el-tabs__nav-wrap.is-right::after {
  height: 100%;
  width: 2px;
  bottom: auto;
  top: 0; }

.el-tabs--left .el-tabs__nav.is-left, .el-tabs--left .el-tabs__nav.is-right, .el-tabs--right .el-tabs__nav.is-left, .el-tabs--right .el-tabs__nav.is-right {
  float: none; }

.el-tabs--left .el-tabs__item.is-left, .el-tabs--left .el-tabs__item.is-right, .el-tabs--right .el-tabs__item.is-left, .el-tabs--right .el-tabs__item.is-right {
  display: block; }

.el-tabs--left.el-tabs--card .el-tabs__active-bar.is-left, .el-tabs--right.el-tabs--card .el-tabs__active-bar.is-right {
  display: none; }

.el-tabs--left .el-tabs__header.is-left {
  float: left;
  margin-bottom: 0;
  margin-right: 10px; }

.el-tabs--left .el-tabs__nav-wrap.is-left {
  margin-right: -1px; }

.el-tabs--left .el-tabs__item.is-left {
  text-align: right; }

.el-tabs--left.el-tabs--card .el-tabs__item.is-left {
  border-left: none;
  border-right: 1px solid #E4E7ED;
  border-bottom: none;
  border-top: 1px solid #E4E7ED;
  text-align: left; }

.el-tabs--left.el-tabs--card .el-tabs__item.is-left:first-child {
  border-right: 1px solid #E4E7ED;
  border-top: none; }

.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active {
  border: 1px solid #E4E7ED;
  border-right-color: #fff;
  border-left: none;
  border-bottom: none; }

.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active:first-child {
  border-top: none; }

.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active:last-child {
  border-bottom: none; }

.el-tabs--left.el-tabs--card .el-tabs__nav {
  border-radius: 4px 0 0 4px;
  border-bottom: 1px solid #E4E7ED;
  border-right: none; }

.el-tabs--left.el-tabs--card .el-tabs__new-tab {
  float: none; }

.el-tabs--left.el-tabs--border-card .el-tabs__header.is-left {
  border-right: 1px solid #dfe4ed; }

.el-tabs--left.el-tabs--border-card .el-tabs__item.is-left {
  border: 1px solid transparent;
  margin: -1px 0 -1px -1px; }

.el-tabs--left.el-tabs--border-card .el-tabs__item.is-left.is-active {
  border-color: #d1dbe5 transparent; }

.el-tabs--right .el-tabs__header.is-right {
  float: right;
  margin-bottom: 0;
  margin-left: 10px; }

.el-tabs--right .el-tabs__nav-wrap.is-right {
  margin-left: -1px; }

.el-tabs--right .el-tabs__nav-wrap.is-right::after {
  left: 0;
  right: auto; }

.el-tabs--right .el-tabs__active-bar.is-right {
  left: 0; }

.el-tabs--right.el-tabs--card .el-tabs__item.is-right {
  border-bottom: none;
  border-top: 1px solid #E4E7ED; }

.el-tabs--right.el-tabs--card .el-tabs__item.is-right:first-child {
  border-left: 1px solid #E4E7ED;
  border-top: none; }

.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active {
  border: 1px solid #E4E7ED;
  border-left-color: #fff;
  border-right: none;
  border-bottom: none; }

.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active:first-child {
  border-top: none; }

.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active:last-child {
  border-bottom: none; }

.el-tabs--right.el-tabs--card .el-tabs__nav {
  border-radius: 0 4px 4px 0;
  border-bottom: 1px solid #E4E7ED;
  border-left: none; }

.el-tabs--right.el-tabs--border-card .el-tabs__header.is-right {
  border-left: 1px solid #dfe4ed; }

.el-tabs--right.el-tabs--border-card .el-tabs__item.is-right {
  border: 1px solid transparent;
  margin: -1px -1px -1px 0; }

.el-tabs--right.el-tabs--border-card .el-tabs__item.is-right.is-active {
  border-color: #d1dbe5 transparent; }

.slideInLeft-transition, .slideInRight-transition {
  display: inline-block; }

.slideInRight-enter {
  animation: slideInRight-enter .3s; }

.slideInRight-leave {
  position: absolute;
  left: 0;
  right: 0;
  animation: slideInRight-leave .3s; }

.slideInLeft-enter {
  animation: slideInLeft-enter .3s; }

.slideInLeft-leave {
  position: absolute;
  left: 0;
  right: 0;
  animation: slideInLeft-leave .3s; }

@keyframes slideInRight-enter {
  0% {
    opacity: 0;
    transform-origin: 0 0;
    transform: translateX(100%); }
  to {
    opacity: 1;
    transform-origin: 0 0;
    transform: translateX(0); } }

@keyframes slideInRight-leave {
  0% {
    transform-origin: 0 0;
    transform: translateX(0);
    opacity: 1; }
  100% {
    transform-origin: 0 0;
    transform: translateX(100%);
    opacity: 0; } }

@keyframes slideInLeft-enter {
  0% {
    opacity: 0;
    transform-origin: 0 0;
    transform: translateX(-100%); }
  to {
    opacity: 1;
    transform-origin: 0 0;
    transform: translateX(0); } }

@keyframes slideInLeft-leave {
  0% {
    transform-origin: 0 0;
    transform: translateX(0);
    opacity: 1; }
  100% {
    transform-origin: 0 0;
    transform: translateX(-100%);
    opacity: 0; } }

.el-tree {
  position: relative;
  cursor: default;
  background: #FFF;
  color: #666; }

.el-tree__empty-block {
  position: relative;
  min-height: 60px;
  text-align: center;
  width: 100%;
  height: 100%; }

.el-tree__empty-text {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: #999;
  font-size: 14px; }

.el-tree__drop-indicator {
  position: absolute;
  left: 0;
  right: 0;
  height: 1px;
  background-color: #0084BF; }

.el-tree-node {
  white-space: nowrap;
  outline: 0; }

.el-tree-node:focus > .el-tree-node__content {
  background-color: #F5F7FA; }

.el-tree-node.is-drop-inner > .el-tree-node__content .el-tree-node__label {
  background-color: #0084BF;
  color: #fff; }

.el-tree-node__content {
  display: flex;
  align-items: center;
  height: 26px;
  cursor: pointer; }

.el-tree-node__content > .el-tree-node__expand-icon {
  padding: 6px; }

.el-tree-node__content > label.el-checkbox {
  margin-right: 8px; }

.el-tree-node__content:hover {
  background-color: #F5F7FA; }

.el-tree.is-dragging .el-tree-node__content {
  cursor: move; }

.el-tree.is-dragging.is-drop-not-allow .el-tree-node__content {
  cursor: not-allowed; }

.el-tree-node__expand-icon {
  cursor: pointer;
  color: #CCC;
  font-size: 12px;
  transform: rotate(0);
  transition: transform .3s ease-in-out; }

.el-tree-node__expand-icon.expanded {
  transform: rotate(90deg); }

.el-tree-node__expand-icon.is-leaf {
  color: transparent;
  cursor: default; }

.el-tree-node__label {
  font-size: 14px; }

.el-tree-node__loading-icon {
  margin-right: 8px;
  font-size: 14px;
  color: #CCC; }

.el-tree-node > .el-tree-node__children {
  overflow: hidden;
  background-color: transparent; }

.el-tree-node.is-expanded > .el-tree-node__children {
  display: block; }

.el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content {
  background-color: #ebf5fa; }

.el-alert {
  width: 100%;
  padding: 8px 16px;
  margin: 0;
  box-sizing: border-box;
  border-radius: 4px;
  position: relative;
  background-color: #FFF;
  overflow: hidden;
  opacity: 1;
  display: flex;
  align-items: center;
  transition: opacity .2s; }

.el-alert.is-light .el-alert__closebtn {
  color: #CCC; }

.el-alert.is-dark .el-alert__closebtn, .el-alert.is-dark .el-alert__description {
  color: #FFF; }

.el-alert.is-center {
  justify-content: center; }

.el-alert--success.is-light {
  background-color: #e6f9e9;
  color: #00BF27; }

.el-alert--success.is-light .el-alert__description {
  color: #00BF27; }

.el-alert--success.is-dark {
  background-color: #00BF27;
  color: #FFF; }

.el-alert--info.is-light {
  background-color: #f1fbff;
  color: #74D5FF; }

.el-alert--info.is-dark {
  background-color: #74D5FF;
  color: #FFF; }

.el-alert--info .el-alert__description {
  color: #74D5FF; }

.el-alert--warning.is-light {
  background-color: #fdf5e6;
  color: #EF9800; }

.el-alert--warning.is-light .el-alert__description {
  color: #EF9800; }

.el-alert--warning.is-dark {
  background-color: #EF9800;
  color: #FFF; }

.el-alert--error.is-light {
  background-color: #fde7e6;
  color: #EF1100; }

.el-alert--error.is-light .el-alert__description {
  color: #EF1100; }

.el-alert--error.is-dark {
  background-color: #EF1100;
  color: #FFF; }

.el-alert__content {
  display: table-cell;
  padding: 0 8px; }

.el-alert__icon {
  font-size: 16px;
  width: 16px; }

.el-alert__icon.is-big {
  font-size: 28px;
  width: 28px; }

.el-alert__title {
  font-size: 13px;
  line-height: 18px; }

.el-alert__title.is-bold {
  font-weight: 700; }

.el-alert .el-alert__description {
  font-size: 12px;
  margin: 5px 0 0; }

.el-alert__closebtn {
  font-size: 12px;
  opacity: 1;
  position: absolute;
  top: 12px;
  right: 15px;
  cursor: pointer; }

.el-alert-fade-enter, .el-alert-fade-leave-active, .el-loading-fade-enter, .el-loading-fade-leave-active, .el-notification-fade-leave-active {
  opacity: 0; }

.el-alert__closebtn.is-customed {
  font-style: normal;
  font-size: 13px;
  top: 9px; }

.el-notification {
  display: flex;
  width: 330px;
  padding: 14px 26px 14px 13px;
  border-radius: 8px;
  box-sizing: border-box;
  border: 1px solid #EBEEF5;
  position: fixed;
  background-color: #FFF;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  transition: opacity .3s,transform .3s,left .3s,right .3s,top .4s,bottom .3s;
  overflow: hidden; }

.el-notification.right {
  right: 16px; }

.el-notification.left {
  left: 16px; }

.el-notification__group {
  margin-left: 13px;
  margin-right: 8px; }

.el-notification__title {
  font-weight: 700;
  font-size: 16px;
  color: #333;
  margin: 0; }

.el-notification__content {
  font-size: 14px;
  line-height: 21px;
  margin: 6px 0 0;
  color: #666;
  text-align: justify; }

.el-notification__content p {
  margin: 0; }

.el-notification__icon {
  height: 24px;
  width: 24px;
  font-size: 24px; }

.el-notification__closeBtn {
  position: absolute;
  top: 18px;
  right: 15px;
  cursor: pointer;
  color: #999;
  font-size: 16px; }

.el-notification__closeBtn:hover {
  color: #666; }

.el-notification .el-icon-success {
  color: #00BF27; }

.el-notification .el-icon-error {
  color: #EF1100; }

.el-notification .el-icon-info {
  color: #74D5FF; }

.el-notification .el-icon-warning {
  color: #EF9800; }

.el-notification-fade-enter.right {
  right: 0;
  transform: translateX(100%); }

.el-notification-fade-enter.left {
  left: 0;
  transform: translateX(-100%); }

.el-input-number {
  position: relative;
  display: inline-block;
  width: 180px;
  line-height: 38px; }

.el-input-number .el-input {
  display: block; }

.el-input-number .el-input__inner {
  -webkit-appearance: none;
  padding-left: 50px;
  padding-right: 50px;
  text-align: center; }

.el-input-number__decrease, .el-input-number__increase {
  position: absolute;
  z-index: 1;
  top: 1px;
  width: 40px;
  height: auto;
  text-align: center;
  background: #F5F7FA;
  color: #666;
  cursor: pointer;
  font-size: 13px; }

.el-input-number__decrease:hover, .el-input-number__increase:hover {
  color: #0084BF; }

.el-input-number__decrease:hover:not(.is-disabled) ~ .el-input .el-input__inner:not(.is-disabled), .el-input-number__increase:hover:not(.is-disabled) ~ .el-input .el-input__inner:not(.is-disabled) {
  border-color: #0084BF; }

.el-input-number__decrease.is-disabled, .el-input-number__increase.is-disabled {
  color: #CCC;
  cursor: not-allowed; }

.el-input-number__increase {
  right: 1px;
  border-radius: 0 4px 4px 0;
  border-left: 1px solid #DCDFE6; }

.el-input-number__decrease {
  left: 1px;
  border-radius: 4px 0 0 4px;
  border-right: 1px solid #DCDFE6; }

.el-input-number.is-disabled .el-input-number__decrease, .el-input-number.is-disabled .el-input-number__increase {
  border-color: #E4E7ED;
  color: #E4E7ED; }

.el-input-number.is-disabled .el-input-number__decrease:hover, .el-input-number.is-disabled .el-input-number__increase:hover {
  color: #E4E7ED;
  cursor: not-allowed; }

.el-input-number--medium {
  width: 200px;
  line-height: 34px; }

.el-input-number--medium .el-input-number__decrease, .el-input-number--medium .el-input-number__increase {
  width: 36px;
  font-size: 14px; }

.el-input-number--medium .el-input__inner {
  padding-left: 43px;
  padding-right: 43px; }

.el-input-number--small {
  width: 130px;
  line-height: 30px; }

.el-input-number--small .el-input-number__decrease, .el-input-number--small .el-input-number__increase {
  width: 32px;
  font-size: 13px; }

.el-input-number--small .el-input-number__decrease [class*=el-icon], .el-input-number--small .el-input-number__increase [class*=el-icon] {
  transform: scale(0.9); }

.el-input-number--small .el-input__inner {
  padding-left: 39px;
  padding-right: 39px; }

.el-input-number--mini {
  width: 130px;
  line-height: 26px; }

.el-input-number--mini .el-input-number__decrease, .el-input-number--mini .el-input-number__increase {
  width: 28px;
  font-size: 12px; }

.el-input-number--mini .el-input-number__decrease [class*=el-icon], .el-input-number--mini .el-input-number__increase [class*=el-icon] {
  transform: scale(0.8); }

.el-input-number--mini .el-input__inner {
  padding-left: 35px;
  padding-right: 35px; }

.el-input-number.is-without-controls .el-input__inner {
  padding-left: 15px;
  padding-right: 15px; }

.el-input-number.is-controls-right .el-input__inner {
  padding-left: 15px;
  padding-right: 50px; }

.el-input-number.is-controls-right .el-input-number__decrease, .el-input-number.is-controls-right .el-input-number__increase {
  height: auto;
  line-height: 19px; }

.el-input-number.is-controls-right .el-input-number__decrease [class*=el-icon], .el-input-number.is-controls-right .el-input-number__increase [class*=el-icon] {
  transform: scale(0.8); }

.el-input-number.is-controls-right .el-input-number__increase {
  border-radius: 0 4px 0 0;
  border-bottom: 1px solid #DCDFE6; }

.el-input-number.is-controls-right .el-input-number__decrease {
  right: 1px;
  bottom: 1px;
  top: auto;
  left: auto;
  border-right: none;
  border-left: 1px solid #DCDFE6;
  border-radius: 0 0 4px; }

.el-input-number.is-controls-right[class*=medium] [class*=decrease], .el-input-number.is-controls-right[class*=medium] [class*=increase] {
  line-height: 17px; }

.el-input-number.is-controls-right[class*=small] [class*=decrease], .el-input-number.is-controls-right[class*=small] [class*=increase] {
  line-height: 15px; }

.el-input-number.is-controls-right[class*=mini] [class*=decrease], .el-input-number.is-controls-right[class*=mini] [class*=increase] {
  line-height: 13px; }

.el-tooltip__popper {
  position: absolute;
  border-radius: 4px;
  padding: 10px;
  z-index: 2000;
  font-size: 12px;
  line-height: 1.2;
  min-width: 10px;
  word-wrap: break-word; }

.el-tooltip__popper .popper__arrow, .el-tooltip__popper .popper__arrow::after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid; }

.el-tooltip__popper .popper__arrow {
  border-width: 6px; }

.el-tooltip__popper .popper__arrow::after {
  content: " ";
  border-width: 5px; }

.el-progress-bar__inner::after, .el-row::after, .el-row::before, .el-slider::after, .el-slider::before, .el-slider__button-wrapper::after, .el-upload-cover::after {
  content: ""; }

.el-tooltip__popper[x-placement^=top] {
  margin-bottom: 12px; }

.el-tooltip__popper[x-placement^=top] .popper__arrow {
  bottom: -6px;
  border-top-color: #333;
  border-bottom-width: 0; }

.el-tooltip__popper[x-placement^=top] .popper__arrow::after {
  bottom: 1px;
  margin-left: -5px;
  border-top-color: #333;
  border-bottom-width: 0; }

.el-tooltip__popper[x-placement^=bottom] {
  margin-top: 12px; }

.el-tooltip__popper[x-placement^=bottom] .popper__arrow {
  top: -6px;
  border-top-width: 0;
  border-bottom-color: #333; }

.el-tooltip__popper[x-placement^=bottom] .popper__arrow::after {
  top: 1px;
  margin-left: -5px;
  border-top-width: 0;
  border-bottom-color: #333; }

.el-tooltip__popper[x-placement^=right] {
  margin-left: 12px; }

.el-tooltip__popper[x-placement^=right] .popper__arrow {
  left: -6px;
  border-right-color: #333;
  border-left-width: 0; }

.el-tooltip__popper[x-placement^=right] .popper__arrow::after {
  bottom: -5px;
  left: 1px;
  border-right-color: #333;
  border-left-width: 0; }

.el-tooltip__popper[x-placement^=left] {
  margin-right: 12px; }

.el-tooltip__popper[x-placement^=left] .popper__arrow {
  right: -6px;
  border-right-width: 0;
  border-left-color: #333; }

.el-tooltip__popper[x-placement^=left] .popper__arrow::after {
  right: 1px;
  bottom: -5px;
  margin-left: -5px;
  border-right-width: 0;
  border-left-color: #333; }

.el-tooltip__popper.is-dark {
  background: #333;
  color: #FFF; }

.el-tooltip__popper.is-light {
  background: #FFF;
  border: 1px solid #333; }

.el-tooltip__popper.is-light[x-placement^=top] .popper__arrow {
  border-top-color: #333; }

.el-tooltip__popper.is-light[x-placement^=top] .popper__arrow::after {
  border-top-color: #FFF; }

.el-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow {
  border-bottom-color: #333; }

.el-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow::after {
  border-bottom-color: #FFF; }

.el-tooltip__popper.is-light[x-placement^=left] .popper__arrow {
  border-left-color: #333; }

.el-tooltip__popper.is-light[x-placement^=left] .popper__arrow::after {
  border-left-color: #FFF; }

.el-tooltip__popper.is-light[x-placement^=right] .popper__arrow {
  border-right-color: #333; }

.el-tooltip__popper.is-light[x-placement^=right] .popper__arrow::after {
  border-right-color: #FFF; }

.el-slider::after, .el-slider::before {
  display: table; }

.el-slider__button-wrapper .el-tooltip, .el-slider__button-wrapper::after {
  vertical-align: middle;
  display: inline-block; }

.el-slider::after {
  clear: both; }

.el-slider__runway {
  width: 100%;
  height: 6px;
  margin: 16px 0;
  background-color: #E4E7ED;
  border-radius: 3px;
  position: relative;
  cursor: pointer;
  vertical-align: middle; }

.el-slider__runway.show-input {
  margin-right: 160px;
  width: auto; }

.el-slider__runway.disabled {
  cursor: default; }

.el-slider__runway.disabled .el-slider__bar {
  background-color: #CCC; }

.el-slider__runway.disabled .el-slider__button {
  border-color: #CCC; }

.el-slider__runway.disabled .el-slider__button-wrapper.dragging, .el-slider__runway.disabled .el-slider__button-wrapper.hover, .el-slider__runway.disabled .el-slider__button-wrapper:hover {
  cursor: not-allowed; }

.el-slider__runway.disabled .el-slider__button.dragging, .el-slider__runway.disabled .el-slider__button.hover, .el-slider__runway.disabled .el-slider__button:hover {
  transform: scale(1);
  cursor: not-allowed; }

.el-slider__button-wrapper, .el-slider__stop {
  -webkit-transform: translateX(-50%);
  position: absolute; }

.el-slider__input {
  float: right;
  margin-top: 3px;
  width: 130px; }

.el-slider__input.el-input-number--mini {
  margin-top: 5px; }

.el-slider__input.el-input-number--medium {
  margin-top: 0; }

.el-slider__input.el-input-number--large {
  margin-top: -2px; }

.el-slider__bar {
  height: 6px;
  background-color: #0084BF;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  position: absolute; }

.el-slider__button-wrapper {
  height: 36px;
  width: 36px;
  z-index: 1001;
  top: -15px;
  transform: translateX(-50%);
  background-color: transparent;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  line-height: normal; }

.el-slider__button-wrapper::after {
  height: 100%; }

.el-slider__button-wrapper.hover, .el-slider__button-wrapper:hover {
  cursor: grab; }

.el-slider__button-wrapper.dragging {
  cursor: grabbing; }

.el-slider__button {
  width: 16px;
  height: 16px;
  border: 2px solid #0084BF;
  background-color: #FFF;
  border-radius: 50%;
  transition: .2s;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none; }

.el-image-viewer__btn, .el-step__icon-inner {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none; }

.el-slider__button.dragging, .el-slider__button.hover, .el-slider__button:hover {
  transform: scale(1.2); }

.el-slider__button.hover, .el-slider__button:hover {
  cursor: grab; }

.el-slider__button.dragging {
  cursor: grabbing; }

.el-slider__stop {
  height: 6px;
  width: 6px;
  border-radius: 100%;
  background-color: #FFF;
  transform: translateX(-50%); }

.el-slider__marks {
  top: 0;
  left: 12px;
  width: 18px;
  height: 100%; }

.el-slider__marks-text {
  position: absolute;
  transform: translateX(-50%);
  font-size: 14px;
  color: #74D5FF;
  margin-top: 15px; }

.el-slider.is-vertical {
  position: relative; }

.el-slider.is-vertical .el-slider__runway {
  width: 6px;
  height: 100%;
  margin: 0 16px; }

.el-slider.is-vertical .el-slider__bar {
  width: 6px;
  height: auto;
  border-radius: 0 0 3px 3px; }

.el-slider.is-vertical .el-slider__button-wrapper {
  top: auto;
  left: -15px;
  transform: translateY(50%); }

.el-slider.is-vertical .el-slider__stop {
  transform: translateY(50%); }

.el-slider.is-vertical.el-slider--with-input {
  padding-bottom: 58px; }

.el-slider.is-vertical.el-slider--with-input .el-slider__input {
  overflow: visible;
  float: none;
  position: absolute;
  bottom: 22px;
  width: 36px;
  margin-top: 15px; }

.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input__inner {
  text-align: center;
  padding-left: 5px;
  padding-right: 5px; }

.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__decrease, .el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__increase {
  top: 32px;
  margin-top: -1px;
  border: 1px solid #DCDFE6;
  line-height: 20px;
  box-sizing: border-box;
  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); }

.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__decrease {
  width: 18px;
  right: 18px;
  border-bottom-left-radius: 4px; }

.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__increase {
  width: 19px;
  border-bottom-right-radius: 4px; }

.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__increase ~ .el-input .el-input__inner {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.el-slider.is-vertical.el-slider--with-input .el-slider__input:hover .el-input-number__decrease, .el-slider.is-vertical.el-slider--with-input .el-slider__input:hover .el-input-number__increase {
  border-color: #CCC; }

.el-slider.is-vertical.el-slider--with-input .el-slider__input:active .el-input-number__decrease, .el-slider.is-vertical.el-slider--with-input .el-slider__input:active .el-input-number__increase {
  border-color: #0084BF; }

.el-slider.is-vertical .el-slider__marks-text {
  margin-top: 0;
  left: 15px;
  transform: translateY(50%); }

.el-loading-parent--relative {
  position: relative !important; }

.el-loading-parent--hidden {
  overflow: hidden !important; }

.el-loading-mask {
  position: absolute;
  z-index: 2000;
  background-color: rgba(255, 255, 255, 0.9);
  margin: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: opacity .3s; }

.el-loading-mask.is-fullscreen {
  position: fixed; }

.el-loading-mask.is-fullscreen .el-loading-spinner {
  margin-top: -25px; }

.el-loading-mask.is-fullscreen .el-loading-spinner .circular {
  height: 50px;
  width: 50px; }

.el-loading-spinner {
  top: 50%;
  margin-top: -21px;
  width: 100%;
  text-align: center;
  position: absolute; }

.el-col-pull-0, .el-col-pull-1, .el-col-pull-10, .el-col-pull-11, .el-col-pull-13, .el-col-pull-14, .el-col-pull-15, .el-col-pull-16, .el-col-pull-17, .el-col-pull-18, .el-col-pull-19, .el-col-pull-2, .el-col-pull-20, .el-col-pull-21, .el-col-pull-22, .el-col-pull-23, .el-col-pull-24, .el-col-pull-3, .el-col-pull-4, .el-col-pull-5, .el-col-pull-6, .el-col-pull-7, .el-col-pull-8, .el-col-pull-9, .el-col-push-0, .el-col-push-1, .el-col-push-10, .el-col-push-11, .el-col-push-12, .el-col-push-13, .el-col-push-14, .el-col-push-15, .el-col-push-16, .el-col-push-17, .el-col-push-18, .el-col-push-19, .el-col-push-2, .el-col-push-20, .el-col-push-21, .el-col-push-22, .el-col-push-23, .el-col-push-24, .el-col-push-3, .el-col-push-4, .el-col-push-5, .el-col-push-6, .el-col-push-7, .el-col-push-8, .el-col-push-9, .el-row {
  position: relative; }

.el-loading-spinner .el-loading-text {
  color: #0084BF;
  margin: 3px 0;
  font-size: 14px; }

.el-loading-spinner .circular {
  height: 42px;
  width: 42px;
  animation: loading-rotate 2s linear infinite; }

.el-loading-spinner .path {
  animation: loading-dash 1.5s ease-in-out infinite;
  stroke-dasharray: 90,150;
  stroke-dashoffset: 0;
  stroke-width: 2;
  stroke: #0084BF;
  stroke-linecap: round; }

.el-loading-spinner i {
  color: #0084BF; }

@keyframes loading-rotate {
  100% {
    transform: rotate(360deg); } }

@keyframes loading-dash {
  0% {
    stroke-dasharray: 1,200;
    stroke-dashoffset: 0; }
  50% {
    stroke-dasharray: 90,150;
    stroke-dashoffset: -40px; }
  100% {
    stroke-dasharray: 90,150;
    stroke-dashoffset: -120px; } }

.el-row {
  box-sizing: border-box; }

.el-row::after, .el-row::before {
  display: table; }

.el-row::after {
  clear: both; }

.el-row--flex {
  display: flex; }

.el-col-0, .el-row--flex:after, .el-row--flex:before {
  display: none; }

.el-row--flex.is-justify-center {
  justify-content: center; }

.el-row--flex.is-justify-end {
  justify-content: flex-end; }

.el-row--flex.is-justify-space-between {
  justify-content: space-between; }

.el-row--flex.is-justify-space-around {
  justify-content: space-around; }

.el-row--flex.is-align-middle {
  align-items: center; }

.el-row--flex.is-align-bottom {
  align-items: flex-end; }

[class*=el-col-] {
  float: left;
  box-sizing: border-box; }

.el-upload--picture-card, .el-upload-dragger {
  -webkit-box-sizing: border-box;
  cursor: pointer; }

.el-col-0 {
  width: 0%; }

.el-col-offset-0 {
  margin-left: 0; }

.el-col-pull-0 {
  right: 0; }

.el-col-push-0 {
  left: 0; }

.el-col-1 {
  width: 4.16667%; }

.el-col-offset-1 {
  margin-left: 4.16667%; }

.el-col-pull-1 {
  right: 4.16667%; }

.el-col-push-1 {
  left: 4.16667%; }

.el-col-2 {
  width: 8.33333%; }

.el-col-offset-2 {
  margin-left: 8.33333%; }

.el-col-pull-2 {
  right: 8.33333%; }

.el-col-push-2 {
  left: 8.33333%; }

.el-col-3 {
  width: 12.5%; }

.el-col-offset-3 {
  margin-left: 12.5%; }

.el-col-pull-3 {
  right: 12.5%; }

.el-col-push-3 {
  left: 12.5%; }

.el-col-4 {
  width: 16.66667%; }

.el-col-offset-4 {
  margin-left: 16.66667%; }

.el-col-pull-4 {
  right: 16.66667%; }

.el-col-push-4 {
  left: 16.66667%; }

.el-col-5 {
  width: 20.83333%; }

.el-col-offset-5 {
  margin-left: 20.83333%; }

.el-col-pull-5 {
  right: 20.83333%; }

.el-col-push-5 {
  left: 20.83333%; }

.el-col-6 {
  width: 25%; }

.el-col-offset-6 {
  margin-left: 25%; }

.el-col-pull-6 {
  right: 25%; }

.el-col-push-6 {
  left: 25%; }

.el-col-7 {
  width: 29.16667%; }

.el-col-offset-7 {
  margin-left: 29.16667%; }

.el-col-pull-7 {
  right: 29.16667%; }

.el-col-push-7 {
  left: 29.16667%; }

.el-col-8 {
  width: 33.33333%; }

.el-col-offset-8 {
  margin-left: 33.33333%; }

.el-col-pull-8 {
  right: 33.33333%; }

.el-col-push-8 {
  left: 33.33333%; }

.el-col-9 {
  width: 37.5%; }

.el-col-offset-9 {
  margin-left: 37.5%; }

.el-col-pull-9 {
  right: 37.5%; }

.el-col-push-9 {
  left: 37.5%; }

.el-col-10 {
  width: 41.66667%; }

.el-col-offset-10 {
  margin-left: 41.66667%; }

.el-col-pull-10 {
  right: 41.66667%; }

.el-col-push-10 {
  left: 41.66667%; }

.el-col-11 {
  width: 45.83333%; }

.el-col-offset-11 {
  margin-left: 45.83333%; }

.el-col-pull-11 {
  right: 45.83333%; }

.el-col-push-11 {
  left: 45.83333%; }

.el-col-12 {
  width: 50%; }

.el-col-offset-12 {
  margin-left: 50%; }

.el-col-pull-12 {
  position: relative;
  right: 50%; }

.el-col-push-12 {
  left: 50%; }

.el-col-13 {
  width: 54.16667%; }

.el-col-offset-13 {
  margin-left: 54.16667%; }

.el-col-pull-13 {
  right: 54.16667%; }

.el-col-push-13 {
  left: 54.16667%; }

.el-col-14 {
  width: 58.33333%; }

.el-col-offset-14 {
  margin-left: 58.33333%; }

.el-col-pull-14 {
  right: 58.33333%; }

.el-col-push-14 {
  left: 58.33333%; }

.el-col-15 {
  width: 62.5%; }

.el-col-offset-15 {
  margin-left: 62.5%; }

.el-col-pull-15 {
  right: 62.5%; }

.el-col-push-15 {
  left: 62.5%; }

.el-col-16 {
  width: 66.66667%; }

.el-col-offset-16 {
  margin-left: 66.66667%; }

.el-col-pull-16 {
  right: 66.66667%; }

.el-col-push-16 {
  left: 66.66667%; }

.el-col-17 {
  width: 70.83333%; }

.el-col-offset-17 {
  margin-left: 70.83333%; }

.el-col-pull-17 {
  right: 70.83333%; }

.el-col-push-17 {
  left: 70.83333%; }

.el-col-18 {
  width: 75%; }

.el-col-offset-18 {
  margin-left: 75%; }

.el-col-pull-18 {
  right: 75%; }

.el-col-push-18 {
  left: 75%; }

.el-col-19 {
  width: 79.16667%; }

.el-col-offset-19 {
  margin-left: 79.16667%; }

.el-col-pull-19 {
  right: 79.16667%; }

.el-col-push-19 {
  left: 79.16667%; }

.el-col-20 {
  width: 83.33333%; }

.el-col-offset-20 {
  margin-left: 83.33333%; }

.el-col-pull-20 {
  right: 83.33333%; }

.el-col-push-20 {
  left: 83.33333%; }

.el-col-21 {
  width: 87.5%; }

.el-col-offset-21 {
  margin-left: 87.5%; }

.el-col-pull-21 {
  right: 87.5%; }

.el-col-push-21 {
  left: 87.5%; }

.el-col-22 {
  width: 91.66667%; }

.el-col-offset-22 {
  margin-left: 91.66667%; }

.el-col-pull-22 {
  right: 91.66667%; }

.el-col-push-22 {
  left: 91.66667%; }

.el-col-23 {
  width: 95.83333%; }

.el-col-offset-23 {
  margin-left: 95.83333%; }

.el-col-pull-23 {
  right: 95.83333%; }

.el-col-push-23 {
  left: 95.83333%; }

.el-col-24 {
  width: 100%; }

.el-col-offset-24 {
  margin-left: 100%; }

.el-col-pull-24 {
  right: 100%; }

.el-col-push-24 {
  left: 100%; }

@media only screen and (max-width: 767px) {
  .el-col-xs-0 {
    display: none;
    width: 0%; }
  .el-col-xs-offset-0 {
    margin-left: 0; }
  .el-col-xs-pull-0 {
    position: relative;
    right: 0; }
  .el-col-xs-push-0 {
    position: relative;
    left: 0; }
  .el-col-xs-1 {
    width: 4.16667%; }
  .el-col-xs-offset-1 {
    margin-left: 4.16667%; }
  .el-col-xs-pull-1 {
    position: relative;
    right: 4.16667%; }
  .el-col-xs-push-1 {
    position: relative;
    left: 4.16667%; }
  .el-col-xs-2 {
    width: 8.33333%; }
  .el-col-xs-offset-2 {
    margin-left: 8.33333%; }
  .el-col-xs-pull-2 {
    position: relative;
    right: 8.33333%; }
  .el-col-xs-push-2 {
    position: relative;
    left: 8.33333%; }
  .el-col-xs-3 {
    width: 12.5%; }
  .el-col-xs-offset-3 {
    margin-left: 12.5%; }
  .el-col-xs-pull-3 {
    position: relative;
    right: 12.5%; }
  .el-col-xs-push-3 {
    position: relative;
    left: 12.5%; }
  .el-col-xs-4 {
    width: 16.66667%; }
  .el-col-xs-offset-4 {
    margin-left: 16.66667%; }
  .el-col-xs-pull-4 {
    position: relative;
    right: 16.66667%; }
  .el-col-xs-push-4 {
    position: relative;
    left: 16.66667%; }
  .el-col-xs-5 {
    width: 20.83333%; }
  .el-col-xs-offset-5 {
    margin-left: 20.83333%; }
  .el-col-xs-pull-5 {
    position: relative;
    right: 20.83333%; }
  .el-col-xs-push-5 {
    position: relative;
    left: 20.83333%; }
  .el-col-xs-6 {
    width: 25%; }
  .el-col-xs-offset-6 {
    margin-left: 25%; }
  .el-col-xs-pull-6 {
    position: relative;
    right: 25%; }
  .el-col-xs-push-6 {
    position: relative;
    left: 25%; }
  .el-col-xs-7 {
    width: 29.16667%; }
  .el-col-xs-offset-7 {
    margin-left: 29.16667%; }
  .el-col-xs-pull-7 {
    position: relative;
    right: 29.16667%; }
  .el-col-xs-push-7 {
    position: relative;
    left: 29.16667%; }
  .el-col-xs-8 {
    width: 33.33333%; }
  .el-col-xs-offset-8 {
    margin-left: 33.33333%; }
  .el-col-xs-pull-8 {
    position: relative;
    right: 33.33333%; }
  .el-col-xs-push-8 {
    position: relative;
    left: 33.33333%; }
  .el-col-xs-9 {
    width: 37.5%; }
  .el-col-xs-offset-9 {
    margin-left: 37.5%; }
  .el-col-xs-pull-9 {
    position: relative;
    right: 37.5%; }
  .el-col-xs-push-9 {
    position: relative;
    left: 37.5%; }
  .el-col-xs-10 {
    width: 41.66667%; }
  .el-col-xs-offset-10 {
    margin-left: 41.66667%; }
  .el-col-xs-pull-10 {
    position: relative;
    right: 41.66667%; }
  .el-col-xs-push-10 {
    position: relative;
    left: 41.66667%; }
  .el-col-xs-11 {
    width: 45.83333%; }
  .el-col-xs-offset-11 {
    margin-left: 45.83333%; }
  .el-col-xs-pull-11 {
    position: relative;
    right: 45.83333%; }
  .el-col-xs-push-11 {
    position: relative;
    left: 45.83333%; }
  .el-col-xs-12 {
    width: 50%; }
  .el-col-xs-offset-12 {
    margin-left: 50%; }
  .el-col-xs-pull-12 {
    position: relative;
    right: 50%; }
  .el-col-xs-push-12 {
    position: relative;
    left: 50%; }
  .el-col-xs-13 {
    width: 54.16667%; }
  .el-col-xs-offset-13 {
    margin-left: 54.16667%; }
  .el-col-xs-pull-13 {
    position: relative;
    right: 54.16667%; }
  .el-col-xs-push-13 {
    position: relative;
    left: 54.16667%; }
  .el-col-xs-14 {
    width: 58.33333%; }
  .el-col-xs-offset-14 {
    margin-left: 58.33333%; }
  .el-col-xs-pull-14 {
    position: relative;
    right: 58.33333%; }
  .el-col-xs-push-14 {
    position: relative;
    left: 58.33333%; }
  .el-col-xs-15 {
    width: 62.5%; }
  .el-col-xs-offset-15 {
    margin-left: 62.5%; }
  .el-col-xs-pull-15 {
    position: relative;
    right: 62.5%; }
  .el-col-xs-push-15 {
    position: relative;
    left: 62.5%; }
  .el-col-xs-16 {
    width: 66.66667%; }
  .el-col-xs-offset-16 {
    margin-left: 66.66667%; }
  .el-col-xs-pull-16 {
    position: relative;
    right: 66.66667%; }
  .el-col-xs-push-16 {
    position: relative;
    left: 66.66667%; }
  .el-col-xs-17 {
    width: 70.83333%; }
  .el-col-xs-offset-17 {
    margin-left: 70.83333%; }
  .el-col-xs-pull-17 {
    position: relative;
    right: 70.83333%; }
  .el-col-xs-push-17 {
    position: relative;
    left: 70.83333%; }
  .el-col-xs-18 {
    width: 75%; }
  .el-col-xs-offset-18 {
    margin-left: 75%; }
  .el-col-xs-pull-18 {
    position: relative;
    right: 75%; }
  .el-col-xs-push-18 {
    position: relative;
    left: 75%; }
  .el-col-xs-19 {
    width: 79.16667%; }
  .el-col-xs-offset-19 {
    margin-left: 79.16667%; }
  .el-col-xs-pull-19 {
    position: relative;
    right: 79.16667%; }
  .el-col-xs-push-19 {
    position: relative;
    left: 79.16667%; }
  .el-col-xs-20 {
    width: 83.33333%; }
  .el-col-xs-offset-20 {
    margin-left: 83.33333%; }
  .el-col-xs-pull-20 {
    position: relative;
    right: 83.33333%; }
  .el-col-xs-push-20 {
    position: relative;
    left: 83.33333%; }
  .el-col-xs-21 {
    width: 87.5%; }
  .el-col-xs-offset-21 {
    margin-left: 87.5%; }
  .el-col-xs-pull-21 {
    position: relative;
    right: 87.5%; }
  .el-col-xs-push-21 {
    position: relative;
    left: 87.5%; }
  .el-col-xs-22 {
    width: 91.66667%; }
  .el-col-xs-offset-22 {
    margin-left: 91.66667%; }
  .el-col-xs-pull-22 {
    position: relative;
    right: 91.66667%; }
  .el-col-xs-push-22 {
    position: relative;
    left: 91.66667%; }
  .el-col-xs-23 {
    width: 95.83333%; }
  .el-col-xs-offset-23 {
    margin-left: 95.83333%; }
  .el-col-xs-pull-23 {
    position: relative;
    right: 95.83333%; }
  .el-col-xs-push-23 {
    position: relative;
    left: 95.83333%; }
  .el-col-xs-24 {
    width: 100%; }
  .el-col-xs-offset-24 {
    margin-left: 100%; }
  .el-col-xs-pull-24 {
    position: relative;
    right: 100%; }
  .el-col-xs-push-24 {
    position: relative;
    left: 100%; } }

@media only screen and (min-width: 768px) {
  .el-col-sm-0 {
    display: none;
    width: 0%; }
  .el-col-sm-offset-0 {
    margin-left: 0; }
  .el-col-sm-pull-0 {
    position: relative;
    right: 0; }
  .el-col-sm-push-0 {
    position: relative;
    left: 0; }
  .el-col-sm-1 {
    width: 4.16667%; }
  .el-col-sm-offset-1 {
    margin-left: 4.16667%; }
  .el-col-sm-pull-1 {
    position: relative;
    right: 4.16667%; }
  .el-col-sm-push-1 {
    position: relative;
    left: 4.16667%; }
  .el-col-sm-2 {
    width: 8.33333%; }
  .el-col-sm-offset-2 {
    margin-left: 8.33333%; }
  .el-col-sm-pull-2 {
    position: relative;
    right: 8.33333%; }
  .el-col-sm-push-2 {
    position: relative;
    left: 8.33333%; }
  .el-col-sm-3 {
    width: 12.5%; }
  .el-col-sm-offset-3 {
    margin-left: 12.5%; }
  .el-col-sm-pull-3 {
    position: relative;
    right: 12.5%; }
  .el-col-sm-push-3 {
    position: relative;
    left: 12.5%; }
  .el-col-sm-4 {
    width: 16.66667%; }
  .el-col-sm-offset-4 {
    margin-left: 16.66667%; }
  .el-col-sm-pull-4 {
    position: relative;
    right: 16.66667%; }
  .el-col-sm-push-4 {
    position: relative;
    left: 16.66667%; }
  .el-col-sm-5 {
    width: 20.83333%; }
  .el-col-sm-offset-5 {
    margin-left: 20.83333%; }
  .el-col-sm-pull-5 {
    position: relative;
    right: 20.83333%; }
  .el-col-sm-push-5 {
    position: relative;
    left: 20.83333%; }
  .el-col-sm-6 {
    width: 25%; }
  .el-col-sm-offset-6 {
    margin-left: 25%; }
  .el-col-sm-pull-6 {
    position: relative;
    right: 25%; }
  .el-col-sm-push-6 {
    position: relative;
    left: 25%; }
  .el-col-sm-7 {
    width: 29.16667%; }
  .el-col-sm-offset-7 {
    margin-left: 29.16667%; }
  .el-col-sm-pull-7 {
    position: relative;
    right: 29.16667%; }
  .el-col-sm-push-7 {
    position: relative;
    left: 29.16667%; }
  .el-col-sm-8 {
    width: 33.33333%; }
  .el-col-sm-offset-8 {
    margin-left: 33.33333%; }
  .el-col-sm-pull-8 {
    position: relative;
    right: 33.33333%; }
  .el-col-sm-push-8 {
    position: relative;
    left: 33.33333%; }
  .el-col-sm-9 {
    width: 37.5%; }
  .el-col-sm-offset-9 {
    margin-left: 37.5%; }
  .el-col-sm-pull-9 {
    position: relative;
    right: 37.5%; }
  .el-col-sm-push-9 {
    position: relative;
    left: 37.5%; }
  .el-col-sm-10 {
    width: 41.66667%; }
  .el-col-sm-offset-10 {
    margin-left: 41.66667%; }
  .el-col-sm-pull-10 {
    position: relative;
    right: 41.66667%; }
  .el-col-sm-push-10 {
    position: relative;
    left: 41.66667%; }
  .el-col-sm-11 {
    width: 45.83333%; }
  .el-col-sm-offset-11 {
    margin-left: 45.83333%; }
  .el-col-sm-pull-11 {
    position: relative;
    right: 45.83333%; }
  .el-col-sm-push-11 {
    position: relative;
    left: 45.83333%; }
  .el-col-sm-12 {
    width: 50%; }
  .el-col-sm-offset-12 {
    margin-left: 50%; }
  .el-col-sm-pull-12 {
    position: relative;
    right: 50%; }
  .el-col-sm-push-12 {
    position: relative;
    left: 50%; }
  .el-col-sm-13 {
    width: 54.16667%; }
  .el-col-sm-offset-13 {
    margin-left: 54.16667%; }
  .el-col-sm-pull-13 {
    position: relative;
    right: 54.16667%; }
  .el-col-sm-push-13 {
    position: relative;
    left: 54.16667%; }
  .el-col-sm-14 {
    width: 58.33333%; }
  .el-col-sm-offset-14 {
    margin-left: 58.33333%; }
  .el-col-sm-pull-14 {
    position: relative;
    right: 58.33333%; }
  .el-col-sm-push-14 {
    position: relative;
    left: 58.33333%; }
  .el-col-sm-15 {
    width: 62.5%; }
  .el-col-sm-offset-15 {
    margin-left: 62.5%; }
  .el-col-sm-pull-15 {
    position: relative;
    right: 62.5%; }
  .el-col-sm-push-15 {
    position: relative;
    left: 62.5%; }
  .el-col-sm-16 {
    width: 66.66667%; }
  .el-col-sm-offset-16 {
    margin-left: 66.66667%; }
  .el-col-sm-pull-16 {
    position: relative;
    right: 66.66667%; }
  .el-col-sm-push-16 {
    position: relative;
    left: 66.66667%; }
  .el-col-sm-17 {
    width: 70.83333%; }
  .el-col-sm-offset-17 {
    margin-left: 70.83333%; }
  .el-col-sm-pull-17 {
    position: relative;
    right: 70.83333%; }
  .el-col-sm-push-17 {
    position: relative;
    left: 70.83333%; }
  .el-col-sm-18 {
    width: 75%; }
  .el-col-sm-offset-18 {
    margin-left: 75%; }
  .el-col-sm-pull-18 {
    position: relative;
    right: 75%; }
  .el-col-sm-push-18 {
    position: relative;
    left: 75%; }
  .el-col-sm-19 {
    width: 79.16667%; }
  .el-col-sm-offset-19 {
    margin-left: 79.16667%; }
  .el-col-sm-pull-19 {
    position: relative;
    right: 79.16667%; }
  .el-col-sm-push-19 {
    position: relative;
    left: 79.16667%; }
  .el-col-sm-20 {
    width: 83.33333%; }
  .el-col-sm-offset-20 {
    margin-left: 83.33333%; }
  .el-col-sm-pull-20 {
    position: relative;
    right: 83.33333%; }
  .el-col-sm-push-20 {
    position: relative;
    left: 83.33333%; }
  .el-col-sm-21 {
    width: 87.5%; }
  .el-col-sm-offset-21 {
    margin-left: 87.5%; }
  .el-col-sm-pull-21 {
    position: relative;
    right: 87.5%; }
  .el-col-sm-push-21 {
    position: relative;
    left: 87.5%; }
  .el-col-sm-22 {
    width: 91.66667%; }
  .el-col-sm-offset-22 {
    margin-left: 91.66667%; }
  .el-col-sm-pull-22 {
    position: relative;
    right: 91.66667%; }
  .el-col-sm-push-22 {
    position: relative;
    left: 91.66667%; }
  .el-col-sm-23 {
    width: 95.83333%; }
  .el-col-sm-offset-23 {
    margin-left: 95.83333%; }
  .el-col-sm-pull-23 {
    position: relative;
    right: 95.83333%; }
  .el-col-sm-push-23 {
    position: relative;
    left: 95.83333%; }
  .el-col-sm-24 {
    width: 100%; }
  .el-col-sm-offset-24 {
    margin-left: 100%; }
  .el-col-sm-pull-24 {
    position: relative;
    right: 100%; }
  .el-col-sm-push-24 {
    position: relative;
    left: 100%; } }

@media only screen and (min-width: 992px) {
  .el-col-md-0 {
    display: none;
    width: 0%; }
  .el-col-md-offset-0 {
    margin-left: 0; }
  .el-col-md-pull-0 {
    position: relative;
    right: 0; }
  .el-col-md-push-0 {
    position: relative;
    left: 0; }
  .el-col-md-1 {
    width: 4.16667%; }
  .el-col-md-offset-1 {
    margin-left: 4.16667%; }
  .el-col-md-pull-1 {
    position: relative;
    right: 4.16667%; }
  .el-col-md-push-1 {
    position: relative;
    left: 4.16667%; }
  .el-col-md-2 {
    width: 8.33333%; }
  .el-col-md-offset-2 {
    margin-left: 8.33333%; }
  .el-col-md-pull-2 {
    position: relative;
    right: 8.33333%; }
  .el-col-md-push-2 {
    position: relative;
    left: 8.33333%; }
  .el-col-md-3 {
    width: 12.5%; }
  .el-col-md-offset-3 {
    margin-left: 12.5%; }
  .el-col-md-pull-3 {
    position: relative;
    right: 12.5%; }
  .el-col-md-push-3 {
    position: relative;
    left: 12.5%; }
  .el-col-md-4 {
    width: 16.66667%; }
  .el-col-md-offset-4 {
    margin-left: 16.66667%; }
  .el-col-md-pull-4 {
    position: relative;
    right: 16.66667%; }
  .el-col-md-push-4 {
    position: relative;
    left: 16.66667%; }
  .el-col-md-5 {
    width: 20.83333%; }
  .el-col-md-offset-5 {
    margin-left: 20.83333%; }
  .el-col-md-pull-5 {
    position: relative;
    right: 20.83333%; }
  .el-col-md-push-5 {
    position: relative;
    left: 20.83333%; }
  .el-col-md-6 {
    width: 25%; }
  .el-col-md-offset-6 {
    margin-left: 25%; }
  .el-col-md-pull-6 {
    position: relative;
    right: 25%; }
  .el-col-md-push-6 {
    position: relative;
    left: 25%; }
  .el-col-md-7 {
    width: 29.16667%; }
  .el-col-md-offset-7 {
    margin-left: 29.16667%; }
  .el-col-md-pull-7 {
    position: relative;
    right: 29.16667%; }
  .el-col-md-push-7 {
    position: relative;
    left: 29.16667%; }
  .el-col-md-8 {
    width: 33.33333%; }
  .el-col-md-offset-8 {
    margin-left: 33.33333%; }
  .el-col-md-pull-8 {
    position: relative;
    right: 33.33333%; }
  .el-col-md-push-8 {
    position: relative;
    left: 33.33333%; }
  .el-col-md-9 {
    width: 37.5%; }
  .el-col-md-offset-9 {
    margin-left: 37.5%; }
  .el-col-md-pull-9 {
    position: relative;
    right: 37.5%; }
  .el-col-md-push-9 {
    position: relative;
    left: 37.5%; }
  .el-col-md-10 {
    width: 41.66667%; }
  .el-col-md-offset-10 {
    margin-left: 41.66667%; }
  .el-col-md-pull-10 {
    position: relative;
    right: 41.66667%; }
  .el-col-md-push-10 {
    position: relative;
    left: 41.66667%; }
  .el-col-md-11 {
    width: 45.83333%; }
  .el-col-md-offset-11 {
    margin-left: 45.83333%; }
  .el-col-md-pull-11 {
    position: relative;
    right: 45.83333%; }
  .el-col-md-push-11 {
    position: relative;
    left: 45.83333%; }
  .el-col-md-12 {
    width: 50%; }
  .el-col-md-offset-12 {
    margin-left: 50%; }
  .el-col-md-pull-12 {
    position: relative;
    right: 50%; }
  .el-col-md-push-12 {
    position: relative;
    left: 50%; }
  .el-col-md-13 {
    width: 54.16667%; }
  .el-col-md-offset-13 {
    margin-left: 54.16667%; }
  .el-col-md-pull-13 {
    position: relative;
    right: 54.16667%; }
  .el-col-md-push-13 {
    position: relative;
    left: 54.16667%; }
  .el-col-md-14 {
    width: 58.33333%; }
  .el-col-md-offset-14 {
    margin-left: 58.33333%; }
  .el-col-md-pull-14 {
    position: relative;
    right: 58.33333%; }
  .el-col-md-push-14 {
    position: relative;
    left: 58.33333%; }
  .el-col-md-15 {
    width: 62.5%; }
  .el-col-md-offset-15 {
    margin-left: 62.5%; }
  .el-col-md-pull-15 {
    position: relative;
    right: 62.5%; }
  .el-col-md-push-15 {
    position: relative;
    left: 62.5%; }
  .el-col-md-16 {
    width: 66.66667%; }
  .el-col-md-offset-16 {
    margin-left: 66.66667%; }
  .el-col-md-pull-16 {
    position: relative;
    right: 66.66667%; }
  .el-col-md-push-16 {
    position: relative;
    left: 66.66667%; }
  .el-col-md-17 {
    width: 70.83333%; }
  .el-col-md-offset-17 {
    margin-left: 70.83333%; }
  .el-col-md-pull-17 {
    position: relative;
    right: 70.83333%; }
  .el-col-md-push-17 {
    position: relative;
    left: 70.83333%; }
  .el-col-md-18 {
    width: 75%; }
  .el-col-md-offset-18 {
    margin-left: 75%; }
  .el-col-md-pull-18 {
    position: relative;
    right: 75%; }
  .el-col-md-push-18 {
    position: relative;
    left: 75%; }
  .el-col-md-19 {
    width: 79.16667%; }
  .el-col-md-offset-19 {
    margin-left: 79.16667%; }
  .el-col-md-pull-19 {
    position: relative;
    right: 79.16667%; }
  .el-col-md-push-19 {
    position: relative;
    left: 79.16667%; }
  .el-col-md-20 {
    width: 83.33333%; }
  .el-col-md-offset-20 {
    margin-left: 83.33333%; }
  .el-col-md-pull-20 {
    position: relative;
    right: 83.33333%; }
  .el-col-md-push-20 {
    position: relative;
    left: 83.33333%; }
  .el-col-md-21 {
    width: 87.5%; }
  .el-col-md-offset-21 {
    margin-left: 87.5%; }
  .el-col-md-pull-21 {
    position: relative;
    right: 87.5%; }
  .el-col-md-push-21 {
    position: relative;
    left: 87.5%; }
  .el-col-md-22 {
    width: 91.66667%; }
  .el-col-md-offset-22 {
    margin-left: 91.66667%; }
  .el-col-md-pull-22 {
    position: relative;
    right: 91.66667%; }
  .el-col-md-push-22 {
    position: relative;
    left: 91.66667%; }
  .el-col-md-23 {
    width: 95.83333%; }
  .el-col-md-offset-23 {
    margin-left: 95.83333%; }
  .el-col-md-pull-23 {
    position: relative;
    right: 95.83333%; }
  .el-col-md-push-23 {
    position: relative;
    left: 95.83333%; }
  .el-col-md-24 {
    width: 100%; }
  .el-col-md-offset-24 {
    margin-left: 100%; }
  .el-col-md-pull-24 {
    position: relative;
    right: 100%; }
  .el-col-md-push-24 {
    position: relative;
    left: 100%; } }

@media only screen and (min-width: 1200px) {
  .el-col-lg-0 {
    display: none;
    width: 0%; }
  .el-col-lg-offset-0 {
    margin-left: 0; }
  .el-col-lg-pull-0 {
    position: relative;
    right: 0; }
  .el-col-lg-push-0 {
    position: relative;
    left: 0; }
  .el-col-lg-1 {
    width: 4.16667%; }
  .el-col-lg-offset-1 {
    margin-left: 4.16667%; }
  .el-col-lg-pull-1 {
    position: relative;
    right: 4.16667%; }
  .el-col-lg-push-1 {
    position: relative;
    left: 4.16667%; }
  .el-col-lg-2 {
    width: 8.33333%; }
  .el-col-lg-offset-2 {
    margin-left: 8.33333%; }
  .el-col-lg-pull-2 {
    position: relative;
    right: 8.33333%; }
  .el-col-lg-push-2 {
    position: relative;
    left: 8.33333%; }
  .el-col-lg-3 {
    width: 12.5%; }
  .el-col-lg-offset-3 {
    margin-left: 12.5%; }
  .el-col-lg-pull-3 {
    position: relative;
    right: 12.5%; }
  .el-col-lg-push-3 {
    position: relative;
    left: 12.5%; }
  .el-col-lg-4 {
    width: 16.66667%; }
  .el-col-lg-offset-4 {
    margin-left: 16.66667%; }
  .el-col-lg-pull-4 {
    position: relative;
    right: 16.66667%; }
  .el-col-lg-push-4 {
    position: relative;
    left: 16.66667%; }
  .el-col-lg-5 {
    width: 20.83333%; }
  .el-col-lg-offset-5 {
    margin-left: 20.83333%; }
  .el-col-lg-pull-5 {
    position: relative;
    right: 20.83333%; }
  .el-col-lg-push-5 {
    position: relative;
    left: 20.83333%; }
  .el-col-lg-6 {
    width: 25%; }
  .el-col-lg-offset-6 {
    margin-left: 25%; }
  .el-col-lg-pull-6 {
    position: relative;
    right: 25%; }
  .el-col-lg-push-6 {
    position: relative;
    left: 25%; }
  .el-col-lg-7 {
    width: 29.16667%; }
  .el-col-lg-offset-7 {
    margin-left: 29.16667%; }
  .el-col-lg-pull-7 {
    position: relative;
    right: 29.16667%; }
  .el-col-lg-push-7 {
    position: relative;
    left: 29.16667%; }
  .el-col-lg-8 {
    width: 33.33333%; }
  .el-col-lg-offset-8 {
    margin-left: 33.33333%; }
  .el-col-lg-pull-8 {
    position: relative;
    right: 33.33333%; }
  .el-col-lg-push-8 {
    position: relative;
    left: 33.33333%; }
  .el-col-lg-9 {
    width: 37.5%; }
  .el-col-lg-offset-9 {
    margin-left: 37.5%; }
  .el-col-lg-pull-9 {
    position: relative;
    right: 37.5%; }
  .el-col-lg-push-9 {
    position: relative;
    left: 37.5%; }
  .el-col-lg-10 {
    width: 41.66667%; }
  .el-col-lg-offset-10 {
    margin-left: 41.66667%; }
  .el-col-lg-pull-10 {
    position: relative;
    right: 41.66667%; }
  .el-col-lg-push-10 {
    position: relative;
    left: 41.66667%; }
  .el-col-lg-11 {
    width: 45.83333%; }
  .el-col-lg-offset-11 {
    margin-left: 45.83333%; }
  .el-col-lg-pull-11 {
    position: relative;
    right: 45.83333%; }
  .el-col-lg-push-11 {
    position: relative;
    left: 45.83333%; }
  .el-col-lg-12 {
    width: 50%; }
  .el-col-lg-offset-12 {
    margin-left: 50%; }
  .el-col-lg-pull-12 {
    position: relative;
    right: 50%; }
  .el-col-lg-push-12 {
    position: relative;
    left: 50%; }
  .el-col-lg-13 {
    width: 54.16667%; }
  .el-col-lg-offset-13 {
    margin-left: 54.16667%; }
  .el-col-lg-pull-13 {
    position: relative;
    right: 54.16667%; }
  .el-col-lg-push-13 {
    position: relative;
    left: 54.16667%; }
  .el-col-lg-14 {
    width: 58.33333%; }
  .el-col-lg-offset-14 {
    margin-left: 58.33333%; }
  .el-col-lg-pull-14 {
    position: relative;
    right: 58.33333%; }
  .el-col-lg-push-14 {
    position: relative;
    left: 58.33333%; }
  .el-col-lg-15 {
    width: 62.5%; }
  .el-col-lg-offset-15 {
    margin-left: 62.5%; }
  .el-col-lg-pull-15 {
    position: relative;
    right: 62.5%; }
  .el-col-lg-push-15 {
    position: relative;
    left: 62.5%; }
  .el-col-lg-16 {
    width: 66.66667%; }
  .el-col-lg-offset-16 {
    margin-left: 66.66667%; }
  .el-col-lg-pull-16 {
    position: relative;
    right: 66.66667%; }
  .el-col-lg-push-16 {
    position: relative;
    left: 66.66667%; }
  .el-col-lg-17 {
    width: 70.83333%; }
  .el-col-lg-offset-17 {
    margin-left: 70.83333%; }
  .el-col-lg-pull-17 {
    position: relative;
    right: 70.83333%; }
  .el-col-lg-push-17 {
    position: relative;
    left: 70.83333%; }
  .el-col-lg-18 {
    width: 75%; }
  .el-col-lg-offset-18 {
    margin-left: 75%; }
  .el-col-lg-pull-18 {
    position: relative;
    right: 75%; }
  .el-col-lg-push-18 {
    position: relative;
    left: 75%; }
  .el-col-lg-19 {
    width: 79.16667%; }
  .el-col-lg-offset-19 {
    margin-left: 79.16667%; }
  .el-col-lg-pull-19 {
    position: relative;
    right: 79.16667%; }
  .el-col-lg-push-19 {
    position: relative;
    left: 79.16667%; }
  .el-col-lg-20 {
    width: 83.33333%; }
  .el-col-lg-offset-20 {
    margin-left: 83.33333%; }
  .el-col-lg-pull-20 {
    position: relative;
    right: 83.33333%; }
  .el-col-lg-push-20 {
    position: relative;
    left: 83.33333%; }
  .el-col-lg-21 {
    width: 87.5%; }
  .el-col-lg-offset-21 {
    margin-left: 87.5%; }
  .el-col-lg-pull-21 {
    position: relative;
    right: 87.5%; }
  .el-col-lg-push-21 {
    position: relative;
    left: 87.5%; }
  .el-col-lg-22 {
    width: 91.66667%; }
  .el-col-lg-offset-22 {
    margin-left: 91.66667%; }
  .el-col-lg-pull-22 {
    position: relative;
    right: 91.66667%; }
  .el-col-lg-push-22 {
    position: relative;
    left: 91.66667%; }
  .el-col-lg-23 {
    width: 95.83333%; }
  .el-col-lg-offset-23 {
    margin-left: 95.83333%; }
  .el-col-lg-pull-23 {
    position: relative;
    right: 95.83333%; }
  .el-col-lg-push-23 {
    position: relative;
    left: 95.83333%; }
  .el-col-lg-24 {
    width: 100%; }
  .el-col-lg-offset-24 {
    margin-left: 100%; }
  .el-col-lg-pull-24 {
    position: relative;
    right: 100%; }
  .el-col-lg-push-24 {
    position: relative;
    left: 100%; } }

@media only screen and (min-width: 1920px) {
  .el-col-xl-0 {
    display: none;
    width: 0%; }
  .el-col-xl-offset-0 {
    margin-left: 0; }
  .el-col-xl-pull-0 {
    position: relative;
    right: 0; }
  .el-col-xl-push-0 {
    position: relative;
    left: 0; }
  .el-col-xl-1 {
    width: 4.16667%; }
  .el-col-xl-offset-1 {
    margin-left: 4.16667%; }
  .el-col-xl-pull-1 {
    position: relative;
    right: 4.16667%; }
  .el-col-xl-push-1 {
    position: relative;
    left: 4.16667%; }
  .el-col-xl-2 {
    width: 8.33333%; }
  .el-col-xl-offset-2 {
    margin-left: 8.33333%; }
  .el-col-xl-pull-2 {
    position: relative;
    right: 8.33333%; }
  .el-col-xl-push-2 {
    position: relative;
    left: 8.33333%; }
  .el-col-xl-3 {
    width: 12.5%; }
  .el-col-xl-offset-3 {
    margin-left: 12.5%; }
  .el-col-xl-pull-3 {
    position: relative;
    right: 12.5%; }
  .el-col-xl-push-3 {
    position: relative;
    left: 12.5%; }
  .el-col-xl-4 {
    width: 16.66667%; }
  .el-col-xl-offset-4 {
    margin-left: 16.66667%; }
  .el-col-xl-pull-4 {
    position: relative;
    right: 16.66667%; }
  .el-col-xl-push-4 {
    position: relative;
    left: 16.66667%; }
  .el-col-xl-5 {
    width: 20.83333%; }
  .el-col-xl-offset-5 {
    margin-left: 20.83333%; }
  .el-col-xl-pull-5 {
    position: relative;
    right: 20.83333%; }
  .el-col-xl-push-5 {
    position: relative;
    left: 20.83333%; }
  .el-col-xl-6 {
    width: 25%; }
  .el-col-xl-offset-6 {
    margin-left: 25%; }
  .el-col-xl-pull-6 {
    position: relative;
    right: 25%; }
  .el-col-xl-push-6 {
    position: relative;
    left: 25%; }
  .el-col-xl-7 {
    width: 29.16667%; }
  .el-col-xl-offset-7 {
    margin-left: 29.16667%; }
  .el-col-xl-pull-7 {
    position: relative;
    right: 29.16667%; }
  .el-col-xl-push-7 {
    position: relative;
    left: 29.16667%; }
  .el-col-xl-8 {
    width: 33.33333%; }
  .el-col-xl-offset-8 {
    margin-left: 33.33333%; }
  .el-col-xl-pull-8 {
    position: relative;
    right: 33.33333%; }
  .el-col-xl-push-8 {
    position: relative;
    left: 33.33333%; }
  .el-col-xl-9 {
    width: 37.5%; }
  .el-col-xl-offset-9 {
    margin-left: 37.5%; }
  .el-col-xl-pull-9 {
    position: relative;
    right: 37.5%; }
  .el-col-xl-push-9 {
    position: relative;
    left: 37.5%; }
  .el-col-xl-10 {
    width: 41.66667%; }
  .el-col-xl-offset-10 {
    margin-left: 41.66667%; }
  .el-col-xl-pull-10 {
    position: relative;
    right: 41.66667%; }
  .el-col-xl-push-10 {
    position: relative;
    left: 41.66667%; }
  .el-col-xl-11 {
    width: 45.83333%; }
  .el-col-xl-offset-11 {
    margin-left: 45.83333%; }
  .el-col-xl-pull-11 {
    position: relative;
    right: 45.83333%; }
  .el-col-xl-push-11 {
    position: relative;
    left: 45.83333%; }
  .el-col-xl-12 {
    width: 50%; }
  .el-col-xl-offset-12 {
    margin-left: 50%; }
  .el-col-xl-pull-12 {
    position: relative;
    right: 50%; }
  .el-col-xl-push-12 {
    position: relative;
    left: 50%; }
  .el-col-xl-13 {
    width: 54.16667%; }
  .el-col-xl-offset-13 {
    margin-left: 54.16667%; }
  .el-col-xl-pull-13 {
    position: relative;
    right: 54.16667%; }
  .el-col-xl-push-13 {
    position: relative;
    left: 54.16667%; }
  .el-col-xl-14 {
    width: 58.33333%; }
  .el-col-xl-offset-14 {
    margin-left: 58.33333%; }
  .el-col-xl-pull-14 {
    position: relative;
    right: 58.33333%; }
  .el-col-xl-push-14 {
    position: relative;
    left: 58.33333%; }
  .el-col-xl-15 {
    width: 62.5%; }
  .el-col-xl-offset-15 {
    margin-left: 62.5%; }
  .el-col-xl-pull-15 {
    position: relative;
    right: 62.5%; }
  .el-col-xl-push-15 {
    position: relative;
    left: 62.5%; }
  .el-col-xl-16 {
    width: 66.66667%; }
  .el-col-xl-offset-16 {
    margin-left: 66.66667%; }
  .el-col-xl-pull-16 {
    position: relative;
    right: 66.66667%; }
  .el-col-xl-push-16 {
    position: relative;
    left: 66.66667%; }
  .el-col-xl-17 {
    width: 70.83333%; }
  .el-col-xl-offset-17 {
    margin-left: 70.83333%; }
  .el-col-xl-pull-17 {
    position: relative;
    right: 70.83333%; }
  .el-col-xl-push-17 {
    position: relative;
    left: 70.83333%; }
  .el-col-xl-18 {
    width: 75%; }
  .el-col-xl-offset-18 {
    margin-left: 75%; }
  .el-col-xl-pull-18 {
    position: relative;
    right: 75%; }
  .el-col-xl-push-18 {
    position: relative;
    left: 75%; }
  .el-col-xl-19 {
    width: 79.16667%; }
  .el-col-xl-offset-19 {
    margin-left: 79.16667%; }
  .el-col-xl-pull-19 {
    position: relative;
    right: 79.16667%; }
  .el-col-xl-push-19 {
    position: relative;
    left: 79.16667%; }
  .el-col-xl-20 {
    width: 83.33333%; }
  .el-col-xl-offset-20 {
    margin-left: 83.33333%; }
  .el-col-xl-pull-20 {
    position: relative;
    right: 83.33333%; }
  .el-col-xl-push-20 {
    position: relative;
    left: 83.33333%; }
  .el-col-xl-21 {
    width: 87.5%; }
  .el-col-xl-offset-21 {
    margin-left: 87.5%; }
  .el-col-xl-pull-21 {
    position: relative;
    right: 87.5%; }
  .el-col-xl-push-21 {
    position: relative;
    left: 87.5%; }
  .el-col-xl-22 {
    width: 91.66667%; }
  .el-col-xl-offset-22 {
    margin-left: 91.66667%; }
  .el-col-xl-pull-22 {
    position: relative;
    right: 91.66667%; }
  .el-col-xl-push-22 {
    position: relative;
    left: 91.66667%; }
  .el-col-xl-23 {
    width: 95.83333%; }
  .el-col-xl-offset-23 {
    margin-left: 95.83333%; }
  .el-col-xl-pull-23 {
    position: relative;
    right: 95.83333%; }
  .el-col-xl-push-23 {
    position: relative;
    left: 95.83333%; }
  .el-col-xl-24 {
    width: 100%; }
  .el-col-xl-offset-24 {
    margin-left: 100%; }
  .el-col-xl-pull-24 {
    position: relative;
    right: 100%; }
  .el-col-xl-push-24 {
    position: relative;
    left: 100%; } }

.el-upload {
  display: inline-block;
  text-align: center;
  cursor: pointer;
  outline: 0; }

.el-upload__input {
  display: none; }

.el-upload__tip {
  font-size: 12px;
  color: #666;
  margin-top: 7px; }

.el-upload iframe {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  opacity: 0;
  filter: alpha(opacity=0); }

.el-upload--picture-card {
  background-color: #fbfdff;
  border: 1px dashed #c0ccda;
  border-radius: 6px;
  box-sizing: border-box;
  width: 148px;
  height: 148px;
  line-height: 146px;
  vertical-align: top; }

.el-upload--picture-card i {
  font-size: 28px;
  color: #8c939d; }

.el-upload--picture-card:hover, .el-upload:focus {
  border-color: #0084BF;
  color: #0084BF; }

.el-upload:focus .el-upload-dragger {
  border-color: #0084BF; }

.el-upload-dragger {
  background-color: #fff;
  border: 1px dashed #d9d9d9;
  border-radius: 6px;
  box-sizing: border-box;
  width: 360px;
  height: 180px;
  text-align: center;
  position: relative;
  overflow: hidden; }

.el-upload-dragger .el-icon-upload {
  font-size: 67px;
  color: #CCC;
  margin: 40px 0 16px;
  line-height: 50px; }

.el-upload-dragger + .el-upload__tip {
  text-align: center; }

.el-upload-dragger ~ .el-upload__files {
  border-top: 1px solid #DCDFE6;
  margin-top: 7px;
  padding-top: 5px; }

.el-upload-dragger .el-upload__text {
  color: #666;
  font-size: 14px;
  text-align: center; }

.el-upload-dragger .el-upload__text em {
  color: #0084BF;
  font-style: normal; }

.el-upload-dragger:hover {
  border-color: #0084BF; }

.el-upload-dragger.is-dragover {
  background-color: rgba(32, 159, 255, 0.06);
  border: 2px dashed #0084BF; }

.el-upload-list {
  margin: 0;
  padding: 0;
  list-style: none; }

.el-upload-list__item {
  transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1);
  font-size: 14px;
  color: #666;
  line-height: 1.8;
  margin-top: 5px;
  position: relative;
  box-sizing: border-box;
  border-radius: 4px;
  width: 100%; }

.el-upload-list__item .el-progress {
  position: absolute;
  top: 20px;
  width: 100%; }

.el-upload-list__item .el-progress__text {
  position: absolute;
  right: 0;
  top: -13px; }

.el-upload-list__item .el-progress-bar {
  margin-right: 0;
  padding-right: 0; }

.el-upload-list__item:first-child {
  margin-top: 10px; }

.el-upload-list__item .el-icon-upload-success {
  color: #00BF27; }

.el-upload-list__item .el-icon-close {
  display: none;
  position: absolute;
  top: 5px;
  right: 5px;
  cursor: pointer;
  opacity: .75;
  color: #666; }

.el-upload-list__item .el-icon-close:hover {
  opacity: 1; }

.el-upload-list__item .el-icon-close-tip {
  display: none;
  position: absolute;
  top: 5px;
  right: 5px;
  font-size: 12px;
  cursor: pointer;
  opacity: 1;
  color: #0084BF; }

.el-upload-list__item:hover {
  background-color: #F5F7FA; }

.el-upload-list__item:hover .el-icon-close {
  display: inline-block; }

.el-upload-list__item:hover .el-progress__text {
  display: none; }

.el-upload-list__item.is-success .el-upload-list__item-status-label {
  display: block; }

.el-upload-list__item.is-success .el-upload-list__item-name:focus, .el-upload-list__item.is-success .el-upload-list__item-name:hover {
  color: #0084BF;
  cursor: pointer; }

.el-upload-list__item.is-success:focus:not(:hover) .el-icon-close-tip {
  display: inline-block; }

.el-upload-list__item.is-success:active .el-icon-close-tip, .el-upload-list__item.is-success:focus .el-upload-list__item-status-label, .el-upload-list__item.is-success:hover .el-upload-list__item-status-label, .el-upload-list__item.is-success:not(.focusing):focus .el-icon-close-tip {
  display: none; }

.el-upload-list.is-disabled .el-upload-list__item:hover .el-upload-list__item-status-label {
  display: block; }

.el-upload-list__item-name {
  color: #666;
  display: block;
  margin-right: 40px;
  overflow: hidden;
  padding-left: 4px;
  text-overflow: ellipsis;
  transition: color .3s;
  white-space: nowrap; }

.el-upload-list__item-name [class^=el-icon] {
  height: 100%;
  margin-right: 7px;
  color: #999;
  line-height: inherit; }

.el-upload-list__item-status-label {
  position: absolute;
  right: 5px;
  top: 0;
  line-height: inherit;
  display: none; }

.el-upload-list__item-delete {
  position: absolute;
  right: 10px;
  top: 0;
  font-size: 12px;
  color: #666;
  display: none; }

.el-upload-list__item-delete:hover {
  color: #0084BF; }

.el-upload-list--picture-card {
  margin: 0;
  display: inline;
  vertical-align: top; }

.el-upload-list--picture-card .el-upload-list__item {
  overflow: hidden;
  background-color: #fff;
  border: 1px solid #c0ccda;
  border-radius: 6px;
  box-sizing: border-box;
  width: 148px;
  height: 148px;
  margin: 0 8px 8px 0;
  display: inline-block; }

.el-upload-list--picture-card .el-upload-list__item .el-icon-check, .el-upload-list--picture-card .el-upload-list__item .el-icon-circle-check {
  color: #FFF; }

.el-upload-list--picture-card .el-upload-list__item .el-icon-close, .el-upload-list--picture-card .el-upload-list__item:hover .el-upload-list__item-status-label {
  display: none; }

.el-upload-list--picture-card .el-upload-list__item:hover .el-progress__text {
  display: block; }

.el-upload-list--picture-card .el-upload-list__item-name {
  display: none; }

.el-upload-list--picture-card .el-upload-list__item-thumbnail {
  width: 100%;
  height: 100%; }

.el-upload-list--picture-card .el-upload-list__item-status-label {
  position: absolute;
  right: -15px;
  top: -6px;
  width: 40px;
  height: 24px;
  background: #13ce66;
  text-align: center;
  transform: rotate(45deg);
  box-shadow: 0 0 1pc 1px rgba(0, 0, 0, 0.2); }

.el-upload-list--picture-card .el-upload-list__item-status-label i {
  font-size: 12px;
  margin-top: 11px;
  transform: rotate(-45deg); }

.el-upload-list--picture-card .el-upload-list__item-actions {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  cursor: default;
  text-align: center;
  color: #fff;
  opacity: 0;
  font-size: 20px;
  background-color: rgba(0, 0, 0, 0.5);
  transition: opacity .3s; }

.el-upload-list--picture-card .el-upload-list__item-actions::after {
  display: inline-block;
  content: "";
  height: 100%;
  vertical-align: middle; }

.el-upload-list--picture-card .el-upload-list__item-actions span {
  display: none;
  cursor: pointer; }

.el-upload-list--picture-card .el-upload-list__item-actions span + span {
  margin-left: 15px; }

.el-upload-list--picture-card .el-upload-list__item-actions .el-upload-list__item-delete {
  position: static;
  font-size: inherit;
  color: inherit; }

.el-upload-list--picture-card .el-upload-list__item-actions:hover {
  opacity: 1; }

.el-upload-list--picture-card .el-upload-list__item-actions:hover span {
  display: inline-block; }

.el-upload-list--picture-card .el-progress {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  bottom: auto;
  width: 126px; }

.el-upload-list--picture-card .el-progress .el-progress__text {
  top: 50%; }

.el-upload-list--picture .el-upload-list__item {
  overflow: hidden;
  z-index: 0;
  background-color: #fff;
  border: 1px solid #c0ccda;
  border-radius: 6px;
  box-sizing: border-box;
  margin-top: 10px;
  padding: 10px 10px 10px 90px;
  height: 92px; }

.el-upload-list--picture .el-upload-list__item .el-icon-check, .el-upload-list--picture .el-upload-list__item .el-icon-circle-check {
  color: #FFF; }

.el-upload-list--picture .el-upload-list__item:hover .el-upload-list__item-status-label {
  background: 0 0;
  box-shadow: none;
  top: -2px;
  right: -12px; }

.el-upload-list--picture .el-upload-list__item:hover .el-progress__text {
  display: block; }

.el-upload-list--picture .el-upload-list__item.is-success .el-upload-list__item-name {
  line-height: 70px;
  margin-top: 0; }

.el-upload-list--picture .el-upload-list__item.is-success .el-upload-list__item-name i {
  display: none; }

.el-upload-list--picture .el-upload-list__item-thumbnail {
  vertical-align: middle;
  display: inline-block;
  width: 70px;
  height: 70px;
  float: left;
  position: relative;
  z-index: 1;
  margin-left: -80px;
  background-color: #FFF; }

.el-upload-list--picture .el-upload-list__item-name {
  display: block;
  margin-top: 20px; }

.el-upload-list--picture .el-upload-list__item-name i {
  font-size: 70px;
  line-height: 1;
  position: absolute;
  left: 9px;
  top: 10px; }

.el-upload-list--picture .el-upload-list__item-status-label {
  position: absolute;
  right: -17px;
  top: -7px;
  width: 46px;
  height: 26px;
  background: #13ce66;
  text-align: center;
  transform: rotate(45deg);
  box-shadow: 0 1px 1px #ccc; }

.el-upload-list--picture .el-upload-list__item-status-label i {
  font-size: 12px;
  margin-top: 12px;
  transform: rotate(-45deg); }

.el-upload-list--picture .el-progress {
  position: relative;
  top: -7px; }

.el-upload-cover {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 10;
  cursor: default; }

.el-upload-cover::after {
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.el-upload-cover img {
  display: block;
  width: 100%;
  height: 100%; }

.el-upload-cover__label {
  position: absolute;
  right: -15px;
  top: -6px;
  width: 40px;
  height: 24px;
  background: #13ce66;
  text-align: center;
  transform: rotate(45deg);
  box-shadow: 0 0 1pc 1px rgba(0, 0, 0, 0.2); }

.el-upload-cover__label i {
  font-size: 12px;
  margin-top: 11px;
  transform: rotate(-45deg);
  color: #fff; }

.el-upload-cover__progress {
  display: inline-block;
  vertical-align: middle;
  position: static;
  width: 243px; }

.el-upload-cover__progress + .el-upload__inner {
  opacity: 0; }

.el-upload-cover__content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.el-upload-cover__interact {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.72);
  text-align: center; }

.el-upload-cover__interact .btn {
  display: inline-block;
  color: #FFF;
  font-size: 14px;
  cursor: pointer;
  vertical-align: middle;
  transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  margin-top: 60px; }

.el-upload-cover__interact .btn span {
  opacity: 0;
  transition: opacity .15s linear; }

.el-upload-cover__interact .btn:not(:first-child) {
  margin-left: 35px; }

.el-upload-cover__interact .btn:hover {
  transform: translateY(-13px); }

.el-upload-cover__interact .btn:hover span {
  opacity: 1; }

.el-upload-cover__interact .btn i {
  color: #FFF;
  display: block;
  font-size: 24px;
  line-height: inherit;
  margin: 0 auto 5px; }

.el-upload-cover__title {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #FFF;
  height: 36px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 400;
  text-align: left;
  padding: 0 10px;
  margin: 0;
  line-height: 36px;
  font-size: 14px;
  color: #333; }

.el-upload-cover + .el-upload__inner {
  opacity: 0;
  position: relative;
  z-index: 1; }

.el-progress {
  position: relative;
  line-height: 1; }

.el-progress__text {
  font-size: 14px;
  color: #666;
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
  line-height: 1; }

.el-progress__text i {
  vertical-align: middle;
  display: block; }

.el-progress--circle, .el-progress--dashboard {
  display: inline-block; }

.el-progress--circle .el-progress__text, .el-progress--dashboard .el-progress__text {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  text-align: center;
  margin: 0;
  transform: translate(0, -50%); }

.el-progress--circle .el-progress__text i, .el-progress--dashboard .el-progress__text i {
  vertical-align: middle;
  display: inline-block; }

.el-progress--without-text .el-progress__text {
  display: none; }

.el-progress--without-text .el-progress-bar {
  padding-right: 0;
  margin-right: 0;
  display: block; }

.el-progress-bar, .el-progress-bar__inner::after, .el-progress-bar__innerText, .el-spinner {
  display: inline-block;
  vertical-align: middle; }

.el-progress--text-inside .el-progress-bar {
  padding-right: 0;
  margin-right: 0; }

.el-progress.is-success .el-progress-bar__inner {
  background-color: #00BF27; }

.el-progress.is-success .el-progress__text {
  color: #00BF27; }

.el-progress.is-warning .el-progress-bar__inner {
  background-color: #EF9800; }

.el-progress.is-warning .el-progress__text {
  color: #EF9800; }

.el-progress.is-exception .el-progress-bar__inner {
  background-color: #EF1100; }

.el-progress.is-exception .el-progress__text {
  color: #EF1100; }

.el-progress-bar {
  padding-right: 50px;
  width: 100%;
  margin-right: -55px;
  box-sizing: border-box; }

.el-progress-bar__outer {
  height: 6px;
  border-radius: 100px;
  background-color: #EBEEF5;
  overflow: hidden;
  position: relative;
  vertical-align: middle; }

.el-progress-bar__inner {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  background-color: #0084BF;
  text-align: right;
  border-radius: 100px;
  line-height: 1;
  white-space: nowrap;
  transition: width .6s ease; }

.el-card, .el-message {
  border-radius: 4px;
  overflow: hidden; }

.el-progress-bar__inner::after {
  height: 100%; }

.el-progress-bar__innerText {
  color: #FFF;
  font-size: 12px;
  margin: 0 5px; }

@keyframes progress {
  0% {
    background-position: 0 0; }
  100% {
    background-position: 32px 0; } }

.el-time-spinner {
  width: 100%;
  white-space: nowrap; }

.el-spinner-inner {
  animation: rotate 2s linear infinite;
  width: 50px;
  height: 50px; }

.el-spinner-inner .path {
  stroke: #ececec;
  stroke-linecap: round;
  animation: dash 1.5s ease-in-out infinite; }

@keyframes rotate {
  100% {
    transform: rotate(360deg); } }

@keyframes dash {
  0% {
    stroke-dasharray: 1,150;
    stroke-dashoffset: 0; }
  50% {
    stroke-dasharray: 90,150;
    stroke-dashoffset: -35; }
  100% {
    stroke-dasharray: 90,150;
    stroke-dashoffset: -124; } }

.el-message {
  min-width: 380px;
  box-sizing: border-box;
  border-width: 1px;
  border-style: solid;
  border-color: #EBEEF5;
  position: fixed;
  left: 50%;
  top: 20px;
  transform: translateX(-50%);
  background-color: #edf2fc;
  transition: opacity .3s,transform .4s,top .4s;
  padding: 15px 15px 15px 20px;
  display: flex;
  align-items: center; }

.el-message.is-center {
  justify-content: center; }

.el-message.is-closable .el-message__content {
  padding-right: 16px; }

.el-message p {
  margin: 0; }

.el-message--info .el-message__content {
  color: #74D5FF; }

.el-message--success {
  background-color: #e6f9e9;
  border-color: #ccf2d4; }

.el-message--success .el-message__content {
  color: #00BF27; }

.el-message--warning {
  background-color: #fdf5e6;
  border-color: #fceacc; }

.el-message--warning .el-message__content {
  color: #EF9800; }

.el-message--error {
  background-color: #fde7e6;
  border-color: #fccfcc; }

.el-message--error .el-message__content {
  color: #EF1100; }

.el-message__icon {
  margin-right: 10px; }

.el-message__content {
  padding: 0;
  font-size: 14px;
  line-height: 1; }

.el-message__closeBtn {
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  cursor: pointer;
  color: #CCC;
  font-size: 16px; }

.el-message__closeBtn:hover {
  color: #999; }

.el-message .el-icon-success {
  color: #00BF27; }

.el-message .el-icon-error {
  color: #EF1100; }

.el-message .el-icon-info {
  color: #74D5FF; }

.el-message .el-icon-warning {
  color: #EF9800; }

.el-message-fade-enter, .el-message-fade-leave-active {
  opacity: 0;
  transform: translate(-50%, -100%); }

.el-badge {
  position: relative;
  vertical-align: middle;
  display: inline-block; }

.el-badge__content {
  background-color: #EF1100;
  border-radius: 10px;
  color: #FFF;
  display: inline-block;
  font-size: 12px;
  height: 18px;
  line-height: 18px;
  padding: 0 6px;
  text-align: center;
  white-space: nowrap;
  border: 1px solid #FFF; }

.el-badge__content.is-fixed {
  position: absolute;
  top: 0;
  right: 10px;
  transform: translateY(-50%) translateX(100%); }

.el-rate__icon, .el-rate__item {
  position: relative;
  display: inline-block; }

.el-badge__content.is-fixed.is-dot {
  right: 5px; }

.el-badge__content.is-dot {
  height: 8px;
  width: 8px;
  padding: 0;
  right: 0;
  border-radius: 50%; }

.el-badge__content--primary {
  background-color: #0084BF; }

.el-badge__content--success {
  background-color: #00BF27; }

.el-badge__content--warning {
  background-color: #EF9800; }

.el-badge__content--info {
  background-color: #74D5FF; }

.el-badge__content--danger {
  background-color: #EF1100; }

.el-card {
  border: 1px solid #EBEEF5;
  background-color: #FFF;
  color: #333;
  transition: .3s; }

.el-card.is-always-shadow, .el-card.is-hover-shadow:focus, .el-card.is-hover-shadow:hover {
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); }

.el-card__header {
  padding: 18px 20px;
  border-bottom: 1px solid #EBEEF5;
  box-sizing: border-box; }

.el-card__body {
  padding: 20px; }

.el-rate {
  height: 20px;
  line-height: 1; }

.el-rate__item {
  font-size: 0;
  vertical-align: middle; }

.el-rate__icon {
  font-size: 18px;
  margin-right: 6px;
  color: #CCC;
  transition: .3s; }

.el-rate__decimal, .el-rate__icon .path2 {
  position: absolute;
  top: 0;
  left: 0; }

.el-rate__icon.hover {
  transform: scale(1.15); }

.el-rate__decimal {
  display: inline-block;
  overflow: hidden; }

.el-step.is-vertical, .el-steps {
  display: -ms-flexbox; }

.el-rate__text {
  font-size: 14px;
  vertical-align: middle; }

.el-steps {
  display: flex; }

.el-steps--simple {
  padding: 13px 8%;
  border-radius: 4px;
  background: #F5F7FA; }

.el-steps--horizontal {
  white-space: nowrap; }

.el-steps--vertical {
  height: 100%;
  flex-flow: column; }

.el-step {
  position: relative;
  flex-shrink: 1; }

.el-step:last-of-type .el-step__line {
  display: none; }

.el-step:last-of-type.is-flex {
  flex-basis: auto !important;
  flex-shrink: 0;
  flex-grow: 0; }

.el-step:last-of-type .el-step__description, .el-step:last-of-type .el-step__main {
  padding-right: 0; }

.el-step__head {
  position: relative;
  width: 100%; }

.el-step__head.is-process {
  color: #333;
  border-color: #333; }

.el-step__head.is-wait {
  color: #CCC;
  border-color: #CCC; }

.el-step__head.is-success {
  color: #00BF27;
  border-color: #00BF27; }

.el-step__head.is-error {
  color: #EF1100;
  border-color: #EF1100; }

.el-step__head.is-finish {
  color: #0084BF;
  border-color: #0084BF; }

.el-step__icon {
  position: relative;
  z-index: 1;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  font-size: 14px;
  box-sizing: border-box;
  background: #FFF;
  transition: .15s ease-out; }

.el-step__icon.is-text {
  border-radius: 50%;
  border: 2px solid;
  border-color: inherit; }

.el-step__icon.is-icon {
  width: 40px; }

.el-step__icon-inner {
  display: inline-block;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  text-align: center;
  font-weight: 700;
  line-height: 1;
  color: inherit; }

.el-step__icon-inner[class*=el-icon]:not(.is-status) {
  font-size: 25px;
  font-weight: 400; }

.el-step__icon-inner.is-status {
  transform: translateY(1px); }

.el-step__line {
  position: absolute;
  border-color: inherit;
  background-color: #CCC; }

.el-step__line-inner {
  display: block;
  border-width: 1px;
  border-style: solid;
  border-color: inherit;
  transition: .15s ease-out;
  box-sizing: border-box;
  width: 0;
  height: 0; }

.el-step__main {
  white-space: normal;
  text-align: left; }

.el-step__title {
  font-size: 16px;
  line-height: 38px; }

.el-step__title.is-process {
  font-weight: 700;
  color: #333; }

.el-step__title.is-wait {
  color: #CCC; }

.el-step__title.is-success {
  color: #00BF27; }

.el-step__title.is-error {
  color: #EF1100; }

.el-step__title.is-finish {
  color: #0084BF; }

.el-step__description {
  padding-right: 10%;
  margin-top: -5px;
  font-size: 12px;
  line-height: 20px;
  font-weight: 400; }

.el-step__description.is-process {
  color: #333; }

.el-step__description.is-wait {
  color: #CCC; }

.el-step__description.is-success {
  color: #00BF27; }

.el-step__description.is-error {
  color: #EF1100; }

.el-step__description.is-finish {
  color: #0084BF; }

.el-step.is-horizontal {
  display: inline-block; }

.el-step.is-horizontal .el-step__line {
  height: 2px;
  top: 11px;
  left: 0;
  right: 0; }

.el-step.is-vertical {
  display: flex; }

.el-step.is-vertical .el-step__head {
  flex-grow: 0;
  width: 24px; }

.el-step.is-vertical .el-step__main {
  padding-left: 10px;
  flex-grow: 1; }

.el-step.is-vertical .el-step__title {
  line-height: 24px;
  padding-bottom: 8px; }

.el-step.is-vertical .el-step__line {
  width: 2px;
  top: 0;
  bottom: 0;
  left: 11px; }

.el-step.is-vertical .el-step__icon.is-icon {
  width: 24px; }

.el-step.is-center .el-step__head, .el-step.is-center .el-step__main {
  text-align: center; }

.el-step.is-center .el-step__description {
  padding-left: 20%;
  padding-right: 20%; }

.el-step.is-center .el-step__line {
  left: 50%;
  right: -50%; }

.el-step.is-simple {
  display: flex;
  align-items: center; }

.el-step.is-simple .el-step__head {
  width: auto;
  font-size: 0;
  padding-right: 10px; }

.el-step.is-simple .el-step__icon {
  background: 0 0;
  width: 16px;
  height: 16px;
  font-size: 12px; }

.el-step.is-simple .el-step__icon-inner[class*=el-icon]:not(.is-status) {
  font-size: 18px; }

.el-step.is-simple .el-step__icon-inner.is-status {
  transform: scale(0.8) translateY(1px); }

.el-step.is-simple .el-step__main {
  position: relative;
  display: flex;
  align-items: stretch;
  flex-grow: 1; }

.el-step.is-simple .el-step__title {
  font-size: 16px;
  line-height: 20px; }

.el-step.is-simple:not(:last-of-type) .el-step__title {
  max-width: 50%;
  word-break: break-all; }

.el-step.is-simple .el-step__arrow {
  flex-grow: 1;
  display: flex;
  align-items: center;
  justify-content: center; }

.el-step.is-simple .el-step__arrow::after, .el-step.is-simple .el-step__arrow::before {
  content: '';
  display: inline-block;
  position: absolute;
  height: 15px;
  width: 1px;
  background: #CCC; }

.el-step.is-simple .el-step__arrow::before {
  transform: rotate(-45deg) translateY(-4px);
  transform-origin: 0 0; }

.el-step.is-simple .el-step__arrow::after {
  transform: rotate(45deg) translateY(4px);
  transform-origin: 100% 100%; }

.el-step.is-simple:last-of-type .el-step__arrow {
  display: none; }

.el-carousel {
  position: relative; }

.el-carousel--horizontal {
  overflow-x: hidden; }

.el-carousel--vertical {
  overflow-y: hidden; }

.el-carousel__container {
  position: relative;
  height: 300px; }

.el-carousel__arrow {
  border: none;
  outline: 0;
  padding: 0;
  margin: 0;
  height: 36px;
  width: 36px;
  cursor: pointer;
  transition: .3s;
  border-radius: 50%;
  background-color: rgba(31, 45, 61, 0.11);
  color: #FFF;
  position: absolute;
  top: 50%;
  z-index: 10;
  transform: translateY(-50%);
  text-align: center;
  font-size: 12px; }

.el-carousel__arrow--left {
  left: 16px; }

.el-carousel__arrow--right {
  right: 16px; }

.el-carousel__arrow:hover {
  background-color: rgba(31, 45, 61, 0.23); }

.el-carousel__arrow i {
  cursor: pointer; }

.el-carousel__indicators {
  position: absolute;
  list-style: none;
  margin: 0;
  padding: 0;
  z-index: 2; }

.el-carousel__indicators--horizontal {
  bottom: 0;
  left: 50%;
  transform: translateX(-50%); }

.el-carousel__indicators--vertical {
  right: 0;
  top: 50%;
  transform: translateY(-50%); }

.el-carousel__indicators--outside {
  bottom: 26px;
  text-align: center;
  position: static;
  transform: none; }

.el-carousel__indicators--outside .el-carousel__indicator:hover button {
  opacity: .64; }

.el-carousel__indicators--outside button {
  background-color: #CCC;
  opacity: .24; }

.el-carousel__indicators--labels {
  left: 0;
  right: 0;
  transform: none;
  text-align: center; }

.el-carousel__indicators--labels .el-carousel__button {
  height: auto;
  width: auto;
  padding: 2px 18px;
  font-size: 12px; }

.el-carousel__indicators--labels .el-carousel__indicator {
  padding: 6px 4px; }

.el-carousel__indicator {
  background-color: transparent;
  cursor: pointer; }

.el-carousel__indicator:hover button {
  opacity: .72; }

.el-carousel__indicator--horizontal {
  display: inline-block;
  padding: 12px 4px; }

.el-carousel__indicator--vertical {
  padding: 4px 12px; }

.el-carousel__indicator--vertical .el-carousel__button {
  width: 2px;
  height: 15px; }

.el-carousel__indicator.is-active button {
  opacity: 1; }

.el-carousel__button {
  display: block;
  opacity: .48;
  width: 30px;
  height: 2px;
  background-color: #FFF;
  border: none;
  outline: 0;
  padding: 0;
  margin: 0;
  cursor: pointer;
  transition: .3s; }

.el-carousel__item, .el-carousel__mask {
  height: 100%;
  top: 0;
  left: 0;
  position: absolute; }

.carousel-arrow-left-enter, .carousel-arrow-left-leave-active {
  transform: translateY(-50%) translateX(-10px);
  opacity: 0; }

.carousel-arrow-right-enter, .carousel-arrow-right-leave-active {
  transform: translateY(-50%) translateX(10px);
  opacity: 0; }

.el-carousel__item {
  width: 100%;
  display: inline-block;
  overflow: hidden;
  z-index: 0; }

.el-carousel__item.is-active {
  z-index: 2; }

.el-carousel__item.is-animating {
  transition: transform .4s ease-in-out; }

.el-carousel__item--card {
  width: 50%;
  transition: transform .4s ease-in-out; }

.el-carousel__item--card.is-in-stage {
  cursor: pointer;
  z-index: 1; }

.el-carousel__item--card.is-in-stage.is-hover .el-carousel__mask, .el-carousel__item--card.is-in-stage:hover .el-carousel__mask {
  opacity: .12; }

.el-carousel__item--card.is-active {
  z-index: 2; }

.el-carousel__mask {
  width: 100%;
  background-color: #FFF;
  opacity: .24;
  transition: .2s; }

.el-fade-in-enter, .el-fade-in-leave-active, .el-fade-in-linear-enter, .el-fade-in-linear-leave, .el-fade-in-linear-leave-active, .fade-in-linear-enter, .fade-in-linear-leave, .fade-in-linear-leave-active {
  opacity: 0; }

.fade-in-linear-enter-active, .fade-in-linear-leave-active {
  transition: opacity .2s linear; }

.el-fade-in-linear-enter-active, .el-fade-in-linear-leave-active {
  transition: opacity .2s linear; }

.el-fade-in-enter-active, .el-fade-in-leave-active {
  transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1); }

.el-zoom-in-center-enter-active, .el-zoom-in-center-leave-active {
  transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1); }

.el-zoom-in-center-enter, .el-zoom-in-center-leave-active {
  opacity: 0;
  transform: scaleX(0); }

.el-zoom-in-top-enter-active, .el-zoom-in-top-leave-active {
  opacity: 1;
  transform: scaleY(1);
  transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transform-origin: center top; }

.el-zoom-in-top-enter, .el-zoom-in-top-leave-active {
  opacity: 0;
  transform: scaleY(0); }

.el-zoom-in-bottom-enter-active, .el-zoom-in-bottom-leave-active {
  opacity: 1;
  transform: scaleY(1);
  transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transform-origin: center bottom; }

.el-zoom-in-bottom-enter, .el-zoom-in-bottom-leave-active {
  opacity: 0;
  transform: scaleY(0); }

.el-zoom-in-left-enter-active, .el-zoom-in-left-leave-active {
  opacity: 1;
  transform: scale(1, 1);
  transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transform-origin: top left; }

.el-zoom-in-left-enter, .el-zoom-in-left-leave-active {
  opacity: 0;
  transform: scale(0.45, 0.45); }

.collapse-transition {
  transition: .3s height ease-in-out,.3s padding-top ease-in-out,.3s padding-bottom ease-in-out; }

.horizontal-collapse-transition {
  transition: .3s width ease-in-out,.3s padding-left ease-in-out,.3s padding-right ease-in-out; }

.el-list-enter-active, .el-list-leave-active {
  transition: all 1s; }

.el-list-enter, .el-list-leave-active {
  opacity: 0;
  transform: translateY(-30px); }

.el-opacity-transition {
  transition: opacity 0.3s cubic-bezier(0.55, 0, 0.1, 1); }

.el-collapse {
  border-top: 1px solid #EBEEF5;
  border-bottom: 1px solid #EBEEF5; }

.el-collapse-item.is-disabled .el-collapse-item__header {
  color: #bbb;
  cursor: not-allowed; }

.el-collapse-item__header {
  display: flex;
  align-items: center;
  height: 48px;
  line-height: 48px;
  background-color: #FFF;
  color: #333;
  cursor: pointer;
  border-bottom: 1px solid #EBEEF5;
  font-size: 13px;
  font-weight: 500;
  transition: border-bottom-color .3s;
  outline: 0; }

.el-collapse-item__arrow {
  margin: 0 8px 0 auto;
  transition: transform .3s;
  font-weight: 300; }

.el-collapse-item__arrow.is-active {
  transform: rotate(90deg); }

.el-collapse-item__header.focusing:focus:not(:hover) {
  color: #0084BF; }

.el-collapse-item__header.is-active {
  border-bottom-color: transparent; }

.el-collapse-item__wrap {
  will-change: height;
  background-color: #FFF;
  overflow: hidden;
  box-sizing: border-box;
  border-bottom: 1px solid #EBEEF5; }

.el-cascader__tags, .el-tag {
  -webkit-box-sizing: border-box; }

.el-collapse-item__content {
  padding-bottom: 25px;
  font-size: 13px;
  color: #333;
  line-height: 1.769230769230769; }

.el-collapse-item:last-child {
  margin-bottom: -1px; }

.el-popper .popper__arrow, .el-popper .popper__arrow::after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid; }

.el-popper .popper__arrow {
  border-width: 6px;
  filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03)); }

.el-popper .popper__arrow::after {
  content: " ";
  border-width: 6px; }

.el-popper[x-placement^=top] {
  margin-bottom: 12px; }

.el-popper[x-placement^=top] .popper__arrow {
  bottom: -6px;
  left: 50%;
  margin-right: 3px;
  border-top-color: #EBEEF5;
  border-bottom-width: 0; }

.el-popper[x-placement^=top] .popper__arrow::after {
  bottom: 1px;
  margin-left: -6px;
  border-top-color: #FFF;
  border-bottom-width: 0; }

.el-popper[x-placement^=bottom] {
  margin-top: 12px; }

.el-popper[x-placement^=bottom] .popper__arrow {
  top: -6px;
  left: 50%;
  margin-right: 3px;
  border-top-width: 0;
  border-bottom-color: #EBEEF5; }

.el-popper[x-placement^=bottom] .popper__arrow::after {
  top: 1px;
  margin-left: -6px;
  border-top-width: 0;
  border-bottom-color: #FFF; }

.el-popper[x-placement^=right] {
  margin-left: 12px; }

.el-popper[x-placement^=right] .popper__arrow {
  top: 50%;
  left: -6px;
  margin-bottom: 3px;
  border-right-color: #EBEEF5;
  border-left-width: 0; }

.el-popper[x-placement^=right] .popper__arrow::after {
  bottom: -6px;
  left: 1px;
  border-right-color: #FFF;
  border-left-width: 0; }

.el-popper[x-placement^=left] {
  margin-right: 12px; }

.el-popper[x-placement^=left] .popper__arrow {
  top: 50%;
  right: -6px;
  margin-bottom: 3px;
  border-right-width: 0;
  border-left-color: #EBEEF5; }

.el-popper[x-placement^=left] .popper__arrow::after {
  right: 1px;
  bottom: -6px;
  margin-left: -6px;
  border-right-width: 0;
  border-left-color: #FFF; }

.el-tag {
  background-color: #e6f3f9;
  border-color: #cce6f2;
  display: inline-block;
  height: 32px;
  padding: 0 10px;
  line-height: 30px;
  font-size: 12px;
  color: #0084BF;
  border-width: 1px;
  border-style: solid;
  border-radius: 4px;
  box-sizing: border-box;
  white-space: nowrap; }

.el-tag.is-hit {
  border-color: #0084BF; }

.el-tag .el-tag__close {
  color: #0084bf; }

.el-tag .el-tag__close:hover {
  color: #FFF;
  background-color: #0084bf; }

.el-tag.el-tag--info {
  background-color: #f1fbff;
  border-color: #e3f7ff;
  color: #74d5ff; }

.el-tag.el-tag--info.is-hit {
  border-color: #74D5FF; }

.el-tag.el-tag--info .el-tag__close {
  color: #74d5ff; }

.el-tag.el-tag--info .el-tag__close:hover {
  color: #FFF;
  background-color: #74d5ff; }

.el-tag.el-tag--success {
  background-color: #e6f9e9;
  border-color: #ccf2d4;
  color: #00bf27; }

.el-tag.el-tag--success.is-hit {
  border-color: #00BF27; }

.el-tag.el-tag--success .el-tag__close {
  color: #00bf27; }

.el-tag.el-tag--success .el-tag__close:hover {
  color: #FFF;
  background-color: #00bf27; }

.el-tag.el-tag--warning {
  background-color: #fdf5e6;
  border-color: #fceacc;
  color: #ef9800; }

.el-tag.el-tag--warning.is-hit {
  border-color: #EF9800; }

.el-tag.el-tag--warning .el-tag__close {
  color: #ef9800; }

.el-tag.el-tag--warning .el-tag__close:hover {
  color: #FFF;
  background-color: #ef9800; }

.el-tag.el-tag--danger {
  background-color: #fde7e6;
  border-color: #fccfcc;
  color: #ef1100; }

.el-tag.el-tag--danger.is-hit {
  border-color: #EF1100; }

.el-tag.el-tag--danger .el-tag__close {
  color: #ef1100; }

.el-tag.el-tag--danger .el-tag__close:hover {
  color: #FFF;
  background-color: #ef1100; }

.el-tag .el-icon-close {
  border-radius: 50%;
  text-align: center;
  position: relative;
  cursor: pointer;
  font-size: 12px;
  height: 16px;
  width: 16px;
  line-height: 16px;
  vertical-align: middle;
  top: -1px;
  right: -5px; }

.el-tag .el-icon-close::before {
  display: block; }

.el-tag--dark {
  background-color: #0084bf;
  border-color: #0084bf;
  color: #fff; }

.el-tag--dark.is-hit {
  border-color: #0084BF; }

.el-tag--dark .el-tag__close {
  color: #fff; }

.el-tag--dark .el-tag__close:hover {
  color: #FFF;
  background-color: #339dcc; }

.el-tag--dark.el-tag--info {
  background-color: #74d5ff;
  border-color: #74d5ff;
  color: #fff; }

.el-tag--dark.el-tag--info.is-hit {
  border-color: #74D5FF; }

.el-tag--dark.el-tag--info .el-tag__close {
  color: #fff; }

.el-tag--dark.el-tag--info .el-tag__close:hover {
  color: #FFF;
  background-color: #90ddff; }

.el-tag--dark.el-tag--success {
  background-color: #00bf27;
  border-color: #00bf27;
  color: #fff; }

.el-tag--dark.el-tag--success.is-hit {
  border-color: #00BF27; }

.el-tag--dark.el-tag--success .el-tag__close {
  color: #fff; }

.el-tag--dark.el-tag--success .el-tag__close:hover {
  color: #FFF;
  background-color: #33cc52; }

.el-tag--dark.el-tag--warning {
  background-color: #ef9800;
  border-color: #ef9800;
  color: #fff; }

.el-tag--dark.el-tag--warning.is-hit {
  border-color: #EF9800; }

.el-tag--dark.el-tag--warning .el-tag__close {
  color: #fff; }

.el-tag--dark.el-tag--warning .el-tag__close:hover {
  color: #FFF;
  background-color: #f2ad33; }

.el-tag--dark.el-tag--danger {
  background-color: #ef1100;
  border-color: #ef1100;
  color: #fff; }

.el-tag--dark.el-tag--danger.is-hit {
  border-color: #EF1100; }

.el-tag--dark.el-tag--danger .el-tag__close {
  color: #fff; }

.el-tag--dark.el-tag--danger .el-tag__close:hover {
  color: #FFF;
  background-color: #f24133; }

.el-tag--plain {
  background-color: #fff;
  border-color: #99cee5;
  color: #0084bf; }

.el-tag--plain.is-hit {
  border-color: #0084BF; }

.el-tag--plain .el-tag__close {
  color: #0084bf; }

.el-tag--plain .el-tag__close:hover {
  color: #FFF;
  background-color: #0084bf; }

.el-tag--plain.el-tag--info {
  background-color: #fff;
  border-color: #c7eeff;
  color: #74d5ff; }

.el-tag--plain.el-tag--info.is-hit {
  border-color: #74D5FF; }

.el-tag--plain.el-tag--info .el-tag__close {
  color: #74d5ff; }

.el-tag--plain.el-tag--info .el-tag__close:hover {
  color: #FFF;
  background-color: #74d5ff; }

.el-tag--plain.el-tag--success {
  background-color: #fff;
  border-color: #99e5a9;
  color: #00bf27; }

.el-tag--plain.el-tag--success.is-hit {
  border-color: #00BF27; }

.el-tag--plain.el-tag--success .el-tag__close {
  color: #00bf27; }

.el-tag--plain.el-tag--success .el-tag__close:hover {
  color: #FFF;
  background-color: #00bf27; }

.el-tag--plain.el-tag--warning {
  background-color: #fff;
  border-color: #f9d699;
  color: #ef9800; }

.el-tag--plain.el-tag--warning.is-hit {
  border-color: #EF9800; }

.el-tag--plain.el-tag--warning .el-tag__close {
  color: #ef9800; }

.el-tag--plain.el-tag--warning .el-tag__close:hover {
  color: #FFF;
  background-color: #ef9800; }

.el-tag--plain.el-tag--danger {
  background-color: #fff;
  border-color: #f9a099;
  color: #ef1100; }

.el-tag--plain.el-tag--danger.is-hit {
  border-color: #EF1100; }

.el-tag--plain.el-tag--danger .el-tag__close {
  color: #ef1100; }

.el-tag--plain.el-tag--danger .el-tag__close:hover {
  color: #FFF;
  background-color: #ef1100; }

.el-tag--medium {
  height: 28px;
  line-height: 26px; }

.el-tag--medium .el-icon-close {
  transform: scale(0.8); }

.el-tag--small {
  height: 24px;
  padding: 0 8px;
  line-height: 22px; }

.el-tag--small .el-icon-close {
  transform: scale(0.8); }

.el-tag--mini {
  height: 20px;
  padding: 0 5px;
  line-height: 19px; }

.el-tag--mini .el-icon-close {
  margin-left: -3px;
  transform: scale(0.7); }

.el-cascader {
  display: inline-block;
  position: relative;
  font-size: 14px;
  line-height: 40px; }

.el-cascader:not(.is-disabled):hover .el-input__inner {
  cursor: pointer;
  border-color: #CCC; }

.el-cascader .el-input .el-input__inner:focus, .el-cascader .el-input.is-focus .el-input__inner {
  border-color: #0084BF; }

.el-cascader .el-input {
  cursor: pointer; }

.el-cascader .el-input .el-input__inner {
  text-overflow: ellipsis; }

.el-cascader .el-input .el-icon-arrow-down {
  transition: transform .3s;
  font-size: 14px; }

.el-cascader .el-input .el-icon-arrow-down.is-reverse {
  transform: rotateZ(180deg); }

.el-cascader .el-input .el-icon-circle-close:hover {
  color: #999; }

.el-cascader--medium {
  font-size: 14px;
  line-height: 36px; }

.el-cascader--small {
  font-size: 13px;
  line-height: 32px; }

.el-cascader--mini {
  font-size: 12px;
  line-height: 28px; }

.el-cascader.is-disabled .el-cascader__label {
  z-index: 2;
  color: #CCC; }

.el-cascader__dropdown {
  margin: 5px 0;
  font-size: 14px;
  background: #FFF;
  border: 1px solid #E4E7ED;
  border-radius: 4px;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); }

.el-cascader__tags {
  position: absolute;
  left: 0;
  right: 30px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  flex-wrap: wrap;
  line-height: normal;
  text-align: left;
  box-sizing: border-box; }

.el-cascader__tags .el-tag {
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  margin: 2px 0 2px 6px;
  text-overflow: ellipsis;
  background: #f0f2f5; }

.el-cascader__tags .el-tag:not(.is-hit) {
  border-color: transparent; }

.el-cascader__tags .el-tag > span {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis; }

.el-cascader__tags .el-tag .el-icon-close {
  flex: none;
  background-color: #CCC;
  color: #FFF; }

.el-cascader__tags .el-tag .el-icon-close:hover {
  background-color: #999; }

.el-cascader__suggestion-panel {
  border-radius: 4px; }

.el-cascader__suggestion-list {
  max-height: 204px;
  margin: 0;
  padding: 6px 0;
  font-size: 14px;
  color: #666;
  text-align: center; }

.el-cascader__suggestion-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 34px;
  padding: 0 15px;
  text-align: left;
  outline: 0;
  cursor: pointer; }

.el-cascader__suggestion-item:focus, .el-cascader__suggestion-item:hover {
  background: #F5F7FA; }

.el-cascader__suggestion-item.is-checked {
  color: #0084BF;
  font-weight: 700; }

.el-cascader__suggestion-item > span {
  margin-right: 10px; }

.el-cascader__empty-text {
  margin: 10px 0;
  color: #CCC; }

.el-cascader__search-input {
  flex: 1;
  height: 24px;
  min-width: 60px;
  margin: 2px 0 2px 15px;
  padding: 0;
  color: #666;
  border: none;
  outline: 0;
  box-sizing: border-box; }

.el-cascader__search-input::-moz-placeholder {
  color: #CCC; }

.el-cascader__search-input::placeholder {
  color: #CCC; }

.el-color-predefine {
  display: flex;
  font-size: 12px;
  margin-top: 8px;
  width: 280px; }

.el-color-predefine__colors {
  display: flex;
  flex: 1;
  flex-wrap: wrap; }

.el-color-predefine__color-selector {
  margin: 0 0 8px 8px;
  width: 20px;
  height: 20px;
  border-radius: 4px;
  cursor: pointer; }

.el-color-predefine__color-selector:nth-child(10n+1) {
  margin-left: 0; }

.el-color-predefine__color-selector.selected {
  box-shadow: 0 0 3px 2px #0084BF; }

.el-color-predefine__color-selector > div {
  display: flex;
  height: 100%;
  border-radius: 3px; }

.el-color-predefine__color-selector.is-alpha {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==); }

.el-color-hue-slider {
  position: relative;
  box-sizing: border-box;
  width: 280px;
  height: 12px;
  background-color: red;
  padding: 0 2px; }

.el-color-hue-slider__bar {
  position: relative;
  background: linear-gradient(to right, red 0, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, red 100%);
  height: 100%; }

.el-color-hue-slider__thumb {
  position: absolute;
  cursor: pointer;
  box-sizing: border-box;
  left: 0;
  top: 0;
  width: 4px;
  height: 100%;
  border-radius: 1px;
  background: #fff;
  border: 1px solid #f0f0f0;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.6);
  z-index: 1; }

.el-color-hue-slider.is-vertical {
  width: 12px;
  height: 180px;
  padding: 2px 0; }

.el-color-hue-slider.is-vertical .el-color-hue-slider__bar {
  background: linear-gradient(to bottom, red 0, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, red 100%); }

.el-color-hue-slider.is-vertical .el-color-hue-slider__thumb {
  left: 0;
  top: 0;
  width: 100%;
  height: 4px; }

.el-color-svpanel {
  position: relative;
  width: 280px;
  height: 180px; }

.el-color-svpanel__black, .el-color-svpanel__white {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

.el-color-svpanel__white {
  background: linear-gradient(to right, #fff, rgba(255, 255, 255, 0)); }

.el-color-svpanel__black {
  background: linear-gradient(to top, #000, rgba(0, 0, 0, 0)); }

.el-color-svpanel__cursor {
  position: absolute; }

.el-color-svpanel__cursor > div {
  cursor: head;
  width: 4px;
  height: 4px;
  box-shadow: 0 0 0 1.5px #fff, inset 0 0 1px 1px rgba(0, 0, 0, 0.3), 0 0 1px 2px rgba(0, 0, 0, 0.4);
  border-radius: 50%;
  transform: translate(-2px, -2px); }

.el-color-alpha-slider {
  position: relative;
  box-sizing: border-box;
  width: 280px;
  height: 12px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==); }

.el-color-alpha-slider__bar {
  position: relative;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, #fff 100%);
  height: 100%; }

.el-color-alpha-slider__thumb {
  position: absolute;
  cursor: pointer;
  box-sizing: border-box;
  left: 0;
  top: 0;
  width: 4px;
  height: 100%;
  border-radius: 1px;
  background: #fff;
  border: 1px solid #f0f0f0;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.6);
  z-index: 1; }

.el-color-alpha-slider.is-vertical {
  width: 20px;
  height: 180px; }

.el-color-alpha-slider.is-vertical .el-color-alpha-slider__bar {
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #fff 100%); }

.el-color-alpha-slider.is-vertical .el-color-alpha-slider__thumb {
  left: 0;
  top: 0;
  width: 100%;
  height: 4px; }

.el-color-dropdown {
  width: 300px; }

.el-color-dropdown__main-wrapper {
  margin-bottom: 6px; }

.el-color-dropdown__main-wrapper::after {
  content: "";
  display: table;
  clear: both; }

.el-color-dropdown__btns {
  margin-top: 6px;
  text-align: right; }

.el-color-dropdown__value {
  float: left;
  line-height: 26px;
  font-size: 12px;
  color: #222;
  width: 160px; }

.el-color-dropdown__btn {
  border: 1px solid #dcdcdc;
  color: #333;
  line-height: 24px;
  border-radius: 2px;
  padding: 0 20px;
  cursor: pointer;
  background-color: transparent;
  outline: 0;
  font-size: 12px; }

.el-color-dropdown__btn[disabled] {
  color: #ccc;
  cursor: not-allowed; }

.el-color-dropdown__btn:hover {
  color: #0084BF;
  border-color: #0084BF; }

.el-color-dropdown__link-btn {
  cursor: pointer;
  color: #0084BF;
  text-decoration: none;
  padding: 15px;
  font-size: 12px; }

.el-color-dropdown__link-btn:hover {
  color: tint(#0084BF, 20%); }

.el-color-picker {
  display: inline-block;
  position: relative;
  line-height: normal;
  height: 40px; }

.el-color-picker.is-disabled .el-color-picker__trigger {
  cursor: not-allowed; }

.el-color-picker--medium {
  height: 36px; }

.el-color-picker--medium .el-color-picker__trigger {
  height: 36px;
  width: 36px; }

.el-color-picker--medium .el-color-picker__mask {
  height: 34px;
  width: 34px; }

.el-color-picker--small {
  height: 32px; }

.el-color-picker--small .el-color-picker__trigger {
  height: 32px;
  width: 32px; }

.el-color-picker--small .el-color-picker__mask {
  height: 30px;
  width: 30px; }

.el-color-picker--small .el-color-picker__empty, .el-color-picker--small .el-color-picker__icon {
  transform: translate3d(-50%, -50%, 0) scale(0.8); }

.el-color-picker--mini {
  height: 28px; }

.el-color-picker--mini .el-color-picker__trigger {
  height: 28px;
  width: 28px; }

.el-color-picker--mini .el-color-picker__mask {
  height: 26px;
  width: 26px; }

.el-color-picker--mini .el-color-picker__empty, .el-color-picker--mini .el-color-picker__icon {
  transform: translate3d(-50%, -50%, 0) scale(0.8); }

.el-color-picker__mask {
  height: 38px;
  width: 38px;
  border-radius: 4px;
  position: absolute;
  top: 1px;
  left: 1px;
  z-index: 1;
  cursor: not-allowed;
  background-color: rgba(255, 255, 255, 0.7); }

.el-color-picker__trigger {
  display: inline-block;
  box-sizing: border-box;
  height: 40px;
  width: 40px;
  padding: 4px;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  font-size: 0;
  position: relative;
  cursor: pointer; }

.el-color-picker__color {
  position: relative;
  display: block;
  box-sizing: border-box;
  border: 1px solid #999;
  border-radius: 2px;
  width: 100%;
  height: 100%;
  text-align: center; }

.el-color-picker__color.is-alpha {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==); }

.el-color-picker__color-inner {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0; }

.el-color-picker__empty, .el-color-picker__icon {
  top: 50%;
  left: 50%;
  font-size: 12px;
  position: absolute; }

.el-color-picker__empty {
  color: #999;
  transform: translate3d(-50%, -50%, 0); }

.el-color-picker__icon {
  display: inline-block;
  width: 100%;
  transform: translate3d(-50%, -50%, 0);
  color: #FFF;
  text-align: center; }

.el-color-picker__panel {
  position: absolute;
  z-index: 10;
  padding: 6px;
  box-sizing: content-box;
  background-color: #FFF;
  border: 1px solid #EBEEF5;
  border-radius: 4px;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); }

.el-textarea {
  position: relative;
  display: inline-block;
  width: 100%;
  vertical-align: bottom;
  font-size: 14px; }

.el-textarea__inner {
  display: block;
  resize: vertical;
  padding: 5px 15px;
  line-height: 1.5;
  box-sizing: border-box;
  width: 100%;
  font-size: inherit;
  color: #666;
  background-color: #FFF;
  background-image: none;
  border: 1px solid #DCDFE6;
  border-radius: 4px;
  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); }

.el-textarea__inner::-moz-placeholder {
  color: #CCC; }

.el-textarea__inner::placeholder {
  color: #CCC; }

.el-textarea__inner:hover {
  border-color: #CCC; }

.el-textarea__inner:focus {
  outline: 0;
  border-color: #0084BF; }

.el-textarea .el-input__count {
  color: #74D5FF;
  background: #FFF;
  position: absolute;
  font-size: 12px;
  bottom: 5px;
  right: 10px; }

.el-textarea.is-disabled .el-textarea__inner {
  background-color: #F5F7FA;
  border-color: #E4E7ED;
  color: #CCC;
  cursor: not-allowed; }

.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder {
  color: #CCC; }

.el-textarea.is-disabled .el-textarea__inner::placeholder {
  color: #CCC; }

.el-textarea.is-exceed .el-textarea__inner {
  border-color: #EF1100; }

.el-textarea.is-exceed .el-input__count {
  color: #EF1100; }

.el-input {
  position: relative;
  font-size: 14px;
  display: inline-block;
  width: 100%; }

.el-input::-webkit-scrollbar {
  z-index: 11;
  width: 6px; }

.el-input::-webkit-scrollbar:horizontal {
  height: 6px; }

.el-input::-webkit-scrollbar-thumb {
  border-radius: 5px;
  width: 6px;
  background: #b4bccc; }

.el-input::-webkit-scrollbar-corner {
  background: #fff; }

.el-input::-webkit-scrollbar-track {
  background: #fff; }

.el-input::-webkit-scrollbar-track-piece {
  background: #fff;
  width: 6px; }

.el-input .el-input__clear {
  color: #CCC;
  font-size: 14px;
  cursor: pointer;
  transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); }

.el-input .el-input__clear:hover {
  color: #999; }

.el-input .el-input__count {
  height: 100%;
  display: inline-flex;
  align-items: center;
  color: #74D5FF;
  font-size: 12px; }

.el-input .el-input__count .el-input__count-inner {
  background: #FFF;
  line-height: initial;
  display: inline-block;
  padding: 0 5px; }

.el-input__inner {
  -webkit-appearance: none;
  background-color: #FFF;
  background-image: none;
  border-radius: 4px;
  border: 1px solid #DCDFE6;
  box-sizing: border-box;
  color: #666;
  display: inline-block;
  font-size: inherit;
  height: 40px;
  line-height: 40px;
  outline: 0;
  padding: 0 15px;
  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  width: 100%; }

.el-input__prefix, .el-input__suffix {
  position: absolute;
  top: 0;
  -webkit-transition: all .3s;
  height: 100%;
  color: #CCC;
  text-align: center; }

.el-input__inner::-moz-placeholder {
  color: #CCC; }

.el-input__inner::placeholder {
  color: #CCC; }

.el-input__inner:hover {
  border-color: #CCC; }

.el-input.is-active .el-input__inner, .el-input__inner:focus {
  border-color: #0084BF;
  outline: 0; }

.el-input__suffix {
  right: 5px;
  transition: all .3s; }

.el-input__suffix-inner {
  pointer-events: all; }

.el-input__prefix {
  left: 5px;
  transition: all .3s; }

.el-input__icon {
  height: 100%;
  width: 25px;
  text-align: center;
  transition: all .3s;
  line-height: 40px; }

.el-input__icon:after {
  content: '';
  height: 100%;
  width: 0;
  display: inline-block;
  vertical-align: middle; }

.el-input__validateIcon {
  pointer-events: none; }

.el-input.is-disabled .el-input__inner {
  background-color: #F5F7FA;
  border-color: #E4E7ED;
  color: #CCC;
  cursor: not-allowed; }

.el-input.is-disabled .el-input__inner::-moz-placeholder {
  color: #CCC; }

.el-input.is-disabled .el-input__inner::placeholder {
  color: #CCC; }

.el-input.is-disabled .el-input__icon {
  cursor: not-allowed; }

.el-link, .el-transfer-panel__filter .el-icon-circle-close {
  cursor: pointer; }

.el-input.is-exceed .el-input__inner {
  border-color: #EF1100; }

.el-input.is-exceed .el-input__suffix .el-input__count {
  color: #EF1100; }

.el-input--suffix .el-input__inner {
  padding-right: 30px; }

.el-input--prefix .el-input__inner {
  padding-left: 30px; }

.el-input--medium {
  font-size: 14px; }

.el-input--medium .el-input__inner {
  height: 36px;
  line-height: 36px; }

.el-input--medium .el-input__icon {
  line-height: 36px; }

.el-input--small {
  font-size: 13px; }

.el-input--small .el-input__inner {
  height: 32px;
  line-height: 32px; }

.el-input--small .el-input__icon {
  line-height: 32px; }

.el-input--mini {
  font-size: 12px; }

.el-input--mini .el-input__inner {
  height: 28px;
  line-height: 28px; }

.el-input--mini .el-input__icon {
  line-height: 28px; }

.el-input-group {
  line-height: normal;
  display: inline-table;
  width: 100%;
  border-collapse: separate;
  border-spacing: 0; }

.el-input-group > .el-input__inner {
  vertical-align: middle;
  display: table-cell; }

.el-input-group__append, .el-input-group__prepend {
  background-color: #F5F7FA;
  color: #74D5FF;
  vertical-align: middle;
  display: table-cell;
  position: relative;
  border: 1px solid #DCDFE6;
  border-radius: 4px;
  padding: 0 20px;
  width: 1px;
  white-space: nowrap; }

.el-input-group--prepend .el-input__inner, .el-input-group__append {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.el-input-group--append .el-input__inner, .el-input-group__prepend {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

.el-input-group__append:focus, .el-input-group__prepend:focus {
  outline: 0; }

.el-input-group__append .el-button, .el-input-group__append .el-select, .el-input-group__prepend .el-button, .el-input-group__prepend .el-select {
  display: inline-block;
  margin: -10px -20px; }

.el-input-group__append button.el-button, .el-input-group__append div.el-select .el-input__inner, .el-input-group__append div.el-select:hover .el-input__inner, .el-input-group__prepend button.el-button, .el-input-group__prepend div.el-select .el-input__inner, .el-input-group__prepend div.el-select:hover .el-input__inner {
  border-color: transparent;
  background-color: transparent;
  color: inherit;
  border-top: 0;
  border-bottom: 0; }

.el-input-group__append .el-button, .el-input-group__append .el-input, .el-input-group__prepend .el-button, .el-input-group__prepend .el-input {
  font-size: inherit; }

.el-input-group__prepend {
  border-right: 0; }

.el-input-group__append {
  border-left: 0; }

.el-input-group--append .el-select .el-input.is-focus .el-input__inner, .el-input-group--prepend .el-select .el-input.is-focus .el-input__inner {
  border-color: transparent; }

.el-input__inner::-ms-clear {
  display: none;
  width: 0;
  height: 0; }

.el-transfer {
  font-size: 14px; }

.el-transfer__buttons {
  display: inline-block;
  vertical-align: middle;
  padding: 0 30px; }

.el-transfer__button {
  display: block;
  margin: 0 auto;
  padding: 10px;
  border-radius: 50%;
  color: #FFF;
  background-color: #0084BF;
  font-size: 0; }

.el-transfer-panel__item + .el-transfer-panel__item, .el-transfer__button [class*=el-icon-] + span {
  margin-left: 0; }

.el-transfer__button.is-with-texts {
  border-radius: 4px; }

.el-transfer__button.is-disabled, .el-transfer__button.is-disabled:hover {
  border: 1px solid #DCDFE6;
  background-color: #F5F7FA;
  color: #CCC; }

.el-transfer__button:first-child {
  margin-bottom: 10px; }

.el-transfer__button:nth-child(2) {
  margin: 0; }

.el-transfer__button i, .el-transfer__button span {
  font-size: 14px; }

.el-transfer-panel {
  border: 1px solid #EBEEF5;
  border-radius: 4px;
  overflow: hidden;
  background: #FFF;
  display: inline-block;
  vertical-align: middle;
  width: 200px;
  max-height: 100%;
  box-sizing: border-box;
  position: relative; }

.el-transfer-panel__body {
  height: 246px; }

.el-transfer-panel__body.is-with-footer {
  padding-bottom: 40px; }

.el-transfer-panel__list {
  margin: 0;
  padding: 6px 0;
  list-style: none;
  height: 246px;
  overflow: auto;
  box-sizing: border-box; }

.el-transfer-panel__list.is-filterable {
  height: 194px;
  padding-top: 0; }

.el-transfer-panel__item {
  height: 30px;
  line-height: 30px;
  padding-left: 15px;
  display: block !important; }

.el-transfer-panel__item.el-checkbox {
  color: #666; }

.el-transfer-panel__item:hover {
  color: #0084BF; }

.el-transfer-panel__item.el-checkbox .el-checkbox__label {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  box-sizing: border-box;
  padding-left: 24px;
  line-height: 30px; }

.el-transfer-panel__item .el-checkbox__input {
  position: absolute;
  top: 8px; }

.el-transfer-panel__filter {
  text-align: center;
  margin: 15px;
  box-sizing: border-box;
  display: block;
  width: auto; }

.el-transfer-panel__filter .el-input__inner {
  height: 32px;
  width: 100%;
  font-size: 12px;
  display: inline-block;
  box-sizing: border-box;
  border-radius: 16px;
  padding-right: 10px;
  padding-left: 30px; }

.el-transfer-panel__filter .el-input__icon {
  margin-left: 5px; }

.el-transfer-panel .el-transfer-panel__header {
  height: 40px;
  line-height: 40px;
  background: #F5F7FA;
  margin: 0;
  padding-left: 15px;
  border-bottom: 1px solid #EBEEF5;
  box-sizing: border-box;
  color: #222; }

.el-transfer-panel .el-transfer-panel__header .el-checkbox {
  display: block;
  line-height: 40px; }

.el-transfer-panel .el-transfer-panel__header .el-checkbox .el-checkbox__label {
  font-size: 16px;
  color: #333;
  font-weight: 400; }

.el-transfer-panel .el-transfer-panel__header .el-checkbox .el-checkbox__label span {
  position: absolute;
  right: 15px;
  color: #999;
  font-size: 12px;
  font-weight: 400; }

.el-divider__text, .el-link {
  font-weight: 500;
  font-size: 14px; }

.el-transfer-panel .el-transfer-panel__footer {
  height: 40px;
  background: #FFF;
  margin: 0;
  padding: 0;
  border-top: 1px solid #EBEEF5;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 1; }

.el-transfer-panel .el-transfer-panel__footer::after {
  display: inline-block;
  content: "";
  height: 100%;
  vertical-align: middle; }

.el-container, .el-timeline-item__node {
  display: -ms-flexbox; }

.el-transfer-panel .el-transfer-panel__footer .el-checkbox {
  padding-left: 20px;
  color: #666; }

.el-transfer-panel .el-transfer-panel__empty {
  margin: 0;
  height: 30px;
  line-height: 30px;
  padding: 6px 15px 0;
  color: #999;
  text-align: center; }

.el-transfer-panel .el-checkbox__label {
  padding-left: 8px; }

.el-transfer-panel .el-checkbox__inner {
  height: 14px;
  width: 14px;
  border-radius: 3px; }

.el-transfer-panel .el-checkbox__inner::after {
  height: 6px;
  width: 3px;
  left: 4px; }

.el-container {
  display: flex;
  flex-direction: row;
  flex: 1;
  flex-basis: auto;
  box-sizing: border-box;
  min-width: 0; }

.el-container.is-vertical, .el-drawer {
  -webkit-box-orient: vertical; }

.el-aside, .el-header {
  -webkit-box-sizing: border-box; }

.el-container.is-vertical {
  flex-direction: column; }

.el-header {
  padding: 0 20px;
  box-sizing: border-box;
  flex-shrink: 0; }

.el-aside {
  overflow: auto;
  box-sizing: border-box;
  flex-shrink: 0; }

.el-footer, .el-main {
  -webkit-box-sizing: border-box; }

.el-main {
  display: block;
  flex: 1;
  flex-basis: auto;
  overflow: auto;
  box-sizing: border-box;
  padding: 20px; }

.el-footer {
  padding: 0 20px;
  box-sizing: border-box;
  flex-shrink: 0; }

.el-timeline {
  margin: 0;
  font-size: 14px;
  list-style: none; }

.el-timeline .el-timeline-item:last-child .el-timeline-item__tail {
  display: none; }

.el-timeline-item {
  position: relative;
  padding-bottom: 20px; }

.el-timeline-item__wrapper {
  position: relative;
  padding-left: 28px;
  top: -3px; }

.el-timeline-item__tail {
  position: absolute;
  left: 4px;
  height: 100%;
  border-left: 2px solid #E4E7ED; }

.el-timeline-item__icon {
  color: #FFF;
  font-size: 13px; }

.el-timeline-item__node {
  position: absolute;
  background-color: #E4E7ED;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center; }

.el-image__error, .el-timeline-item__dot {
  display: -ms-flexbox; }

.el-timeline-item__node--normal {
  left: -1px;
  width: 12px;
  height: 12px; }

.el-timeline-item__node--large {
  left: -2px;
  width: 14px;
  height: 14px; }

.el-timeline-item__node--primary {
  background-color: #0084BF; }

.el-timeline-item__node--success {
  background-color: #00BF27; }

.el-timeline-item__node--warning {
  background-color: #EF9800; }

.el-timeline-item__node--danger {
  background-color: #EF1100; }

.el-timeline-item__node--info {
  background-color: #74D5FF; }

.el-timeline-item__dot {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center; }

.el-timeline-item__content {
  color: #333; }

.el-timeline-item__timestamp {
  color: #999;
  line-height: 1;
  font-size: 13px; }

.el-timeline-item__timestamp.is-top {
  margin-bottom: 8px;
  padding-top: 4px; }

.el-timeline-item__timestamp.is-bottom {
  margin-top: 8px; }

.el-link {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  position: relative;
  text-decoration: none;
  outline: 0;
  padding: 0; }

.el-link.is-underline:hover:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 0;
  bottom: 0;
  border-bottom: 1px solid #0084BF; }

.el-link.el-link--default:after, .el-link.el-link--primary.is-underline:hover:after, .el-link.el-link--primary:after {
  border-color: #0084BF; }

.el-link.is-disabled {
  cursor: not-allowed; }

.el-link [class*=el-icon-] + span {
  margin-left: 5px; }

.el-link.el-link--default {
  color: #666; }

.el-link.el-link--default:hover {
  color: #0084BF; }

.el-link.el-link--default.is-disabled {
  color: #CCC; }

.el-link.el-link--primary {
  color: #0084BF; }

.el-link.el-link--primary:hover {
  color: #339dcc; }

.el-link.el-link--primary.is-disabled {
  color: #80c2df; }

.el-link.el-link--danger.is-underline:hover:after, .el-link.el-link--danger:after {
  border-color: #EF1100; }

.el-link.el-link--danger {
  color: #EF1100; }

.el-link.el-link--danger:hover {
  color: #f24133; }

.el-link.el-link--danger.is-disabled {
  color: #f78880; }

.el-link.el-link--success.is-underline:hover:after, .el-link.el-link--success:after {
  border-color: #00BF27; }

.el-link.el-link--success {
  color: #00BF27; }

.el-link.el-link--success:hover {
  color: #33cc52; }

.el-link.el-link--success.is-disabled {
  color: #80df93; }

.el-link.el-link--warning.is-underline:hover:after, .el-link.el-link--warning:after {
  border-color: #EF9800; }

.el-link.el-link--warning {
  color: #EF9800; }

.el-link.el-link--warning:hover {
  color: #f2ad33; }

.el-link.el-link--warning.is-disabled {
  color: #f7cc80; }

.el-link.el-link--info.is-underline:hover:after, .el-link.el-link--info:after {
  border-color: #74D5FF; }

.el-link.el-link--info {
  color: #74D5FF; }

.el-link.el-link--info:hover {
  color: #90ddff; }

.el-link.el-link--info.is-disabled {
  color: #baeaff; }

.el-divider {
  background-color: #DCDFE6;
  position: relative; }

.el-divider--horizontal {
  display: block;
  height: 1px;
  width: 100%;
  margin: 24px 0; }

.el-divider--vertical {
  display: inline-block;
  width: 1px;
  height: 1em;
  margin: 0 8px;
  vertical-align: middle;
  position: relative; }

.el-divider__text {
  position: absolute;
  background-color: #FFF;
  padding: 0 20px;
  color: #333; }

.el-image__error, .el-image__placeholder {
  background: #F5F7FA; }

.el-divider__text.is-left {
  left: 20px;
  transform: translateY(-50%); }

.el-divider__text.is-center {
  left: 50%;
  transform: translateX(-50%) translateY(-50%); }

.el-divider__text.is-right {
  right: 20px;
  transform: translateY(-50%); }

.el-image__error, .el-image__inner, .el-image__placeholder {
  width: 100%;
  height: 100%; }

.el-image {
  position: relative;
  display: inline-block;
  overflow: hidden; }

.el-image__inner {
  vertical-align: top; }

.el-image__inner--center {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block; }

.el-image__error {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  color: #CCC;
  vertical-align: middle; }

.el-image__preview {
  cursor: pointer; }

.el-image-viewer__wrapper {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }

.el-image-viewer__btn {
  position: absolute;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  opacity: .8;
  cursor: pointer;
  box-sizing: border-box;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none; }

.el-button, .el-checkbox {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none; }

.el-image-viewer__close {
  top: 40px;
  right: 40px;
  width: 40px;
  height: 40px;
  font-size: 40px; }

.el-image-viewer__canvas {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center; }

.el-image-viewer__actions {
  left: 50%;
  bottom: 30px;
  transform: translateX(-50%);
  width: 282px;
  height: 44px;
  padding: 0 23px;
  background-color: #606266;
  border-color: #fff;
  border-radius: 22px; }

.el-image-viewer__actions__inner {
  width: 100%;
  height: 100%;
  text-align: justify;
  cursor: default;
  font-size: 23px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-around; }

.el-image-viewer__next, .el-image-viewer__prev {
  top: 50%;
  width: 44px;
  height: 44px;
  font-size: 24px;
  color: #fff;
  background-color: #606266;
  border-color: #fff; }

.el-image-viewer__prev {
  transform: translateY(-50%);
  left: 40px; }

.el-image-viewer__next {
  transform: translateY(-50%);
  right: 40px;
  text-indent: 2px; }

.el-image-viewer__mask {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: .5;
  background: #000; }

.viewer-fade-enter-active {
  animation: viewer-fade-in .3s; }

.viewer-fade-leave-active {
  animation: viewer-fade-out .3s; }

@keyframes viewer-fade-in {
  0% {
    transform: translate3d(0, -20px, 0);
    opacity: 0; }
  100% {
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

@keyframes viewer-fade-out {
  0% {
    transform: translate3d(0, 0, 0);
    opacity: 1; }
  100% {
    transform: translate3d(0, -20px, 0);
    opacity: 0; } }

.el-button {
  display: inline-block;
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
  background: #FFF;
  border: 1px solid #DCDFE6;
  color: #666;
  -webkit-appearance: none;
  text-align: center;
  box-sizing: border-box;
  outline: 0;
  margin: 0;
  transition: .1s;
  font-weight: 500;
  padding: 12px 20px;
  font-size: 14px;
  border-radius: 4px; }

.el-button + .el-button {
  margin-left: 10px; }

.el-button:focus, .el-button:hover {
  color: #0084BF;
  border-color: #b3daec;
  background-color: #e6f3f9; }

.el-button:active {
  color: #037aaf;
  border-color: #037aaf;
  outline: 0; }

.el-button::-moz-focus-inner {
  border: 0; }

.el-button [class*=el-icon-] + span {
  margin-left: 5px; }

.el-button.is-plain:focus, .el-button.is-plain:hover {
  background: #FFF;
  border-color: #0084BF;
  color: #0084BF; }

.el-button.is-active, .el-button.is-plain:active {
  color: #037aaf;
  border-color: #037aaf; }

.el-button.is-plain:active {
  background: #FFF;
  outline: 0; }

.el-button.is-disabled, .el-button.is-disabled:focus, .el-button.is-disabled:hover {
  color: #CCC;
  cursor: not-allowed;
  background-image: none;
  background-color: #FFF;
  border-color: #EBEEF5; }

.el-button.is-disabled.el-button--text {
  background-color: transparent; }

.el-button.is-disabled.is-plain, .el-button.is-disabled.is-plain:focus, .el-button.is-disabled.is-plain:hover {
  background-color: #FFF;
  border-color: #EBEEF5;
  color: #CCC; }

.el-button.is-loading {
  position: relative;
  pointer-events: none; }

.el-button.is-loading:before {
  pointer-events: none;
  content: '';
  position: absolute;
  left: -1px;
  top: -1px;
  right: -1px;
  bottom: -1px;
  border-radius: inherit;
  background-color: rgba(255, 255, 255, 0.35); }

.el-button.is-round {
  border-radius: 20px;
  padding: 12px 23px; }

.el-button.is-circle {
  border-radius: 50%;
  padding: 12px; }

.el-button--primary {
  color: #FFF;
  background-color: #0084BF;
  border-color: #0084BF; }

.el-button--primary:focus, .el-button--primary:hover {
  background: #339dcc;
  border-color: #339dcc;
  color: #FFF; }

.el-button--primary.is-active, .el-button--primary:active {
  background: #037aaf;
  border-color: #037aaf;
  color: #FFF; }

.el-button--primary:active {
  outline: 0; }

.el-button--primary.is-disabled, .el-button--primary.is-disabled:active, .el-button--primary.is-disabled:focus, .el-button--primary.is-disabled:hover {
  color: #FFF;
  background-color: #80c2df;
  border-color: #80c2df; }

.el-button--primary.is-plain {
  color: #0084BF;
  background: #e6f3f9;
  border-color: #99cee5; }

.el-button--primary.is-plain:focus, .el-button--primary.is-plain:hover {
  background: #0084BF;
  border-color: #0084BF;
  color: #FFF; }

.el-button--primary.is-plain:active {
  background: #037aaf;
  border-color: #037aaf;
  color: #FFF;
  outline: 0; }

.el-button--primary.is-plain.is-disabled, .el-button--primary.is-plain.is-disabled:active, .el-button--primary.is-plain.is-disabled:focus, .el-button--primary.is-plain.is-disabled:hover {
  color: #66b5d9;
  background-color: #e6f3f9;
  border-color: #cce6f2; }

.el-button--success {
  color: #FFF;
  background-color: #00BF27;
  border-color: #00BF27; }

.el-button--success:focus, .el-button--success:hover {
  background: #33cc52;
  border-color: #33cc52;
  color: #FFF; }

.el-button--success.is-active, .el-button--success:active {
  background: #03af27;
  border-color: #03af27;
  color: #FFF; }

.el-button--success:active {
  outline: 0; }

.el-button--success.is-disabled, .el-button--success.is-disabled:active, .el-button--success.is-disabled:focus, .el-button--success.is-disabled:hover {
  color: #FFF;
  background-color: #80df93;
  border-color: #80df93; }

.el-button--success.is-plain {
  color: #00BF27;
  background: #e6f9e9;
  border-color: #99e5a9; }

.el-button--success.is-plain:focus, .el-button--success.is-plain:hover {
  background: #00BF27;
  border-color: #00BF27;
  color: #FFF; }

.el-button--success.is-plain:active {
  background: #03af27;
  border-color: #03af27;
  color: #FFF;
  outline: 0; }

.el-button--success.is-plain.is-disabled, .el-button--success.is-plain.is-disabled:active, .el-button--success.is-plain.is-disabled:focus, .el-button--success.is-plain.is-disabled:hover {
  color: #66d97d;
  background-color: #e6f9e9;
  border-color: #ccf2d4; }

.el-button--warning {
  color: #FFF;
  background-color: #EF9800;
  border-color: #EF9800; }

.el-button--warning:focus, .el-button--warning:hover {
  background: #f2ad33;
  border-color: #f2ad33;
  color: #FFF; }

.el-button--warning.is-active, .el-button--warning:active {
  background: #db8c03;
  border-color: #db8c03;
  color: #FFF; }

.el-button--warning:active {
  outline: 0; }

.el-button--warning.is-disabled, .el-button--warning.is-disabled:active, .el-button--warning.is-disabled:focus, .el-button--warning.is-disabled:hover {
  color: #FFF;
  background-color: #f7cc80;
  border-color: #f7cc80; }

.el-button--warning.is-plain {
  color: #EF9800;
  background: #fdf5e6;
  border-color: #f9d699; }

.el-button--warning.is-plain:focus, .el-button--warning.is-plain:hover {
  background: #EF9800;
  border-color: #EF9800;
  color: #FFF; }

.el-button--warning.is-plain:active {
  background: #db8c03;
  border-color: #db8c03;
  color: #FFF;
  outline: 0; }

.el-button--warning.is-plain.is-disabled, .el-button--warning.is-plain.is-disabled:active, .el-button--warning.is-plain.is-disabled:focus, .el-button--warning.is-plain.is-disabled:hover {
  color: #f5c166;
  background-color: #fdf5e6;
  border-color: #fceacc; }

.el-button--danger {
  color: #FFF;
  background-color: #EF1100;
  border-color: #EF1100; }

.el-button--danger:focus, .el-button--danger:hover {
  background: #f24133;
  border-color: #f24133;
  color: #FFF; }

.el-button--danger.is-active, .el-button--danger:active {
  background: #db1303;
  border-color: #db1303;
  color: #FFF; }

.el-button--danger:active {
  outline: 0; }

.el-button--danger.is-disabled, .el-button--danger.is-disabled:active, .el-button--danger.is-disabled:focus, .el-button--danger.is-disabled:hover {
  color: #FFF;
  background-color: #f78880;
  border-color: #f78880; }

.el-button--danger.is-plain {
  color: #EF1100;
  background: #fde7e6;
  border-color: #f9a099; }

.el-button--danger.is-plain:focus, .el-button--danger.is-plain:hover {
  background: #EF1100;
  border-color: #EF1100;
  color: #FFF; }

.el-button--danger.is-plain:active {
  background: #db1303;
  border-color: #db1303;
  color: #FFF;
  outline: 0; }

.el-button--danger.is-plain.is-disabled, .el-button--danger.is-plain.is-disabled:active, .el-button--danger.is-plain.is-disabled:focus, .el-button--danger.is-plain.is-disabled:hover {
  color: #f57066;
  background-color: #fde7e6;
  border-color: #fccfcc; }

.el-button--info {
  color: #FFF;
  background-color: #74D5FF;
  border-color: #74D5FF; }

.el-button--info:focus, .el-button--info:hover {
  background: #90ddff;
  border-color: #90ddff;
  color: #FFF; }

.el-button--info.is-active, .el-button--info:active {
  background: #6cc3e9;
  border-color: #6cc3e9;
  color: #FFF; }

.el-button--info:active {
  outline: 0; }

.el-button--info.is-disabled, .el-button--info.is-disabled:active, .el-button--info.is-disabled:focus, .el-button--info.is-disabled:hover {
  color: #FFF;
  background-color: #baeaff;
  border-color: #baeaff; }

.el-button--info.is-plain {
  color: #74D5FF;
  background: #f1fbff;
  border-color: #c7eeff; }

.el-button--info.is-plain:focus, .el-button--info.is-plain:hover {
  background: #74D5FF;
  border-color: #74D5FF;
  color: #FFF; }

.el-button--info.is-plain:active {
  background: #6cc3e9;
  border-color: #6cc3e9;
  color: #FFF;
  outline: 0; }

.el-button--info.is-plain.is-disabled, .el-button--info.is-plain.is-disabled:active, .el-button--info.is-plain.is-disabled:focus, .el-button--info.is-plain.is-disabled:hover {
  color: #ace6ff;
  background-color: #f1fbff;
  border-color: #e3f7ff; }

.el-button--text, .el-button--text.is-disabled, .el-button--text.is-disabled:focus, .el-button--text.is-disabled:hover, .el-button--text:active {
  border-color: transparent; }

.el-button--medium {
  padding: 10px 20px;
  font-size: 14px;
  border-radius: 4px; }

.el-button--mini, .el-button--small {
  font-size: 12px;
  border-radius: 3px; }

.el-button--medium.is-round {
  padding: 10px 20px; }

.el-button--medium.is-circle {
  padding: 10px; }

.el-button--small, .el-button--small.is-round {
  padding: 9px 15px; }

.el-button--small.is-circle {
  padding: 9px; }

.el-button--mini, .el-button--mini.is-round {
  padding: 7px 15px; }

.el-button--mini.is-circle {
  padding: 7px; }

.el-button--text {
  color: #0084BF;
  background: 0 0;
  padding-left: 0;
  padding-right: 0; }

.el-button--text:focus, .el-button--text:hover {
  color: #339dcc;
  border-color: transparent;
  background-color: transparent; }

.el-button--text:active {
  color: #037aaf;
  background-color: transparent; }

.el-button-group {
  display: inline-block;
  vertical-align: middle; }

.el-button-group::after, .el-button-group::before {
  display: table;
  content: ""; }

.el-button-group::after {
  clear: both; }

.el-button-group > .el-button {
  float: left;
  position: relative; }

.el-button-group > .el-button + .el-button {
  margin-left: 0; }

.el-button-group > .el-button.is-disabled {
  z-index: 1; }

.el-button-group > .el-button:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

.el-button-group > .el-button:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.el-button-group > .el-button:first-child:last-child {
  border-radius: 4px; }

.el-button-group > .el-button:first-child:last-child.is-round {
  border-radius: 20px; }

.el-button-group > .el-button:first-child:last-child.is-circle {
  border-radius: 50%; }

.el-button-group > .el-button:not(:first-child):not(:last-child) {
  border-radius: 0; }

.el-button-group > .el-button:not(:last-child) {
  margin-right: -1px; }

.el-button-group > .el-button.is-active, .el-button-group > .el-button:active, .el-button-group > .el-button:focus, .el-button-group > .el-button:hover {
  z-index: 1; }

.el-button-group > .el-dropdown > .el-button {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left-color: rgba(255, 255, 255, 0.5); }

.el-button-group .el-button--primary:first-child {
  border-right-color: rgba(255, 255, 255, 0.5); }

.el-button-group .el-button--primary:last-child {
  border-left-color: rgba(255, 255, 255, 0.5); }

.el-button-group .el-button--primary:not(:first-child):not(:last-child) {
  border-left-color: rgba(255, 255, 255, 0.5);
  border-right-color: rgba(255, 255, 255, 0.5); }

.el-button-group .el-button--success:first-child {
  border-right-color: rgba(255, 255, 255, 0.5); }

.el-button-group .el-button--success:last-child {
  border-left-color: rgba(255, 255, 255, 0.5); }

.el-button-group .el-button--success:not(:first-child):not(:last-child) {
  border-left-color: rgba(255, 255, 255, 0.5);
  border-right-color: rgba(255, 255, 255, 0.5); }

.el-button-group .el-button--warning:first-child {
  border-right-color: rgba(255, 255, 255, 0.5); }

.el-button-group .el-button--warning:last-child {
  border-left-color: rgba(255, 255, 255, 0.5); }

.el-button-group .el-button--warning:not(:first-child):not(:last-child) {
  border-left-color: rgba(255, 255, 255, 0.5);
  border-right-color: rgba(255, 255, 255, 0.5); }

.el-button-group .el-button--danger:first-child {
  border-right-color: rgba(255, 255, 255, 0.5); }

.el-button-group .el-button--danger:last-child {
  border-left-color: rgba(255, 255, 255, 0.5); }

.el-button-group .el-button--danger:not(:first-child):not(:last-child) {
  border-left-color: rgba(255, 255, 255, 0.5);
  border-right-color: rgba(255, 255, 255, 0.5); }

.el-button-group .el-button--info:first-child {
  border-right-color: rgba(255, 255, 255, 0.5); }

.el-button-group .el-button--info:last-child {
  border-left-color: rgba(255, 255, 255, 0.5); }

.el-button-group .el-button--info:not(:first-child):not(:last-child) {
  border-left-color: rgba(255, 255, 255, 0.5);
  border-right-color: rgba(255, 255, 255, 0.5); }

.el-calendar {
  background-color: #fff; }

.el-calendar__header {
  display: flex;
  justify-content: space-between;
  padding: 12px 20px;
  border-bottom: 1px solid #EBEEF5; }

.el-backtop, .el-page-header {
  display: -ms-flexbox; }

.el-calendar__title {
  color: #000;
  align-self: center; }

.el-calendar__body {
  padding: 12px 20px 35px; }

.el-calendar-table {
  table-layout: fixed;
  width: 100%; }

.el-calendar-table thead th {
  padding: 12px 0;
  color: #666;
  font-weight: 400; }

.el-calendar-table:not(.is-range) td.next, .el-calendar-table:not(.is-range) td.prev {
  color: #CCC; }

.el-backtop, .el-calendar-table td.is-today {
  color: #0084BF; }

.el-calendar-table td {
  border-bottom: 1px solid #EBEEF5;
  border-right: 1px solid #EBEEF5;
  vertical-align: top;
  transition: background-color .2s ease; }

.el-calendar-table td.is-selected {
  background-color: #F2F8FE; }

.el-calendar-table tr:first-child td {
  border-top: 1px solid #EBEEF5; }

.el-calendar-table tr td:first-child {
  border-left: 1px solid #EBEEF5; }

.el-calendar-table tr.el-calendar-table__row--hide-border td {
  border-top: none; }

.el-calendar-table .el-calendar-day {
  box-sizing: border-box;
  padding: 8px;
  height: 85px; }

.el-calendar-table .el-calendar-day:hover {
  cursor: pointer;
  background-color: #F2F8FE; }

.el-backtop {
  position: fixed;
  background-color: #FFF;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.12);
  cursor: pointer;
  z-index: 5; }

.el-backtop:hover {
  background-color: #F2F6FC; }

.el-page-header {
  display: flex;
  line-height: 24px; }

.el-page-header__left {
  display: flex;
  cursor: pointer;
  margin-right: 40px;
  position: relative; }

.el-page-header__left::after {
  content: "";
  position: absolute;
  width: 1px;
  height: 16px;
  right: -20px;
  top: 50%;
  transform: translateY(-50%);
  background-color: #DCDFE6; }

.el-checkbox, .el-checkbox__input {
  display: inline-block;
  position: relative;
  white-space: nowrap; }

.el-page-header__left .el-icon-back {
  font-size: 18px;
  margin-right: 6px;
  align-self: center; }

.el-page-header__title {
  font-size: 14px;
  font-weight: 500; }

.el-page-header__content {
  font-size: 18px;
  color: #333; }

.el-checkbox {
  color: #666;
  font-weight: 500;
  font-size: 14px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  margin-right: 30px; }

.el-checkbox-button__inner, .el-radio {
  font-weight: 500;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none; }

.el-checkbox.is-bordered {
  padding: 9px 20px 9px 10px;
  border-radius: 4px;
  border: 1px solid #DCDFE6;
  box-sizing: border-box;
  line-height: normal;
  height: 40px; }

.el-checkbox.is-bordered.is-checked {
  border-color: #0084BF; }

.el-checkbox.is-bordered.is-disabled {
  border-color: #EBEEF5;
  cursor: not-allowed; }

.el-checkbox.is-bordered + .el-checkbox.is-bordered {
  margin-left: 10px; }

.el-checkbox.is-bordered.el-checkbox--medium {
  padding: 7px 20px 7px 10px;
  border-radius: 4px;
  height: 36px; }

.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__label {
  line-height: 17px;
  font-size: 14px; }

.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__inner {
  height: 14px;
  width: 14px; }

.el-checkbox.is-bordered.el-checkbox--small {
  padding: 5px 15px 5px 10px;
  border-radius: 3px;
  height: 32px; }

.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__label {
  line-height: 15px;
  font-size: 12px; }

.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner {
  height: 12px;
  width: 12px; }

.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner::after {
  height: 6px;
  width: 2px; }

.el-checkbox.is-bordered.el-checkbox--mini {
  padding: 3px 15px 3px 10px;
  border-radius: 3px;
  height: 28px; }

.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__label {
  line-height: 12px;
  font-size: 12px; }

.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner {
  height: 12px;
  width: 12px; }

.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner::after {
  height: 6px;
  width: 2px; }

.el-checkbox__input {
  cursor: pointer;
  outline: 0;
  line-height: 1;
  vertical-align: middle; }

.el-checkbox__input.is-disabled .el-checkbox__inner {
  background-color: #edf2fc;
  border-color: #DCDFE6;
  cursor: not-allowed; }

.el-checkbox__input.is-disabled .el-checkbox__inner::after {
  cursor: not-allowed;
  border-color: #CCC; }

.el-checkbox__input.is-disabled .el-checkbox__inner + .el-checkbox__label {
  cursor: not-allowed; }

.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner {
  background-color: #F2F6FC;
  border-color: #DCDFE6; }

.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after {
  border-color: #CCC; }

.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner {
  background-color: #F2F6FC;
  border-color: #DCDFE6; }

.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner::before {
  background-color: #CCC;
  border-color: #CCC; }

.el-checkbox__input.is-checked .el-checkbox__inner, .el-checkbox__input.is-indeterminate .el-checkbox__inner {
  background-color: #0084BF;
  border-color: #0084BF; }

.el-checkbox__input.is-disabled + span.el-checkbox__label {
  color: #CCC;
  cursor: not-allowed; }

.el-checkbox__input.is-checked .el-checkbox__inner::after {
  transform: rotate(45deg) scaleY(1); }

.el-checkbox__input.is-checked + .el-checkbox__label {
  color: #0084BF; }

.el-checkbox__input.is-focus .el-checkbox__inner {
  border-color: #0084BF; }

.el-checkbox__input.is-indeterminate .el-checkbox__inner::before {
  content: '';
  position: absolute;
  display: block;
  background-color: #FFF;
  height: 2px;
  transform: scale(0.5);
  left: 0;
  right: 0;
  top: 5px; }

.el-checkbox__input.is-indeterminate .el-checkbox__inner::after {
  display: none; }

.el-checkbox__inner {
  display: inline-block;
  position: relative;
  border: 1px solid #DCDFE6;
  border-radius: 2px;
  box-sizing: border-box;
  width: 14px;
  height: 14px;
  background-color: #FFF;
  z-index: 1;
  transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46), background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46); }

.el-checkbox__inner:hover {
  border-color: #0084BF; }

.el-checkbox__inner::after {
  box-sizing: content-box;
  content: "";
  border: 1px solid #FFF;
  border-left: 0;
  border-top: 0;
  height: 7px;
  left: 4px;
  position: absolute;
  top: 1px;
  transform: rotate(45deg) scaleY(0);
  width: 3px;
  transition: transform .15s ease-in .05s;
  transform-origin: center; }

.el-checkbox__original {
  opacity: 0;
  outline: 0;
  position: absolute;
  margin: 0;
  width: 0;
  height: 0;
  z-index: -1; }

.el-checkbox-button, .el-checkbox-button__inner {
  display: inline-block;
  position: relative; }

.el-checkbox__label {
  display: inline-block;
  padding-left: 10px;
  line-height: 19px;
  font-size: 14px; }

.el-checkbox:last-of-type {
  margin-right: 0; }

.el-checkbox-button__inner {
  line-height: 1;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  background: #FFF;
  border: 1px solid #DCDFE6;
  border-left: 0;
  color: #666;
  -webkit-appearance: none;
  text-align: center;
  box-sizing: border-box;
  outline: 0;
  margin: 0;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  padding: 12px 20px;
  font-size: 14px;
  border-radius: 0; }

.el-checkbox-button__inner.is-round {
  padding: 12px 20px; }

.el-checkbox-button__inner:hover {
  color: #0084BF; }

.el-checkbox-button__inner [class*=el-icon-] {
  line-height: .9; }

.el-radio, .el-radio__input {
  line-height: 1;
  outline: 0;
  white-space: nowrap; }

.el-checkbox-button__inner [class*=el-icon-] + span {
  margin-left: 5px; }

.el-checkbox-button__original {
  opacity: 0;
  outline: 0;
  position: absolute;
  margin: 0;
  z-index: -1; }

.el-radio, .el-radio__inner, .el-radio__input {
  position: relative;
  display: inline-block; }

.el-checkbox-button.is-checked .el-checkbox-button__inner {
  color: #FFF;
  background-color: #0084BF;
  border-color: #0084BF;
  box-shadow: -1px 0 0 0 #66b5d9; }

.el-checkbox-button.is-checked:first-child .el-checkbox-button__inner {
  border-left-color: #0084BF; }

.el-checkbox-button.is-disabled .el-checkbox-button__inner {
  color: #CCC;
  cursor: not-allowed;
  background-image: none;
  background-color: #FFF;
  border-color: #EBEEF5;
  box-shadow: none; }

.el-checkbox-button.is-disabled:first-child .el-checkbox-button__inner {
  border-left-color: #EBEEF5; }

.el-checkbox-button:first-child .el-checkbox-button__inner {
  border-left: 1px solid #DCDFE6;
  border-radius: 4px 0 0 4px;
  box-shadow: none !important; }

.el-checkbox-button.is-focus .el-checkbox-button__inner {
  border-color: #0084BF; }

.el-checkbox-button:last-child .el-checkbox-button__inner {
  border-radius: 0 4px 4px 0; }

.el-checkbox-button--medium .el-checkbox-button__inner {
  padding: 10px 20px;
  font-size: 14px;
  border-radius: 0; }

.el-checkbox-button--medium .el-checkbox-button__inner.is-round {
  padding: 10px 20px; }

.el-checkbox-button--small .el-checkbox-button__inner {
  padding: 9px 15px;
  font-size: 12px;
  border-radius: 0; }

.el-checkbox-button--small .el-checkbox-button__inner.is-round {
  padding: 9px 15px; }

.el-checkbox-button--mini .el-checkbox-button__inner {
  padding: 7px 15px;
  font-size: 12px;
  border-radius: 0; }

.el-checkbox-button--mini .el-checkbox-button__inner.is-round {
  padding: 7px 15px; }

.el-checkbox-group {
  font-size: 0; }

.el-radio, .el-radio--medium.is-bordered .el-radio__label {
  font-size: 14px; }

.el-radio {
  color: #666;
  cursor: pointer;
  margin-right: 30px; }

.el-cascader-node > .el-radio, .el-radio:last-child {
  margin-right: 0; }

.el-radio.is-bordered {
  padding: 12px 20px 0 10px;
  border-radius: 4px;
  border: 1px solid #DCDFE6;
  box-sizing: border-box;
  height: 40px; }

.el-radio.is-bordered.is-checked {
  border-color: #0084BF; }

.el-radio.is-bordered.is-disabled {
  cursor: not-allowed;
  border-color: #EBEEF5; }

.el-radio__input.is-disabled .el-radio__inner, .el-radio__input.is-disabled.is-checked .el-radio__inner {
  background-color: #F5F7FA;
  border-color: #E4E7ED; }

.el-radio.is-bordered + .el-radio.is-bordered {
  margin-left: 10px; }

.el-radio--medium.is-bordered {
  padding: 10px 20px 0 10px;
  border-radius: 4px;
  height: 36px; }

.el-radio--mini.is-bordered .el-radio__label, .el-radio--small.is-bordered .el-radio__label {
  font-size: 12px; }

.el-radio--medium.is-bordered .el-radio__inner {
  height: 14px;
  width: 14px; }

.el-radio--small.is-bordered {
  padding: 8px 15px 0 10px;
  border-radius: 3px;
  height: 32px; }

.el-radio--small.is-bordered .el-radio__inner {
  height: 12px;
  width: 12px; }

.el-radio--mini.is-bordered {
  padding: 6px 15px 0 10px;
  border-radius: 3px;
  height: 28px; }

.el-radio--mini.is-bordered .el-radio__inner {
  height: 12px;
  width: 12px; }

.el-radio__input {
  cursor: pointer;
  vertical-align: middle; }

.el-radio__input.is-disabled .el-radio__inner {
  cursor: not-allowed; }

.el-radio__input.is-disabled .el-radio__inner::after {
  cursor: not-allowed;
  background-color: #F5F7FA; }

.el-radio__input.is-disabled .el-radio__inner + .el-radio__label {
  cursor: not-allowed; }

.el-radio__input.is-disabled.is-checked .el-radio__inner::after {
  background-color: #CCC; }

.el-radio__input.is-disabled + span.el-radio__label {
  color: #CCC;
  cursor: not-allowed; }

.el-radio__input.is-checked .el-radio__inner {
  border-color: #0084BF;
  background: #0084BF; }

.el-radio__input.is-checked .el-radio__inner::after {
  transform: translate(-50%, -50%) scale(1); }

.el-radio__input.is-checked + .el-radio__label {
  color: #0084BF; }

.el-radio__input.is-focus .el-radio__inner {
  border-color: #0084BF; }

.el-radio__inner {
  border: 1px solid #DCDFE6;
  border-radius: 100%;
  width: 14px;
  height: 14px;
  background-color: #FFF;
  cursor: pointer;
  box-sizing: border-box; }

.el-radio__inner:hover {
  border-color: #0084BF; }

.el-radio__inner::after {
  width: 4px;
  height: 4px;
  border-radius: 100%;
  background-color: #FFF;
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale(0);
  transition: transform .15s ease-in; }

.el-radio__original {
  opacity: 0;
  outline: 0;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0; }

.el-radio:focus:not(.is-focus):not(:active):not(.is-disabled) .el-radio__inner {
  box-shadow: 0 0 2px 2px #0084BF; }

.el-radio__label {
  font-size: 14px;
  padding-left: 10px; }

.el-scrollbar {
  overflow: hidden;
  position: relative; }

.el-scrollbar:active > .el-scrollbar__bar, .el-scrollbar:focus > .el-scrollbar__bar, .el-scrollbar:hover > .el-scrollbar__bar {
  opacity: 1;
  transition: opacity 340ms ease-out; }

.el-scrollbar__wrap {
  overflow: scroll;
  height: 100%; }

.el-scrollbar__wrap--hidden-default {
  scrollbar-width: none; }

.el-scrollbar__wrap--hidden-default::-webkit-scrollbar {
  width: 0;
  height: 0; }

.el-scrollbar__thumb {
  position: relative;
  display: block;
  width: 0;
  height: 0;
  cursor: pointer;
  border-radius: inherit;
  background-color: rgba(153, 153, 153, 0.3);
  transition: .3s background-color; }

.el-scrollbar__thumb:hover {
  background-color: rgba(153, 153, 153, 0.5); }

.el-scrollbar__bar {
  position: absolute;
  right: 2px;
  bottom: 2px;
  z-index: 1;
  border-radius: 4px;
  opacity: 0;
  transition: opacity 120ms ease-out; }

.el-scrollbar__bar.is-vertical {
  width: 6px;
  top: 2px; }

.el-scrollbar__bar.is-vertical > div {
  width: 100%; }

.el-scrollbar__bar.is-horizontal {
  height: 6px;
  left: 2px; }

.el-scrollbar__bar.is-horizontal > div {
  height: 100%; }

.el-cascader-panel {
  display: flex;
  border-radius: 4px;
  font-size: 14px; }

.el-cascader-panel.is-bordered {
  border: 1px solid #E4E7ED;
  border-radius: 4px; }

.el-cascader-menu {
  min-width: 180px;
  box-sizing: border-box;
  color: #666;
  border-right: solid 1px #E4E7ED; }

.el-cascader-menu:last-child {
  border-right: none; }

.el-cascader-menu:last-child .el-cascader-node {
  padding-right: 20px; }

.el-cascader-menu__wrap {
  height: 204px; }

.el-cascader-menu__list {
  position: relative;
  min-height: 100%;
  margin: 0;
  padding: 6px 0;
  list-style: none;
  box-sizing: border-box; }

.el-avatar, .el-drawer {
  -webkit-box-sizing: border-box;
  overflow: hidden; }

.el-cascader-menu__hover-zone {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none; }

.el-cascader-menu__empty-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  color: #CCC; }

.el-cascader-node {
  position: relative;
  display: flex;
  align-items: center;
  padding: 0 30px 0 20px;
  height: 34px;
  line-height: 34px;
  outline: 0; }

.el-cascader-node.is-selectable.in-active-path {
  color: #666; }

.el-cascader-node.in-active-path, .el-cascader-node.is-active, .el-cascader-node.is-selectable.in-checked-path {
  color: #0084BF;
  font-weight: 700; }

.el-cascader-node:not(.is-disabled) {
  cursor: pointer; }

.el-cascader-node:not(.is-disabled):focus, .el-cascader-node:not(.is-disabled):hover {
  background: #F5F7FA; }

.el-cascader-node.is-disabled {
  color: #CCC;
  cursor: not-allowed; }

.el-cascader-node__prefix {
  position: absolute;
  left: 10px; }

.el-cascader-node__postfix {
  position: absolute;
  right: 10px; }

.el-cascader-node__label {
  flex: 1;
  padding: 0 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.el-cascader-node > .el-radio .el-radio__label {
  padding-left: 0; }

.el-avatar {
  display: inline-block;
  box-sizing: border-box;
  text-align: center;
  color: #fff;
  background: #C0C4CC;
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-size: 14px; }

.el-avatar > img {
  display: block;
  height: 100%;
  vertical-align: middle; }

.el-drawer, .el-drawer__header {
  display: -ms-flexbox; }

.el-avatar--circle {
  border-radius: 50%; }

.el-avatar--square {
  border-radius: 4px; }

.el-avatar--icon {
  font-size: 18px; }

.el-avatar--large {
  width: 40px;
  height: 40px;
  line-height: 40px; }

.el-avatar--medium {
  width: 36px;
  height: 36px;
  line-height: 36px; }

.el-avatar--small {
  width: 28px;
  height: 28px;
  line-height: 28px; }

.el-drawer.btt, .el-drawer.ttb, .el-drawer__container {
  left: 0;
  right: 0;
  width: 100%; }

.el-drawer.ltr, .el-drawer.rtl, .el-drawer__container {
  top: 0;
  bottom: 0;
  height: 100%; }

@keyframes el-drawer-fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes rtl-drawer-in {
  0% {
    transform: translate(100%, 0); }
  100% {
    transform: translate(0, 0); } }

@keyframes rtl-drawer-out {
  0% {
    transform: translate(0, 0); }
  100% {
    transform: translate(100%, 0); } }

@keyframes ltr-drawer-in {
  0% {
    transform: translate(-100%, 0); }
  100% {
    transform: translate(0, 0); } }

@keyframes ltr-drawer-out {
  0% {
    transform: translate(0, 0); }
  100% {
    transform: translate(-100%, 0); } }

@keyframes ttb-drawer-in {
  0% {
    transform: translate(0, -100%); }
  100% {
    transform: translate(0, 0); } }

@keyframes ttb-drawer-out {
  0% {
    transform: translate(0, 0); }
  100% {
    transform: translate(0, -100%); } }

@keyframes btt-drawer-in {
  0% {
    transform: translate(0, 100%); }
  100% {
    transform: translate(0, 0); } }

@keyframes btt-drawer-out {
  0% {
    transform: translate(0, 0); }
  100% {
    transform: translate(0, 100%); } }

.el-drawer {
  position: absolute;
  box-sizing: border-box;
  background-color: #FFF;
  display: flex;
  flex-direction: column;
  box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2), 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12); }

.el-drawer.rtl {
  animation: rtl-drawer-out .3s;
  right: 0; }

.el-drawer__open .el-drawer.rtl {
  animation: rtl-drawer-in .3s 1ms; }

.el-drawer.ltr {
  animation: ltr-drawer-out .3s;
  left: 0; }

.el-drawer__open .el-drawer.ltr {
  animation: ltr-drawer-in .3s 1ms; }

.el-drawer.ttb {
  animation: ttb-drawer-out .3s;
  top: 0; }

.el-drawer__open .el-drawer.ttb {
  animation: ttb-drawer-in .3s 1ms; }

.el-drawer.btt {
  animation: btt-drawer-out .3s;
  bottom: 0; }

.el-drawer__open .el-drawer.btt {
  animation: btt-drawer-in .3s 1ms; }

.el-drawer__wrapper {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  margin: 0; }

.el-drawer__header {
  align-items: center;
  color: #72767b;
  display: flex;
  margin-bottom: 32px;
  padding: 20px 20px 0; }

.el-drawer__header > :first-child {
  flex: 1; }

.el-drawer__title {
  margin: 0;
  flex: 1;
  line-height: inherit;
  font-size: 1rem; }

.el-drawer__close-btn {
  border: none;
  cursor: pointer;
  font-size: 20px;
  color: inherit;
  background-color: transparent; }

.el-drawer__body {
  flex: 1; }

.el-drawer__body > * {
  box-sizing: border-box; }

.el-drawer__container {
  position: relative; }

.el-drawer-fade-enter-active {
  animation: el-drawer-fade-in .3s; }

.el-drawer-fade-leave-active {
  animation: el-drawer-fade-in .3s reverse; }

.el-popconfirm__main {
  display: flex;
  align-items: center; }

.el-popconfirm__icon {
  margin-right: 5px; }

.el-popconfirm__action {
  text-align: right;
  margin: 0; }

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
/* 改变主题色变量 */
/* 改变 icon 字体路径变量，必需 */

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0; }

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block; }

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */ }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent; }

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  /* 2 */ }

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder; }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none; }

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */ }

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible; }

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none; }

/**
 * Correct the inability to styles clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; }

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em; }

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */ }

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline; }

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto; }

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Correct the cursor styles of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline styles in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */ }

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * 1. Correct the inability to styles clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */ }

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block; }

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item; }

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none; }

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none; }

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
@font-face {
  font-family: "iconfont";
  src: url(../../static/fonts/iconfont.2adcd9a2.eot);
  /* IE9 */
  src: url(../../static/fonts/iconfont.2adcd9a2.eot#iefix) format("embedded-opentype"), url("data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAACDoAAsAAAAAP5gAACCYAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCMDArhKMwHATYCJAOBfAuBAAAEIAWEbQeGIhuvMxXc8bBxACOzvYEoarSgpGf/f0rgZIiFaWjd7g0GSU/NyIzkMNUSQ72nkU9/LUjrZUWzDGxjwQSuhAiLxh87Xe+j4+jrUsSk4mCbPBjcf8tjZt9DkqIJz9da+Xq6B7dntpfoANkFFJFP+WhiFRYuPkJGqFhA+TdHMvp4eNu9f45JWRQyTRQVm03RZalbV9MJNgekW/+zuyltN9kUNISSCmKBNEpN6BZOEEloPWIBC9UCRCwE8QQ7YEM97e/bCviMcnoNv9z/NqxgAxtVvetJ87mHe3V9zhh2kxlb3r3jKgR1LhVQHbakA2Q3dit3eZK8uwe0cIT/h4CqLvs63zqk1d3D8ludU9ZcXe8ZI4M4IxFb+i0A/I9TIxjQUAIa8GWSbrOCFWtrvXEJdf5ic0DIf366/xd+HVpH8u5t/Ylt9WHs+s0U1rD1kOSZRAhU5cp3iawdlkbA/00tqWWn1KbUnw5IqTSMaUbaXY1kOZbkLWNt83bZVyx7N2f5evOlFloqC/OcdvfOTrOulcqSPH4vAIWHkNDAsDB6BONAThNzoPwxdVDXrbMa09jD8kU/YBk0gkoUS0r72oex6SIaaxxsKqxvyVAg0WOKGj6mWcQQgymgDtxXkWEyHVcqUSSw/GiO1WtqUXrpdYNX6rdXH31E4PErxFKduzVu9gT+ceWJWPQHrvmWDMAHGkwBA91a272ELlNTtCQ6/E18BRfYw1csUDiKnLhQ8eRFLUKcRElSZMhVpMQ+XbGJQwyh6P2A70DkQNxA88DwwN+Die/838W8y3tn+Vj90fpxzcf1Q+MOB8BDRMidm3pubCj9/OLn3nte3d9JWAgkylBayMKVnFsVWnE+Jb/z3O9xD/4XeFi3acWqpkFrJm1pmFC2YENFZtS2mhE5O8b16NOvraWqo8jwBUKLEpFe1oA6ZckyT0mBNm3IsFheaowzZcasOfOaUA3oawE68yG7EEgB6xAOYBNCAFYgXMAqhAdoQkjAIIQPWIM4ASYhLoAtiDugAZECJiAyQBkiByxAFIANiBJQgagAGcST4xLxAmxDpgJqkGmAEYg3IAfxAexA1ArjwxEA9EBiFXY1PB0KCM8AoA2ZCWhBZgGqkDhAB5IIKEKSAAaSAvAh6YAAkgEIIbmARUgRIIEUAyJICaAXsg9gIV2AAciPgDqkG6AgvYAlyGPAMuQ9wEPXF1BCNxJQQDcOoNFtBkyjOwwYQvdvwDD+JQJi7PsD8tiPAaTYzwOMYd8CcDiqBkzhyAqYwVEdYBZHawBzOFpPmfeKIKGO5r3+h4F7oDrI3yi+IK5RDzQQEfElZ2zN8HLcpAGPqE/FlifmxAB3OxUjz0XYUH2Fx5Mst0JpXD0XjnFkaeG8qnJq1YJcv5u6NXFsh2KXJIZV5lzJ2qIbHB2xtpoVKu0kUcESqCAYtFk+y0Z6hzs9PZ22MpYbywXriEnxgDJmZ8DGvb7xG9lw2ZtJ6WS51fr8aLGd2rQusHHcaN9CtBQCLe2hOB4y23NjX5TPW9Y2k0BNybay2fdjUdza2Ll0ZLVnoCeJ1rkWrX3ENB0JgrZBvJzEUUNxICGh+rXZNjVFhzMmOmxhnK2poqucte1qMfsJ56Kmam+fUzfvyaQPODfFCQkSX2QNabkcd2vH297uBzambBkYBLbiLFphtAhUJENUGG8kvoHTMGOVuHnfBWzeECs3kI3ynqhnkNuYmKevucfHO/sHMbeJm5ddomPtz7PpR60HydNMYXrF2DbCDAUecTirc7Ci1W2vBA4GmMLKFJKuwAyTMC04oICBlqdBsgoI3CGCbAkDrekmuulcHFGsk8jlnS3aTNjkVpy3zdkxLdAq2/vK7MJ21TldtlDHdJakW98AbZCvVef9lhiSLlEZ33BBdvx9PyEvKWvrSgubqALptMCGC9TeeHlaXq7BtVn1E4zMVo786pqmXKzTzeRESnLnIUGSTbKQtdKn8RiVrq8+sLRJbseor/MX2tFKMZbm88GlwzVvJo+NkYmJNYKaZTJ+AYYrA48MGZrpsKJ/m80kRL3ql1DFJy+/sv4dbqILpCer2LMcd/K/h8/Vs51s3kj2cIVxibNl4p/N8b4WdIX4CHdGp8roNz71PfHpKmaDUAIi0UDdEOkKsBvQLLFmeWjo5dZnqmrnLEvy8EhX6ivZBltvPrZeG++rb37gU+lULmKChwgYqbhT4INvbyTZbXcezyKxnPErpmoxZvV+6k3GvzR8ypCM8Vp9U1ysZntgEbY6bT5WRr/2qe9gwXoozinGhXVSs0hAtBPcJpKk7bwIoYzMhMxPaChL5QDWrAar8e12JSZ5k9B1LhBjZK2NXzeIvIV//heMcs3Mmvov6ZH1Z+n+w2wbv2ZStt6HMuIbmiwZBznUrlyVJxpTq99AsJsqL7WukPUzn6tej3zyp/9PFYbs0blVtNUR1zTYymoCi5FlbkWu+Mr8i9tokNsAz5UoF6LP1o20PtkFECQByvtGQOREzIjyirPDGrFvFbLcaJrwM1xJp5xkakkXOoVWtOoqDnZE6UZkvV4jk9xIh3b+OqinMkgo5vX35LqO37HdVInVov3RNeeU8+o7rCEESb6X8aCf73Nm7gq2c/1qGfMq8ThzknM9DjB8rgm5c5GC//oqNyVxugx/2sIWn3pwyZdIiwgr6xsQlDlOa3dGGAvjyqusRlSag1ksDuAR1QN864kr9PwGDjqIXmpy/wEyLQDpSPQmQdnG45GmnrrFJ575c5aNuc/qMOS/SlXIC8oHfiFKgjHyE1QlXVuWXA1MLtCaKdzF2f9pzgHh8LPCEhkoYGF+Kx5qZJAPPKzySEutUbydIg7XTJoUAIdnl1c/jlwYuVL7NPzGB77iUJ4uw4d+5uLfH7iWpNd79rOpjuweMEzlwz/sRFMrPzPrBrRunMqplKN8eorksj9GhiflOS/Xkz6pBiNajRsq7/WuwQIF7AopWBxQ2FxuhB0JTm55xpTToHH33QOYlV7e80hRNLqhKoCHe5A0hbiKmp0gBJaYECJ5yRkbRQusQmQJ6OamdJTBKY7cSHZQmFBGmAcwPnGNzXjiGTutr7hGpcd1IDTnq99IhLb1mWab5+JkYgyIVIhsthR/+K0q7J3a8G4d+nYZ8pCzLovmiYNxZfuTofEgrZ+4bs/NLDVRUpWZWEUqAAc/EmxhJjx0QQ6/4Q+eFUPn1MbVxNklEoARTE2SBMb56nersVa6DNdt0RqeOIuMEfm5sQLE2Hm1MycNQPqhM93GuQaw8THcA5tefTUIx8aTC50TG66KbpqgvI5hbGY1q/rp9Nk75EhsE7ie7AzDzmaRkJkOBjlVubVP1P7dW6Vr62ih380/uxKLIl4DV3BdI9XVmXeXs39x/TVOIVPAg/Y3n6/SEpmdXIPyMYvWGGSssqkjqzOXF5ZgldTuWGbZqnX5YQ5IAwcL0TgZNGvCpt0IMlfXEVOeNHAI68wbTaXjugkRhSvIkshRbnjsD03s1cprUJhSZUCoGRHEFMpxqXNcO2kZWSPyAx1zp7TbxJTlgiCCcd03BYhiQPtmuz70D+9UbiXIWVXVsTfWC6aP404/XywZSZX40tW2cTTWl2mbvoL7N8GgcTcNG5k8Lkol/eXuJvVy3uHrla9rcscSf/8LfVn6yv4MV/nKqukMyxhzRb+turLjt1aU+dxyzQF4yPd/q39/hNox6CKd6wxbXtBv93Un3WY46KwuDfJ554aLutXGBKZHgJEskRPHm0k5wc63uOXPvscD3mRZQt2UZweHJpZAOrKNSZSv674LV1GUKVieIDZGBAwUMC/jp+EEo/44PVdOaSbbHGOOb5KtJTTsEihm0Avymil4vzCoEpf+IFqZjqY9k/Sa/N4THW19lkx13tdfb6wsS8IT3TV137xxq172TmtSGp/hSGWwYr6/6/RaznUu/kIEtMYG2xEpkLqO+On6Uf6A9nADUb+RLIByBXjq8lnZ8m288aysKqJ2i2gHSNZydEZHH1c4WpV7ZaGtGQg9nJCGAfOY1wKjnDOGQDILNRW93pE2zl6RQ2Q6GFZ2f+0KIzFyCskB0hULAJkzdmVDuQYVZWGfizpx0Ym6K7rQCa64V88FEwxvq+KDBk53m1c+rirzq620XvZjK3fyz9klMXgR0bqLywn5Z5Zpzg0jkknbUenA0tAvbi0VnlBFoLggxcjWHPv0hH8OOKnYZxvrSnddpAhiIvGIywH0jG0UPiUH+7ijBXTVs2rP2sdoYa9y3GV8BVbr1YZikEcK542B1jKz2a7s5sQyLgqqZX1iQGTdNNEMvRUgJUF/i3fhT1t8aTHdmUD4rFtIi+lenOhnhcmaUd/Bccdjr0/C9ID4/a7eyDqVvHlRom/UOr5Wag4wkL5yxIUcTgRDKwZnvRMTi4SmAzu3xgY3E6ePPRkoxZ65D1II2CYVPiUvL+OZSwA4Br4fjz/1EzcfuxzSt88op8xvZ0nU+w/uRKjYsYkMZJZj5xrLVv9S4N6hTB2wj4d8pdGILHCB1WBWSUBGggy58ImvSC5JzI7r3w20GIEt1lV0RjjtwhwkEOSnvjbdZv4qmwYkxG4TXDdKc5DWK0Ji2EEEzP0EgvzU18JbHUCyos4NhuS8053KIyHtmQ4PuDbXHd46+niF1g8OlmJbU6CAQtrQROz4B21Sid+/dlE0wb7QTz/defQ9luy526oZNqwtVT3yopcC9Km8VEbjpqlzEuL2wSMp+OTb99OFD05U3j7VmvZLl6Oj5Ps9wn80ZI40nJbCeNiHJszq9w3/8uAb7RJe97ly99KjU5W38mzgBrjuOTc0O2wcZ5cDsJQBu2FYcQtMOk4gQIHZYD9VAkebjthk1nDO/v/4DMxMsXRu/uPb3u333gt/r/bjHNFxZxB6npKnJ2ZwdftjVSUqJStZUvK0BIqfFsP7JNZV4VUBq81mFoZsir+WzCms48LjFxwmNRcTsToEHSwRv55n4lUiJqSK38hTj2AmzJH/bz8sGzeYTHVFPWSoCQPasaDt/okpJ2K2iW/jg8EBdnAYrEK2S681GIoxRfFGA7d8Z32bXqefpz/b3QZt3YV34I5Wa9FZoLB1nn5eq65N36btBq/8WbgDDq3OogOdzlmn13W7PsViMA9agoVP0X5zCGa1uspdUwP5/2JagL+xLQZDaorOv9Jfub6x4Zjr/N5FyxRGLrwwZCHVNWiWotXVjmajO4pkRZHqmuzqSCQ1FYlcAoj3IGmpEBlC5FQSc0pe1awDBITPe2hXafX0ucvjFnWXv21h3ukc4VztKLjVuG7W4aIH5RdiJslSthVlQw7sWChNn5VWfzjYo+RSXRlSipyvmbRQFb6gojg5PW7dJh5jfB8+FpZfWBd3eN7CvcAofS1L2V6UNer+Oxe5p8WltRwgniUX68qRMuRSnUeJ0Gt6E5+RfzEZDmqdJjLMW38XS0/+r4T3z5P1HqHyGM3XicTX2FXI7jsuE36u84hhfvkakt5M6ZVKey1TNkJNlRNif0y5RaXeQqZkAeUWbRA4oileBBbyDt+C5OQca4H7xyz8Qn3r6sPJi6DVzL9Dmo9RtJtvjiqzkeHhiA3NK3g26RWoDdntsqB/nMHZJgZm9O7tlsKqvMI/6L9yHz+mXPvFvPtooIRjbH74QEeJXJ7/Hz4rf66MrF89xgCrrRnE3q4J5Cz5AGOFnSuGhXFPA4Ty5mT6bNzog46XIWc+MSOmGjK8Y+qCoUGjcUBf240QWGq9gODuzpB5eJTbf6iYTdyAwwIbchyxCbypGNz3Pt6WOy0un1vq9jn/Ybx8OEj5DXDTyLjZyOrgdzPAfFFDsOBnYx8JFQCYsGZt13nivsDiaRFUCr9KrVwu5D5xvutWWWttkiWbSMyf1TNTNRhKGXMilYvo+2vUFg+LmlGWmdIzNDTTjug+glg9+6tD4uAEnWquTcrPFmYP+SCtS3dM7KVt9sTjQlb0fBfEGuphR4ZmDqX0lGUyULSGvl+5iHQag51vx72RGpgdTIJ5hQEPmceZ7F9gSQedK/6ZuQ7GRqsmgJNN92Z8FGw9AtwA84mME8z2bmB0MHyuHxurckKcbNm6O4wrDC7zBHPD+Jit4aoaG1vP/FnMXYz6kHmCoT1nWAcRw/oQmMcZvfQrzL5/UAbYxsfqJ8AE29gowI5/Tf+CFLPeCaUqBz/4YxcFwyiWuzbCODztB3RRU9MiZDQRavhCwQhRVNq8OsJYvuLfXWFH+oZ/q9ckIyx07qwNmr00qtMf0at0kD9fgAz3tI20WrDn9fOa98p3z2vfWlEH8uCp9KH0DSOE8Ub6UK1Yh9uIfrv/6RGuAWe3ckaJ65rBJtvRcFOE19eM69XXj6QTo6cDRiCIkKAZbLIdjWOKQMcizXiN8vffFMvXNkJNlcN+FXwAe/QIQz6QCDU8PSOdIIm+PlIuJAFE+njwO+3xgF/JH6hSPjqTrJutENvvinqirgftNvZM/wEzWaTkoCqqYp8SHnxVk4SUVDZJPaVNDeXZJFHmIU08bWN7sW2nm1z5Hqirdan/59/jY6el6s6ZNSnTzuvU5qkpmvNmdX89y1aANvKSIjT7WDM8C4JC7/kWBRXeCynyKwwNuef68PIR5dK9hkdLfpzai3lSlgafn4hOuRVfAb55kqyapElPLmTQlNjN/OtxqJJ6cXrvRQuplF77bmHYvUvv69wGMz5nbshFgxUe1mwlrvxUx/WukGieKrnimGzkVu1E8VptQmxNVimGJNeWZiHZSKw4koyp53uGTYuengOP1RxgT67wzgXj3xF/w+/e+K2nGaqUJrj3AhEO7T5/LXf/TsGg38ruTX3Knr0jPJUL6s/kXtt9XjiEvHjvsoq76TuRhOz9Mamt7WoleyWid9o99eGBJVd14A8cTpoJ4Fe3cVrPtPJtRf1FqUE3z9/sm0q4EHCOU+Q+j3OusiFgp0Tp7O/BEpWJWNRiZ5Wr/05b5XlWCgRAjhrUd09ZR6xNTX32vmEfqVEKu7tEVoFVJGI0U0yUaWgWNNvJFDDNUoOoRpsZIrKoDGuLuOogUN9IxZkd/A5m1oEJWciIIkyEgPyLYgTJmnCglNlBdjD/FNG2sJkn+B2MkoVTjnfIfxFnRPDnIdlgJv8gLWT2veMvMvR4ZdJk3Wgxe8U3WMnyoyXYvSPsEnft/qjKJ7IwXgU/i1/B+8KzIKJv5YD0vXCn23Ab3Z1nc+fuZnYwq3cG5f62NL1IeoHP/Wc4afjfuVdZzKtL3lqvtifeMjpynjpI/DY5jlvjGZ051vtvtR7nn2Bu3TAb15F2jgy/SzrrfLV7wM2NJBAJzOnJbJf7yX21ftq9fILohSPOCGhHjiUnaxsalk2cOOHnytE+eqgsfPhQCwnPQ49QVVF7u3ZxSfiQT2ZMcbF2395l06ZRT6aszUg4D2n8e3Da2405OdqhtRhrCgvCUF5zO0ES7c2ZlpCKmthW1Yir+6V+Xnt7QoLj+rl261vR3DyOhvQniLrr7oMXDEtrR4xGrgvXaBxxKU/shpuRCejCrJ0ZCXO3UiPD4yO3BUUkBuqUp2+jl6culOo3GGp9QhOD1Ir4H+USijYucNmeqIoC3dvQMDisWQ09jbpKnyr117SMjLSv6iqfSl1jD6ymnPv06dy7Ajiw0CNDlaX6b8z02JjrqkxVhuei/VCIbbh8JSQhIiIu7nIpx2ml6aVv32YeoLeGNOfQQmg5fiHtnnZmPjAo/oKCGpMpv0bhT4nkGCj+ivxwZDh3NySH1kzLocJuoKzqmJp8bWn/G0o1NQXjcFn7sE0g2TqlCSclpL2pJ2dwNEtwmURmX2Jnj8ldSZBE0/qmkSUkfgon8du4YvTNGcRJFxIfJFDYh2uLDZ+rcN+uYgEtMj34yKzt2XqVuOSq3RQo2bfWi4UNArHAphZLbbxEQ/S6aVIbiqM2wbRfCi+vFOCCNNCr22nsYq9cyxKKhEdnMVqIFm6aOgfMboFcmX2xvNN2LscxcbikVogJhLjMhZy8G0wykxwpaQtq88APFZaLuqd0TumY8sv2ALrDh/k6UmDJ9DJfuV7ems13G1WMEgh7t9IW7RXKlJ7hIXStD6n3uo10RNJgEIC2Q7uOZWfplMP5ORe4dtKsOMEzMtbS67wmam97fnUNL7+4h70lpnOPtPVqqVzwz655LA/Oixi6mhLVSn3ZkJe1w7IIPayo2MKO8wh0kr2OpNI8ObUtFIEwyuZpixIyea48Nlbw4wTBTxaqiHotT+KpfN6RFwf1V1tJTnzFn+vASWGNQJJTkAhBBZjgIz1kRQUS8dcQgfQ2SbGdxp64X7S6VRDl7xY8W+rbyKrimcmKvg9sQH6BXuhAKjbwCsmPZOHIBgHSwT/qHJjrL+B+FHeqvvCcHgf+Jpo/yZXgWPSfAmieR/YhU9zf6XEpP8oJP6VRnTTdmTT1t13R3InhcqPwrwaB7GW03Q08ovWnOTrO6bywEbSnjb+UfXEWS/s89fx0je4D1G+fniCnelLlCcpRvAcH3DPVpsO5dMHukN3fVZXt6Tg459P5LeYLvqvv4SR+8Hve2c/36GTPK+nOwft8GsEgSOK/rELP7z0kfpUg35AIeuro2bFL6PcXb39zITSMc/83wxIH0MREPIhzEkNHLQYEaC8voS3R80JWDa6CbIcxR9bWGopx6uc7GGoyHDXyUPeB753/JOWlZZAoLs789AEsYT9s6gqHoZEcR39dav3LCOTu8N0ICI3KnSJi9DbqDXeriVFDN60Os9tqa214GMO0pL3GWsl8asBJQrNwkeIE9q/6i/pf7MTiA9pINQSvx/BUPK9Znve09imh4AZyFd6ezKvWL9arzBPu/7NYivSP8rMd149AsPyf9MoL2htbD1XOUtbn8Uxbn0fn+8z4dnYXwXMG/NSkjHDjaXzK0mIa/eg3w7OiN0Awps4pV0BzwlmehXfmnlX87IgJzvAshV20kULZb4DWV2bietJ4loCarTucAtTiMhNQueZA0sylgml5kFSeBZ7jgMecMZS/K3gJT38Z65Vuul+DgTCFyM3YQXGhdBjVhtB6v+x7CRVlaV5p1D3+9hmFH9PyPs72sy87pPerPeldVkItMTm5Mr3Fq8U+qdVLQupeqakM9xv12uO84QP6Vx7c0iJWi3cuyA3kukvc+gIX5OwUyyS2gztQQCuFOtKHUdbud7qAYSB4bjzijOLe59fnzi3nKtOAWxiMgtN+7WUM8LM/86+EjXmAWdUe1lzP2i/6/MtsFabhVSL70UpeGF1wACmt1SZygLOX1doexHGIHZyNJ88V2ssZgeDND70nvcQ8yj/PWJ5DwRKlKKB8lYzyzsQ8sEgM5SW7i4LIMQSRcjFETi3s7JzC5qCoHMMiZDopHxMmJH0zefts3UD1+dMvB70nszs7aXTwA6n9na+YF+IObdoxr6nYQZSYp50x4A3Hjiq9wVnu3HL9+sgNllu+/xXwwyZyBapLPZaa6Ko7/FJ4LDExVHST/tVBO4mrcNLuoQ7w0n326ReezX12GdSdy1Yx8gu48SvTEpgmbNnnTeqC0DLqQm10ZtvKlRMu03Nm7BZ9HQrYmE2snVEfKZo5tzauzldclUGjGfcWH/7F5BewJoqdmcmOCpIcv/ACW3fmzDrL2BY4C4BxA9N+9pMfnRtp5sTJ/bGBeP+/WeHG5ATKY/oDXrwnPf/XnDm+dHr78yLzyGOeud9bT9uPufquqIwV+W4yhA/e8xaWh09KWHjY3zM8jM9yulGcGTMLJ3sofRTiLkZx4ooomEzw4Zag6x5HJeZLCM6CkyT7XBfbnYLRV+eosDLMZSwW/eY4fmIO1C4cdvQ6xgdwfKcvYRlq9Y7rB5gZAIACGAA43tJjzgAAWBt63gzOq8ZDALAbqJ11BR0EcNzSgQWxO636e8zKOwwYysGQk/o2Fjy3gbS4tBvAVuNKO+qI2okYwe61A3MCcDzzBRPy6A1BIih11yMs0dUqQq+oq4PQ8VYr2uOo+H2a+yZdANh69JRjeG6KYJuRGpGA8Wy0Ge0B+XYObeGuk6s0tNsdTL8LajuFeu/8SzWGpR7rw3zo6uvo53e0Y6C+0fGRDKObpA+cW2rMRYzkjb+i72FixKmjrZgYVi32f5tI3dGJ6cZcacVkJOAXpEp3kY7ZDbL5VGjb/37cHx/H1b+z2/of8T8iu34MdnN0uPjwsz+AiLeqUeGvxXrQexVw1MTVguze/ONI0c7MxGH715wMR+KJuHs3WjjbA4ksgL8ntxT9PV1axRnnJDKkgPeEOrwWGeLMuVO8L2eJD0R2+cSkUz+dU3IbTeUYmPCU8YrzifdkPvOa84Uz5/7hfVXHfMCF5hNXVKnCnJG4HV5FRrACpSn2Bh2T7zq5Kl79EyoNNurV6o6/EBN2mVF/WB/2CQRxjhJpU41FvPGRW/PBlg5CYNNFbsBJvxbp1oOBt5XsO26PriIjWMkfWJpi/2R0TP695arx6/+ESoONHROMnvwXYsLvbkb9oQP3qZLTBHfFnTbVWIh6k44euTUfRCHIFJvO7tWAk349wu7WA5qRd1X7m9fah6t655uoWAVRBhRDjDDGFrbxNrwdCRkTTPEPeqdSh+QLhCKnCRPFzhIXVzd3qUyuUKo8PCd5TZ4ydZq3j1qj1el9/fwDAoOCQ0LDDEaDHYUFWi4tXd/qFSeQ4WQyy9BH28KzqxUPNTZqBlNVKn7jS2p+qkOq/I6LPWtx9UH5grxk7tTS+V6DpUyc/Bd6u0cK0GpCNx4tMtEOLd3/T6/aqwZtecnx5LlVYugeWkg8IATc5xFKHp0r3fWLb1xceuJ1MVtCdGrGzn8eqIJdiHnVBU29aEvkh3qaUfPOT6xJOUt1vUn+QFXF6aGXj1JsVMLQr+OkCuI8K1H0YlcF2g/lq1RbNnuyLVDRKDlsmdS3WkVLo5flD37tmCRy6Al3d4BdsAi3J13KDrgvqf8bx0HbXg1Y1bLNo94WS6nzDRI64zbVrHsIStkSmgdmBzHs8Fpb7pVXcEDWkqdfv97OCA/fKk0VkURtBiZ+uhs1nXeZHF8eUNhsdnops/KjrLDslM68LTTvbFleXtbaWCFdo5IkUywKDBR/tG0mioTq5774OrzkVmyU06iPrlGje5TuQLQS30Ri55NbItSDHgEA") format("woff2"), url(../../static/fonts/iconfont.687560f7.woff) format("woff"), url(../../static/fonts/iconfont.4e2258a0.ttf) format("truetype"), url(../../static/img/iconfont.d177932d.svg#iconfont) format("svg");
  /* iOS 4.1- */ }

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.iconbiaodan:before {
  content: "\E6CC"; }

.iconiconset0335:before {
  content: "\E6EA"; }

.iconiframe:before {
  content: "\E74C"; }

.iconchuizhijuzhongduiqi:before {
  content: "\E654"; }

.iconshuipingjuzhongduiqi:before {
  content: "\E658"; }

.iconyouduiqi:before {
  content: "\E65B"; }

.iconzuoduiqi:before {
  content: "\E65C"; }

.iconduoxuan:before {
  content: "\E66D"; }

.iconyulan:before {
  content: "\E852"; }

.icontongbu:before {
  content: "\E668"; }

.iconyinlemusic217:before {
  content: "\E62E"; }

.icontupian:before {
  content: "\E69F"; }

.iconkuangjiaframe23:before {
  content: "\E946"; }

.iconmubiaoyemianliebiao:before {
  content: "\E625"; }

.iconredo1:before {
  content: "\E937"; }

.iconundo1:before {
  content: "\E966"; }

.iconquanping:before {
  content: "\E743"; }

.icon758bianjiqi_fengexian:before {
  content: "\E652"; }

.iconplus-radio:before {
  content: "\E735"; }

.iconshurukuangsousuo:before {
  content: "\E621"; }

.iconshipin:before {
  content: "\E624"; }

.iconshijian:before {
  content: "\E64B"; }

.icon-quanbubiankuang:before {
  content: "\E62C"; }

.iconriqishijian:before {
  content: "\E6C8"; }

.iconditu:before {
  content: "\E61F"; }

.iconxingbiao:before {
  content: "\E610"; }

.iconshangduiqi:before {
  content: "\E64A"; }

.iconwenben:before {
  content: "\E649"; }

.iconxiaduiqi:before {
  content: "\E64C"; }

.iconwushuju:before {
  content: "\E642"; }

.iconfengexian:before {
  content: "\E66E"; }

.iconcontrol-top:before {
  content: "\E647"; }

.iconcontrol-bottom:before {
  content: "\E648"; }

.iconps:before {
  content: "\E6C3"; }

.iconziyuan:before {
  content: "\E611"; }

.iconcolum-height:before {
  content: "\E7EF"; }

.iconcolumn-width:before {
  content: "\E7FC"; }

.iconshanchu:before {
  content: "\E62D"; }

.iconshouyelunbotu:before {
  content: "\E627"; }

.iconloading:before {
  content: "\E962"; }

.iconfuhao-shuzishurukuang:before {
  content: "\E630"; }

.iconPSD:before {
  content: "\E620"; }

.iconriqi:before {
  content: "\E616"; }

.iconiframetianjia:before {
  content: "\EC7D"; }

.iconjuxing:before {
  content: "\E790"; }

.iconjuzhongduiqi:before {
  content: "\EC80"; }

.iconyouduiqi2:before {
  content: "\EC82"; }

.iconzitijiacu:before {
  content: "\EC83"; }

.iconzuoduiqi1:before {
  content: "\EC86"; }

.iconbaocun:before {
  content: "\E622"; }

.iconfabu:before {
  content: "\E661"; }

.iconxingbiao-copy:before {
  content: "\EEF3"; }

.iconpadding:before {
  content: "\E6D9"; }

.iconmargin:before {
  content: "\E6DA"; }

.iconzitisuoxiao:before {
  content: "\E60E"; }

.iconzitifangda:before {
  content: "\E60F"; }

.icontuichu:before {
  content: "\E612"; }

.iconfuzhi:before {
  content: "\E600"; }

.iconxingbiao1:before {
  content: "\E623"; }

.iconziyuan1:before {
  content: "\E60C"; }

.iconxiayiyiceng:before {
  content: "\E61C"; }

.iconwenbenkuang:before {
  content: "\E629"; }

.iconanniuzu:before {
  content: "\E62F"; }

@charset "UTF-8";
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
/*css初始化*/
/*=================================================================
  颜色
  =================================================================*/
/*=================================================================
  动画
  =================================================================*/
/*=================================================================
  侧边栏导航
  =================================================================*/
/*=================================================================
  页面布局相关
  =================================================================*/
html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
th,
td,
dl,
dd,
form,
fieldset,
legend,
input,
textarea,
select {
  margin: 0;
  padding: 0; }

li {
  list-style: none; }

a {
  color: inherit;
  text-decoration: none; }

.icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden; }

* {
  box-sizing: border-box;
  font-family: "lucida grande", "lucida sans unicode", lucida, helvetica, "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif; }

/*=================================================================
  图片
  =================================================================*/
/*=================================================================
  文字相关
  =================================================================*/
.fontsize-sm {
  font-size: 12px; }

.fontsize-normal {
  font-size: 14px;
  font-weight: normal; }

.fontsize-lg {
  font-size: 16px; }

.fontsize-12 {
  font-size: 12px; }

.fontsize-16 {
  font-size: 16px; }

.fontsize-14 {
  font-size: 14px; }

.fontsize-18 {
  font-size: 18px; }

.fontsize-20 {
  font-size: 20px; }

.fontsize-24 {
  font-size: 24px; }

.fontsize-28 {
  font-size: 28px; }

.fontsize-32 {
  font-size: 32px; }

.fontBold {
  font-weight: bold; }

.text-center {
  text-align: center; }

.text-left {
  text-align: left; }

.text-right {
  text-align: right; }

/*文字超出显示省略号*/
.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

/*字体相关*/
.lineheight-1 {
  line-height: 1; }

.lineheight-16 {
  line-height: 16px; }

.lineheight-18 {
  line-height: 18px; }

.lineheight-24 {
  line-height: 24px; }

.lineheight-28 {
  line-height: 28px; }

.lineheight-36 {
  line-height: 36px; }

.lineheight-normal {
  line-height: 1.4; }

.word-wrap {
  word-wrap: break-word; }

.page-title {
  padding: 10px 0 10px;
  font-size: 16px;
  font-weight: bold; }

.user-select-none {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none; }

/*=================================================================
  color相关
  =================================================================*/
.primary {
  color: #2589FF; }

.color-error {
  color: #ea5361; }

.red {
  color: #ea5361; }

.gray {
  color: #7F8593; }

.blue {
  color: #337ab7; }

.orange {
  color: #fe955e; }

.green {
  color: #1ab194; }

.error {
  color: #f5596e; }

.white {
  color: #fff; }

.black {
  color: black; }

.success {
  color: #2589FF; }

.bg-gray {
  background: #7F8593; }

.bg-yellow {
  background-color: yellow; }

.bg-none {
  background: none !important; }

.bg-none * {
  background: none !important; }

.bg-transparent {
  background: transparent; }

.link {
  color: #337ab7;
  cursor: pointer; }

.bg-color-gradient {
  background: linear-gradient(to right, #5ac66a 0%, #3caa7d 80%, #3AA27F 100%); }

/*=================================================================
  布局相关
  =================================================================*/
.none {
  display: none; }

.inline-block {
  display: inline-block; }

.block {
  display: block; }

.table {
  display: table; }

.table-cell {
  display: table-cell; }

.vertical-align-middle {
  vertical-align-middle: middle; }

.hidden {
  overflow: hidden; }

/*清除浮动*/
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

/*左浮动，右浮动*/
.pull-left {
  float: left; }

.pull-right {
  float: right; }

.absolute {
  position: absolute; }

.relative {
  position: relative; }

.fixed {
  position: fixed; }

/*=================================================================
  width && height
  =================================================================*/
.width20 {
  width: 20px; }

.width60 {
  width: 60px; }

.width100 {
  width: 100px; }

.width120 {
  width: 120px; }

.width200 {
  width: 200px; }

.width300 {
  width: 300px; }

.height10 {
  height: 10px; }

.height20 {
  height: 20px; }

.height30 {
  height: 30px; }

.height40 {
  height: 40px; }

.height50 {
  height: 50px; }

.height60 {
  height: 60px; }

.height70 {
  height: 70px; }

.height80 {
  height: 80px; }

.height100 {
  height: 100px; }

/*=================================================================
  padding margin
  =================================================================*/
.paddingT0 {
  padding-top: 0px; }

.paddingL0 {
  padding-left: 0px; }

.paddingR0 {
  padding-right: 0px; }

.paddingB0 {
  padding-bottom: 0px; }

.marginT0 {
  margin-top: 0px; }

.marginL0 {
  margin-left: 0px; }

.marginR0 {
  margin-right: 0px; }

.marginB0 {
  margin-bottom: 0px; }

.padding0 {
  padding: 0px; }

.margin0 {
  margin: 0px; }

.paddingT5 {
  padding-top: 5px; }

.paddingL5 {
  padding-left: 5px; }

.paddingR5 {
  padding-right: 5px; }

.paddingB5 {
  padding-bottom: 5px; }

.marginT5 {
  margin-top: 5px; }

.marginL5 {
  margin-left: 5px; }

.marginR5 {
  margin-right: 5px; }

.marginB5 {
  margin-bottom: 5px; }

.padding5 {
  padding: 5px; }

.margin5 {
  margin: 5px; }

.paddingT10 {
  padding-top: 10px; }

.paddingL10 {
  padding-left: 10px; }

.paddingR10 {
  padding-right: 10px; }

.paddingB10 {
  padding-bottom: 10px; }

.marginT10 {
  margin-top: 10px; }

.marginL10 {
  margin-left: 10px; }

.marginR10 {
  margin-right: 10px; }

.marginB10 {
  margin-bottom: 10px; }

.padding10 {
  padding: 10px; }

.margin10 {
  margin: 10px; }

.paddingT15 {
  padding-top: 15px; }

.paddingL15 {
  padding-left: 15px; }

.paddingR15 {
  padding-right: 15px; }

.paddingB15 {
  padding-bottom: 15px; }

.marginT15 {
  margin-top: 15px; }

.marginL15 {
  margin-left: 15px; }

.marginR15 {
  margin-right: 15px; }

.marginB15 {
  margin-bottom: 15px; }

.padding15 {
  padding: 15px; }

.margin15 {
  margin: 15px; }

.paddingT20 {
  padding-top: 20px; }

.paddingL20 {
  padding-left: 20px; }

.paddingR20 {
  padding-right: 20px; }

.paddingB20 {
  padding-bottom: 20px; }

.marginT20 {
  margin-top: 20px; }

.marginL20 {
  margin-left: 20px; }

.marginR20 {
  margin-right: 20px; }

.marginB20 {
  margin-bottom: 20px; }

.padding20 {
  padding: 20px; }

.margin20 {
  margin: 20px; }

.paddingT25 {
  padding-top: 25px; }

.paddingL25 {
  padding-left: 25px; }

.paddingR25 {
  padding-right: 25px; }

.paddingB25 {
  padding-bottom: 25px; }

.marginT25 {
  margin-top: 25px; }

.marginL25 {
  margin-left: 25px; }

.marginR25 {
  margin-right: 25px; }

.marginB25 {
  margin-bottom: 25px; }

.padding25 {
  padding: 25px; }

.margin25 {
  margin: 25px; }

.paddingT30 {
  padding-top: 30px; }

.paddingL30 {
  padding-left: 30px; }

.paddingR30 {
  padding-right: 30px; }

.paddingB30 {
  padding-bottom: 30px; }

.marginT30 {
  margin-top: 30px; }

.marginL30 {
  margin-left: 30px; }

.marginR30 {
  margin-right: 30px; }

.marginB30 {
  margin-bottom: 30px; }

.padding30 {
  padding: 30px; }

.margin30 {
  margin: 30px; }

.paddingT35 {
  padding-top: 35px; }

.paddingL35 {
  padding-left: 35px; }

.paddingR35 {
  padding-right: 35px; }

.paddingB35 {
  padding-bottom: 35px; }

.marginT35 {
  margin-top: 35px; }

.marginL35 {
  margin-left: 35px; }

.marginR35 {
  margin-right: 35px; }

.marginB35 {
  margin-bottom: 35px; }

.padding35 {
  padding: 35px; }

.margin35 {
  margin: 35px; }

.paddingT40 {
  padding-top: 40px; }

.paddingL40 {
  padding-left: 40px; }

.paddingR40 {
  padding-right: 40px; }

.paddingB40 {
  padding-bottom: 40px; }

.marginT40 {
  margin-top: 40px; }

.marginL40 {
  margin-left: 40px; }

.marginR40 {
  margin-right: 40px; }

.marginB40 {
  margin-bottom: 40px; }

.padding40 {
  padding: 40px; }

.margin40 {
  margin: 40px; }

.paddingT45 {
  padding-top: 45px; }

.paddingL45 {
  padding-left: 45px; }

.paddingR45 {
  padding-right: 45px; }

.paddingB45 {
  padding-bottom: 45px; }

.marginT45 {
  margin-top: 45px; }

.marginL45 {
  margin-left: 45px; }

.marginR45 {
  margin-right: 45px; }

.marginB45 {
  margin-bottom: 45px; }

.padding45 {
  padding: 45px; }

.margin45 {
  margin: 45px; }

.paddingT50 {
  padding-top: 50px; }

.paddingL50 {
  padding-left: 50px; }

.paddingR50 {
  padding-right: 50px; }

.paddingB50 {
  padding-bottom: 50px; }

.marginT50 {
  margin-top: 50px; }

.marginL50 {
  margin-left: 50px; }

.marginR50 {
  margin-right: 50px; }

.marginB50 {
  margin-bottom: 50px; }

.padding50 {
  padding: 50px; }

.margin50 {
  margin: 50px; }

.paddingT55 {
  padding-top: 55px; }

.paddingL55 {
  padding-left: 55px; }

.paddingR55 {
  padding-right: 55px; }

.paddingB55 {
  padding-bottom: 55px; }

.marginT55 {
  margin-top: 55px; }

.marginL55 {
  margin-left: 55px; }

.marginR55 {
  margin-right: 55px; }

.marginB55 {
  margin-bottom: 55px; }

.padding55 {
  padding: 55px; }

.margin55 {
  margin: 55px; }

.paddingT60 {
  padding-top: 60px; }

.paddingL60 {
  padding-left: 60px; }

.paddingR60 {
  padding-right: 60px; }

.paddingB60 {
  padding-bottom: 60px; }

.marginT60 {
  margin-top: 60px; }

.marginL60 {
  margin-left: 60px; }

.marginR60 {
  margin-right: 60px; }

.marginB60 {
  margin-bottom: 60px; }

.padding60 {
  padding: 60px; }

.margin60 {
  margin: 60px; }

.paddingT65 {
  padding-top: 65px; }

.paddingL65 {
  padding-left: 65px; }

.paddingR65 {
  padding-right: 65px; }

.paddingB65 {
  padding-bottom: 65px; }

.marginT65 {
  margin-top: 65px; }

.marginL65 {
  margin-left: 65px; }

.marginR65 {
  margin-right: 65px; }

.marginB65 {
  margin-bottom: 65px; }

.padding65 {
  padding: 65px; }

.margin65 {
  margin: 65px; }

.paddingT70 {
  padding-top: 70px; }

.paddingL70 {
  padding-left: 70px; }

.paddingR70 {
  padding-right: 70px; }

.paddingB70 {
  padding-bottom: 70px; }

.marginT70 {
  margin-top: 70px; }

.marginL70 {
  margin-left: 70px; }

.marginR70 {
  margin-right: 70px; }

.marginB70 {
  margin-bottom: 70px; }

.padding70 {
  padding: 70px; }

.margin70 {
  margin: 70px; }

.paddingT75 {
  padding-top: 75px; }

.paddingL75 {
  padding-left: 75px; }

.paddingR75 {
  padding-right: 75px; }

.paddingB75 {
  padding-bottom: 75px; }

.marginT75 {
  margin-top: 75px; }

.marginL75 {
  margin-left: 75px; }

.marginR75 {
  margin-right: 75px; }

.marginB75 {
  margin-bottom: 75px; }

.padding75 {
  padding: 75px; }

.margin75 {
  margin: 75px; }

.paddingT80 {
  padding-top: 80px; }

.paddingL80 {
  padding-left: 80px; }

.paddingR80 {
  padding-right: 80px; }

.paddingB80 {
  padding-bottom: 80px; }

.marginT80 {
  margin-top: 80px; }

.marginL80 {
  margin-left: 80px; }

.marginR80 {
  margin-right: 80px; }

.marginB80 {
  margin-bottom: 80px; }

.padding80 {
  padding: 80px; }

.margin80 {
  margin: 80px; }

.paddingT85 {
  padding-top: 85px; }

.paddingL85 {
  padding-left: 85px; }

.paddingR85 {
  padding-right: 85px; }

.paddingB85 {
  padding-bottom: 85px; }

.marginT85 {
  margin-top: 85px; }

.marginL85 {
  margin-left: 85px; }

.marginR85 {
  margin-right: 85px; }

.marginB85 {
  margin-bottom: 85px; }

.padding85 {
  padding: 85px; }

.margin85 {
  margin: 85px; }

.paddingT90 {
  padding-top: 90px; }

.paddingL90 {
  padding-left: 90px; }

.paddingR90 {
  padding-right: 90px; }

.paddingB90 {
  padding-bottom: 90px; }

.marginT90 {
  margin-top: 90px; }

.marginL90 {
  margin-left: 90px; }

.marginR90 {
  margin-right: 90px; }

.marginB90 {
  margin-bottom: 90px; }

.padding90 {
  padding: 90px; }

.margin90 {
  margin: 90px; }

.margin-auto {
  margin-left: auto;
  margin-right: auto; }

/*=================================================================
  z-engine-h5-long-100
  =================================================================*/
.z-index-10 {
  z-index: 10; }

.z-index-20 {
  z-index: 20; }

.z-index-30 {
  z-index: 30; }

.z-index-40 {
  z-index: 40; }

.z-index-50 {
  z-index: 50; }

.z-index-60 {
  z-index: 60; }

.z-index-70 {
  z-index: 70; }

.z-index-80 {
  z-index: 80; }

.z-index-100 {
  z-index: 100; }

/*=================================================================
  border
  =================================================================*/
.border-T {
  border-top: 1px solid #e6ebed; }

.border-B {
  border-bottom: 1px solid #e6ebed; }

.border-L {
  border-left: 1px solid #e6ebed; }

.border-R {
  border-right: 1px solid #e6ebed; }

.border-dashed-T {
  border-top: 1px dashed #e6ebed; }

.border-dashed-B {
  border-bottom: 1px dashed #e6ebed; }

.border-red {
  border: 1px solid #ea5361 !important; }

.no-border {
  border: none !important; }

.border-radius-4 {
  border-radius: 4px; }

.border-round {
  border: 1px solid #e6ebed; }

/*=================================================================
  鼠标样式
  =================================================================*/
.cursor-pointer {
  cursor: pointer; }

/*必填项 * 图标*/
.required-fields:before {
  content: " *";
  color: #ea5361;
  font-size: 20px; }

/** 页面结构样式 */
.page-title-wrapper {
  height: 58px;
  line-height: 58px;
  padding: 0 32px;
  font-size: 18px;
  color: black;
  border-bottom: 1px solid #e6ebed; }

.page-search-wrapper {
  min-height: 48px;
  padding: 0 32px;
  line-height: 48px;
  background: white; }
  .page-search-wrapper::after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }
  .page-search-wrapper .search-item-label {
    display: inline-block; }
  .page-search-wrapper .search-item-input {
    display: inline-block;
    width: 200px;
    margin-right: 10px; }
  .page-search-wrapper .search-item-input.small {
    display: inline-block;
    width: 138px; }
  .page-search-wrapper .search-item-btn {
    display: inline-block; }

.page-table-wrapper .link {
  text-decoration: underline;
  color: inherit; }

.page-table-wrapper .el-table--enable-row-hover .el-table__body tr:hover > td * {
  color: #2589FF; }

.page-table-wrapper .el-table--enable-row-hover .el-table__body tr:hover > td .table-btn {
  background-color: #2589FF; }

.table-btn-show-more {
  display: inline-block;
  width: 32px;
  height: 24px;
  line-height: 24px;
  background: white;
  border: 1px solid #a1afc3;
  border-radius: 4px;
  cursor: pointer;
  text-align: center; }
  .table-btn-show-more:hover {
    background: #2589FF;
    border-color: #2589FF; }
    .table-btn-show-more:hover i {
      color: white !important; }

.page-pagination-wrapper {
  text-align: right;
  padding: 20px 0; }

.bg-color-gradient {
  background: linear-gradient(to right, #5ac66a 0%, #3caa7d 80%, #3AA27F 100%); }

.scrollbar-wrapper .el-scrollbar__wrap {
  overflow-x: auto; }

.arrt-eidt-wrapper {
  display: flex; }
  .arrt-eidt-wrapper .arrt-eidt-l {
    width: 108px; }
  .arrt-eidt-wrapper .arrt-eidt-r {
    flex: 1; }

.attr-item-edit-wrapper {
  padding-left: 18px;
  display: flex;
  width: 100%;
  text-align: center;
  padding-bottom: 10px; }
  .attr-item-edit-wrapper .attr-item-title {
    text-align: left;
    min-width: 60px;
    font-size: 12px; }
  .attr-item-edit-wrapper .attr-item-edit-input.col-2 {
    width: 90px;
    margin-left: 10px; }
  .attr-item-edit-wrapper .attr-item-edit-input.col-1 {
    width: 250px; }
  .attr-item-edit-wrapper .attr-item-edit-input.col-3 {
    width: 60px;
    margin-left: 10px; }
  .attr-item-edit-wrapper .attr-item-edit-input.col-4 {
    width: 50px;
    margin-left: 10px; }
  .attr-item-edit-wrapper .attr-item-edit-input .attr-item-edit-input-des {
    text-align: center;
    line-height: 1;
    margin-top: 2px;
    font-size: 12px;
    color: #7F8593; }

.glo-input-row {
  margin: 10px 0; }
  .glo-input-row > div {
    margin-bottom: 10px; }

/*=================================================================
  滚动条
  =================================================================*/
::-webkit-scrollbar {
  width: 5px;
  height: 5px; }

/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: rgba(0, 0, 0, 0.1); }

/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: rgba(0, 0, 0, 0.1); }

/*=================================================================
  新暗黑组件
  =================================================================*/
.el-collapse,
.el-collapse-item__header,
.el-collapse-item__wrap,
.el-collapse-item__content,
.el-collapse-item {
  background-color: inherit;
  color: #ffffff;
  text-align: left;
  border: none;
  padding-bottom: 0px;
  margin-bottom: 0px; }

.el-collapse-item__header {
  height: 40px;
  line-height: 40px;
  color: #d2d2d2;
  cursor: pointer;
  font-size: 12px;
  font-weight: 500;
  margin: 0 0;
  padding-left: 10px; }

.el-collapse-item__wrap {
  padding: 10px 0 10px 10px;
  border-bottom: 1px solid #353535;
  background: rgba(0, 0, 0, 0.4); }

.el-collapse-item__header.is-active {
  color: #d2d2d2; }

.el-tabs__nav-wrap::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background-color: transparent;
  z-index: 1; }

.el-collapse-item {
  padding: 0 0;
  margin: 0 0; }

.el-collapse-item__content {
  font-size: 10px; }

.el-form {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none; }
  .el-form .el-form-item__label {
    color: #fff; }

.el-tabs {
  border: none;
  margin: 0 0 5px 0; }
  .el-tabs .el-tabs__header {
    padding: 0;
    position: relative;
    margin: 0 0;
    border: none; }
    .el-tabs .el-tabs__header .el-tabs__nav {
      border: none;
      border-radius: 0 0 0 0; }
    .el-tabs .el-tabs__header .el-tabs__item {
      font-size: 12px;
      color: #d2d2d2;
      border: none;
      border-top: 1px solid transparent;
      height: 28px;
      line-height: 28px;
      background: black;
      padding: 0 4px;
      -webkit-user-select: none;
      -moz-user-select: none;
      user-select: none; }
    .el-tabs .el-tabs__header .el-tabs__item.is-active {
      color: #ef9800;
      background: inherit;
      border: none;
      border-top: 1px solid #ef9800;
      font-weight: 500;
      padding: 0 4px; }

.el-tabs--bottom .el-tabs--left > .el-tabs__header .el-tabs__item:nth-child(2),
.el-tabs--bottom .el-tabs--right > .el-tabs__header .el-tabs__item:nth-child(2),
.el-tabs--bottom.el-tabs--border-card
> .el-tabs__header
.el-tabs__item:nth-child(2),
.el-tabs--bottom.el-tabs--card > .el-tabs__header .el-tabs__item:nth-child(2),
.el-tabs--top .el-tabs--left > .el-tabs__header .el-tabs__item:nth-child(2),
.el-tabs--top .el-tabs--right > .el-tabs__header .el-tabs__item:nth-child(2),
.el-tabs--top.el-tabs--border-card
> .el-tabs__header
.el-tabs__item:nth-child(2),
.el-tabs--top.el-tabs--card > .el-tabs__header .el-tabs__item:nth-child(2) {
  padding-left: 0px; }

.el-checkbox {
  height: 50px; }

.el-checkbox__label {
  color: #fff; }

.panel-caption {
  color: #ffffff;
  font-size: 12px;
  text-align: left;
  font-weight: normal;
  background-color: #000000;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABNUlEQVRYR+2WPTIEURRGz9mBmERgdiBQCGZ2YAkjISIVYgtEJOzAFiYwAVV2QIlILeGqVj1TXaqZ995QnXRn3fX1/c79eT/S8WPH/vQAfQWKKhARQ3XSHOC2bykDng0QEVNgG7hV9yuTiLgBxsCDupViPNOUAHwAK8C7ulYDvALrddAN9SUVogTgCjgAztTzGuC0egeu1cNU80qXDZATPEVbBFA6cG1A2QARcQ/sNMsdEbO2TNXdlMyXGcKY/6xfCUTE/Bsw+r5EfwMqqUA/hDktXqj96xZcqscLXRuCEoDOh7BtGV4AR8BEHf1rBepl191pmJNdirZkBn7aB4bAo3qSYrzMTth2HL8Bq3XQgfqcClFSgbYLyR2wBzypm6nmxcdxp1eynOxStNktSAmao+kB+gp8Ah0KkiEvtscQAAAAAElFTkSuQmCC);
  background-position: left center;
  background-repeat: no-repeat, no-repeat;
  background-size: 18px 18px;
  padding: 7px 0px 5px 20px;
  border-bottom: 1px solid #222222;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px; }
  .panel-caption a {
    float: right;
    padding-right: 10px;
    cursor: pointer; }

.el-menu,
.el-menu.el-menu--horizontal {
  background-color: inherit;
  padding: 0 0;
  margin: 0 0;
  border: none; }

.el-menu--horizontal > .el-menu-item {
  border-bottom: 2px solid transparent;
  color: #f0f0f0;
  font-weight: 400; }

.el-menu--horizontal > .el-menu-item.is-active {
  border-bottom: 2px solid #0084bf;
  color: #2589FF; }
  .el-menu--horizontal > .el-menu-item.is-active i {
    color: #2589FF; }

.el-menu-item:hover {
  outline: 0 !important;
  color: #2589FF !important; }
  .el-menu-item:hover i {
    color: #2589FF; }

.el-menu-item.is-active {
  color: #fff !important;
  background: #2589FF !important; }

.el-menu--horizontal > .el-menu-item.is-active {
  border-bottom: 2px solid #2589FF;
  color: #2589FF; }

.el-menu--horizontal > .el-menu-item:not(.is-disabled):focus,
.el-menu--horizontal > .el-menu-item:not(.is-disabled):hover,
.el-menu--horizontal > .el-submenu .el-submenu__title:hover {
  background-color: transparent;
  color: #2589FF; }
  .el-menu--horizontal > .el-menu-item:not(.is-disabled):focus i,
  .el-menu--horizontal > .el-menu-item:not(.is-disabled):hover i,
  .el-menu--horizontal > .el-submenu .el-submenu__title:hover i {
    color: #2589FF; }

.el-menu--horizontal > .el-menu-item.is-active:focus,
.el-menu--horizontal > .el-menu-item.is-active:hover {
  background-color: inherit;
  border-bottom: 2px solid #2589FF;
  color: #2589FF; }
  .el-menu--horizontal > .el-menu-item.is-active:focus i,
  .el-menu--horizontal > .el-menu-item.is-active:hover i {
    color: #2589FF; }

.el-button {
  padding: 6px 12px; }

.el-form-item--mini.el-form-item,
.el-form-item--small.el-form-item,
.el-form-item {
  margin-bottom: 12px; }

.el-form-item__content {
  line-height: 30px; }

.el-popper .popper__arrow {
  border: 0; }

.el-popper .popper__arrow::after {
  content: none; }

.el-dropdown-menu {
  border: none;
  color: white;
  border-radius: 5px;
  padding: 5px;
  margin: 0;
  display: flex;
  flex-direction: column;
  align-items: left;
  justify-content: left;
  background: rgba(255, 255, 255, 0.95);
  margin-left: 5px;
  -webkit-box-shadow: outset 0 0 10px black; }

.el-dropdown-menu__item:not(.is-disabled) {
  background-color: transparent;
  color: #000000;
  font-size: 12px;
  line-height: 24px;
  text-align: left;
  padding: 2px 10px;
  margin: 0;
  opacity: 0.7; }

.el-dropdown-menu__item:not(.is-disabled):hover {
  background-color: #535353;
  color: #EF9800;
  font-weight: bold; }

.el-message-box {
  background: #2e313a;
  border: 1px solid #2e313a;
  width: 480px; }
  .el-message-box .el-message-box__header {
    background: #23252c;
    padding: 16px 40px; }
    .el-message-box .el-message-box__header .el-message-box__title {
      color: #fff; }
  .el-message-box .el-message-box__content .el-message-box__message {
    color: #fff;
    padding: 24px 40px;
    font-weight: 400;
    font-size: 16px;
    color: #ffffff; }
  .el-message-box .el-message-box__close {
    color: #ffffff; }
  .el-message-box .el-message-box__btns {
    padding: 10px; }
    .el-message-box .el-message-box__btns .el-button {
      width: 130px;
      height: 40px;
      font-size: 14px;
      border-radius: 8px; }
    .el-message-box .el-message-box__btns .el-button--primary {
      background-color: #3656fd;
      border-color: #3656fd; }

.no-data {
  font-size: 12px;
  color: #d2d2d2;
  padding: 20px; }

/*=================================================================
  通用基础属性排版
  =================================================================*/
.att-container {
  padding-left: 10px;
  padding-right: 10px;
  text-align: left; }

@charset "UTF-8";

/*!
 * animate.css -https://daneden.github.io/animate.css/
 * Version - 3.7.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2019 Daniel Eden
 */

@keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    transform: translate3d(0, -4px, 0);
  }
}

.bounce {
  animation-name: bounce;
  transform-origin: center bottom;
}

@keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0;
  }
}

.flash {
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@keyframes pulse {
  from {
    transform: scale3d(1, 1, 1);
  }

  50% {
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    transform: scale3d(1, 1, 1);
  }
}

.pulse {
  animation-name: pulse;
}

@keyframes rubberBand {
  from {
    transform: scale3d(1, 1, 1);
  }

  30% {
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    transform: scale3d(1.05, 0.95, 1);
  }

  to {
    transform: scale3d(1, 1, 1);
  }
}

.rubberBand {
  animation-name: rubberBand;
}

@keyframes shake {
  from,
  to {
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    transform: translate3d(-10px, 0, 0);
  }

  20%,
  40%,
  60%,
  80% {
    transform: translate3d(10px, 0, 0);
  }
}

.shake {
  animation-name: shake;
}

@keyframes headShake {
  0% {
    transform: translateX(0);
  }

  6.5% {
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    transform: translateX(0);
  }
}

.headShake {
  animation-timing-function: ease-in-out;
  animation-name: headShake;
}

@keyframes swing {
  20% {
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

.swing {
  transform-origin: top center;
  animation-name: swing;
}

@keyframes tada {
  from {
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%,
  50%,
  70%,
  90% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%,
  60%,
  80% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    transform: scale3d(1, 1, 1);
  }
}

.tada {
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@keyframes wobble {
  from {
    transform: translate3d(0, 0, 0);
  }

  15% {
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

.wobble {
  animation-name: wobble;
}

@keyframes jello {
  from,
  11.1%,
  to {
    transform: translate3d(0, 0, 0);
  }

  22.2% {
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

.jello {
  animation-name: jello;
  transform-origin: center;
}

@keyframes heartBeat {
  0% {
    transform: scale(1);
  }

  14% {
    transform: scale(1.3);
  }

  28% {
    transform: scale(1);
  }

  42% {
    transform: scale(1.3);
  }

  70% {
    transform: scale(1);
  }
}

.heartBeat {
  animation-name: heartBeat;
  animation-duration: 1.3s;
  animation-timing-function: ease-in-out;
}

@keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    transform: scale3d(1, 1, 1);
  }
}

.bounceIn {
  animation-duration: 0.75s;
  animation-name: bounceIn;
}

@keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0);
  }

  75% {
    transform: translate3d(0, -10px, 0);
  }

  90% {
    transform: translate3d(0, 5px, 0);
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

.bounceInDown {
  animation-name: bounceInDown;
}

@keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0);
  }

  75% {
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    transform: translate3d(5px, 0, 0);
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

.bounceInLeft {
  animation-name: bounceInLeft;
}

@keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    transform: translate3d(10px, 0, 0);
  }

  90% {
    transform: translate3d(-5px, 0, 0);
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

.bounceInRight {
  animation-name: bounceInRight;
}

@keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }

  75% {
    transform: translate3d(0, 10px, 0);
  }

  90% {
    transform: translate3d(0, -5px, 0);
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

.bounceInUp {
  animation-name: bounceInUp;
}

@keyframes bounceOut {
  20% {
    transform: scale3d(0.9, 0.9, 0.9);
  }

  50%,
  55% {
    opacity: 1;
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
}

.bounceOut {
  animation-duration: 0.75s;
  animation-name: bounceOut;
}

@keyframes bounceOutDown {
  20% {
    transform: translate3d(0, 10px, 0);
  }

  40%,
  45% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}

.bounceOutDown {
  animation-name: bounceOutDown;
}

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, 0, 0);
  }

  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}

.bounceOutLeft {
  animation-name: bounceOutLeft;
}

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, 0, 0);
  }

  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}

.bounceOutRight {
  animation-name: bounceOutRight;
}

@keyframes bounceOutUp {
  20% {
    transform: translate3d(0, -10px, 0);
  }

  40%,
  45% {
    opacity: 1;
    transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}

.bounceOutUp {
  animation-name: bounceOutUp;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {
  animation-name: fadeIn;
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.fadeInDown {
  animation-name: fadeInDown;
}

@keyframes fadeInDownBig {
  from {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.fadeInDownBig {
  animation-name: fadeInDownBig;
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.fadeInLeft {
  animation-name: fadeInLeft;
}

@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.fadeInLeftBig {
  animation-name: fadeInLeftBig;
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.fadeInRight {
  animation-name: fadeInRight;
}

@keyframes fadeInRightBig {
  from {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.fadeInRightBig {
  animation-name: fadeInRightBig;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.fadeInUp {
  animation-name: fadeInUp;
}

@keyframes fadeInUpBig {
  from {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.fadeInUpBig {
  animation-name: fadeInUpBig;
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.fadeOut {
  animation-name: fadeOut;
}

@keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
}

.fadeOutDown {
  animation-name: fadeOutDown;
}

@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}

.fadeOutDownBig {
  animation-name: fadeOutDownBig;
}

@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }
}

.fadeOutLeft {
  animation-name: fadeOutLeft;
}

@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}

.fadeOutLeftBig {
  animation-name: fadeOutLeftBig;
}

@keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
}

.fadeOutRight {
  animation-name: fadeOutRight;
}

@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}

.fadeOutRightBig {
  animation-name: fadeOutRightBig;
}

@keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
}

.fadeOutUp {
  animation-name: fadeOutUp;
}

@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}

.fadeOutUpBig {
  animation-name: fadeOutUpBig;
}

@keyframes flip {
  from {
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    animation-timing-function: ease-out;
  }

  40% {
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    animation-timing-function: ease-out;
  }

  50% {
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    animation-timing-function: ease-in;
  }

  80% {
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    animation-timing-function: ease-in;
  }

  to {
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  backface-visibility: visible;
  animation-name: flip;
}

@keyframes flipInX {
  from {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    animation-timing-function: ease-in;
  }

  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    transform: perspective(400px);
  }
}

.flipInX {
  backface-visibility: visible !important;
  animation-name: flipInX;
}

@keyframes flipInY {
  from {
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    animation-timing-function: ease-in;
  }

  60% {
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    transform: perspective(400px);
  }
}

.flipInY {
  backface-visibility: visible !important;
  animation-name: flipInY;
}

@keyframes flipOutX {
  from {
    transform: perspective(400px);
  }

  30% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

.flipOutX {
  animation-duration: 0.75s;
  animation-name: flipOutX;
  backface-visibility: visible !important;
}

@keyframes flipOutY {
  from {
    transform: perspective(400px);
  }

  30% {
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

.flipOutY {
  animation-duration: 0.75s;
  backface-visibility: visible !important;
  animation-name: flipOutY;
}

@keyframes lightSpeedIn {
  from {
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    transform: skewX(-5deg);
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

.lightSpeedIn {
  animation-name: lightSpeedIn;
  animation-timing-function: ease-out;
}

@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

  to {
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

.lightSpeedOut {
  animation-name: lightSpeedOut;
  animation-timing-function: ease-in;
}

@keyframes rotateIn {
  from {
    transform-origin: center;
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    transform-origin: center;
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateIn {
  animation-name: rotateIn;
}

@keyframes rotateInDownLeft {
  from {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    transform-origin: left bottom;
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateInDownLeft {
  animation-name: rotateInDownLeft;
}

@keyframes rotateInDownRight {
  from {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    transform-origin: right bottom;
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateInDownRight {
  animation-name: rotateInDownRight;
}

@keyframes rotateInUpLeft {
  from {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    transform-origin: left bottom;
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateInUpLeft {
  animation-name: rotateInUpLeft;
}

@keyframes rotateInUpRight {
  from {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    transform-origin: right bottom;
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateInUpRight {
  animation-name: rotateInUpRight;
}

@keyframes rotateOut {
  from {
    transform-origin: center;
    opacity: 1;
  }

  to {
    transform-origin: center;
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

.rotateOut {
  animation-name: rotateOut;
}

@keyframes rotateOutDownLeft {
  from {
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  animation-name: rotateOutDownLeft;
}

@keyframes rotateOutDownRight {
  from {
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  animation-name: rotateOutDownRight;
}

@keyframes rotateOutUpLeft {
  from {
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  animation-name: rotateOutUpLeft;
}

@keyframes rotateOutUpRight {
  from {
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  animation-name: rotateOutUpRight;
}

@keyframes hinge {
  0% {
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }

  20%,
  60% {
    transform: rotate3d(0, 0, 1, 80deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }

  40%,
  80% {
    transform: rotate3d(0, 0, 1, 60deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

.hinge {
  animation-duration: 2s;
  animation-name: hinge;
}

@keyframes jackInTheBox {
  from {
    opacity: 0;
    transform: scale(0.1) rotate(30deg);
    transform-origin: center bottom;
  }

  50% {
    transform: rotate(-10deg);
  }

  70% {
    transform: rotate(3deg);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

.jackInTheBox {
  animation-name: jackInTheBox;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@keyframes rollIn {
  from {
    opacity: 0;
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.rollIn {
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

.rollOut {
  animation-name: rollOut;
}

@keyframes zoomIn {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  animation-name: zoomIn;
}

@keyframes zoomInDown {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInDown {
  animation-name: zoomInDown;
}

@keyframes zoomInLeft {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInLeft {
  animation-name: zoomInLeft;
}

@keyframes zoomInRight {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInRight {
  animation-name: zoomInRight;
}

@keyframes zoomInUp {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInUp {
  animation-name: zoomInUp;
}

@keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 0;
  }
}

.zoomOut {
  animation-name: zoomOut;
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform-origin: center bottom;
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomOutDown {
  animation-name: zoomOutDown;
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform-origin: left center;
  }
}

.zoomOutLeft {
  animation-name: zoomOutLeft;
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    transform: scale(0.1) translate3d(2000px, 0, 0);
    transform-origin: right center;
  }
}

.zoomOutRight {
  animation-name: zoomOutRight;
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform-origin: center bottom;
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomOutUp {
  animation-name: zoomOutUp;
}

@keyframes slideInDown {
  from {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

.slideInDown {
  animation-name: slideInDown;
}

@keyframes slideInLeft {
  from {
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

.slideInLeft {
  animation-name: slideInLeft;
}

@keyframes slideInRight {
  from {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

.slideInRight {
  animation-name: slideInRight;
}

@keyframes slideInUp {
  from {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

.slideInUp {
  animation-name: slideInUp;
}

@keyframes slideOutDown {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}

.slideOutDown {
  animation-name: slideOutDown;
}

@keyframes slideOutLeft {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    transform: translate3d(-100%, 0, 0);
  }
}

.slideOutLeft {
  animation-name: slideOutLeft;
}

@keyframes slideOutRight {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}

.slideOutRight {
  animation-name: slideOutRight;
}

@keyframes slideOutUp {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    transform: translate3d(0, -100%, 0);
  }
}

.slideOutUp {
  animation-name: slideOutUp;
}

.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}

.animated.infinite {
  animation-iteration-count: infinite;
}

.animated.delay-1s {
  animation-delay: 1s;
}

.animated.delay-2s {
  animation-delay: 2s;
}

.animated.delay-3s {
  animation-delay: 3s;
}

.animated.delay-4s {
  animation-delay: 4s;
}

.animated.delay-5s {
  animation-delay: 5s;
}

.animated.fast {
  animation-duration: 800ms;
}

.animated.faster {
  animation-duration: 500ms;
}

.animated.slow {
  animation-duration: 2s;
}

.animated.slower {
  animation-duration: 3s;
}

@media (print), (prefers-reduced-motion: reduce) {
  .animated {
    animation-duration: 1ms !important;
    transition-duration: 1ms !important;
    animation-iteration-count: 1 !important;
  }
}


.svg-icon[data-v-547ed10d] {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
.svg-external-icon[data-v-547ed10d] {
  background-color: currentColor;
  -webkit-mask-size: cover!important;
          mask-size: cover!important;
  display: inline-block;
}