/* packageA/member/order/cpsComponents/cpsOrderItem/cpsOrderItem.wxss */
.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all;
}

.order-box,
.coupon-box {
  margin-top: 20rpx;
  background-color: #fff;
  font-size: 13px;
  font-weight: 500;
  padding: 32rpx 25rpx;
  text-align: left;
  word-break: break-all;
  box-sizing: border-box;
}

.order-box .head,
.coupon-box .head {
  display: flex;
  justify-content: space-between;
}

.order-box .head .name,
.coupon-box .head .name {
  font-weight: bolder;
  font-size: 15px;
  color: #414141;
}

.order-box .detail,
.coupon-box .detail {
  margin-top: 20rpx;
  display: flex;
}

.order-box .detail .left-img,
.coupon-box .detail .left-img {
  width: 180rpx;
  height: 180rpx;
  background-color: #b4b4b4;
  border-radius: 10rpx;
  overflow: hidden;
}

.order-box .detail .left-img image,
.coupon-box .detail .left-img image {
  width: 100%;
  height: 100%;
}

.order-box .detail .right-box,
.coupon-box .detail .right-box {
  flex: 1;
  max-width: 510rpx;
  margin-left: 20rpx;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.order-box .detail .right-box .title,
.coupon-box .detail .right-box .title {
  font-size: 14px;
  font-weight: bold;
  color: #414141;
}

.order-box .detail .right-box .info,
.coupon-box .detail .right-box .info {
  display: flex;
  justify-content: space-between;
  font-size: 12px;
}

.order-box .detail .right-box .info p,
.coupon-box .detail .right-box .info p {
  width: 100%;
  margin-top: 20rpx;
  color: #7f7f7f;
}

.order-box .detail .right-box .info .orderNo,
.coupon-box .detail .right-box .info .orderNo {
  max-width: 400rpx;
}

.order-box .detail .right-box .button-box,
.coupon-box .detail .right-box .button-box {
  display: flex;
  flex-direction: column-reverse;
  justify-content: space-between;
  align-items: center;
  text-align: center;
  min-width: 100rpx;
}

.order-box .detail .right-box .button-box .price,
.coupon-box .detail .right-box .button-box .price {
  font-size: 13px;
  font-weight: 600;
}

.order-box .detail .right-box .button-box .copy,
.coupon-box .detail .right-box .button-box .copy {
  width: 76rpx;
  font-size: 10px;
  background-color: #f7f5f6;
  border-radius: 20rpx;
  border: solid 1px #dadada;
}

.order-box .detail .right-box .money-box,
.coupon-box .detail .right-box .money-box {
  margin-top: 20rpx;
  display: flex;
  justify-content: space-between;
  color: #e64a40;
}

.order-box .detail .right-box .money-box .money,
.coupon-box .detail .right-box .money-box .money {
  font-size: 15px;
}

.order-box .coupon-info,
.coupon-box .coupon-info {
  margin-top: 20rpx;
  padding: 22rpx 28rpx;
  border-radius: 20rpx;
  background-color: #f5f5f5;
  box-sizing: border-box;
}

.order-box .coupon-info .item,
.coupon-box .coupon-info .item {
  margin-top: 20rpx;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.order-box .coupon-info .item .left-text,
.coupon-box .coupon-info .item .left-text {
  max-width: 570rpx;
}

.order-box .coupon-info .item .btn-copy,
.coupon-box .coupon-info .item .btn-copy {
  color: #e64a40;
}

.order-box .coupon-info .item:first-child,
.coupon-box .coupon-info .item:first-child {
  margin-top: 0;
}
