share_activity/pages/luckDraw/profile.wxss

/* pages/luckDraw/profile.wxss */
page{
  background: #F7F7F7;
  display:flex;
  flex-flow: column nowrap;
  justify-content: left;
  align-items: center;
  box-sizing: border-box;
}
/* 垂直方向布局，水平居中 **/
.flex-column{
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: left;
}

/* 水平方向布局，垂直居中 **/
.flex-row{
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
}

.check-in-content{
  margin: 22rpx;
}

.explain{
  width: 750rpx;
  height: 98rpx;
  background: #FFFFFF;
  justify-content: space-between !important;
}

.explain-left,.explain-center,.explain-right{
  width: 50%;
  text-align: center;
}

.explain-text{
  font-size: 18px;
  font-weight: 600;
  color: #BF2637;
}

.explain-discount,.explain-utility{
  font-size: 28rpx;
  font-weight: 500;
  color: #000000;
}


.explain-column{
  width: 90rpx;
  height: 4rpx;
  background: #EA443A;
  border-radius: 2rpx;
  margin-top: 8rpx;
}

.explain-columnNo{
  width: 90rpx;
  height: 4rpx;
  border-radius: 2rpx;
  margin-top: 8rpx;
}

.coupon,.prize-content{
  width: 707rpx;
  height: 203rpx;
  background-image: url(https://dy.shpr.top/welfareGo/luck-draw.png);
  background-size: 100% 100%;
  justify-content: space-between;
  margin-bottom: 19rpx;
}

.coupon-title,.coupon-data{
  padding-left: 49rpx;
}

.coupon-data{
  width: 400rpx;
  justify-content: space-between;
  margin-top: 45rpx;
}

.coupon-title{
  width: 400rpx;
  height: 40rpx;
  font-size: 34rpx;
  font-weight: bold;
  color: #000000;
  line-height: 30rpx;
}

.coupon-data-time{
  font-size: 26rpx;
  font-weight: 400;
  color: #000000;
  line-height: 30rpx;
}

.coupon-img{
  width: 202rpx;
  height: 203rpx;
  justify-content: center;
}

.coupon-img-url{
  width: 178rpx;
  height: 166rpx;
}

.coupon-refund{
  width: 139rpx;
  height: 40rpx;
  border: 1px solid #B01717;
  border-radius: 50rpx;
}

.lower-coupon-text{
  font-size: 22rpx;
  font-weight: 500;
  color: #B01717;
}

.no_result {
  font-size: 24rpx;
  color: #B1B1B1;
  line-height: 100rpx;
  font-weight: 1000;
  text-align: center;
}


.coupon-wrap-list {
  width: 100vw;
  padding: 0 30rpx 20rpx 30rpx;
  box-sizing: border-box;
}

.coupon_wrap {
  width: 690rpx;
}
.coupon-item-style {
  background: #fff !important;
}
.coupon-circule-style {
  background: #FFF6F5 !important;
}