/* pages/my-discount-card/my-discount-card.wxss *//* pages/discount-card/discount-card.wxss */
.container {
  width: 750rpx;
  height: 1448rpx;
  background-color: #f1f2f4;
  padding-top: 16rpx;
  box-sizing: border-box;
}

.picBox {
  width: 686rpx;
  height: 246rpx;
  margin: 0 auto;
  margin-bottom: 24rpx;
  display: flex;
  background-color: #ffffff;
  position: relative;
}

.picBox .left {
  width: 200rpx;
  height: 244rpx;
  background: linear-gradient(270deg, #f09c4d -70%, #ff4903);
  padding-top: 48rpx;
  padding-bottom: 48rpx;
  box-sizing: border-box;
}

.left>view {
  text-align: center;
  color: #ffffff;
  margin-bottom: 8rpx;
  font-size: 24rpx;
  font-weight: 400;
}

.left .price {
  font-size: 64rpx;
  font-weight: 500;
}

.right {
  padding-top: 78rpx;
  padding-bottom: 78rpx;
  padding-left: 32rpx;
  box-sizing: border-box;
}

.right>view {
  font-size: 32rpx;
  font-weight: 600;
  text-align: left;
  color: #333333;
}
.right .time{
font-size: 28rpx;
font-weight: 400;
text-align: left;
color: #999999;
letter-spacing: 0px;
margin-top: 24rpx;
}
.topCircle{
  position: absolute;
  top: -4px;
  left: 98px;
  width: 20rpx;
  height: 20rpx;
  background-color: #f1f2f4;
  border-radius: 43%;
}
.bottomCircle{
  position: absolute;
  bottom: -4px;
  left: 96px;
  width: 20rpx;
  height: 20rpx;
  background-color: #f1f2f4;
  border-radius: 50%;
}
.listBlank{
  width: 750rpx;
  height:400rpx;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #999999;
  font-size: 30rpx;
}