/* page/subPackage/pages/refundGoods/refundGoods.wxss */
page {
  background-color: #F0F0F0;
}

.refund-goods-bg {
  display: flex;
  flex-direction: column;
}

.refund-good {
  display: flex;
  flex-direction: column;
  background-color: white;
}

.refund-good-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

.refund-good-number {
  display: flex;
  flex-direction: column;
}

.black-text-color {
  color: #222222;
}

.gray-text-color {
  color: #B0B0B0;
}

.red-text-color {
  color: #D0021B;
}

.small-text-size {
  font-size: 24rpx;
}

.middle-text-size {
  font-size: 28rpx;
}

.margin-left {
  margin-left: 20rpx;
}

.small-margin-left {
  margin-left: 10rpx;
}

.margin-bottom {
  margin-bottom: 20rpx;
}

.margin-right {
  margin-right: 20rpx;
}

.margin-top {
  margin-top: 20rpx;
}

.large-margin-left {
  margin-left: 32rpx;
}

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

.border-top {
  border-top: 1rpx solid #E0E0E0;
}

.ping-fang-sc-bold {
  font-family:  PingFangSC-Semibold;
}

.ping-fang-sc-regular {
  font-family: PingFangSC-Regular;
}

.goods {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.goods-image {
  width: 100rpx;
  height: 125rpx;
}

.goods-detail {
  width: 610rpx;
  display: flex;
  height:125rpx;
  justify-content: space-between;
}

.title-color-size {
  display: flex;
  flex-direction: column;
}

.price-number {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.refund-good-footer {
  height: 90rpx;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
}

.border-radius {
  border-radius: 8rpx;
}

.border {
  border: 2rpx solid #222222;
}

.refund-cancel {
  width: 120rpx;
  height: 50rpx;
  line-height: 50rpx;
  text-align: center;
}

.product-info {
  display: -webkit-box;
  overflow: hidden;            
  -webkit-box-orient: vertical;    
  -webkit-line-clamp: 2; 
  word-break: break-all;
  text-overflow:ellipsis;
  width: 400rpx;
}

.productTag {
  margin-top: -20rpx;
  width:100rpx;
  height:20rpx;
}

.column {
  display: flex;
  flex-direction: column;
}