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

.page-container {
  width: 100vw;
  height: 100vh;
  box-sizing: border-box;
  background: #ffffff;
  // background: linear-gradient( 135deg, #ca7d79 0%, #c5140a 30%, #c5140a 50%, #ca7d79 100%);
  .info {
    padding: 30rpx 30rpx 0 30rpx;
    border-radius: 0 0 20rpx 20rpx;
    .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;
        }
      }
    }
    .paper {
      font-size: 24rpx;
      padding: 6rpx 30rpx;
      background-color: #f4f4f4;
      text-align: center;
      border-radius: 200px;
    }
    .corrugatedtype {
      background-color: #f4f4f4;
      margin-left: 20rpx;
    }
    .discountedPrice {
      font-size: 24rpx;
      margin-left: 10rpx;
      padding: 6rpx 20rpx;
      background-color: #c5140a20;
      color: #c5140a;
      text-align: center;
      border-radius: 200px;
    }
    .symbol {
      padding: 0 5rpx;
      color: #8c8c8c;
    }
    .number {
      font-size: 24rpx;
      padding: 6rpx 16rpx;
      background-color: #f7f8fa;
      text-align: center;
      border-radius: 15rpx;
    }
    .asterisk {
      position: relative;
      top: 8rpx;
    }
    .remark {
      background-color: #fafafa;
      padding: 20rpx 20rpx;
      border-radius: 20rpx;
      border-left: 6rpx solid #d9d9d9;
      border-bottom: 3rpx solid #d9d9d9;
      .label {
        color: #000000;
        font-weight: bold;
      }
    }
    .radio {
      padding: 5rpx;
      // background-color: #f0f0f0;
      border-radius: 200px;
      .radio_item {
        display: flex;
        font-size: 24rpx;
        padding: 5rpx 22rpx;
        color: #8c8c8c;
        border-radius: 200px;
        background-color: #f0f0f0;
      }
      .act_radio_item {
        color: #c5140a;
        background-color: #f8e2e0;
      }
    }
    .counts {
      justify-content: space-between;
      .count_item {
        width: 15%;
        text-align: center;
        padding: 30rpx;
        background-color: #fafafa;
        border-radius: 20rpx;
        .count_label {
          font-size: 22rpx;
          color: #8c8c8c;
          margin-top: 10rpx;
        }
        .count_value {
          font-weight: bold;
        }
      }
      .produce {
        background-color: #c5140a20;
      }
    }
    .time {
      background-color: #f9fbfc;
      padding-top: 10rpx;
      .time_item {
        display: flex;
        justify-content: space-between;
        font-size: 24rpx;
        margin-top: 20rpx;
      }
    }
  }
}