boost + mapmenu + 店铺红包

 <!--components/reserve/discount.wxml-->
-<view class="toast flex-vc" wx:if="{{red_envelopes_price>0}}">
-    <view style="text-align: center;">恭喜您获得<text>{{red_envelopes_price}}元红包</text></view>
+<view class="toast" wx:if="{{red_envelopes_price>0}}">
+    <view class="toast-view">
+        <view class="toast-text">店家送您</view>
+        <view class="toast-text"><text class="yellow">{{red_envelopes_price}}</text>元红包</view>
+    </view>
 </view>
 <view class="{{cla?cla:'tips reserve-detail'}}" wx:if="{{money>0 && red_envelopes_price==0 && seller.isopen_md==1}}">
     <view class="msg">

@@ -127,27 +127,46 @@
 }
 
 .toast{
-  min-height:80rpx;
-  min-width:380rpx;
-  background:rgba(53,53,53,0.8);
-  border-radius:20rpx;
-
+  background:rgba(255,82,76,1);
+  border-radius:10rpx;
+  box-sizing: border-box;
+  z-index: 9999;
+  position: fixed;
+  top:560rpx;
+  left:calc(50% - 150rpx);
+}
+.toast-view{
+  width:300rpx;
+  height:220rpx;
+  position: relative;
+  box-sizing: border-box;
+  overflow: hidden;
+  text-align: center;
+  padding-top: 92rpx;
+}
+.toast-view:before{
+  content: "";
+  display: block;
+  width:340rpx;
+  height:160rpx;
+  border:6rpx solid rgba(216,18,18,1);
+  position: absolute;
+  top:-80rpx;
+  left: -20rpx;
+  box-sizing: border-box;
+  border-radius: 50%;
+}
+.toast-text{
+  height:44rpx;
   font-size:32rpx;
-  font-family:PingFangSC-Medium,PingFang SC;
-  font-weight:500;
+  font-family:PingFangSC-Semibold,PingFang SC;
+  font-weight:600;
   color:rgba(255,255,255,1);
   line-height:44rpx;
-  position: fixed;
-  top:60%;
-  left:calc(50% - 190rpx);
-  padding: 10rpx 20rpx;
-  box-sizing: border-box;
-  z-index: 9999;
 }
-.toast text{
-  color:#FEDE68;
+.toast-text .yellow{
+  color:#FFF48D;
 }
-
 .tips{
   position: fixed;
   z-index: 9999;