/* component/scrollDel/scrollDel.wxss */
@import './../../base/base.wxss';
.order-item {
  width: 100%;
  display: flex;
  position: relative;
}

.remove{  
  width: 132rpx;  
  height: 100%;  
  background-color: rgba(149, 149, 149, 1);
  color: white; 
  position: absolute;  
  top: 0;  
  right: -132rpx;  
  display: flex;  
  justify-content: center;  
  align-items: center;  
}  
.cart-item{
  display: flex;
  overflow: hidden;
}
.cart-item:last-child .pro-info{
  border-bottom: none;
}
.cart-content {
  background-color: #ffffff;
}
.cart-list,.overdue-list{
  width: 692rpx;
  display: flex;
  padding: 30rpx 32rpx 0 30rpx;
  align-items: center;
  flex-shrink: 0;
}
.pro-info{
  margin-left: 24rpx;
  flex: 1;
  display: flex;
  border-bottom: 1rpx solid rgba(151,151,151,0.3);
  padding-bottom: 32rpx;
  align-items: center;
}
.cart-item:last-child .pro-info{
  border-bottom: none;
}
.overdue-list:last-child .pro-info{
  border-bottom: none;
}
.pro-img{
  width: 180rpx;
  height: 180rpx;
}
.pro-right-info{
  flex: 1;
  margin-left: 26rpx;
}
.pro-name{
  font-size: 25rpx;
  width: 425rpx;
  color: #333333;
}
.pro-sku{
  color: #aaaaaa;
  font-size: 22rpx;
  margin-top: 10rpx;
  width: 400rpx;
  overflow: hidden;
}
.pro-price{
  display: flex;
  justify-content: space-between;
  margin-top: 16rpx;
}
.pro-num-edit{
  display: flex;
  width: 122rpx;
}
 .pro-num-edit button {
  padding: 4rpx;
  width: 100rpx;
  height: 40rpx;
  line-height: 40rpx;
  color: #868686;
  font-size: 28rpx;
  background-color: #ffffff;
}
 .pro-num-edit button::after {
  border-radius: 0;
  border: 0;
}
 .pro-num-edit-input {
  line-height: 40rpx;
  height: 40rpx ;
  text-align: center;
  color: #666660;
  font-size: 28rpx;
}
.pro-price .price{
  font-size: 32rpx;
  color: #cb3c3c;
  font-weight: 600;
}
.clear-btn{
  width: 136rpx;
  height: 38rpx;
  line-height: 38rpx;
  color: #989696;
  font-size: 18rpx;
  border-radius: 21rpx;
  border: 1px solid #cccccc;
  text-align: center;
  float: right;
  margin-top:16rpx; 
  margin-right: 30rpx;
}
.clear-btn:active{
  opacity: 0.5;
}

.clearflex{
  clear: both;
}
.overdue-status{
  font-size: 16rpx;
  color: #ffffff;
  width: 44rpx;
  height: 26rpx;
  line-height: 26rpx;
  text-align: center;
  border-radius: 3rpx;
  background-color: rgba(187, 187, 187, 1);

}
.cart-bottom{
  position: fixed;
  left: 0;
  /* bottom: 124rpx; */
  display: flex;
  align-items: center;
  
}
.buy-btn{
  width: 214rpx;
  height: 88rpx;
  text-align: center;
  line-height: 88rpx;
  color: #ffffff;
  font-size: 25rpx;
  flex: 1;
}
.total{
  width: 468rpx;
  height: 88rpx;
  display: flex;
  border-top: 1px solid rgba(151, 151, 151, 0.3);
  text-align: right;
  padding-right: 39rpx;
  background-color: #ffffff;
  padding-left: 30rpx;
  align-items: center;
}
.total-label{
  font-size: 26rpx;
  color: #808080;
}
.total-price{
  color: #cb3c3c;
  font-size: 32rpx;
}
.total-amount{
  flex: 1;
}
.all-radio{
  display: flex;
  align-items: center;
}
.all{
  margin-left: 24rpx;
  font-size: 26rpx;
  color: #333333;
}
.pro-price .overdue-price{
  color: #808080;
}
.overdue-name{
  color: #787878;
}

.cart-item{
  display: flex;
  overflow: hidden;
}
.empty{
  color: #808080;
  text-align: center;
  width: 100%;
  margin-top: 458rpx;
  
}