.booking-detail-container {
  box-sizing: border-box;
  min-height: 100vh;
  padding-bottom: 40rpx;
  background-color: #f5f5f5;
}
.booking-detail-container .booking-detail-head {
  width: 100%;
  height: 184rpx;
  background: linear-gradient(180deg, #1677ff 54%, rgba(22, 119, 255, 0) 86%);
}
.booking-detail-container .booking-detail-content {
  margin-top: -170rpx;
  padding: 0 24rpx;
}
.booking-detail-container .booking-detail-content .detail-icon {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 40rpx 0 32rpx 0;
}
.booking-detail-container .booking-detail-content .detail-icon .text {
  margin: 16rpx 0 32rpx;
  color: #22b35e;
  font-weight: 700;
  font-size: 38rpx;
}
.booking-detail-container .booking-detail-content .detail-icon .code {
  width: 260rpx;
  height: 260rpx;
  margin-bottom: 42rpx;
}
.booking-detail-container .booking-detail-content .not-pay-attention {
  display: flex;
  margin-top: 24rpx;
  color: #ff6010;
  font-weight: 400;
  font-size: 30rpx;
  line-height: 42rpx;
}
.booking-detail-container .booking-detail-content .not-pay-attention .attention-text {
  margin-left: 10rpx;
}
.booking-detail-container .booking-detail-content .detail-list .item {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 24rpx;
  color: #9999;
  font-weight: 400;
  font-size: 30rpx;
}
.booking-detail-container .booking-detail-content .detail-list .item .label {
  flex: 1;
  margin-left: 24rpx;
  color: #333;
  white-space: wrap;
  text-align: right;
}
.booking-detail-container .booking-detail-content .detail-list .item:last-child {
  margin-bottom: 0;
}
.booking-detail-container .booking-detail-content .btn {
  margin-top: 24rpx;
  padding: 10rpx 16rpx;
  color: #1677ff;
  font-size: 28rpx;
  border: 1rpx solid #1677ff;
  border-radius: 8rpx;
}
.booking-detail-container .booking-detail-content .cancel-booking {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 40rpx 0 30rpx;
  font-size: 32rpx;
}
.booking-detail-container .booking-detail-content .cancel-booking .button {
  width: calc(50% - 12rpx);
  height: 98rpx;
  line-height: 98rpx;
  border-radius: 8rpx;
}