.Card {
  width: 90%;
  background-color: #fff;
  border-radius: 10px;
  margin: 10px auto;
  padding: 25px;

  .top {
    display: flex;
    align-items: center;
    text {
      margin-right: 5px;
    }
  }
}

.icon {
  color: red;
}

.gridBox {
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-columns: repeat(3, 33.33%);
  grid-template-rows: repeat(3, 33.33%);
  grid-gap: 10px;
  justify-content: center;
  text-align: center;

  .item {
    margin-top: 50px;
    .title {
      font-size: 50px;
    }
    .sub {
      font-size: 25px;
      color: #999;
    }
  }
}

.table {
  margin-top: 10px;
}

.orderinfo {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
  align-items: center;
  .info {
    text-align: center;

    .num {
      font-size: 40px;
      color: red;
    }

    .sub {
      font-size: 25px;
      color: #999;
    }
  }
}