pos_xcx/pages/couponList/couponList.wxss

page{
  background-color: #F8F8F8;
}

.container .logo {
  height: 400rpx;
  position: relative;
}

.container .logo > .logo-img {
  width: 200rpx;
  height: 200rpx;
  border-radius: 50%;
  position: absolute;
  bottom: 100rpx;
  left: 50%;
  transform: translateX(-50%);
}

.container .logo > .info {
  width: 100%;
  height: 50rpx;
  text-align: center;
  letter-spacing: 3rpx;
  position: absolute;
  bottom: 10rpx;
  font-size: 22px;
}

.container .desc {
  width: 90%;
  margin: 50rpx auto;
}

.container .desc .text-h {
  height: 50rpx;
  padding: 0 20rpx 20rpx 20rpx;
}

.container .desc .text-f {
  padding: 0 50rpx;
  color: #999;
  font-size: 13px;
  position: relative;
}

.container .desc .text-f::before {
  content: "";
  width: 6rpx;
  height: 6rpx;
  background-color: #999;
  position: absolute;
  top: 15rpx;
  left: 25rpx;
  border-radius: 50%;
}

.container .confirm {
  width: 80%;
  margin: 80rpx auto;
}

.container .confirm > button {
  width: 100%;
  font-weight: 400;
}


.cash{
  padding: 10px 10px;
  box-sizing: border-box;
  background-color:#fff;
  margin-top: 14px;
}
.cash-img{
  background-image: url("https://dy.shpr.top/xcxActivity/activityList_orange.png");
}

.discount-img{
  background-image: url("https://dy.shpr.top/xcxActivity/activityList_skyblue.png");
}
.coupon-list {

}
.gray {
  filter: grayscale(100%);
}

.discuss {
  position: relative;
  /* bottom: 100rpx; */
  font-size: 38rpx;
  color: #9E9E9E;
  letter-spacing: 5rpx;
}

.discuss-info {
  text-align: center;
  position: absolute;
  top: 13%;
  left: 22%;
}

.coupon-img{
  width: 100%;
  height: 105px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  color: #fff;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  margin-bottom: 20px;

}


.discount{
  padding: 10px 10px;
  box-sizing: border-box;
  background-color:#fff;
  margin-top: 14px;
}

.cash-img-left{
  display: flex;
  flex-direction: column;
  /* flex-flow: row nowrap; */
  justify-content: center;
  align-items: center;
  width: 220px;
  
}
.cil-1{
/* align-self: flex-start; */
/* margin-left: 18px; */
/* margin-top: 25px; */
font-size: 18px;
font-weight: bold;
}
.cil-2{
  /* align-self: flex-start; */
  /* margin-left: 2px; */
  /* margin-top: 8px; */
  font-size: 30px;
  font-weight: bold;
  }
.coupon-center{
  margin-left: 9px;
  width: 360px;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
}
.coupon-center-date{
height: 25px;
font-size: 15rpx;
font-weight: 400;
line-height: 25px;
color: #FFFFFF;
}
.cash-img-right{
  width: 15px;
  height: 70px;
  font-size: 15px;
  font-weight: 400;
  line-height: 18px;
  color: #FFFFFF;
  margin:auto 0px;
  margin-right: 29px;
}