payProject/pages/couponHistory/couponHistory.wxss

/* pages/couponHistory/couponHistory.wxss */

.historyItem{
  box-shadow: 0px -1px 8px 0px rgba(0,0,0,0.040000);
  background-color: rgba(255,255,255,1);
  border-radius: 24rpx;
  margin: 20rpx;
  padding: 24rpx 24rpx 24rpx 14rpx;
}

.titleCon{
  padding-left: 10rpx;
  display: flex;
  align-items: center;
  margin-bottom: 20rpx;
}

.titleCon .icon{
  width: 48rpx;
  height: 48rpx;
  object-fit: contain;
  font-size: 0;
  margin-right: 20rpx;
}

.titleCon .icon image{
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.titleCon .title{
  height: 44rpx;
  color: rgba(51,51,51,1);
  font-size: 32rpx;
  font-family: PingFangSC-Medium;
  text-align: left;
  white-space: nowrap;
  line-height: 44rpx;
}

.row{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20rpx;
}
.row:last-child{
  margin-bottom: 0rpx;
}

.row .col:first-child{
  height: 40rpx;
  color: rgba(153,153,153,1);
  font-size: 28rpx;
  font-family: PingFangSC-Regular;
  text-align: left;
  white-space: nowrap;
  line-height: 40rpx;
}

.row .col:last-child{
  width: 504rpx;
  height: 40rpx;
  color: rgba(51,51,51,1);
  font-size: 28rpx;
  font-family: PingFangSC-Regular;
  text-align: right;
  white-space: nowrap;
  line-height: 40rpx;
}
.row .col{
  display: inline-block;
  white-space: nowrap; 
  width: 100%; 
  overflow: hidden;
  text-overflow:ellipsis;
}
.line{
  box-shadow: 0px -1px 8px 0px rgba(0,0,0,0.040000);
  background-color: rgba(249,249,249,1.000000);
  border-radius: 24rpx;
  width: 662rpx;
  height: 2rpx;
  display: flex;
  flex-direction: column;
  margin: 24rpx 0 24rpx 10rpx;
}

.againCon{
  text-align: right;
}
.again{
  display: inline-block;
  background-color: rgba(250,125,34,1);
  border-radius: 42rpx;
  height: 64rpx;
  width: 168rpx;
  text-align: center;
  line-height: 64rpx;
  color: rgba(255,255,255,1);
  font-size: 28rpx;
  font-family: PingFangSC-Medium;
  white-space: nowrap;
}