| 
				
				
				
				 | 
			
			 | 
			@@ -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;
 | 
		
		
	
		
			
			 | 
			 | 
			
			 | 
			} |