::v-deep.el-row{
  display: flex;
  justify-content: flex-start;
  margin-bottom: 20px;
  .el-col-4{
    width: 20%;
  }
}
.pie-container{
  position: relative;
  width: 100%;
  height: 100%;
  .pie-right{
    position: absolute;
    top: 33%;
    left: 60%;
    .pie-item{
      margin: 15px 0;
      color: #333;
      font-variant-numeric: lining-nums tabular-nums;
      font-family: Source Han Sans CN VF;
      font-size: 16px;
      font-style: normal;
      font-weight: 400;
      span{
        &:first-child{
          display: inline-block;
          width: 120px;
          text-align: right;
        }
        &:nth-child(2){
          display: inline-block;
          width: 100px;
          text-align: right;
        }
      }
    }
  }
}
.card{
  width: 100%;
  display: inline-flex;
  padding: 18px 24px 18px 24px;
  align-items: center;
  border-radius: 4px;
  background: #F5F7FA;
  img{
    margin-right:15px;
  }
  .card_content_right{
    span{
      color: #999;
      font-variant-numeric: lining-nums tabular-nums;
      font-family: Source Han Sans CN VF;
      font-size: 14px;
      font-style: normal;
      font-weight: 400;
      line-height: 22px;
    }
    div{
      color: #333;
      font-variant-numeric: lining-nums tabular-nums;
      font-family: Source Han Sans CN VF;
      font-size: 32px;
      font-style: normal;
      font-weight: 500;
      line-height: 22px;
      margin-top:16px;
    }
  }
}