Tab 默认样式覆盖处理

@media only screen and (min-width: 999px) {
  // 在 PC 端 tab 的显示方式做一些处理
  .kxb-col-12-12 /deep/ .el-tabs--left .el-tabs__header.is-left {
    /** tab 宽度 */
    width: 25%;
    min-width: 300px;
  }

  .kxb-col-12-12 /deep/ .el-tabs__item {
    text-align: left;
    border-right: none;
  }
  .kxb-col-12-12 /deep/ .el-tabs__item.is-active {
    /**高亮的 tab 样式 */
    background: #0e7071 linear-gradient(to right, rgba(0, 255, 0, 0), rgb(47, 42, 98));
  }

  /** 隐藏 tab 切换本身自带的右边的线 */
  .kxb-col-12-12 /deep/ .el-tabs__active-bar {
    background: transparent;
  }

  /*去掉el-tab-pane底部灰色线条*/
  .kxb-col-12-12 /deep/ .el-tabs__nav-wrap::after {
    height: 0;
  }

  .kxb-col-12-12 /deep/ .el-tabs__item:hover {
    /** 鼠标滑过 item 的样式 */
    color: red !important;
  }
}