|  |  | @@ -1,190 +1,210 @@ | 
		
	
		
			
			|  |  |  | @import '../../../app.wxss'; | 
		
	
		
			
			|  |  |  |  | 
		
	
		
			
			|  |  |  | .coupons { | 
		
	
		
			
			|  |  |  | width: 100%; | 
		
	
		
			
			|  |  |  | height: 100%; | 
		
	
		
			
			|  |  |  | position: absolute; | 
		
	
		
			
			|  |  |  | background: #f6f6f6; | 
		
	
		
			
			|  |  |  | width: 100%; | 
		
	
		
			
			|  |  |  | height: 100vh; | 
		
	
		
			
			|  |  |  | background: #f6f6f6; | 
		
	
		
			
			|  |  |  | position: relative; | 
		
	
		
			
			|  |  |  | display: flex; | 
		
	
		
			
			|  |  |  | flex-direction: column; | 
		
	
		
			
			|  |  |  | } | 
		
	
		
			
			|  |  |  | .coupons-body{ | 
		
	
		
			
			|  |  |  | flex: 1; | 
		
	
		
			
			|  |  |  | overflow: auto; | 
		
	
		
			
			|  |  |  | } | 
		
	
		
			
			|  |  |  |  | 
		
	
		
			
			|  |  |  | .banner { | 
		
	
		
			
			|  |  |  | width: 100%; | 
		
	
		
			
			|  |  |  | height: 465rpx; | 
		
	
		
			
			|  |  |  | width: 100%; | 
		
	
		
			
			|  |  |  | height: 465rpx; | 
		
	
		
			
			|  |  |  | } | 
		
	
		
			
			|  |  |  |  | 
		
	
		
			
			|  |  |  | .banner image { | 
		
	
		
			
			|  |  |  | width: 100%; | 
		
	
		
			
			|  |  |  | height: 100%; | 
		
	
		
			
			|  |  |  | width: 100%; | 
		
	
		
			
			|  |  |  | height: 100%; | 
		
	
		
			
			|  |  |  | } | 
		
	
		
			
			|  |  |  |  | 
		
	
		
			
			|  |  |  | .coupons_info { | 
		
	
		
			
			|  |  |  | width: 92%; | 
		
	
		
			
			|  |  |  | height: 186rpx; | 
		
	
		
			
			|  |  |  | display: flex; | 
		
	
		
			
			|  |  |  | justify-content: space-between; | 
		
	
		
			
			|  |  |  | padding: 0 4%; | 
		
	
		
			
			|  |  |  | background: #fff; | 
		
	
		
			
			|  |  |  | width: 92%; | 
		
	
		
			
			|  |  |  | height: 186rpx; | 
		
	
		
			
			|  |  |  | display: flex; | 
		
	
		
			
			|  |  |  | justify-content: space-between; | 
		
	
		
			
			|  |  |  | padding: 0 4%; | 
		
	
		
			
			|  |  |  | background: #fff; | 
		
	
		
			
			|  |  |  | } | 
		
	
		
			
			|  |  |  |  | 
		
	
		
			
			|  |  |  | .coupons_info view { | 
		
	
		
			
			|  |  |  | display: flex; | 
		
	
		
			
			|  |  |  | flex-direction: column; | 
		
	
		
			
			|  |  |  | display: flex; | 
		
	
		
			
			|  |  |  | flex-direction: column; | 
		
	
		
			
			|  |  |  | } | 
		
	
		
			
			|  |  |  |  | 
		
	
		
			
			|  |  |  | .coupons_info view:nth-child(1) text { | 
		
	
		
			
			|  |  |  | font-size: 30rpx; | 
		
	
		
			
			|  |  |  | margin-top: 3%; | 
		
	
		
			
			|  |  |  | 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; | 
		
	
		
			
			|  |  |  | 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%; | 
		
	
		
			
			|  |  |  | 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; | 
		
	
		
			
			|  |  |  | 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; | 
		
	
		
			
			|  |  |  | 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; | 
		
	
		
			
			|  |  |  | 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%; | 
		
	
		
			
			|  |  |  | 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; | 
		
	
		
			
			|  |  |  | 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; | 
		
	
		
			
			|  |  |  | font-size: 30rpx; | 
		
	
		
			
			|  |  |  | color: #a9a9a9; | 
		
	
		
			
			|  |  |  | } | 
		
	
		
			
			|  |  |  |  | 
		
	
		
			
			|  |  |  | .posi>view:nth-child(2) text:nth-child(2) { | 
		
	
		
			
			|  |  |  | font-size: 30rpx; | 
		
	
		
			
			|  |  |  | color: #a9a9a9; | 
		
	
		
			
			|  |  |  | font-size: 30rpx; | 
		
	
		
			
			|  |  |  | color: #a9a9a9; | 
		
	
		
			
			|  |  |  | } | 
		
	
		
			
			|  |  |  |  | 
		
	
		
			
			|  |  |  | .posi_logo { | 
		
	
		
			
			|  |  |  | width: 100%; | 
		
	
		
			
			|  |  |  | height: 156rpx; | 
		
	
		
			
			|  |  |  | display: flex; | 
		
	
		
			
			|  |  |  | margin-top: 30rpx; | 
		
	
		
			
			|  |  |  | 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) { | 
		
	
		
			
			|  |  |  | 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(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; | 
		
	
		
			
			|  |  |  | 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; | 
		
	
		
			
			|  |  |  | 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; | 
		
	
		
			
			|  |  |  | 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%; | 
		
	
		
			
			|  |  |  | width: 12rpx; | 
		
	
		
			
			|  |  |  | height: 12rpx; | 
		
	
		
			
			|  |  |  | display: inline-block; | 
		
	
		
			
			|  |  |  | background: #A9A9A9; | 
		
	
		
			
			|  |  |  | margin-right: 16rpx; | 
		
	
		
			
			|  |  |  | position: relative; | 
		
	
		
			
			|  |  |  | bottom: 4rpx; | 
		
	
		
			
			|  |  |  | border-radius: 50%; | 
		
	
		
			
			|  |  |  | } | 
		
	
		
			
			|  |  |  |  | 
		
	
		
			
			|  |  |  | .buy-view { | 
		
	
		
			
			|  |  |  | width: 100%; | 
		
	
		
			
			|  |  |  | padding: 10rpx; | 
		
	
		
			
			|  |  |  | /* position: fixed; */ | 
		
	
		
			
			|  |  |  | /* bottom: 0; */ | 
		
	
		
			
			|  |  |  | background: #fff; | 
		
	
		
			
			|  |  |  | box-sizing: border-box; | 
		
	
		
			
			|  |  |  | } | 
		
	
		
			
			|  |  |  |  | 
		
	
		
			
			|  |  |  | .buy { | 
		
	
		
			
			|  |  |  | width: 100%; | 
		
	
		
			
			|  |  |  | height: 88rpx; | 
		
	
		
			
			|  |  |  | background: #00C0FF; | 
		
	
		
			
			|  |  |  | color: #fff; | 
		
	
		
			
			|  |  |  | font-size: 36rpx; | 
		
	
		
			
			|  |  |  | line-height: 88rpx; | 
		
	
		
			
			|  |  |  | /* width: 100%; */ | 
		
	
		
			
			|  |  |  | height: 88rpx; | 
		
	
		
			
			|  |  |  | background: #00C0FF; | 
		
	
		
			
			|  |  |  | color: #fff; | 
		
	
		
			
			|  |  |  | font-size: 36rpx; | 
		
	
		
			
			|  |  |  | line-height: 88rpx; | 
		
	
		
			
			|  |  |  | border-radius: 0; | 
		
	
		
			
			|  |  |  | } |