/* packageE/others/cloudwarehouse/cloudOrderDetail/cloudOrderDetail.wxss */
.box {
  padding: 28rpx 31.008rpx 0 28rpx;
}

.box .tops {
  width: 690.016rpx;
  height: 122.016rpx;
  background-color: #fff;
  border-radius: 20rpx;
  margin: 0 auto;
}

.box .orderMum {
  width: 690.016rpx;
  height: 126.016rpx;
  background-color: #fff;
  border-radius: 20rpx;
  margin: 0 auto;
  margin-top: 20rpx;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.box .orderMum .number {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 28rpx;
  margin: 0 20rpx;
}

.box .orderMum .number span {
  color: #999;
}

.box .orderMum .number p {
  color: #202020;
}

.box .orderMum .payment {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 28rpx;
  margin: 0 20rpx;
}

.box .orderMum .payment span {
  color: #999;
}

.box .orderMum .payment p {
  color: #f14e4e;
}

.box .leaveText {
  width: 690.016rpx;
  background-color: #fff;
  border-radius: 20rpx;
  margin: 0 auto;
  margin-top: 20rpx;
  text-align: left;
  padding: 28rpx 20.992rpx;
  display: flex;
  align-items: center;
  line-height: 36rpx;
}

.addr {
  display: flex;
  justify-content: space-between;
  flex-flow: row wrap;
  align-items: center;
  background: #fff;
  padding: 28rpx;
  border-radius: 20rpx;
  background-color: #fff;
}

.addr i {
  display: flex;
  justify-content: space-between;
  flex-flow: row wrap;
  align-items: center;
  background: #fff;
  font-size: 38.4rpx;
}

.addr i .fa-map-marker {
  line-height: 48rpx;
  margin-right: 20rpx;
  font-size: 0.6875rem;
  color: #333;
  padding-right: 16rpx;
}

.addr i .fa-angle-right {
  line-height: 48rpx;
  font-size: 0.75rem;
  color: #c9c9c9;
}

.addr i p {
  flex: 6;
  text-align: justify;
  font-weight: bold;
  padding-right: 32rpx;
  color: #333;
  font-size: 28rpx;
}

.addr i p span {
  font-weight: normal;
  color: #333;
  display: -webkit-box;
  font-size: 28rpx;
  margin-top: 12rpx;
}

.recipients {
  border-radius: 20rpx;
  margin-top: 20rpx;
  background-color: #fff;
  padding: 30.016rpx 28rpx 30.016rpx 31.008rpx;
}

.recipients .top {
  display: flex;
  justify-content: space-between;
}

.recipients .top .img {
  width: 140rpx;
  height: 140.992rpx;
}

.recipients .top .img image {
  width: 100%;
  height: 100%;
}

.recipients .top .top_right {
  flex: 1;
  margin-left: 20.992rpx;
}

.recipients .top .top_right .titles {
  text-align: left;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  font-size: 28rpx;
  color: #333;
}

.recipients .top .top_right .specification {
  font-size: 24rpx;
  color: #666;
  text-align: left;
  margin-top: 9.6rpx;
}

.recipients .leaveWords {
  width: 100%;
  height: 122.016rpx;
  background-color: #f8f8f8;
  border-radius: 10.016rpx;
  margin-top: 28.992rpx;
}

.recipients .leaveWords textarea {
  width: 100%;
  height: 122.016rpx;
  background-color: #f8f8f8;
  border-radius: 10.016rpx;
  border: none;
}
