page { background: #4e99f8; } .couponbg { position: relative; width: 100%; } .couponbg image { display: block; position: absolute; width: 95%; height: 95%; top: 0; left: 0; bottom: 0; right: 0; margin: auto; z-index: -19999; border-radius: 26rpx; } .title { font-size: 33rpx; color: #0c1829; line-height: 36rpx; text-align: center; padding-top: 106rpx; } .subtitle { color: #7f8b9e; font-size: 26rpx; line-height: 30rpx; margin-top: 16rpx; text-align: center; } .panel,.zhuangtai image{ width: 510rpx; height: 581rpx; border-radius: 10rpx; background-color: #fff; margin: 22rpx auto 0; padding: 30rpx 0; position: relative; 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 { color: #767676; } .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: 98%; margin: 0 auto; color: #7e7e7e; line-height: 88rpx; border-radius: 16rpx; border: 1px solid #eee; } .gou{ width: 87%; margin: 0 auto; color: #878d95; font-size: 26rpx; padding-bottom:74rpx; } .mai{ color: #333; } .remark{ padding-top: 17rpx; }