.flex {
  display: flex;
}
.label {
  min-width: 170rpx;
  max-width: 170rpx;
  font-size: 28rpx;
  color: #8c8c8c;
}
.value {
  font-size: 28rpx;
}

.page-container {
  width: 100vw;
  height: 100vh;
  box-sizing: border-box;
  background: #f4f6f9;
  // background: linear-gradient( 135deg, #ca7d79 0%, #c5140a 30%, #c5140a 50%, #ca7d79 100%);
  .info {
    background-color: #ffffff;
    padding: 30rpx ;
    border-radius: 0 0 20rpx 20rpx;
    box-shadow: 0 2px 6px rgba(0,0,0,0.04);
    .info_code_status {
      display: flex;
      justify-content: space-between;
      align-items: center;
      .code {
        font-weight: bold;
      }
      .status {
        font-size: 22rpx;
        padding: 10rpx 25rpx;
        border-radius: 200px;
      }
    }
    .info_count {
      display: flex;
      justify-content: space-between;
      margin-top: 30rpx;
      .count_item {
        text-align: center;
        .count_item_label {
          font-size: 24rpx;
          color: #8c8c8c;
        }
        .count_item_value {
          margin-top: 10rpx;
          font-size: 34rpx;
          color: #000000;
          font-weight: bold;
        }
      }
    }
  }
  .title {
    font-weight: bold;
    font-size: 26rpx;
    width: 95%;
    margin: 0 auto;
    padding: 25rpx 0 10rpx 0;
  }
  .details {
    width: 95%;
    margin: 0 auto;
    .detail_item {
      background-color: #ffffff;
      border-radius: 20rpx;
      padding: 25rpx;
      margin-top: 15rpx;
      box-shadow: 0 2px 6px rgba(0,0,0,0.04);
      .item_top {
        font-size: 28rpx;
        display: flex;
        justify-content: space-between;
        .paper {
          font-size: 26rpx;
          padding: 2rpx 16rpx;
          background-color: #f0f0f0;
          color: #5f6368;
          border-radius: 200px;
        }
        .number {
          color: #c5140a;
          font-weight: bold;
        }
      }
      .item_mid {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;  /* 左对齐 */
        .mid_item {
          min-width: 23%; max-width: 23%;
          display: flex;
          font-size: 24rpx;
          margin-bottom: 18rpx;
          .mid_item_label {
            color: #5f6368;
          }
        }
        .long, .wide {
          min-width: 23%; max-width: 23%;
        }
        .squareprice {
          min-width: 31%; max-width: 31%;
        }
        .price {
          .mid_item_value {
            font-weight: bold;
          }
        }
        .totalPrice {
          min-width: 50%; max-width: 50%;
          .mid_item_value {
            color: #c5140a;
          }
        }
      }
      .remark{
        background: #f9fafb;
        padding: 6px 10px;
        border-radius: 4px;
        font-size: 12px;
        color: #5f6368;
      }
    }
  }
}