canyin-project/yb_wm/unpackage/dist/dev/mp-weixin/components/common/mg-coupon.wxss

.bf8.data-v-6c74b160 {
  background: #ff3a48;
}
.cf5.data-v-6c74b160 {
  color: #ff3a48;
}
.cou1.data-v-6c74b160 {
  border-radius: 20rpx;
}
.cout.data-v-6c74b160 {
  position: relative;
  padding: 30rpx 20rpx;
}
.coutl.data-v-6c74b160 {
  min-width: 150rpx;
}
.coub.data-v-6c74b160 {
  position: relative;
  background: #fff;
}
.coub.data-v-6c74b160::after {
  content: '';
  position: absolute;
  border-top: 1px dashed #EBEBED;
  top: 0;
  right: 25rpx;
  left: 25rpx;
}
.coubtn.data-v-6c74b160 {
  min-width: 100rpx;
  height: 48rpx;
  color: #fff;
  background: #DDD;
  border-radius: 15rpx;
}
.coubt.data-v-6c74b160,
.coubjt.data-v-6c74b160 {
  transition: all 0.3s ease-in-out;
}
.active.data-v-6c74b160 {
  opacity: 0.4;
}
.jtactive.data-v-6c74b160 {
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}
.coubb.data-v-6c74b160 {
  height: 0;
  transition: all 0.3s ease-in-out;
}
.coubb.cactive.data-v-6c74b160 {
  height: auto;
}
.coubbv.data-v-6c74b160 {
  opacity: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  transition: 0.3s ease-in-out;
}
.coubbv.show.data-v-6c74b160 {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
.ylq.data-v-6c74b160 {
  width: 125rpx;
  height: 125rpx;
  top: 90rpx;
  right: 10rpx;
}
.couqlx.data-v-6c74b160 {
  top: 0;
  left: -50rpx;
  width: 100rpx;
  height: 45rpx;
  font-size: 18rpx;
  line-height: 52rpx;
  background: linear-gradient(#ff3a48, #ff3a48);
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transform-origin: 50% 0%;
          transform-origin: 50% 0%;
}
.counew.data-v-6c74b160 {
  top: 0;
  left: -50rpx;
  width: 100rpx;
  height: 45rpx;
  font-size: 18rpx;
  line-height: 52rpx;
  background: linear-gradient(#96E666, #08C37D);
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transform-origin: 50% 0%;
          transform-origin: 50% 0%;
}

/*cou2*/
.dot1.data-v-6c74b160,
.dot2.data-v-6c74b160 {
  position: absolute;
  right: -16rpx;
  width: 30rpx;
  height: 15rpx;
  background: #EFF3F6;
}
.dot1.data-v-6c74b160 {
  top: -1.5rpx;
  border-radius: 0 0 30px 30px;
  border-top: 0;
}
.dot2.data-v-6c74b160 {
  bottom: -1.5rpx;
  border-radius: 30px 30px 0 0;
  border-bottom: 0;
}
.cou2l.data-v-6c74b160 {
  width: 180rpx;
  border-right: 1px dashed #ddd;
}

/*cou3*/
.cou3.data-v-6c74b160 {
  background: #F6F7F9;
  border-radius: 15rpx;
}
.cou3 .cou2l.data-v-6c74b160 {
  width: 160rpx;
}
.cou3br.data-v-6c74b160 {
  width: 42rpx;
  padding: 5rpx 12rpx;
  background: #DDD;
}

/*cou5*/
.cou5.data-v-6c74b160 {
  height: 174rpx;
}
.cou5 .cou5l.data-v-6c74b160 {
  width: 135rpx;
  height: 108rpx;
}
.cou5 .cou5r.data-v-6c74b160 {
  padding-left: 30rpx;
}
.cou5 .cou5lq.data-v-6c74b160 {
  background: linear-gradient(90deg, #FF876F, #FF654D);
  min-width: 116rpx;
  height: 56rpx;
}
.cou5 .cou5ylq.data-v-6c74b160 {
  width: 125rpx;
  height: 125rpx;
  bottom: -20rpx;
  right: 0;
}
.be5.data-v-6c74b160 {
  background: #e5e5e5;
}
.cou6.data-v-6c74b160 {
  padding: 10rpx 15rpx;
}
.f66.data-v-6c74b160 {
  font-size: 66rpx;
}
.lh1.data-v-6c74b160 {
  line-height: 1;
}
.gfbg.data-v-6c74b160:after {
  background: #FFAFC0;
}
.gfbg.data-v-6c74b160:before {
  background: #FFAFC0;
}
.gfbtn.data-v-6c74b160 {
  width: 112rpx;
  height: 48rpx;
  color: #fff;
  border-radius: 4rpx;
}
.gfbg.data-v-6c74b160 {
  border-top: 1px dashed #eee;
}
.cef.data-v-6c74b160 {
  color: #EF371F;
}

/*cou8*/
.cou8 .bgimg.data-v-6c74b160 {
  width: 100%;
  height: 140rpx;
}
.cou8 .cqb.data-v-6c74b160 {
  color: #7A4A1A;
}
.cou8 .cou8m.data-v-6c74b160 {
  border-right: 1px dashed #e2e2e2;
  padding-right: 20rpx;
}
.cou8 .cou8zs.data-v-6c74b160 {
  background: #F2D287;
  color: #7B4B1B;
  padding: 2rpx 10rpx;
}
.cou8 .cou5lq.data-v-6c74b160 {
  background: #F2D287;
  color: #7B4B1B;
}
.cou8 .qbzkc.data-v-6c74b160 {
  border: 0.5px solid #F7EAC6;
  color: #7B4B1B;
  padding: 2rpx 6rpx;
  border-radius: 4rpx;
}
.cou9.data-v-6c74b160 {
  width: 690rpx;
}
.cou9 .cout.data-v-6c74b160 {
  height: 190rpx;
  padding: 25rpx 30rpx 15rpx;
}
.cou9 .cou9tl.data-v-6c74b160 {
  width: 100rpx;
  height: 100rpx;
}
.cou9 .qbyhq.data-v-6c74b160 {
  width: 690rpx;
  height: 288rpx;
}
.cou9 .dpimg.data-v-6c74b160 {
  width: 30rpx;
  height: 30rpx;
}
.cou9 .qqg.data-v-6c74b160 {
  width: 123rpx;
  height: 54rpx;
  border-radius: 54rpx;
  background: linear-gradient(90deg, #FF315F, #FF4C21);
}
.cou9 .jdt.data-v-6c74b160 {
  width: 88rpx;
  height: 8rpx;
  border-radius: 10rpx;
  background: #FFB2B2;
}
.cou9 .jd.data-v-6c74b160 {
  border-radius: 10rpx;
  background: linear-gradient(90deg, #FF315F, #FF4C21);
}
.cou9 .cou9b.data-v-6c74b160 {
  border-radius: 60rpx 60rpx 0 0;
}
.cou10 .cout.data-v-6c74b160 {
  padding: 15rpx 30rpx 15rpx;
}
.cou10 .coub.data-v-6c74b160:before {
  background: transparent;
}
.cou10 .ybk.data-v-6c74b160 {
  top: 0;
  left: 0;
  height: 100%;
  width: 15rpx;
  background: linear-gradient(0deg, #F75214 20%, #F87D22 100%);
}
.cou10 .cout.data-v-6c74b160::after {
  border-bottom: 1px dashed #FA5A16;
}
.cou10 .num.data-v-6c74b160 {
  top: 0;
  right: 0rpx;
  padding: 0 20rpx;
  height: 45rpx;
  font-size: 22rpx;
  line-height: 45rpx;
  border-bottom-left-radius: 20rpx;
  background: linear-gradient(#F75214, #F87D22);
}