 //  混入使用弹性布局
 @mixin flex($justify, $flexDir: flase, $gap: 0rpx) {
    display: flex;
    align-items: center;
    @if $justify {
      justify-content: $justify;
    }
    @if $flexDir {
      flex-direction: $flexDir;
    }
    gap: $gap;
  }

  .consumerManagement{
    padding: 24px;
    height: calc(100vh - 50px);
    box-sizing: border-box;
    @include flex(center,column,null);
    .top-all{
        background-color: #ffffff;
        width: 100%;
        height: 130px;
        padding: 0 24px;
        @include flex(space-between,null,null);
        .top-item{
            width: 383px;
            height: 98px;
            background-color: #EFF4FF;
            padding: 12px 0 12px 24px;
            p{
                margin-top: 4px;
                &:first-of-type{
                    color: #3A68F2;
                    font-size: 32px;
                     font-weight: 600;
                }
                &:last-of-type{
                    color: #424E66;
                    font-size: 14px;
                }
            }
        }
    }
    .bottom-list{
        flex: 1;
        width: 100%;
        background-color: #ffffff;
        margin-top: 16px;
        padding: 10px 24px;
        box-sizing: border-box;
    }
  }


  ::v-deep .el-tabs__active-bar{
    height: 3px;
    background-color: #3A68F2;
  }
  ::v-deep .el-tabs__item.is-active{
    color: #3A68F2;
  }
  ::v-deep .el-tabs__item {
    &:hover{
        color: #3A68F2;
    }
  }