@import '../orderdetail/orderdetail.wxss';

.borderboxhead {
  display: flex;
  align-items: center;
  padding: 24rpx 32rpx;
  box-sizing: border-box;
  border-bottom: 1rpx solid #f5f5f5;
}

.orderlist {
  border-top: 24rpx solid #f9f9f9;
}

.orderboxitem {
  color: #232323;
  font-size: 28rpx;
  margin-right: 59rpx;
}

.orderboxitem:last-child {
  margin-right: 0;
}

.orderactive {
  color: #c82519;
  font-size: 28rpx;
  position: relative;
}

.orderactive::after {
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 80rpx;
  height: 4rpx;
  background: #c82519;
  border-radius: 16rpx;
  bottom: -20rpx;
}

.orderlsititemtop {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20rpx 32rpx;
  box-sizing: border-box;
  border-bottom: 1rpx solid #f5f5f5;
}

.orderlsitleft {
  color: #06121e;
  font-size: 28rpx;
  font-weight: bold;
}

.orderlsitright {
  color: #3d444d;
  font-size: 24rpx;
}

.orderdetailboxgood {
  padding: 24rpx 32rpx;
  box-sizing: border-box;
  border-bottom: none;
}

.orderhezibox {
  border-bottom: 1rpx solid #f5f5f5;
}

.orderlistitembottom {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 18rpx 30rpx;
  box-sizing: border-box;
}

.ordercancel {
  width: 176rpx;
  height: 56rpx;
  background: rgba(255, 255, 255, 1);
  border: 2rpx solid rgba(200, 37, 25, 1);
  opacity: 1;
  border-radius: 32rpx;
  color: #c82519;
  font-size: 24rpx;
  text-align: center;
  line-height: 56rpx;
  margin-right: 28rpx;
}

.orderpay {
  width: 176rpx;
  height: 56rpx;
  background: rgba(255, 255, 255, 1);
  border: 2rpx solid rgba(200, 37, 25, 1);
  opacity: 1;
  border-radius: 32rpx;
  color: #c82519;
  font-size: 24rpx;
  text-align: center;
  line-height: 56rpx;
}

.ordelistitem {
  border-bottom: 24rpx solid #f9f9f9;
}

.delwrap {
  width: 600rpx;
  height: 300rpx;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
  border-radius: 16rpx;
  padding: 32rpx;
  box-sizing: border-box;
}

.delwrd {
  color: #5b5e63;
  font-size: 32rpx;
  font-weight: bold;
  text-align: center;
}

.delbottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 100rpx;
}

/* .delbottomleft {
  width: 200rpx;
  height: 80rpx;
  border-radius: 44rpx;
  border: 1rpx solid #8c9198;
  color: #5b5e63;
  font-size: 30rpx;
  text-align: center;
  line-height: 80rpx;
} */

/* .delbottomright {
  width: 200rpx;
  height: 80rpx;
  border-radius: 44rpx;
  background: #ff5a4e;
  color: #fff;
  font-size: 30rpx;
  text-align: center;
  line-height: 80rpx;
} */
.delcartwrap {
  width: 540rpx;
  height: 250rpx;
  background: rgba(255, 255, 255, 1);
  opacity: 1;
  border-radius: 16rpx;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.delcatname {
  color: #232323;
  font-size: 30rpx;
  margin-top: 60rpx;
  text-align: center;
}

.delbottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 84rpx;
  border-top: 1rpx solid #f5f5f5;
  margin-top: 62rpx;
}

.delbottomleft {
  width: 274rpx;
  text-align: center;
  border-right: 1rpx solid #f5f5f5;
  color: #666;
  font-size: 30rpx;
  height: 84rpx;
  line-height: 84rpx;
}

.delbottomright {
  width: 274rpx;
  color: #ff5a4e;
  font-size: 30rpx;
  text-align: center;
  height: 84rpx;
  line-height: 84rpx;
}