.container { padding-bottom: 10rpx; } .panel, .zhuangtai image { position: relative; width: 510rpx; height: 581rpx; 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 { font-size: 24rpx; text-align: center; letter-spacing: 2rpx; white-space: nowrap; color: #7f7f7f; } .barnum text { color: #767676; } .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 { padding: 0 20rpx; margin-top: 30rpx; } .fl { float: left; } .fr { float: right; } .coupon_detail .wmfl { display: block; width: 200rpx; height: 165rpx; border-radius: 16rpx; overflow: hidden; } .coupon_detail image { display: block; width: 100%; height: 100%; } .coupon_detail .fr { width: 400rpx; } .right { margin-left: 20rpx; width: 420rpx; overflow: hidden; } .coupon_detail .title { font-size: 32rpx; width: 420rpx; height: 40rpx; white-space: nowrap; text-overflow:ellipsis; overflow: hidden; } .money{ width: 420rpx; height: 50rpx; white-space: nowrap; text-overflow:ellipsis; overflow: hidden; } .time { font-size: 26rpx; color: #999; width: 420rpx; height: 40rpx; white-space: nowrap; text-overflow:ellipsis; overflow: hidden; } .time text { font-size: 26rpx; color: #ff4949; } .money text { color: #ff4949; font-size: 36rpx; } .money del { color: #999; font-size: 26rpx; text-decoration: line-through; margin-left: 20rpx; } .money .txt02 { color: #999; font-size: 26rpx; margin-left: 20rpx; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .timevalidity { margin-top: 20rpx; text-indent: 20rpx; } .timevalidity text:nth-of-type(1) { color: #333; font-size: 28rpx; } .timevalidity text:nth-of-type(2) { font-size: 28rpx; color: red; } .posi { width: 100%; display: flex; flex-direction: column; background: #fff; border-bottom: 6rpx solid #f5f5f5; border-top: 6rpx solid #f5f5f5; 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-top: 20rpx; padding-left: 30rpx; } .posi_logo view:nth-child(2) text:nth-child(1) { font-size: 28rpx; } .posi_logo view:nth-child(2) text:nth-child(2) { font-size: 24rpx; color: #b8b8b8; padding-top: 10rpx; } .tit { font-size: 28rpx; color: #000; font-weight: bold; padding: 24rpx 0 33rpx; border-bottom: 1px solid #eee; text-indent: 20rpx; } .tel { position: absolute; right: 50rpx; top: 0; bottom: 0; margin: auto; width: 50rpx; height: 50rpx; z-index: 1000000; } .notes { border-top: 12rpx solid #f5f5f5; } .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: 28rpx; font-weight: bold; } */ /* .notes view:nth-child(2) { width: 92%; padding: 0 4%; background: #fff; display: flex; flex-direction: column; } */ .notes view:nth-child(2) > text { font-size: 28rpx; color: #a9a9a9; line-height: 56rpx; } .note view { height: 88rpx; line-height: 88rpx; 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: 28rpx; color: #000; } .note text:nth-of-type(2) { width: 67%; padding-right: 3%; text-align: right; color: #bdbdbd; font-size: 28rpx; } .manjian { margin-left: 26rpx; color: #666 !important; font-size: 26rpx !important; } rich-text{ max-width: 100%; }