
.modal{box-shadow: none;
  position: fixed;
  top: 40%;
  left: 50%;
  z-index: 10002;
  transform: translate(-50%,-50%);
}
.modal-bg {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10001;
  background: #000;
  opacity: .4;
  width: 100%;
  height: 100%;
}
.white-bg{background: #fff;}
.b{font-weight: bold;}
.modal-head{position: relative;}
.modal-head> image{width: 580rpx; height: 326rpx; vertical-align: middle; border: 0 none;}
.modal-head > text{position: absolute; bottom: 35rpx; left: 50%; width: 100%; text-align: center; color: #fff; font-size: 48rpx; font-weight: bold; transform:translate(-50%,0);}
.box{background: #ff5a6a; padding:0 45rpx; border-radius: 0 0 10rpx 10rpx; margin-top: -2rpx;}
.box-overflow{height: 356rpx; padding: 0 10rpx; overflow: hidden; overflow-y: auto;}
.voucher-list{position: relative; height: 134rpx; margin-bottom: 10rpx; box-shadow: 0 5rpx 10rpx rgba(0,0,0,.4); border-radius: 10rpx; display: flex; align-items: center; justify-content: space-between;}
.voucher-list .price{flex-shrink: 0; width: 150rpx; text-align: center; padding-left: 20rpx; height: 90rpx; line-height: 90rpx; border-right: 2rpx dashed #898989; padding-right: 20rpx; margin-right: 20rpx; white-space: nowrap; font-size: 40rpx; color: #ff5a6a;}
.voucher-list .text{flex-shrink: 1; width: 100%; font-size: 24rpx; margin-right: 30rpx;}
.voucher-list::before, .voucher-list::after{content:""; width: 28rpx; height: 28rpx; position: absolute; top: 50%; background: #ff5a6a; transform: translateY(-50%);}
.voucher-list::before{left: -12rpx; box-shadow:inset -2rpx 0 4rpx rgba(209, 44, 68, .8); border-radius: 0 100% 100% 0;}
.voucher-list::after{right: -12rpx; box-shadow:inset 2rpx 0 4rpx rgba(209, 44, 68, .8); border-radius: 100% 0 0 100%;}
.buttons{padding:40rpx 60rpx;}
.button-gray{background-color: #c9caca !important;}
.modal .button{box-shadow: 0 5rpx 10rpx rgba(0,0,0,.4); color: #ff5a6a;}

/* new couponModal */
.invite-bg{
  width: 450rpx;
  height: 630rpx;
  background: url('data:image/png;base64,[encoded data, 132772 characters]') no-repeat center;
  background-size: 100% 100%;
  overflow: hidden;
  padding: 0 40rpx;
  position: relative;
}
.invite-bg .price-title{
  text-align: center;
  margin-top: 150rpx;
  font-weight: bolder;
  color: #fff;
  font-size: 28rpx;
}
.invite-bg .price-title .price{
  color: #ffcf45;
  font-weight: 900;
}
.coupon-list{
  margin-top: 20rpx;
  max-height:320rpx;
  overflow-y: auto;
}
.coupon-list .coupon{
  height: 75rpx;
  background: url('https://img.bbztx.com/image_test/upload/thumbs/20220120/logo/1642673959043084212.png') no-repeat;
  background-size: 100% 100%;
  padding: 10rpx 20rpx;
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 10rpx;
}
.pub-con{
  padding: 0 10rpx;
}
.coupon-list .coupon .coupon-price{
  font-size: 28rpx;
  font-weight: bolder;
  color: #ee3a43;
  height: 100%;
  line-height: 75rpx;
  border-right: 1px dashed #ee3a43;
  width:80rpx;
}
.coupon-list .coupon .coupon-ins{
  color: #666;
  font-size: 24rpx;
  flex: 1;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  -webkit-line-clamp: 2;
  line-clamp: 2;
}
.btn{
  width: 165rpx;
  height: 70rpx;
  background: url('https://img.bbztx.com/image_test/upload/thumbs/20220120/logo/1642673981954066643.png') no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 15rpx;
  line-height: 62rpx;
  text-align: center;
  font-weight: bolder;
  font-size: 36rpx;
  color: #cb2f2d;
}