/* order.wxss */
@import '../../style/iconfont/iconfont.wxss';

.order {
  position: relative;
  margin: 20rpx;
  background-color: #fff;
  padding: 20rpx;
  border-radius: 4px;
  border: #ddd 0.5px solid;
  box-shadow: 0 2rpx 10px rgba(0, 0, 0, 0.08);
  transition: all .2s ease;
}

.order .order_header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20rpx;
}

.order .order_header .order_status {
  color: #d31944;
}

.order .order_goods {
  display: flex;
}

.order .order_goods .goods_image, .order .order_goods .goods_image > image {
  width: 160rpx;
  height: 160rpx;
  margin-right: 30rpx;
}

.order .order_goods .goods_info {
  display: flex;
  flex-direction: column;
}

.order .order_goods .goods_count {
  color: #666;
}

.order .order_footer {
  display: flex;
  justify-content: space-between;
  margin-top: 20rpx;
  padding-top: 20rpx;
  border-top: 0.5px solid #eee;
  line-height: 14px;
  font-size: 14px;
}

.order .order_footer .order_detail {
  display: flex;
  align-items: center;
}

.order .order_footer .order_detail>.iconfont {
  font-size: 18rpx;
  margin-left: 10rpx;
}

.active{
  background-color: #fff;
  z-index: 100;
  transform: scale(1.05);
}
