mili_mini/pages/mine/mycoupon/mycoupon.wxss

page{
  background-color: #f0f0f0;
}
.couponlist {
  margin-top: 18rpx;
  width: 95%;
  margin-left: 2.5%;
  margin-right: 2.5%;
  height: 264rpx;
  background-image: url("https://yuesuo.yueguanjia.com/MiniProgram/couponbk.png");
  background-size:100% 100%;
  background-repeat:no-repeat;
  display: flex;
  flex-wrap: wrap;
}
.list1 {
  display: flex;
  flex: 1;
  flex-direction:column; 
  height: 180rpx;
  width: 50%;
}
.couponname {
  margin-left: 28rpx;
  margin-top: 44rpx;
}
.txtcouponname {
  font-size: 40rpx;
  font-weight: Bold;
  color: #000000;
}
.coupondatetitle {
  margin-left: 58rpx;
  margin-top: 10rpx;
  font-size: 24rpx;
  color: #A7A7A7;
  font-weight: Regular;
}
.coupondate {
  margin-left: 28rpx;
  margin-top: 8rpx;
  color: #BBBBBB;
  font-weight: 500;
  font-size: 28rpx;
}
.list2 {
  flex: 1;
  display: flex;
  flex-direction:column;
  text-align: right;
}
.couponvalue {
  display: flex;
  margin-left: 164rpx;
  text-align: left;
}
.money {
  margin-top: 20rpx;
  color: #fc6961;
  font-size: 60rpx;
  font-weight: 500;
}
.yuan {
  margin-left: 8rpx;
  margin-top: 48rpx;
  flex: 1;
  text-align: left;
  font-size: 28rpx;
  font-weight: Regular;
  color: #000000;
}
.button {
  margin-top: 8rpx;
  width: 120rpx;
  height: 42rpx;
  margin-left: 165rpx;
  border-radius:10rpx;
  background-color: #fc6961;
  text-align: center;
  color: #ffffff;
  font-size: 24rpx;
  line-height: 42rpx;
}
.packages {
  width: 82%;
  margin-left: 8%;
  margin-right: 10%;
  height: 60rpx;
  text-align: left;
  line-height: 60rpx;
  color: #A7A7A7;
  font-size: 24rpx;
  font-weight: Regular;
}
.topp {
  width: 100%;
  margin-top: 30rpx;
}
.none {
  margin-top: 306rpx;
  text-align: center;
  width: 100%;
  height: 260rpx;
}
.noneimg {
  height: 280rpx;
  width: 280rpx;
}
.nonedesc {
  margin-top: 90rpx;
  height: 30rpx;
  color: #7A7777;
  font-size: 32rpx;
  font-weight: Heavy;
}


.bg {
  display: none;
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  background-color: black;
  z-index: 1001;
  -moz-opacity: 0.7;
  opacity: 0.60;
  filter: alpha(opacity=70);
}

.show {
  display: none;
  position: absolute;
  flex-direction:column ;
  top: 18%;
  left: 10%;
  width: 80%;
  background-color: white;
  z-index: 1002;
  overflow: auto;
}
.showtitle {
  text-align: center;
  margin-top: 28rpx;
  font-size: 38rpx;
  font-weight: 400;
  color: #000000;
  margin-bottom: 20rpx;
}
.showcontent{
  margin-bottom: 6rpx;
  margin-left: 10%;
  margin-right: 10%;
  width: 80%;
  text-align: justify;
  font-size: 28rpx;
  color: #A8A8A8;
  font-weight: 400;
}
.showline {
  margin-top: 26rpx;
  height: 1rpx;
  background-color:  #f8f8f8;
}
.showbutton {
  margin-top: 20rpx;
  margin-bottom: 20rpx;
  text-align: center;
  color: #20BAA5;
  font-size: 38rpx;
  font-weight: 400;
}
.couponbox {
  width: 92%;
  margin-left: 4%;
  margin-right: 4%;
  background:#ffffff;
  box-shadow:0rpx 14rpx 44rpx 2rpx rgba(172,172,172,0.5);
  border-radius:30rpx;
  height: 274rpx;
  margin-top: 40rpx;
  display: flex;
  flex-direction: column;
}
.couponinfo {
  height: 54rpx;
  width:156rpx;
  margin-top: 32rpx;
  margin-left: 30rpx;
  background:#00C7C6;
  border-radius:30rpx;
  color: #FFFFFF;
  font-size: 24rpx;
  font-weight: Bold;
  text-align: center;
  line-height: 54rpx;
}
.load {
  width: 100%;
  height: 2400rpx;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9999;
  background-color: #ffffff;
  text-align: center;
  line-height: 1300rpx;
}
.loadimg {
  width: 200rpx;
  height: 200rpx;
}