.fs-coupon-ad-page {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: #f7f7f7;
}
.banner-image {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
}
.tc-banner-box {
  display: block;
  padding: 30rpx 30rpx 0;
}
.tc-banner-box .banner-image-tc {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  border-radius: 16rpx;
}
.coupon-list-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.coupon-list-container {
  padding: 24rpx;
}
.footer-tip-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 112rpx;
}
.footer-hr {
  width: 80rpx;
  height: 2rpx;
  background: #d8d8d8;
}
.footer-tip {
  margin: 0 16rpx;
  color: #999;
  font-size: 24rpx;
}
.coupon-modal-container {
  z-index: 100;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.coupon-modal-container .modal-mask {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.7);
}
.coupon-modal-container .coupon-modal {
  z-index: 101;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.coupon-modal .coupon-content {
  display: block;
  width: 640rpx;
  margin-top: -100rpx;
  border-radius: 16rpx;
}
.close-icon-box {
  display: block;
  width: 56rpx;
  height: 56rpx;
  margin-top: 56rpx;
}
.close-icon-box .close-icon {
  display: block;
  width: 56rpx;
  height: 56rpx;
}
.coupon-modal .coupon-modal-bg {
  display: block;
  width: 640rpx;
}
.coupon-content .coupon-list {
  padding: 228rpx 40rpx 0;
}
.coupon-content .coupon-list .coupon-item {
  position: relative;
  display: flex;
  align-items: center;
  height: 144rpx;
  margin-bottom: 24rpx;
  padding-left: 32rpx;
  border-radius: 8rpx;
  background-color: #fff;
}
.coupon-content .coupon-list .coupon-item:last-child {
  margin-bottom: 0;
}
.left-circle {
  position: absolute;
  top: 50%;
  left: 0;
  width: 20rpx;
  height: 20rpx;
  margin-top: -10rpx;
  margin-left: -10rpx;
  border-radius: 50%;
  background-color: #66c873;
}
.right-circle {
  position: absolute;
  top: 50%;
  right: 0;
  width: 20rpx;
  height: 20rpx;
  margin-top: -10rpx;
  margin-right: -10rpx;
  border-radius: 50%;
  background-color: #66c873;
}
.coupon-content .coupon-list .coupon-item .merchant-logo {
  width: 80rpx;
  height: 80rpx;
  margin-right: 28rpx;
  border-radius: 8rpx;
}
.coupon-content .coupon-list .coupon-item .title {
  margin-bottom: 8rpx;
  line-height: 40rpx;
  color: #333;
  font-weight: bold;
  font-size: 30rpx;
}
.coupon-content .coupon-list .coupon-item .sub-title {
  line-height: 32rpx;
  color: #666;
  font-size: 24rpx;
}
.coupon-content .bottom-tip {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 112rpx;
}
.coupon-content .bottom-tip .wechat-pay-icon {
  width: 32rpx;
  height: 32rpx;
  margin-right: 4rpx;
}
.coupon-content .bottom-tip .bottom-text {
  color: #fff8ec;
  font-size: 24rpx;
}
.coupon-cover {
  z-index: 200;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}