/* 表格最外层透明 */
.el-table,
.el-table__expanded-cell {
  background-color: transparent;
}

/* 表格内背景颜色 */
.el-table th,
.el-table tr,
.el-table td {
  background-color: transparent !important;
}

/* 通过css变量修改el-table样式 */
.el-table {
  // 表头
  --el-table-header-text-color: #FFFFFF;

  /* 行样式 */
  --el-table-text-color: #FFFFFF;

  .el-table__body {
    tr {
      // 行高
      height: 48px;

      // 行悬停效果
      &:hover {
        td {
          background-color: #92b7ef88 !important;
        }
      }
    }
  }
}

.el-input {
  --el-table-text-color: #FFFFFF;
}


// 分段选择器的样式
.custom-style .el-segmented {
  // 选中选项的背景颜色
  --el-segmented-item-selected-bg-color: #1977d5d7;
  // 分段选择器的背景颜色
  --el-segmented-bg-color: #1b1c54;
  // 选项悬停时的背景颜色
  --el-segmented-item-hover-bg-color: #1977d5d7;
  // 选项文字颜色
  --el-segmented-color: #FFFFFF;
  // 选项悬停时的文字颜色
  --el-segmented-item-hover-color: #FFFFFF;
  // 选中选项的背景颜色
  --el-segmented-item-active-bg-color: #1977d5d7;
}

.segmentedStyle .el-segmented {
  --el-segmented-item-selected-bg-color: #1977d5d7;
  --el-segmented-bg-color: #1b1c54;
  --el-segmented-item-hover-bg-color: #1977d5d7;
  --el-segmented-color: #FFFFFF;
  --el-segmented-item-hover-color: #FFFFFF;
  --el-segmented-item-active-bg-color: #1977d5d7;
}