@import '../../../app.wxss'; .coupons { width: 100%; height: 100%; position: absolute; background: #f6f6f6; } .banner { width: 100%; height: 465rpx; } .banner image { width: 100%; height: 100%; } .coupons_info { width: 92%; height: 186rpx; display: flex; justify-content: space-between; padding: 0 4%; background: #fff; } .coupons_info view { display: flex; flex-direction: column; } .coupons_info view:nth-child(1) text { font-size: 30rpx; margin-top: 3%; } .coupons_info view:nth-child(1) text:nth-child(1) text { color: #ff3434; font-size: 24rpx; border: 1px solid #ff3434; border-radius: 6rpx; margin-left: 2%; padding: 0 5rpx; } .coupons_info view:nth-child(1) text:nth-child(2), .coupons_info view:nth-child(1) text:nth-child(3) { color: #b8b8b8; font-size: 24rpx; margin-top: 4%; } .coupons_info view:nth-child(1) text:nth-child(2) text, .coupons_info view:nth-child(1) text:nth-child(3) text { color: #ff3434; font-size: 24rpx; } .coupons_info view:nth-child(2) text:nth-child(1) { font-size: 36rpx; color: #ff3434; margin-top: 40rpx; font-weight: bold; } .coupons_info view:nth-child(2) text:nth-child(2) { font-size: 24rpx; color: #b4b4b4; text-decoration: line-through; padding-left: 10rpx; padding-top: 4rpx; } .posi { width: 92%; display: flex; flex-direction: column; padding: 0 4%; background: #fff; margin-top: 2%; } .posi>view:nth-child(2) { width: 100%; height: 87rpx; display: flex; justify-content: space-between; border-top: 1px solid #f6f6f6; line-height: 87rpx; } .posi>view:nth-child(2) text:nth-child(1) { font-size: 30rpx; color: #a9a9a9; } .posi>view:nth-child(2) text:nth-child(2) { font-size: 30rpx; color: #a9a9a9; } .posi_logo { width: 100%; height: 156rpx; display: flex; margin-top: 30rpx; } .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) { 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: 30rpx; } .posi_logo view:nth-child(2) text:nth-child(2) { font-size: 24rpx; color: #b8b8b8; padding-top: 10rpx; } .notes{ margin-top: 2%; } .notes view:nth-child(1){ width: 92%; height: 87rpx; padding: 0 4%; line-height: 87rpx; background: #fff; border-bottom: 1rpx solid #f5f5f5; border-top: 1rpx solid #f5f5f5; } .notes view:nth-child(1) text{ font-size: 30rpx; font-weight: bold; } .notes view:nth-child(2){ width: 92%; height: 400rpx; padding: 0 4%; background: #fff; border-bottom: 1rpx solid #f5f5f5; display: flex; flex-direction: column; padding-top: 2%; } .notes view:nth-child(2)>text{ font-size: 28rpx; color: #A9A9A9; line-height: 56rpx; } .spot { width: 12rpx; height: 12rpx; display: inline-block; background: #A9A9A9; margin-right: 16rpx; position: relative; bottom: 4rpx; border-radius: 50%; } .buy { width: 100%; height: 88rpx; background: #00C0FF; color: #fff; font-size: 36rpx; line-height: 88rpx; }