.active {
  background-color: #37AEC1 !important; /* 高亮颜色 */
  border-color: #37AEC1 !important;
}
.abutton {
  width: 100px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  background-color: #ccc;
  margin-left: 12px;
}
.mainBox {
  .mainBox-header {
    width: 100%;
    height: 54px;
    line-height: 54px;
    background: white;
  }
  .mainBox-cotent {
    width: 100%;
    height: auto;
    // background-color: rgba(220, 18, 186, 0.2);
    position: relative;
    .mainBox-cotent-bottom{
      display: flex; /* 启用 Flexbox 布局 */
    }
    .mainBox-cotent-lefte {
      width: 8%;
      min-width: 165px;
      margin: 10px; /* 添加一些间距 */
      height: auto;
      .data-switch {
        width: 128px;
        margin: 0;
        padding: 0;
        background: white;
        .data-switch-li {
          cursor: pointer;
          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 {
      margin: 10px; /* 添加一些间距 */
      width: 90%;
     min-width: 600px;
    }
  }
}