yuminge-app/yun-min-program-plugin-master/packageD/coupon/coupon_store.wxss

/* pages/coupon/coupon_store.wxss */
page {
  background: #eee;
}

.coupon-list {
  padding: 20rpx;
  background-color: #fff;
}

.banner {
  width: 100%;
  height: 200px;
}

.banner swiper {
  width: 100%;
  height: 100%;
}

.banner image {
  width: 100%;
  height: 100%;
}

.coupon_box {
  margin-bottom: 40rpx;
  display: flex;

  /* 	align-items: center; */
  width: 100%;
  position: relative;
}

.coupon_left {
  padding: 28rpx 0;
  background-color: #fff;

  /* border-radius: 16rpx; */
  text-align: center;
  width: 34%;
  color: #ffb84c;
  position: relative;
}

.coupon_left::before {
  background: #eee;
  width: 30rpx;
  height: 30rpx;
  position: absolute;
  content: "";
  display: block;
  border-radius: 50%;
  right: 0;
  top: -15rpx;
}

.coupon_left::after {
  background: #eee;
  width: 30rpx;
  height: 30rpx;
  position: absolute;
  content: "";
  display: block;
  border-radius: 50%;
  right: 0;
  bottom: -15rpx;
}

.left_a {
  font-size: 56rpx;
  line-height: 96rpx;
}

.left_b {
  font-size: 28rpx;
  line-height: 48rpx;
}

.coupon_right {
  width: 64%;
  padding: 28rpx 40rpx;
  background-color: #fff;

  /* border-radius: 16rpx; */
  position: relative;
}

.right_a {
  line-height: 72rpx;
  color: #333;
  font-size: 32rpx;
}

.right_b,
.right_c {
  line-height: 36rpx;
  color: #999;
  font-size: 24rpx;
}

.receive {
  position: absolute;
  right: 40rpx;
  width: 90rpx;
  height: 90rpx;
  top: 50%;
  margin-top: -45rpx;
  border-radius: 50%;
}

.receivein {
  position: absolute;
  right: 40rpx;
  background: #ffb84c;
  color: #fff;
  border: none;

  /* width: 160rpx; */
  padding: 0;
  bottom: 40rpx;
}

.receive.nocou {
  color: #fff;
  background-image: url('https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/receive.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.receive.nocous {
  color: #fff;
  background-image: url('https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/lootall.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.types {
  width: auto;
  height: 120rpx;
  padding: 0 30rpx;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  box-sizing: border-box;
}

.types .text {
  padding: 10rpx 20rpx;
  font-size: 23rpx;
  letter-spacing: 1rpx;
  color: #000;
  background-color: #eeecec;
  border-radius: 17rpx;
  margin-left: 12rpx;
  white-space: nowrap;
}

.types .text.active {
  color: #fff;
  background-color: #4f4f4f;
}

.types .type_item:last-child {
  padding-right: 50rpx;
}

/* ********** */
.coupon-shop {
  position: fixed;
  bottom: 200rpx;
  right: 38rpx;
  width: 151rpx;
  height: 164rpx;

  /* width: 100%;
	font-size: 32rpx;
	padding: 20rpx 28rpx;
	line-height: 92rpx; */
}

.coupon-shop image {
  width: 100%;
  height: 100rpx;
}

.coupon-shop .text {
  height: 44rpx;
  width: 151rpx;
  background-color: #fb605f;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 15rpx;
}

.coupon-list {
  padding-bottom: 200rpx;
}

/* 积分兑换弹框 */
.integral-exchange-Popup {
  width: 80%;
  text-align: center;
  font-size: 28rpx;
  padding: 32rpx 0 0 0;
}
.integral-exchange-Popup .counter {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 50rpx 0 32rpx 0;
  padding: 0 50rpx;
}
.integral-exchange-Popup .counter .van-stepper__minus {
  background: #4e4e4e;
  color: #fff;
  border-radius: 50%;
  border: none;
}
.integral-exchange-Popup .counter .van-stepper__plus {
  background-color: #FF5050;
  color: #fff;
  border-radius: 50%;
}
.integral-exchange-Popup .counter .van-stepper__minus::before {
  width: 50%;
  height: 4rpx;
}
.integral-exchange-Popup .tips {
  text-align: left;
  padding: 0 50rpx;
}
.integral-exchange-Popup .red-text {
  color: #FF6060;
}
.integral-exchange-Popup .bottom-btns {
  display: flex;
}
.integral-exchange-Popup .bottom-btns .cancel-btn,
.integral-exchange-Popup .bottom-btns .exchange-btn {
  flex: 1;
  margin-top: 32rpx;
  padding: 32rpx 0;
  border: 1rpx solid #dddada;
}
.integral-exchange-Popup .bottom-btns .exchange-btn {
  color: #FF6060;
}