page { background: #02c0ff; } .couponbg { position: relative; background: #fff; overflow: hidden; background: #fff; width: 92%; margin: 8% auto 6%; border-radius: 16rpx; } .title { line-height: 36rpx; text-align: center; padding-top: 67rpx; font-size: 32rpx; color: #1f2d3d; letter-spacing: 0; } .subtitle { color: #7f8b9e; font-size: 26rpx; line-height: 30rpx; margin-top: 16rpx; text-align: center; } .line { height: 10rpx; display: block; width: 100%; margin-top: 20rpx; } .panel, .zhuangtai image { width:600rpx; display:block; border-radius:10rpx; margin:38rpx auto 0; padding:0; z-index:10000000000; } .pane2 { background: #fff; opacity: 0.6; } .pane2 image { width: 500rpx; display: block; margin: 40rpx auto 0; } .barcode { height: 100rpx; width: 500rpx; margin: 0 auto; } .barnum { height: 46rpx; line-height: 46rpx; font-size: 24rpx; text-align: center; letter-spacing: 2rpx; white-space: nowrap; color: #7f7f7f; } .barnum text { display: inline-block; vertical-align: top; font-size: 24rpx; color: #999; letter-spacing: 0; margin-right: 6rpx; } .barcode > canvas { width: 500rpx; height: 100rpx; } .qrcode { position: relative; height: 360rpx; display: flex; flex-direction: column; justify-content: flex-end; align-items: center; } .qrcode > canvas { width: 350rpx; height: 350rpx; } .jine { color: #f96563 !important; font-size: 36rpx !important; } .buy-view { background: #fff; position: fixed; padding-top: 10rpx; height: 98rpx; bottom: 0rpx; left: 0; right: 0; } .buy { background: #fff; height: 88rpx; width: 100%; margin: 0 auto 60rpx; line-height: 88rpx; border: 2rpx solid #ccc; border-radius: 10px; font-size: 36rpx; color: #333; letter-spacing: 0; } .gou { width: 87%; margin: 0 auto; color: #878d95; font-size: 26rpx; padding-bottom: 74rpx; } .mai { font-size: 24rpx; color: #919191; letter-spacing: 0; } .remark { padding-top: 17rpx; font-size: 24rpx; color: #333; letter-spacing: 0; line-height: 42rpx; }