.colbox {
  display: flex;
  flex-direction: column;

  .top {
    display: flex;
    justify-content: space-between;
    width: 100%;
    flex: 1;

    .item {
      width: 150px;
      height: 100px;
      background: url('./bk.png');
      background-size: 100% 100%;
      display: flex;
      flex-direction: column;
      align-items: center;

      .top_line {
        margin-top: 15px;

        .value {
          font-size: 20px;
          font-weight: 600;
        }

        .unit {
          font-size: 12px;
        }
      }

      .name {
        font-weight: 600;
        font-size: 12px;
      }
    }
  }

  .buttom {
    width: 100%;
    flex: 1;
  }
}