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:0 auto; 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; } /* 小游戏入口 */ .game-entry{ width: 690rpx; height: 140rpx; margin: 0 auto; border-radius: 14rpx; box-shadow: 1px 4px 20px #C4C4C4; background: #fff; } .game { position: relative; width: 750rpx; height: 200rpx; margin: 0 auto; padding-top: 30rpx; box-sizing: border-box; } .gameimg{ position: absolute; right: 25rpx; top: -14rpx; width: 250rpx; } .game text { display: block; position: relative; } .game text:nth-of-type(1) { display: inline-block; padding-top: 39rpx; padding-left: 70rpx; font-size: 32rpx; color: #333; line-height: 36rpx; } .game text:nth-of-type(2) { font-size: 24rpx; color: #999; line-height: 24rpx; padding-left: 70rpx; }