jje_uniapp/orderPages/orderDetail/index.rpx.scss

.page {
    background-color: rgba(247,247,247,1.000000);
    position: relative;
    width: 750rpx;
    height: 1650rpx;
    overflow: hidden;
    display: flex;
    flex-direction: column;
  }
  .box_1 {
    background-color: rgba(255,224,92,1.000000);
    display: flex;
    flex-direction: column;
    padding: 30rpx 20rpx 14rpx 32rpx;
  }
  .box_2 {
    width: 686rpx;
    margin-right: 12rpx;
    flex-direction: row;
    display: flex;
    justify-content: space-between;
  }
  .text-wrapper_1 {
    width: 52rpx;
    height: 40rpx;
    overflow-wrap: break-word;
    font-size: 0rpx;
    letter-spacing: -1rpx;
    font-family: PingFangSC-Medium;
    font-weight: 500;
    text-align: left;
    white-space: nowrap;
    line-height: 40rpx;
  }
  .text_1 {
    overflow-wrap: break-word;
    color: rgba(255,255,255,1.000000);
    font-size: 28rpx;
    font-family: PingFangSC-Medium;
    font-weight: 500;
    text-align: left;
    white-space: nowrap;
    line-height: 40rpx;
  }
  .text_2 {
    overflow-wrap: break-word;
    color: rgba(255,255,255,1.000000);
    font-size: 28rpx;
    font-family: PingFangSC-Medium;
    font-weight: 500;
    text-align: left;
    white-space: nowrap;
    line-height: 40rpx;
  }
  .image_1 {
    width: 134rpx;
    height: 22rpx;
    margin: 4rpx 0 14rpx 0;
  }
  .box_3 {
    width: 698rpx;
    margin-top: 32rpx;
    flex-direction: row;
    display: flex;
    justify-content: space-between;
  }
  .image-text_1 {
    width: 192rpx;
    flex-direction: row;
    display: flex;
    justify-content: space-between;
    margin: 6rpx 0 6rpx 0;
  }
  .thumbnail_1 {
    width: 40rpx;
    height: 40rpx;
    margin: 4rpx 0 4rpx 0;
  }
  .text-group_1 {
    overflow-wrap: break-word;
    color: rgba(51,51,51,1);
    font-size: 32rpx;
    font-family: PingFangSC-Medium;
    font-weight: 500;
    text-align: left;
    white-space: nowrap;
    line-height: 48rpx;
  }
  .image_2 {
    width: 180rpx;
    height: 60rpx;
  }
  .box_4 {
    background-color: rgba(255,255,255,1.000000);
    display: flex;
    flex-direction: column;
    padding: 24rpx 110rpx 24rpx 108rpx;
  }
  .group_1 {
    width: 146rpx;
    align-self: center;
    flex-direction: row;
    display: flex;
    justify-content: space-between;
  }
  .thumbnail_2 {
    width: 40rpx;
    height: 40rpx;
    margin: 2rpx 0 2rpx 0;
  }
  .text_3 {
    overflow-wrap: break-word;
    color: rgba(147,210,26,1);
    font-size: 32rpx;
    font-family: PingFangSC-Regular;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: 44rpx;
  }
  .text_4 {
    overflow-wrap: break-word;
    color: rgba(51,51,51,1);
    font-size: 28rpx;
    font-family: PingFangSC-Regular;
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    line-height: 44rpx;
    margin-top: 16rpx;
  }
  .box_5 {
    background-color: rgba(255,255,255,1.000000);
    margin-top: 24rpx;
    display: flex;
    flex-direction: column;
    padding: 0 32rpx 0 32rpx;
  }
  .text-wrapper_2 {
    background-color: rgba(255,224,92,0.200000);
    border-radius: NaNrpx;
    margin-right: 578rpx;
    display: flex;
    flex-direction: column;
    padding: 10rpx 30rpx 10rpx 30rpx;
  }
  .text_5 {
    overflow-wrap: break-word;
    color: rgba(51,51,51,1);
    font-size: 24rpx;
    font-family: PingFangSC-Regular;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: 36rpx;
  }
  .box_6 {
    flex-direction: row;
    display: flex;
    margin: 24rpx 266rpx 0 0;
  }
  .thumbnail_3 {
    width: 28rpx;
    height: 28rpx;
    margin: 8rpx 0 8rpx 0;
  }
  .text_6 {
    overflow-wrap: break-word;
    color: rgba(102,102,102,1);
    font-size: 24rpx;
    font-family: PingFangSC-Regular;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: 44rpx;
    margin-left: 8rpx;
  }
  .text_7 {
    overflow-wrap: break-word;
    color: rgba(51,51,51,1);
    font-size: 24rpx;
    font-family: PingFangSC-Regular;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: 44rpx;
  }
  .text_8 {
    overflow-wrap: break-word;
    color: rgba(51,51,51,1);
    font-size: 28rpx;
    font-family: PingFangSC-Medium;
    font-weight: 500;
    text-align: center;
    white-space: nowrap;
    line-height: 40rpx;
    margin: 24rpx 546rpx 0 0;
  }
  .box_7 {
    flex-direction: row;
    display: flex;
    margin: 24rpx 62rpx 0 0;
  }
  .box_8 {
    display: flex;
    flex-direction: column;
  }
  .image-text_2 {
    width: 156rpx;
    flex-direction: row;
    display: flex;
    justify-content: space-between;
  }
  .thumbnail_4 {
    width: 28rpx;
    height: 28rpx;
    margin: 4rpx 0 4rpx 0;
  }
  .text-group_2 {
    overflow-wrap: break-word;
    color: rgba(102,102,102,1);
    font-size: 24rpx;
    font-family: PingFangSC-Regular;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: 36rpx;
  }
  .image-text_3 {
    width: 156rpx;
    margin-top: 16rpx;
    flex-direction: row;
    display: flex;
    justify-content: space-between;
  }
  .thumbnail_5 {
    width: 28rpx;
    height: 28rpx;
    margin: 4rpx 0 4rpx 0;
  }
  .text-group_3 {
    overflow-wrap: break-word;
    color: rgba(102,102,102,1);
    font-size: 24rpx;
    font-family: PingFangSC-Regular;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: 36rpx;
  }
  .image-text_4 {
    width: 156rpx;
    margin-top: 16rpx;
    flex-direction: row;
    display: flex;
    justify-content: space-between;
  }
  .thumbnail_6 {
    width: 28rpx;
    height: 28rpx;
    margin: 4rpx 0 4rpx 0;
  }
  .text-group_4 {
    overflow-wrap: break-word;
    color: rgba(102,102,102,1);
    font-size: 24rpx;
    font-family: PingFangSC-Regular;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: 36rpx;
  }
  .text-wrapper_3 {
    display: flex;
    flex-direction: column;
  }
  .text_9 {
    overflow-wrap: break-word;
    color: rgba(51,51,51,1);
    font-size: 24rpx;
    font-family: PingFangSC-Regular;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: 36rpx;
    margin-right: 180rpx;
  }
  .text_10 {
    overflow-wrap: break-word;
    color: rgba(51,51,51,1);
    font-size: 24rpx;
    font-family: PingFangSC-Regular;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: 36rpx;
    margin: 16rpx 36rpx 0 0;
  }
  .text_11 {
    overflow-wrap: break-word;
    color: rgba(51,51,51,1);
    font-size: 24rpx;
    font-family: PingFangSC-Regular;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: 36rpx;
    margin-top: 16rpx;
  }
  .text-group_5 {
    display: flex;
    flex-direction: column;
    margin: 14rpx 0 30rpx 164rpx;
  }
  .text_12 {
    overflow-wrap: break-word;
    color: rgba(51,51,51,1);
    font-size: 40rpx;
    font-family: PingFangSC-Semibold;
    font-weight: 600;
    text-align: center;
    white-space: nowrap;
    line-height: 68rpx;
  }
  .text_13 {
    overflow-wrap: break-word;
    color: rgba(153,153,153,1);
    font-size: 20rpx;
    font-family: PingFangSC-Regular;
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    line-height: 28rpx;
    align-self: center;
  }
  .box_9 {
    background-color: rgba(255,224,92,1.000000);
    border-radius: 32rpx;
    display: flex;
    flex-direction: row;
    margin: 32rpx 232rpx 0 254rpx;
    padding: 14rpx 58rpx 14rpx 58rpx;
  }
  .image-text_5 {
    width: 84rpx;
    flex-direction: row;
    display: flex;
    justify-content: space-between;
  }
  .thumbnail_7 {
    width: 24rpx;
    height: 24rpx;
    margin: 6rpx 0 6rpx 0;
  }
  .text-group_6 {
    overflow-wrap: break-word;
    color: rgba(51,51,51,1);
    font-size: 24rpx;
    font-family: PingFangSC-Regular;
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    line-height: 36rpx;
  }
  .box_10 {
    background-color: rgba(238,238,238,1.000000);
    width: 686rpx;
    height: 2rpx;
    margin-top: 32rpx;
    display: flex;
    flex-direction: column;
  }
  .text-wrapper_4 {
    width: 622rpx;
    flex-direction: row;
    display: flex;
    justify-content: space-between;
    margin: 32rpx 0 0 64rpx;
  }
  .text_14 {
    overflow-wrap: break-word;
    color: rgba(51,51,51,1);
    font-size: 28rpx;
    font-family: PingFangSC-Medium;
    font-weight: 500;
    text-align: left;
    white-space: nowrap;
    line-height: 44rpx;
  }
  .text_15 {
    overflow-wrap: break-word;
    color: rgba(147,210,26,1);
    font-size: 24rpx;
    font-family: PingFangSC-Regular;
    font-weight: normal;
    text-align: right;
    white-space: nowrap;
    line-height: 44rpx;
  }
  .box_11 {
    flex-direction: row;
    display: flex;
    margin: 24rpx 238rpx 0 0;
  }
  .group_2 {
    background-color: rgba(255,255,255,1.000000);
    border-radius: 8rpx;
    width: 32rpx;
    height: 32rpx;
    border: 1px solid rgba(221,221,221,1);
    display: flex;
    flex-direction: column;
    margin: 28rpx 0 28rpx 0;
  }
  .group_3 {
    margin-left: 32rpx;
    display: flex;
    flex-direction: column;
  }
  .image-text_6 {
    width: 156rpx;
    flex-direction: row;
    display: flex;
    justify-content: space-between;
  }
  .thumbnail_8 {
    width: 28rpx;
    height: 28rpx;
    margin: 4rpx 0 4rpx 0;
  }
  .text-group_7 {
    overflow-wrap: break-word;
    color: rgba(102,102,102,1);
    font-size: 24rpx;
    font-family: PingFangSC-Regular;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: 36rpx;
  }
  .box_12 {
    width: 156rpx;
    margin-top: 16rpx;
    flex-direction: row;
    display: flex;
    justify-content: space-between;
  }
  .thumbnail_9 {
    width: 28rpx;
    height: 28rpx;
    margin: 4rpx 0 4rpx 0;
  }
  .text_16 {
    overflow-wrap: break-word;
    color: rgba(102,102,102,1);
    font-size: 24rpx;
    font-family: PingFangSC-Regular;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: 36rpx;
  }
  .text-wrapper_5 {
    display: flex;
    flex-direction: column;
  }
  .text_17 {
    overflow-wrap: break-word;
    color: rgba(51,51,51,1);
    font-size: 24rpx;
    font-family: PingFangSC-Regular;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: 36rpx;
    margin-right: 180rpx;
  }
  .text_18 {
    overflow-wrap: break-word;
    color: rgba(51,51,51,1);
    font-size: 24rpx;
    font-family: PingFangSC-Regular;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: 36rpx;
    margin-top: 16rpx;
  }
  .box_13 {
    flex-direction: row;
    display: flex;
    margin: 24rpx 0 0 64rpx;
  }
  .text_19 {
    overflow-wrap: break-word;
    color: rgba(102,102,102,1);
    font-size: 20rpx;
    font-family: PingFangSC-Regular;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: 36rpx;
    margin-top: 4rpx;
  }
  .text_20 {
    overflow-wrap: break-word;
    color: rgba(237,86,159,1);
    font-size: 28rpx;
    font-family: PingFangSC-Medium;
    font-weight: 500;
    text-align: left;
    white-space: nowrap;
    line-height: 44rpx;
  }
  .image-text_7 {
    width: 84rpx;
    flex-direction: row;
    display: flex;
    justify-content: space-between;
    margin: 8rpx 0 0 326rpx;
  }
  .thumbnail_10 {
    width: 28rpx;
    height: 28rpx;
    margin: 4rpx 0 4rpx 0;
  }
  .text-group_8 {
    overflow-wrap: break-word;
    color: rgba(102,102,102,1);
    font-size: 24rpx;
    font-family: PingFangSC-Regular;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: 36rpx;
  }
  .box_14 {
    background-color: rgba(238,238,238,1.000000);
    width: 686rpx;
    height: 2rpx;
    margin-top: 32rpx;
    display: flex;
    flex-direction: column;
  }
  .text-wrapper_6 {
    width: 622rpx;
    flex-direction: row;
    display: flex;
    justify-content: space-between;
    margin: 32rpx 0 0 64rpx;
  }
  .text_21 {
    overflow-wrap: break-word;
    color: rgba(51,51,51,1);
    font-size: 28rpx;
    font-family: PingFangSC-Medium;
    font-weight: 500;
    text-align: left;
    white-space: nowrap;
    line-height: 44rpx;
  }
  .text_22 {
    overflow-wrap: break-word;
    color: rgba(147,210,26,1);
    font-size: 24rpx;
    font-family: PingFangSC-Regular;
    font-weight: normal;
    text-align: right;
    white-space: nowrap;
    line-height: 44rpx;
  }
  .box_15 {
    flex-direction: row;
    display: flex;
    margin: 24rpx 238rpx 0 0;
  }
  .block_1 {
    background-color: rgba(255,255,255,1.000000);
    border-radius: 8rpx;
    width: 32rpx;
    height: 32rpx;
    border: 1px solid rgba(221,221,221,1);
    display: flex;
    flex-direction: column;
    margin: 28rpx 0 28rpx 0;
  }
  .block_2 {
    margin-left: 32rpx;
    display: flex;
    flex-direction: column;
  }
  .image-text_8 {
    width: 156rpx;
    flex-direction: row;
    display: flex;
    justify-content: space-between;
  }
  .thumbnail_11 {
    width: 28rpx;
    height: 28rpx;
    margin: 4rpx 0 4rpx 0;
  }
  .text-group_9 {
    overflow-wrap: break-word;
    color: rgba(102,102,102,1);
    font-size: 24rpx;
    font-family: PingFangSC-Regular;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: 36rpx;
  }
  .box_16 {
    width: 156rpx;
    margin-top: 16rpx;
    flex-direction: row;
    display: flex;
    justify-content: space-between;
  }
  .thumbnail_12 {
    width: 28rpx;
    height: 28rpx;
    margin: 4rpx 0 4rpx 0;
  }
  .text_23 {
    overflow-wrap: break-word;
    color: rgba(102,102,102,1);
    font-size: 24rpx;
    font-family: PingFangSC-Regular;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: 36rpx;
  }
  .text-wrapper_7 {
    display: flex;
    flex-direction: column;
  }
  .text_24 {
    overflow-wrap: break-word;
    color: rgba(51,51,51,1);
    font-size: 24rpx;
    font-family: PingFangSC-Regular;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: 36rpx;
    margin-right: 180rpx;
  }
  .text_25 {
    overflow-wrap: break-word;
    color: rgba(51,51,51,1);
    font-size: 24rpx;
    font-family: PingFangSC-Regular;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: 36rpx;
    margin-top: 16rpx;
  }
  .box_17 {
    flex-direction: row;
    display: flex;
    margin: 24rpx 0 0 64rpx;
  }
  .text_26 {
    overflow-wrap: break-word;
    color: rgba(102,102,102,1);
    font-size: 20rpx;
    font-family: PingFangSC-Regular;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: 36rpx;
    margin-top: 4rpx;
  }
  .text_27 {
    overflow-wrap: break-word;
    color: rgba(237,86,159,1);
    font-size: 28rpx;
    font-family: PingFangSC-Medium;
    font-weight: 500;
    text-align: left;
    white-space: nowrap;
    line-height: 44rpx;
  }
  .image-text_9 {
    width: 84rpx;
    flex-direction: row;
    display: flex;
    justify-content: space-between;
    margin: 8rpx 0 0 326rpx;
  }
  .thumbnail_13 {
    width: 28rpx;
    height: 28rpx;
    margin: 4rpx 0 4rpx 0;
  }
  .text-group_10 {
    overflow-wrap: break-word;
    color: rgba(102,102,102,1);
    font-size: 24rpx;
    font-family: PingFangSC-Regular;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: 36rpx;
  }
  .box_18 {
    background-color: rgba(238,238,238,1.000000);
    width: 686rpx;
    height: 2rpx;
    margin-top: 32rpx;
    display: flex;
    flex-direction: column;
  }
  .box_19 {
    // box-shadow: 0px -2px 4px 0px rgba(0,0,0,0.030000);
    background-color: rgba(255,255,255,1.000000);
    margin-top: 24rpx;
    display: flex;
    flex-direction: column;
    padding: 24rpx 32rpx 24rpx 32rpx;
  }
  .text_28 {
    overflow-wrap: break-word;
    color: rgba(51,51,51,1);
    font-size: 24rpx;
    font-family: PingFangSC-Regular;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    line-height: 40rpx;
    margin: 0 454rpx 0 32rpx;
  }
  .section_1 {
    background-color: rgba(255,246,206,1.000000);
    border-radius: 60rpx;
    width: 686rpx;
    margin-top: 16rpx;
    padding-left: 32rpx;
    flex-direction: row;
    display: flex;
    justify-content: flex-end;
  }
  .text_29 {
    overflow-wrap: break-word;
    color: rgba(51,51,51,1);
    font-size: 24rpx;
    font-family: PingFangSC-Regular;
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    line-height: 40rpx;
    margin-top: 36rpx;
  }
  .text_30 {
    overflow-wrap: break-word;
    color: rgba(17,17,17,1);
    font-size: 36rpx;
    font-family: PingFangSC-Medium;
    font-weight: 500;
    text-align: left;
    white-space: nowrap;
    line-height: 52rpx;
    margin: 28rpx 0 0 8rpx;
  }
  .text_31 {
    overflow-wrap: break-word;
    color: rgba(51,51,51,1);
    font-size: 24rpx;
    font-family: PingFangSC-Regular;
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    line-height: 40rpx;
    margin: 36rpx 0 0 8rpx;
  }
  .text_32 {
    overflow-wrap: break-word;
    color: rgba(51,51,51,1);
    font-size: 24rpx;
    font-family: PingFangSC-Regular;
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    line-height: 40rpx;
    margin: 34rpx 0 0 28rpx;
  }
  .text-wrapper_8 {
    background-color: rgba(255,224,92,1.000000);
    border-radius: NaNrpx;
    margin-left: 24rpx;
    display: flex;
    flex-direction: column;
    padding: 30rpx 78rpx 30rpx 78rpx;
  }
  .text_33 {
    overflow-wrap: break-word;
    color: rgba(17,17,17,1);
    font-size: 32rpx;
    font-family: PingFangSC-Medium;
    font-weight: 500;
    text-align: center;
    white-space: nowrap;
    line-height: 48rpx;
  }