@charset "UTF-8";
/*
    项目通用颜色变量
*/
/*
    zIndex层级
*/
/*
    各种字体大小
*/
/*
    字体颜色
*/
/*
    基础路径
*/
[data-v-5fec03fd]:export {
  menuText: #ffffff;
  menuActiveText: #ffffff;
  subMenuActiveText: #ffffff;
  menuBg: #23345E;
  menuHover: #1890FF;
  subMenuBg: #23345E;
  subMenuHover: #1890FF;
  sideBarWidth: 256px;
}
[data-v-5fec03fd] .el-icon-arrow-right {
  color: #ff3131;
}
.syncTable[data-v-5fec03fd] {
  margin: 5px;
  padding: 20px 5px;
  background-color: #fff;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.syncTable .contentDiv[data-v-5fec03fd] {
    flex: 1;
}
.syncTable .contentDiv .syncType[data-v-5fec03fd] {
      height: 100%;
      text-align: center;
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative;
}
.syncTable .contentDiv .syncType[data-v-5fec03fd]::before {
        content: '提示：数据传输功能会影响数据库结构或者数据，操作前请进行数据库备份操作！';
        position: absolute;
        bottom: 10px;
        color: #ff3131;
}
.syncTable .contentDiv .syncType .btn[data-v-5fec03fd] {
        display: inline-block;
        width: 220px;
        margin: 40px;
        height: 24%;
        max-height: 300px;
        background-color: #5ac1f5;
        border: 1px solid #fff;
        border-radius: 3px;
        text-align: center;
        display: flex;
        flex-direction: column;
}
.syncTable .contentDiv .syncType .btn[data-v-5fec03fd]:hover {
          border: 1px solid #22a6ee;
}
.syncTable .contentDiv .syncType .btn .icon[data-v-5fec03fd] {
          width: 100%;
          flex: 1;
          text-align: center;
          display: flex;
          align-items: center;
          justify-content: center;
}
.syncTable .contentDiv .syncType .btn .icon .el-icon-tickets[data-v-5fec03fd], .syncTable .contentDiv .syncType .btn .icon .el-icon-document-copy[data-v-5fec03fd] {
            font-size: 100px;
            color: #fff;
}
.syncTable .contentDiv .syncType .btn .text[data-v-5fec03fd] {
          text-align: center;
          height: 50px;
          line-height: 50px;
          color: #fff;
}
.syncTable .contentDiv .dataBaseListDiv[data-v-5fec03fd] {
      height: 100%;
      display: flex;
      flex-direction: column;
}
.syncTable .contentDiv .dataBaseListDiv .topBtns[data-v-5fec03fd] {
        height: 35px;
        line-height: 35px;
        border-bottom: 1px dashed #c1e5f6;
        padding-left: 24px;
        margin-bottom: 3px;
}
.syncTable .contentDiv .dataBaseListDiv .topBtns[data-v-5fec03fd] .el-checkbox {
          margin-right: 8px;
}
.syncTable .contentDiv .dataBaseListDiv .treeDiv[data-v-5fec03fd] {
        flex: 1;
        position: relative;
}
.syncTable .contentDiv .dataBaseListDiv .treeDiv .treeList[data-v-5fec03fd] {
          height: 100%;
          width: 100%;
          position: absolute;
          overflow-y: auto;
}
.syncTable .contentDiv .dataBaseListDiv .treeDiv .custom-tree-node[data-v-5fec03fd] {
          flex: 1;
          display: flex;
          align-items: center;
          justify-content: space-between;
          font-size: 14px;
          padding-right: 8px;
}
.syncTable .contentDiv .modeDiv[data-v-5fec03fd] {
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
}
.syncTable .contentDiv .modeDiv .modeForm[data-v-5fec03fd] {
        width: 80%;
        max-width: 700px;
        margin-left: auto;
        margin-right: auto;
}
.syncTable .contentDiv .upSyncFile[data-v-5fec03fd] {
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
}
.syncTable .contentDiv .upSyncFile .uploadDiv[data-v-5fec03fd] {
        margin-left: auto;
        margin-right: auto;
}
.syncTable .contentDiv .outputMessage[data-v-5fec03fd] {
      height: 100%;
      position: relative;
}
.syncTable .contentDiv .outputMessage .context[data-v-5fec03fd] {
        width: 100%;
        height: 100%;
        padding: 5px;
        position: absolute;
        overflow-y: auto;
        line-height: 19px;
}
.syncTable .bottomDiv[data-v-5fec03fd] {
    border-top: 1px solid #c1e5f6;
    padding-right: 100px;
    height: 50px;
    line-height: 50px;
    text-align: right;
}
.syncTable .bottomDiv .warning[data-v-5fec03fd] {
      color: #ff3131;
}