@import "../../app.wxss"; .couponBox{ height: 100%; margin-top: 20rpx; background:linear-gradient(180deg,rgba(253,131,45,1) 0%,rgba(254,74,22,1) 100%); } page { background: linear-gradient(180deg,rgba(253,131,45,1) 0%,rgba(254,74,22,1) 100%); height: auto !important; } .couponbg { position: relative; background: #fff; overflow: hidden; width: 92%; margin: 0 auto 6%; border-radius: 16rpx; padding-bottom: 20rpx; } .coedTiem{ text-align: center; color: rgba(253,131,45,1); margin-bottom: 10rpx; } .title { line-height: 36rpx; text-align: center; padding-top: 54rpx; 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:500rpx; display:block; border-radius:10rpx; margin:0 auto; padding:0; z-index:10000; } .panel{ position: relative; } .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{ background: #fff; height: 88rpx; width: 540rpx; line-height: 88rpx; border: 2rpx solid #ccc; border-radius: 10px; font-size: 36rpx; color: #333; letter-spacing: 0; text-align: center; overflow: hidden; margin-left: -10rpx; } .barnumtext{ float: left; margin-left: 20rpx; font-size: 30rpx; } .barnumImg{ float: left; height: 40rpx; width: 40rpx !important; margin: 24rpx 20rpx !important; } .barnumtext::before{ content: "优惠券码:"; font-size: 24rpx; color: #999; } .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 40rpx; line-height: 88rpx; border: 2rpx solid #ccc; border-radius: 10px; font-size: 36rpx; color: #333; letter-spacing: 0; } .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; } .notes view:nth-child(1) { height: 87rpx; line-height: 87rpx; background: #fff; } .notes { width: 92%; margin: 0 auto; } .notes view:nth-child(1) text { color: #333; letter-spacing: 0; font-size: 30rpx; height: 70rpx; line-height: 70rpx; } .notes view:nth-child(2) { background: #fff; display: flex; flex-direction: column; } .notes view:nth-child(2)>text { font-size: 24rpx; color: #919191; letter-spacing: 0; line-height: 42rpx; } .closeRq{ position: absolute; width: 420rpx; height: 420rpx; line-height: 420rpx; text-align: center; background-color: rgba(0, 0, 0, 0.8); left: 50%; top: 42%; transform: translate(-50%, -50%); /* 50%为自身尺寸的一半 */ z-index: 10000000; color: #fff; font-size: 38rpx; } .updataRqCode{ width: 80rpx !important; height: 80rpx; margin-top: calc(50%-80rpx) !important; margin-left: calc(50%-80rpx) !important; display: inline-block !important; } .upDataRq{ position: absolute; width: 100%; text-align: center; height: 80rpx; color: #fff ; top: 20%; left: 0; } /* rich-text img{ max-width: 100%; } */