/*气动案例管理-标签管理*/
.mainBox {
  .mainBox-header {
    width: 100%;
    height: 34px;
    line-height: 34px;
    background: white;
  }
  .mainBox-cotent {
    width: 100%;
    height: auto;
    background-color: rgba(220, 18, 186, 0.2);
    position: relative;
    .mainBox-cotent-lefte {
      position: absolute;
      top: 10px;
      left: 0;
      width: 8%;
      height: auto;
      .data-switch {
        width: 128px;
        margin: 0;
        padding: 0;
        background: white;
        .data-switch-li {
          position: relative;
          height: 44px;
          width: 100%;
          text-align: left;
          align-items: center;
          display: flex; /* 使用 flexbox */
          align-items: center; /* 垂直居中 */
          line-height: 44px; /* 设置行高与高度一致 */
          margin: 0;
          padding: 0;
        }
        .active {
          background-color: #37AEC1;
        }
        .data-switch-left {
          position: absolute;
          top: 0;
          left: 8px;
          width: 70%;
          height: 100%;
          margin-right: auto; /* 将左侧元素推向左边 */
        }
        .data-switch-right {
          position: absolute;
          top: 0;
          right: 8px;
          width: 30%;
          height: 100%;
          text-align: right;
          margin-left: auto; /* 将右侧元素推向右边 */
        }
      }
    }
    .mainBox-cotent-rght {
      position: absolute;
      width: 90%;
      top: 10px;
      left: 142px;
    }
  }
}