.container { background: #fff; width: 92%; margin: 8% auto 6%; border-radius:16rpx; overflow: hidden; } page{ background: #02C0FF; } .panel, .zhuangtai image { position: relative; width: 600rpx; display: block; border-radius: 10rpx; background-color: #fff; margin: 22rpx auto 0; padding: 30rpx 0 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: 60rpx auto 0; 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; } /* .fl { float: left; } .fr { float: right; } */ ..coupon_detail{ position:relative; } .coupon_detail .wmfl { position: absolute; width: 120rpx; height: 120rpx; left: 0; right: 0; margin: auto; top: 5rpx; 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: 73rpx; line-height: 45rpx; } .time { font-size: 26rpx; color: #999999; letter-spacing: 0; text-align: center; line-height: 37rpx; } .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; margin-top: 20rpx; } .timevalidity text:nth-of-type(1) { color: #333; font-size: 30rpx; } .timevalidity text:nth-of-type(2) { font-size: 30rpx; color: red; } .posi { width: 100%; display: flex; flex-direction: column; background: #fff; position: relative; } .posi_logo { width: 92%; padding: 30rpx 4%; display: flex; position: relative; z-index: 100; } .posi_logo view:nth-child(1) { width: 126rpx; height: 126rpx; border-radius: 50%; overflow: hidden; flex: 2; } .posi_logo view:nth-child(1) image { width: 100%; height: 100%; } .posi_logo view:nth-child(2) { position: relative; z-index: 100; display: flex; flex-direction: column; flex: 8; padding-left: 30rpx; } .posi_logo view:nth-child(2) text:nth-child(1) { font-size: 30rpx; } .posi_logo view:nth-child(2) text:nth-child(2) { font-size: 24rpx; color: #b8b8b8; padding-top: 10rpx; } .tit { font-size: 30rpx; color: #000; font-weight: bold; padding: 24rpx 0 33rpx; border-bottom: 1rpx solid #eee; text-indent: 20rpx; } .tel { position: absolute; right: 50rpx; top: 0; bottom: 0; margin: auto; width: 50rpx; height: 50rpx; z-index: 1000000; } .notes view:nth-child(1) { width: 92%; height: 87rpx; padding: 0 4%; line-height: 87rpx; background: #fff; border-bottom: 1rpx solid #f5f5f5; } .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: #333333; letter-spacing: 0; line-height: 42rpx; } .notes{ border-bottom-left-radius:16rpx; border-bottom-right-radius: 16rpx; } .note view { height: 94rpx; line-height: 94rpx; border-bottom: 2rpx solid #f9f9f9; } .note view text { display: inline-block; } .note text:nth-of-type(1) { width: 30%; text-indent: 30rpx; text-align: left; font-size: 30rpx; color: #000; } .note text:nth-of-type(2) { width: 67%; padding-right: 3%; text-align: right; color: #bdbdbd; font-size: 30rpx; } .manjian { margin-left: 26rpx; color: #666 !important; font-size: 26rpx !important; }