store/packageA/member/coupon_v2_detail/coupon_v2_detail.wxss

/* packageA/member/coupon_v2_detail/coupon_v2_detail.wxss */
.detail {
  min-height: 100vh;
  background-color: #fc7d7d;
  overflow: hidden;
}

.conten {
  margin: 95rpx 25rpx 46rpx 26rpx;
  background-color: #fff;
  border-radius: 14rpx;
  min-height: 1076rpx;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.image {
  width: 173rpx;
  height: 173rpx;
  background-color: #bbb;
  border-radius: 50%;
  margin-top: -70rpx;
}

.image image {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

.coupon_name {
  width: 100%;
  text-align: center;
  overflow: hidden;
  margin-top: 10rpx;
  font-size: 38rpx;
  color: #000;
}

.coupon_list {
  display: flex;
  justify-content: center;
  margin-top: 38rpx;
  height: 50rpx;
}

.coupon_list view {
  font-size: 31rpx;
  padding: 0 23rpx;
  border-radius: 30rpx;
  height: 50rpx;
}

.coupon_list view {
  margin-right: 32rpx;
}

.coupon_list view:last-child {
  margin-right: 0;
}

.money {
  background-image: url('https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/coupons_receivebg@2x.png');
  background-size: cover;
  background-repeat: no-repeat;
  width: 572rpx;
  height: 298rpx;
  margin-top: 20rpx;
  position: relative;
}

.meet {
  position: absolute;
  top: 30rpx;
  width: 100%;
  height: 55rpx;
  color: #fff;
  font-size: 24rpx;

  /* background: #bbbbbb; */
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: 10rpx;
}

.meet_txt {
  padding-left: 10rpx;
  width: 294rpx;
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.moneyTxt {
  font-size: 72rpx;
  color: #df0132;
  text-align: center;
  line-height: 340rpx;
  padding-left: 20rpx;
}

.moneyTxt_none {
  font-size: 40rpx;
  color: #df0132;
  text-align: center;
  line-height: 340rpx;
  padding-left: 20rpx;
}

.line {
  margin-top: 35rpx;
  margin-bottom: 43rpx;
  width: 616rpx;
  height: 1rpx;
  border: 1rpx dashed #fedcdc;
}

.explain {
  width: 610rpx;
}

.explain .explainTxt {
  display: flex;
  justify-content: flex-start;
  margin-bottom: 19rpx;
}

.explain .explainText {
  margin-bottom: 19rpx;
}

.immediate {
  width: 291rpx;
  height: 136rpx;
  background-color: #F82D2B;
  border-radius: 21rpx;
  color: #fff;
  font-size: 38rpx;
  text-align: center;
  line-height: 136rpx;
  margin-top: 20rpx;
  margin-bottom: 41rpx;
}

.usercontent {
  display: flex;

  /* align-items: center; */
  padding: 10rpx 6rpx 10rpx 6rpx;
  flex-direction: column;
}

.usercontent .left {
  font-size: 28rpx;
  height: 40rpx;
  line-height: 40rpx;
  text-align: center;
  padding-left: 20rpx;
  padding-right: 20rpx;
  color: #999;
}

.usercontent .right {
  /* flex: 1; */

  /* margin-left: 10rpx; */
  margin: 30rpx 40rpx;
  border: 1rpx solid #999;
  border-radius: 10rpx;
  padding: 10rpx;
}

.usercontent .right input {
  width: 100%;
  height: 40rpx;
  line-height: 40rpx;
}

.num-box {
  height: 40rpx;
  display: flex;
  padding: 10px 20px;
  justify-content: space-between;
}

.usercontent .num {
  display: flex;
  width: 160rpx;
  height: 40rpx;
  border-radius: 5rpx;
}

.usercontent .num .leftnav {
  height: 40rpx;
  line-height: 28rpx;
  width: 40rpx;
  font-size: 50rpx;

  /* font-weight: bold; */
  text-align: center;
  color: #ee0a24;
  border-radius: 50%;
  background-color: #fff;
  border: 1rpx solid #ee0a24;
}

.usercontent .num input {
  min-height: 40rpx;
  height: 40rpx;
  line-height: 40rpx;
  width: 70rpx;
  text-align: center;
  border: none;

  /* background-color: #f2f2f2; */
  border-radius: 2rpx;
  display: flex;
  align-items: center;
  margin-left: 2px;
  margin-right: 2px;
  font-size: 24rpx;
}

.usercontent .rightnav {
  height: 40rpx;
  line-height: 32rpx;
  width: 40rpx;
  font-size: 36rpx;

  /* font-weight: bold; */
  text-align: center;
  color: #fff;
  border-radius: 50%;
  background-color: #ee0a24;
}