H5_module/mine/couponsDet/couponsDet.css

/* mine/couponsDet/couponsDet.wxss */
.top{height: 260rpx;background-image: linear-gradient(to left,#FF0808,#F1674C);color: #ffffff; text-align: center;padding: 50rpx 0 0 0;}
.fn48{font-size: 48rpx;}
.fn24{font-size: 24rpx;}
.fn30{font-size: 30rpx;}
.mag10{margin-top: 20rpx;}
.mag30{margin-top: 30rpx;}
.fnc99{color: #999999;}
.fnwit{font-weight: bold;}
.con{  
height: 940rpx;
 }
 .content{
  width: 722rpx;
  height: 85%;
  position: absolute;
  top: 18%;
  left: 50%;
  transform: translateX(-50%);
 }
.background {
  width: 100%;
  height: 100%;
  position:absolute; 
  background-size:100% 100%;
  /* z-index: -1; */
}
.lits{position: relative;z-index: 2;padding: 40rpx 0 32rpx 0; border-bottom: 1rpx dashed #999999; margin: 0 auto;width: 652rpx;}
.left{font-weight: bold;font-size: 24rpx;color: #FF0808;font-weight: bold;margin-right: 20rpx;}
.left text{font-size: 36rpx;font-weight: normal;}
.left text.jine{font-size: 88rpx;font-weight: bold;}
.tong{margin-top: 25rpx;}
.tong view{font-size: 28rpx;color: #333333;margin-bottom: 5rpx;}
.tong text{font-size: 24rpx;color: #333333;}
.tiaoxingma{position: relative;text-align: center;}
.tiaoxima{width: 620rpx;height: 160rpx; margin: 50rpx auto 10rpx auto;}
.xcx{width: 300rpx; height: 300rpx;margin: 82rpx auto 25rpx auto;}
.footer{padding: 0 0 0 20rpx;height: 200rpx;}