.orderInfo {
  background: #FFFFFF;
  border-radius: 12rpx 12rpx 12rpx 12rpx;
  box-shadow: 2rpx 4rpx 8rpx #efefef;
  padding: 0 30rpx;
}
.orderInfo .header {
  display: flex;
  align-items: center;
  border-bottom: 1rpx solid #EEEEEE;
  padding: 30rpx 0;
}
.orderInfo .header .orderTitle {
  flex: 1;
  width: 0;
  font-weight: bold;
  font-size: 32rpx;
  color: #333333;
}
.orderInfo .header .orderStatus {
  font-weight: 500;
  font-size: 24rpx;
}
.orderInfo .header .orderStatus.status_1 {
  color: #0174F6;
}
.orderInfo .detail {
  margin-bottom: 30rpx;
  border-bottom: 1rpx solid #EEEEEE;
}
.orderInfo .detail .line {
  margin: 30rpx 0;
  display: flex;
  align-items: center;
  -webkit-column-gap: 10rpx;
          column-gap: 10rpx;
  font-weight: 500;
  font-size: 24rpx;
  color: #999999;
}
.orderInfo .detail .line-icon {
  width: 28rpx;
  height: 28rpx;
}
.orderInfo .footer {
  display: flex;
  align-items: center;
  -webkit-column-gap: 20rpx;
          column-gap: 20rpx;
}
.orderInfo .footer .btn {
  margin-bottom: 30rpx;
  flex: 1;
  width: 0;
  height: 60rpx;
  border-radius: 30rpx 30rpx 30rpx 30rpx;
  border: 1rpx solid #0174F6;
  font-weight: 500;
  font-size: 28rpx;
  color: #0174F6;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-column-gap: 8rpx;
          column-gap: 8rpx;
}
.orderInfo .footer .btn.primary {
  background: #0174F6;
  color: #fff;
  color: #FFFFFF;
}
.orderInfo .footer .btn.address {
  background: #0174F6;
  color: #fff;
  border: none;
}
.orderInfo .footer .btn.phone {
  background: #E8A321;
  color: #fff;
  border: none;
}
.orderInfo .footer .btn .btnIcon {
  width: 32rpx;
  height: 32rpx;
}