@import "../../../app.wxss"; .container { background: #fff; width: 92%; margin: 8% auto 6%; border-radius: 16rpx; } page { background: #02c0ff; height: auto !important; padding-bottom: 20rpx; } .panel, .zhuangtai image { position: relative; 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; } .buy { background: #fff; height: 88rpx; width: 98%; color: #7e7e7e; line-height: 88rpx; border-radius: 16rpx; border: 1px solid #eee; } .barcode { height: 100rpx; width: 510rpx; margin: 0 auto; } .barnum { background: #fff; height: 88rpx; width: 100%; margin: 0 auto; line-height: 88rpx; border: 2rpx solid #ccc; border-radius: 10px; font-size: 36rpx; color: #333; letter-spacing: 0; text-align: center; } .barnum text { display: inline-block; vertical-align: top; font-size: 24rpx; color: #999; letter-spacing: 0; margin-right: 6rpx; } .barcode > canvas { width: 510rpx; height: 100rpx; } .qrcode { position: relative; height: 350rpx; width: 350rpx; display: flex; flex-direction: column; justify-content: flex-end; align-items: center; margin: 0 auto; } .qrcode > canvas { width: 350rpx; height: 350rpx; } .coupon_detail { position: relative; } .coupon_detail .wmfl { position: absolute; width: 120rpx; height: 120rpx; left: 0; right: 0; margin: auto; top: -50rpx; border-radius: 50%; overflow: hidden; } .coupon_detail image { display: block; width: 100%; height: 100%; } .coupon_detail .fr { width: 100%; text-align: center; } .coupon_detail .title { font-size: 32rpx; color: #1f2d3d; letter-spacing: 0; text-align: center; display: block; padding-top: 92rpx; line-height: 45rpx; } .line { height: 10rpx; display: block; width: 100%; margin-top: 20rpx; } .time { font-size: 26rpx; color: #999; letter-spacing: 0; text-align: center; line-height: 37rpx; padding: 0 10rpx; } .time text { font-size: 26rpx; color: red; } .money text { color: red; font-size: 36rpx; } .money del { color: #999; font-size: 26rpx; text-decoration: line-through; margin-left: 20rpx; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .timevalidity { text-align: center; } .timevalidity text:nth-of-type(1) { font-size: 22rpx; color: #999; letter-spacing: 0; text-align: left; } .timevalidity text:nth-of-type(2) { font-size: 22rpx; color: #999; letter-spacing: 0; text-align: left; } .posi { width: 100%; display: flex; flex-direction: column; background: #fff; position: relative; } .posi_logo { width: 92%; padding: 30rpx 4% 0; display: flex; position: relative; } .shiji { font-size: 24rpx !important; color: #919191 !important; letter-spacing: 0; } .posi_logo view:nth-child(1) { width: 126rpx; height: 126rpx; overflow: hidden; flex: 2; border: 2rpx solid #e7e7e7; border-radius: 16rpx; } .posi_logo view:nth-child(1) image { width: 100%; height: 100%; } .posi_logo view:nth-child(2) { position: relative; display: flex; flex-direction: column; flex: 8; padding-left: 30rpx; } .posi_logo view:nth-child(2) text:nth-child(1) { font-size: 30rpx; width: 320rpx; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .posi_logo view:nth-child(2) text:nth-child(2) { font-size: 24rpx; color: #b8b8b8; padding-top: 10rpx; width: 386rpx; white-space: wrap; text-overflow: ellipsis; overflow: hidden; height: 78rpx; } .tit { padding: 53rpx 0 0; text-indent: 30rpx; font-size: 24rpx; color: #919191; letter-spacing: 0; } .tel { position: absolute; right: 30rpx; top: 0; bottom: 0; margin: auto; width: 50rpx; height: 50rpx; z-index: 10; } .notes view:nth-child(1) { width: 92%; height: 87rpx; padding: 0 4%; line-height: 87rpx; background: #fff; } .notes view:nth-child(1) text { font-size: 24rpx; color: #919191; letter-spacing: 0; } .notes view:nth-child(2) { width: 92%; padding: 0 4%; background: #fff; display: flex; flex-direction: column; padding-top: 2%; } .notes view:nth-child(2) > text { font-size: 24rpx; color: #333; letter-spacing: 0; line-height: 42rpx; } .notes { border-bottom-left-radius: 16rpx; border-bottom-right-radius: 16rpx; padding-bottom: 30rpx; } .note view { height: 48rpx; line-height: 48rpx; } .note view text { display: inline-block; } .note text:nth-of-type(1) { width: 22%; text-indent: 30rpx; text-align: left; font-size: 24rpx; color: #333; letter-spacing: 1.16rpx; } .note text:nth-of-type(2) { width: 67%; font-size: 24rpx; color: #333; letter-spacing: 1.16rpx; } .manjian { margin-left: 26rpx; color: #666 !important; font-size: 26rpx !important; } .moneys { font-size: 40rpx !important; color: #ff4949 !important; letter-spacing: 0; text-align: right; } .game-entry{ width: 690rpx; height: 140rpx; margin: 10rpx auto 0; } .gameimg{ display: block; width: 100%; height: 140rpx; }