diff --git a/pages/giftpack/newvipgift/newvipgift.js b/pages/giftpack/newvipgift/newvipgift.js
index 0bd4206..e452000 100644
--- a/pages/giftpack/newvipgift/newvipgift.js
+++ b/pages/giftpack/newvipgift/newvipgift.js
@@ -42,14 +42,14 @@ Page({
       }
     }).then(res => {
       if (res.data.code == 0) {
-        if (res.data.data.lbCoupons != null) {
+        if (res.data.data.lbCoupons != null && res.data.data.lbCoupons.length>0) {
           //礼包内容--礼券
           th.setData({
             cardShow: true,
             cards: res.data.data.lbCoupons
           })
         }
-        if (res.data.data.lbSM != null) {
+        if (res.data.data.lbSM != null && res.data.data.lbSM.length>0) {
           //礼包内容--服务项目
           th.setData({
             itemShow: true,
diff --git a/pages/giftpack/newvipgift/newvipgift.wxml b/pages/giftpack/newvipgift/newvipgift.wxml
index aa2b889..5431acd 100644
--- a/pages/giftpack/newvipgift/newvipgift.wxml
+++ b/pages/giftpack/newvipgift/newvipgift.wxml
@@ -1,168 +1,170 @@
 <view>
-    <view class="image_box">
-        <image src="{{iurl+'/miniapp/images/giftbag/vip00.png'}}" lazy-load="true"></image>
-    </view>
-    <block wx:if="{{itemShow}}">
-        <view class="top">
-            <view class="top_box">
-                <view class="top_box_text">
-                    <text>______</text>
-                </view>
-                <view class="top_box_text">
-                    <text>新人专享\n你的美丽我来缔造</text>
-                </view>
-                <view class="top_box_text">
-                    <text >______</text>
-                </view>
-            </view>
-            <block wx:for="{{itemWare}}" wx:for-item="item" wx:for-index="index" wx:key="index">
-                <view class="top_item ">
-                    <block wx:if="{{item.lbType==3}}">
-                        <view class="top_item_img">
-                            <image src="{{item.fromImage=='' || item.fromImage==null?iurl+'/miniapp/images/giftbag/gift02.png':iurl+item.fromImage}}" lazy-load="true" data-errorimg="itemWare[{{index}}].fromImage" binderror="bind_bnerr1" data-img="{{item.fromImage}}"></image>
-                        </view>
-                    </block>
-                    <block wx:if="{{item.lbType==1}}">
-                        <view class="top_item_img ">
-                            <image src="{{item.fromImage==''?iurl+'/miniapp/images/giftbag/empty.jpg':iurl+item.fromImage}}" lazy-load="true"></image>
-                        </view>
-                    </block>
-                    <view class="top_item_center ">
-                        <view class="top_item_center_title">
-                            <block wx:if="{{item.lbType==1}}">
-                                <text>免费领取</text>
-                            </block>
-                            <block wx:if="{{item.lbType==3}}">
-                                <text>{{item.fromName}}</text>
-                            </block>
-                        </view>
-                        <view class="top_item_center_ramke ">
-                            <block wx:if="{{item.lbType==1}}">
-                                <text>{{item.fromName}}</text>
-                            </block>
-                            <block wx:if="{{item.lbType==3}}">
-                                <text >{{"新人可免费享受专业"+item.fromName+"，可以享受"+item.num+"次。"}}</text>
-                            </block>
-                        </view>
-                    </view>
-                </view>
-            </block>
+  <view class="image_box">
+    <image src="{{iurl+'/miniapp/images/giftbag/vip00.png'}}" lazy-load="true"></image>
+  </view>
+  <block wx:if="{{itemShow}}">
+    <view class="top rel">
+      <view class="top_box">
+        <view class="top_box_text">
+          <text>______</text>
         </view>
-    </block>
-    <block wx:if="{{itemShow}}">
-        <view >
-            <image style="width:10px;height:47px;float:left;top:-38px;left:55px;" src="{{iurl+'/miniapp/images/giftbag/vip05.png'}}" lazy-load="true"></image>
-            <image style="width:10px;height:47px;float:right;top:-38px;right:55px;" src="{{iurl+'/miniapp/images/giftbag/vip05.png'}}" lazy-load="true"></image>
+        <view class="top_box_text">
+          <text>新人专享\n你的美丽我来缔造</text>
         </view>
-    </block>
-    <block wx:if="{{cardShow}}">
-        <view >
-            <view class="top ">
-                <view class="top_box ">
-                    <view class="top_box_text ">
-                        <text >———</text>
-                    </view>
-                    <view class="top_box_text ">
-                        <text >新人专享优惠券</text>
-                    </view>
-                    <view class="top_box_text ">
-                        <text >———</text>
-                    </view>
-                </view>
-                <block wx:for="{{cards}}" wx:for-item="item" wx:for-index="index" wx:key="index">
-                    <view class="top_card ">
-                        <view class="{{item.useObjectType==1?'top_card_box img1':item.useObjectType==2?'top_card_box img2':'top_card_box img3'}}">
-                        <!-- class="{{['',item.useObjectType==1?'top_card_box img1':item.useObjectType==2?'top_card_box img2':'top_card_box img3']}}" -->
-                            <view class="top_card_tite_box ">
-                                <block wx:if="{{item.useObjectType==0}}">
-                                    <view class="top_card_tite_a">全场通用</view>
-                                </block>
-                                <block wx:if="{{item.useObjectType==1}}">
-                                    <view class="top_card_tite_b">品牌限定</view>
-                                </block>
-                                <block wx:if="{{item.useObjectType==2}}">
-                                    <view class="top_card_tite_c">品类限定</view>
-                                </block>
-                                <block wx:if="{{item.useObjectType==11}}">
-                                    <view class="top_card_tite_a">用途限定</view>
-                                </block>
-                                <block wx:if="{{item.useObjectType==12}}">
-                                    <view class="top_card_tite_a">分类限定</view>
-                                </block>
-                            </view>
-                            <view class="top_card_counte ">{{item.sum+"元券"}}</view>
-                            <view class="top_card_remak ">{{"满"+item.buySum+"元可以用"}}</view>
-                        </view>
-                    </view>
-                </block>
-            </view>
+        <view class="top_box_text">
+          <text>______</text>
         </view>
-    </block>
-    <block wx:if="{{cardShow}}">
-        <view>
-            <view>
-                <image style="width:10px;height:47px;float:left;top:-38px;left:55px;" src="{{iurl+'/miniapp/images/giftbag/vip05.png'}}" lazy-load="true"></image>
-                <image style="width:10px;height:47px;float:right;top:-38px;right:55px;" src="{{iurl+'/miniapp/images/giftbag/vip05.png'}}" lazy-load="true"></image>
+      </view>
+      <block wx:for="{{itemWare}}" wx:for-item="item" wx:for-index="index" wx:key="index">
+        <view class="top_item ">
+          <block wx:if="{{item.lbType==3}}">
+            <view class="top_item_img">
+              <image src="{{item.fromImage=='' || item.fromImage==null?iurl+'/miniapp/images/giftbag/gift02.png':iurl+item.fromImage}}" lazy-load="true" data-errorimg="itemWare[{{index}}].fromImage" binderror="bind_bnerr1" data-img="{{item.fromImage}}"></image>
             </view>
-        </view>
-    </block>
-    <block wx:if="{{packShow}}">
-        <view >
-            <view class="top ">
-                <view class="top_box ">
-                    <view class="top_box_text ">
-                        <text >———</text>
-                    </view>
-                    <view class="top_box_text ">
-                        <text >新人专享福利</text>
-                    </view>
-                    <view class="top_box_text ">
-                        <text >———</text>
-                    </view>
-                </view>
-                <block wx:if="{{integralShow}}">
-                    <view>
-                        <view class="top_box_image ">
-                            <image src="{{iurl+'/miniapp/images/giftbag/vip06.jpg'}}" lazy-load="true"></image>
-                            <button>{{integralTitle}}</button>
-                        </view>
-                    </view>
-                </block>
-                <block wx:if="{{growUpShow}}">
-                    <view >
-                        <view class="top_box_image fs36">
-                            <image src="{{iurl+'/miniapp/images/giftbag/vip07.jpg'}}" lazy-load="true"></image>
-                            <button>{{growUpTitle}}</button>
-                        </view>
-                    </view>
-                </block>
+          </block>
+          <block wx:if="{{item.lbType==1}}">
+            <view class="top_item_img ">
+              <image src="{{item.fromImage==''?iurl+'/miniapp/images/giftbag/empty.jpg':iurl+item.fromImage}}" lazy-load="true"></image>
             </view>
-        </view>
-    </block>
-    <block wx:if="{{textShow}}">
-        <view class="foot_box">
-            <view class="foot_box_title fs36">
-                <text>活动规则:</text>
+          </block>
+          <view class="top_item_center ">
+            <view class="top_item_center_title">
+              <block wx:if="{{item.lbType==1}}">
+                <text>免费领取</text>
+              </block>
+              <block wx:if="{{item.lbType==3}}">
+                <text>{{item.fromName}}</text>
+              </block>
             </view>
-            <view class="foot_box_text">
-                <rich-text nodes="{{textTitle}}"></rich-text>
+            <view class="top_item_center_ramke ">
+              <block wx:if="{{item.lbType==1}}">
+                <text>{{item.fromName}}</text>
+              </block>
+              <block wx:if="{{item.lbType==3}}">
+                <text>{{"新人可免费享受专业"+item.fromName+"，可以享受"+item.num+"次。"}}</text>
+              </block>
+              <view class="num flex-level-right fs26">
+                <view>数量：</view>
+                <view>{{item.num}}</view>
+              </view>
             </view>
+          </view>
         </view>
-    </block>
-    <view class="button_box">
-        <view >
-            <button class="button" bindtap="goto" data-url="/pages/index/index/index">进入商城购物</button>
+      </block>
+      <block wx:if="{{itemShow}}">
+        <view class="vips">
+          <image class="lvip abs" src="{{iurl+'/miniapp/images/giftbag/vip05.png'}}" lazy-load="true"></image>
+          <image class="rvip abs" src="{{iurl+'/miniapp/images/giftbag/vip05.png'}}" lazy-load="true"></image>
         </view>
-        <view class="button_text ">
-            <text >本活动最终解释权归公司所有，如果有问题请联系客服</text>
+      </block>
+    </view>
+  </block>
+  <block wx:if="{{cardShow}}">
+    <view>
+      <view class="top rel">
+        <view class="top_box ">
+          <view class="top_box_text ">
+            <text>———</text>
+          </view>
+          <view class="top_box_text ">
+            <text>新人专享优惠券</text>
+          </view>
+          <view class="top_box_text ">
+            <text>———</text>
+          </view>
         </view>
+        <block wx:for="{{cards}}" wx:for-item="item" wx:for-index="index" wx:key="index">
+          <view class="top_card ">
+            <view class="{{item.useObjectType==1?'top_card_box img1':item.useObjectType==2?'top_card_box img2':'top_card_box img3'}}">
+              <!-- class="{{['',item.useObjectType==1?'top_card_box img1':item.useObjectType==2?'top_card_box img2':'top_card_box img3']}}" -->
+              <view class="top_card_tite_box ">
+                <block wx:if="{{item.useObjectType==0}}">
+                  <view class="top_card_tite_a">全场通用</view>
+                </block>
+                <block wx:if="{{item.useObjectType==1}}">
+                  <view class="top_card_tite_b">品牌限定</view>
+                </block>
+                <block wx:if="{{item.useObjectType==2}}">
+                  <view class="top_card_tite_c">品类限定</view>
+                </block>
+                <block wx:if="{{item.useObjectType==11}}">
+                  <view class="top_card_tite_a">用途限定</view>
+                </block>
+                <block wx:if="{{item.useObjectType==12}}">
+                  <view class="top_card_tite_a">分类限定</view>
+                </block>
+              </view>
+              <view class="top_card_counte ">{{item.sum+"元券"}}</view>
+              <view class="top_card_remak ">{{"满"+item.buySum+"元可以用"}}</view>
+            </view>
+          </view>
+        </block>
+        <block wx:if="{{packShow}}">
+          <view class="vips">
+            <image class="lvip abs" src="{{iurl+'/miniapp/images/giftbag/vip05.png'}}" lazy-load="true"></image>
+            <image class="rvip abs" src="{{iurl+'/miniapp/images/giftbag/vip05.png'}}" lazy-load="true"></image>
+          </view>
+        </block>
+      </view>
     </view>
-    <view class="foot_empty "></view>
-    <view class="foot_button">
-        <view class="{{receiveState=='已领取'?'foot_button_notbuy':'foot_button_buy'}}" bindtap="GetReceive">
-            <text>{{receiveState}}</text>
+  </block>
+  <block wx:if="{{packShow}}">
+    <view>
+      <view class="top ">
+        <view class="top_box ">
+          <view class="top_box_text ">
+            <text>———</text>
+          </view>
+          <view class="top_box_text ">
+            <text>新人专享福利</text>
+          </view>
+          <view class="top_box_text ">
+            <text>———</text>
+          </view>
         </view>
+        <block wx:if="{{integralShow}}">
+          <view>
+            <view class="top_box_image ">
+              <image src="{{iurl+'/miniapp/images/giftbag/vip06.jpg'}}" lazy-load="true"></image>
+              <button>{{integralTitle}}</button>
+            </view>
+          </view>
+        </block>
+        <block wx:if="{{growUpShow}}">
+          <view>
+            <view class="top_box_image fs36">
+              <image src="{{iurl+'/miniapp/images/giftbag/vip07.jpg'}}" lazy-load="true"></image>
+              <button>{{growUpTitle}}</button>
+            </view>
+          </view>
+        </block>
+      </view>
+    </view>
+  </block>
+  <block wx:if="{{textShow}}">
+    <view class="foot_box">
+      <view class="foot_box_title fs36">
+        <text>活动规则:</text>
+      </view>
+      <view class="foot_box_text">
+        <rich-text nodes="{{textTitle}}"></rich-text>
+      </view>
+    </view>
+  </block>
+  <view class="button_box">
+    <view>
+      <button class="button" bindtap="goto" data-url="/pages/index/index/index">进入商城购物</button>
+    </view>
+    <view class="button_text ">
+      <text>本活动最终解释权归公司所有，如果有问题请联系客服</text>
+    </view>
+  </view>
+  <view class="foot_empty "></view>
+  <view class="foot_button">
+    <view class="{{receiveState=='已领取'?'foot_button_notbuy':'foot_button_buy'}}" bindtap="GetReceive">
+      <text>{{receiveState}}</text>
     </view>
+  </view>
 </view>
 <!-- 引入提示组件 -->
 <warn id="warn"></warn>
diff --git a/pages/giftpack/newvipgift/newvipgift.wxss b/pages/giftpack/newvipgift/newvipgift.wxss
index d2244ce..baf031b 100644
--- a/pages/giftpack/newvipgift/newvipgift.wxss
+++ b/pages/giftpack/newvipgift/newvipgift.wxss
@@ -1,341 +1,410 @@
 @charset "UTF-8";
+
 /* Author XGQ
  * 2019-10-27
  */
+
 .image_box {
-	-webkit-box-pack: center;
-	-webkit-justify-content: center;
-	        justify-content: center;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+  justify-content: center;
 }
+
 .image_box image {
-	width: 100%;
-	height: 690rpx;
+  width: 100%;
+  height: 690rpx;
 }
+
 .top {
-	margin: -20rpx 28rpx 45rpx 28rpx;
-	padding: 10rpx 10rpx 70rpx 10rpx;
-	background-color: #FFFFFF;
-	border-radius: 0rpx 0rpx 15rpx 15rpx;
+  margin: -20rpx 28rpx 45rpx 28rpx;
+  padding: 10rpx 10rpx 70rpx 10rpx;
+  background-color: #fff;
+  border-radius: 0rpx 0rpx 15rpx 15rpx;
 }
+
 .top_box {
-	display: -webkit-box;
-	display: -webkit-flex;
-	display: flex;
-	text-align: center;
-	-webkit-box-pack: center;
-	-webkit-justify-content: center;
-	        justify-content: center;
-}
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: flex;
+  text-align: center;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+  justify-content: center;
+}
+
 .top_box_text {
-	-webkit-box-pack: center;
-	-webkit-justify-content: center;
-	        justify-content: center;
-	margin: 50rpx 15rpx 20rpx 15rpx;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+  justify-content: center;
+  margin: 50rpx 15rpx 20rpx 15rpx;
 }
+
 .top_box_text text {
-	color: #FB6451;
-	font-size: 40rpx;
+  color: #fb6451;
+  font-size: 40rpx;
 }
+
 .top_item {
-	display: -webkit-box;
-	display: -webkit-flex;
-	display: flex;
-	width: 100%;
-	margin: 60rpx 0 0 0;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: flex;
+  width: 100%;
+  margin: 60rpx 0 0 0;
 }
+
 .top_item_img {
-	float: left;
-	width: 28%;
-	margin: 0rpx 10rpx 0rpx 20rpx;
+  float: left;
+  width: 28%;
+  margin: 0rpx 10rpx 0rpx 20rpx;
 }
+
 .top_item_img image {
-	width: 150rpx;
-	height: 150rpx;
-	border-radius: 50%;
-	border: #F96865 solid 3rpx;
+  width: 150rpx;
+  height: 150rpx;
+  border-radius: 50%;
+  border: #f96865 solid 3rpx;
 }
+
 .top_item_center {
-	float: left;
-	width: 50%;
+  float: left;
+  width: 50%;
 }
+
 .top_item_center_title {
-	font-size: 35rpx;
-	color: #FB6451;
-	-webkit-box-pack: start;
-	-webkit-justify-content: flex-start;
-	        justify-content: flex-start;
-	padding: 0 10rpx 15rpx 0rpx;
-	word-break: break-all;
-	/*属性规定自动换行的处理方法。normal(使用浏览器默认的换行规则。),break-all(允许在单词内换行。),keep-all(只能在半角空格或连字符处换行。)*/
-	text-overflow: ellipsis;
-	display: -webkit-box;
-	/** 对象作为伸缩盒子模型显示 **/
-	-webkit-box-orient: vertical;
-	/** 设置或检索伸缩盒对象的子元素的排列方式 **/
-	-webkit-line-clamp: 2;
-	/** 显示的行数 **/
-	overflow: hidden;
-	/** 隐藏超出的内容 **/
-}
+  font-size: 35rpx;
+  color: #fb6451;
+  -webkit-box-pack: start;
+  -webkit-justify-content: flex-start;
+  justify-content: flex-start;
+  padding: 0 10rpx 15rpx 0rpx;
+  word-break: break-all;
+  /*属性规定自动换行的处理方法。normal(使用浏览器默认的换行规则。),break-all(允许在单词内换行。),keep-all(只能在半角空格或连字符处换行。)*/
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  /** 对象作为伸缩盒子模型显示 **/
+  -webkit-box-orient: vertical;
+  /** 设置或检索伸缩盒对象的子元素的排列方式 **/
+  -webkit-line-clamp: 2;
+  /** 显示的行数 **/
+  overflow: hidden;
+  /** 隐藏超出的内容 **/
+}
+
 .top_item_center_ramke {
-	font-size: 25rpx;
-	-webkit-box-pack: start;
-	-webkit-justify-content: flex-start;
-	        justify-content: flex-start;
-	line-height: 35rpx;
-	letter-spacing: 0.5rpx;
-	word-break: break-all;
-	/*属性规定自动换行的处理方法。normal(使用浏览器默认的换行规则。),break-all(允许在单词内换行。),keep-all(只能在半角空格或连字符处换行。)*/
-	text-overflow: ellipsis;
-	display: -webkit-box;
-	/** 对象作为伸缩盒子模型显示 **/
-	-webkit-box-orient: vertical;
-	/** 设置或检索伸缩盒对象的子元素的排列方式 **/
-	-webkit-line-clamp: 2;
-	/** 显示的行数 **/
-	overflow: hidden;
-	/** 隐藏超出的内容 **/
-}
+  font-size: 25rpx;
+  -webkit-box-pack: start;
+  -webkit-justify-content: flex-start;
+  justify-content: flex-start;
+  line-height: 35rpx;
+  letter-spacing: 0.5rpx;
+  word-break: break-all;
+  /*属性规定自动换行的处理方法。normal(使用浏览器默认的换行规则。),break-all(允许在单词内换行。),keep-all(只能在半角空格或连字符处换行。)*/
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  /** 对象作为伸缩盒子模型显示 **/
+  -webkit-box-orient: vertical;
+  /** 设置或检索伸缩盒对象的子元素的排列方式 **/
+  -webkit-line-clamp: 2;
+  /** 显示的行数 **/
+  overflow: hidden;
+  /** 隐藏超出的内容 **/
+}
+
 .top_item_button {
-	float: right;
-	width: 22%;
-	padding: 65rpx 20rpx 0 1rpx;
+  float: right;
+  width: 22%;
+  padding: 65rpx 20rpx 0 1rpx;
 }
+
 .top_item_button button {
-	font-size: 25rpx;
-	background: #fd6969;
-	color: #FFFFFF;
-	border-radius: 50rpx;
-	height: 45rpx;
-	line-height: 45rpx;
-}
+  font-size: 25rpx;
+  background: #fd6969;
+  color: #fff;
+  border-radius: 50rpx;
+  height: 45rpx;
+  line-height: 45rpx;
+}
+
 .top_card {
-	width: calc(50% - 30rpx);
-	display: inline-block;
-	margin: 15rpx;
+  width: calc(50% - 30rpx);
+  display: inline-block;
+  margin: 15rpx;
 }
+
 .top_card_box {
-	background-size: cover;
-	background-position: center;
-	background-repeat: no-repeat;
-	border-radius: 20rpx;
-	height: 250rpx;
-	margin: 5rpx;
-}
+  background-size: cover;
+  background-position: center;
+  background-repeat: no-repeat;
+  border-radius: 20rpx;
+  height: 250rpx;
+  margin: 5rpx;
+}
+
 .img1 {
-	background-image: url(https://mshopimg.yolipai.net/miniapp/images/giftbag/vip01.png);
+  background-image: url(https://mshopimg.yolipai.net/miniapp/images/giftbag/vip01.png);
 }
+
 .img2 {
-	background-image: url(https://mshopimg.yolipai.net/miniapp/images/giftbag/vip02.png);
+  background-image: url(https://mshopimg.yolipai.net/miniapp/images/giftbag/vip02.png);
 }
+
 .img3 {
-	background-image: url(https://mshopimg.yolipai.net/miniapp/images/giftbag/vip03.png);
+  background-image: url(https://mshopimg.yolipai.net/miniapp/images/giftbag/vip03.png);
 }
+
 .top_card_tite_box {
-	width: 100%;
-	display: -webkit-box;
-	display: -webkit-flex;
-	display: flex;
-	-webkit-box-pack: end;
-	-webkit-justify-content: flex-end;
-	        justify-content: flex-end;
-}
+  width: 100%;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-box-pack: end;
+  -webkit-justify-content: flex-end;
+  justify-content: flex-end;
+}
+
 .top_card_tite_a {
-	padding: 5rpx 25rpx 5rpx 25rpx;
-	line-height: 29rpx;
-	font-size: 25rpx;
-	color: #FFFFFF;
-	background: #ffa7c0;
-	border-radius: 0rpx 20rpx 0rpx 6rpx;
-}
+  padding: 5rpx 25rpx 5rpx 25rpx;
+  line-height: 29rpx;
+  font-size: 25rpx;
+  color: #fff;
+  background: #ffa7c0;
+  border-radius: 0rpx 20rpx 0rpx 6rpx;
+}
+
 .top_card_tite_b {
-	padding: 5rpx 25rpx 5rpx 25rpx;
-	line-height: 29rpx;
-	font-size: 25rpx;
-	color: #FFFFFF;
-	background: #50dfdb;
-	border-radius: 0rpx 20rpx 0rpx 6rpx;
-}
+  padding: 5rpx 25rpx 5rpx 25rpx;
+  line-height: 29rpx;
+  font-size: 25rpx;
+  color: #fff;
+  background: #50dfdb;
+  border-radius: 0rpx 20rpx 0rpx 6rpx;
+}
+
 .top_card_tite_c {
-	padding: 5rpx 25rpx 5rpx 25rpx;
-	line-height: 29rpx;
-	font-size: 25rpx;
-	color: #FFFFFF;
-	background: #92cbff;
-	border-radius: 0rpx 20rpx 0rpx 6rpx;
-}
+  padding: 5rpx 25rpx 5rpx 25rpx;
+  line-height: 29rpx;
+  font-size: 25rpx;
+  color: #fff;
+  background: #92cbff;
+  border-radius: 0rpx 20rpx 0rpx 6rpx;
+}
+
 .top_card_tite_d {
-	padding: 5rpx 25rpx 5rpx 25rpx;
-	line-height: 29rpx;
-	font-size: 25rpx;
-	color: #FFFFFF;
-	border-radius: 0rpx 20rpx 0rpx 6rpx;
+  padding: 5rpx 25rpx 5rpx 25rpx;
+  line-height: 29rpx;
+  font-size: 25rpx;
+  color: #fff;
+  border-radius: 0rpx 20rpx 0rpx 6rpx;
 }
+
 .top_card_counte {
-	padding: 40rpx 20rpx 0 0;
-	text-align: center;
-	display: -webkit-box;
-	display: -webkit-flex;
-	display: flex;
-	-webkit-box-pack: center;
-	-webkit-justify-content: center;
-	        justify-content: center;
-	-webkit-box-align: center;
-	-webkit-align-items: center;
-	        align-items: center;
-	color: #FFFFFF;
-	font-size: 40rpx;
-}
+  padding: 40rpx 20rpx 0 0;
+  text-align: center;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+  justify-content: center;
+  -webkit-box-align: center;
+  -webkit-align-items: center;
+  align-items: center;
+  color: #fff;
+  font-size: 40rpx;
+}
+
 .top_card_remak {
-	padding: 20rpx 0 40rpx 0;
-	text-align: center;
-	display: -webkit-box;
-	display: -webkit-flex;
-	display: flex;
-	-webkit-box-pack: center;
-	-webkit-justify-content: center;
-	        justify-content: center;
-	-webkit-box-align: center;
-	-webkit-align-items: center;
-	        align-items: center;
-	font-size: 20rpx;
-	color: #FFFFFF;
-}
+  padding: 20rpx 0 40rpx 0;
+  text-align: center;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+  justify-content: center;
+  -webkit-box-align: center;
+  -webkit-align-items: center;
+  align-items: center;
+  font-size: 20rpx;
+  color: #fff;
+}
+
 .top_card_button_a button {
-	margin: 0 85rpx;
-	background: #ffa6bc;
-	border-radius: 50rpx;
-	line-height: 40rpx;
-	height: 40rpx;
-	color: white;
-	font-size: 25rpx;
-}
+  margin: 0 85rpx;
+  background: #ffa6bc;
+  border-radius: 50rpx;
+  line-height: 40rpx;
+  height: 40rpx;
+  color: white;
+  font-size: 25rpx;
+}
+
 .top_card_button_b button {
-	margin: 0 85rpx;
-	background: #50dfdb;
-	border-radius: 50rpx;
-	line-height: 40rpx;
-	height: 40rpx;
-	color: white;
-	font-size: 25rpx;
-}
+  margin: 0 85rpx;
+  background: #50dfdb;
+  border-radius: 50rpx;
+  line-height: 40rpx;
+  height: 40rpx;
+  color: white;
+  font-size: 25rpx;
+}
+
 .top_card_button_c button {
-	margin: 0 85rpx;
-	background: #75bcfc;
-	border-radius: 50rpx;
-	line-height: 40rpx;
-	height: 40rpx;
-	color: white;
-	font-size: 25rpx;
-}
+  margin: 0 85rpx;
+  background: #75bcfc;
+  border-radius: 50rpx;
+  line-height: 40rpx;
+  height: 40rpx;
+  color: white;
+  font-size: 25rpx;
+}
+
 .top_card_button_d button {
-	margin: 0 85rpx;
-	border-radius: 50rpx;
-	line-height: 40rpx;
-	height: 40rpx;
-	color: white;
-	font-size: 25rpx;
-}
+  margin: 0 85rpx;
+  border-radius: 50rpx;
+  line-height: 40rpx;
+  height: 40rpx;
+  color: white;
+  font-size: 25rpx;
+}
+
 .top_box_image {
-	padding: 20rpx 20rpx 20rpx 20rpx;
+  padding: 20rpx 20rpx 20rpx 20rpx;
 }
+
 .top_box_image image {
-	height: 216rpx;
-	width: 100%;
+  height: 216rpx;
+  width: 100%;
 }
+
 .top_box_image button {
-	margin: 15rpx 95rpx 0rpx 95rpx;
-	background: #fe6a6a;
-	border-radius: 50rpx;
-	line-height: 60rpx;
-	height: 60rpx;
-	color: white;
-	font-size: 30rpx;
-}
+  margin: 15rpx 95rpx 0rpx 95rpx;
+  background: #fe6a6a;
+  border-radius: 50rpx;
+  line-height: 60rpx;
+  height: 60rpx;
+  color: white;
+  font-size: 30rpx;
+}
+
 .foot_box {
-	margin: 0 30rpx 40rpx 30rpx;
-	background: #FFFFFF;
-	border-radius: 20rpx;
+  margin: 0 30rpx 40rpx 30rpx;
+  background: #fff;
+  border-radius: 20rpx;
 }
+
 .foot_box_title {
-	color: #000000;
-	padding: 20rpx 30rpx 20rpx 30rpx;
+  color: #000;
+  padding: 20rpx 30rpx 20rpx 30rpx;
 }
+
 .foot_box_text {
-	font-size: 30rpx;
-	color: #000000;
-	line-height: 48rpx;
-	padding: 20rpx 35rpx 50rpx 30rpx;
+  font-size: 30rpx;
+  color: #000;
+  line-height: 48rpx;
+  padding: 20rpx 35rpx 50rpx 30rpx;
 }
+
 .button_box {
-	margin: 50rpx 50rpx 50rpx 50rpx;
-	text-align: center;
+  margin: 50rpx 50rpx 50rpx 50rpx;
+  text-align: center;
 }
+
 .button {
-	margin: 0 30rpx;
-	background: #ff9a8c;
-	border-radius: 50rpx;
-	line-height: 80rpx;
-	height: 80rpx;
-	color: white;
-	font-size: 35rpx;
-}
+  margin: 0 30rpx;
+  background: #ff9a8c;
+  border-radius: 50rpx;
+  line-height: 80rpx;
+  height: 80rpx;
+  color: white;
+  font-size: 35rpx;
+}
+
 .button_text {
-	padding-top: 20rpx;
-	font-size: 20rpx;
-	color: white;
-	height: 100rpx;
+  padding-top: 20rpx;
+  font-size: 20rpx;
+  color: white;
+  height: 100rpx;
 }
+
 .foot_empty {
-	height: 90rpx;
+  height: 90rpx;
 }
+
 .foot_button {
-	display: -webkit-box;
-	display: -webkit-flex;
-	display: flex;
-	margin: 20rpx 0rpx 0rpx 0rpx;
-	padding: 25rpx 0rpx;
-	background: #FFFFFF;
-	text-align: center;
-	-webkit-box-pack: center;
-	-webkit-justify-content: center;
-	        justify-content: center;
-	position: fixed;
-	bottom: 0;
-	left: 0;
-	width: 100%;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: flex;
+  margin: 20rpx 0rpx 0rpx 0rpx;
+  padding: 25rpx 0rpx;
+  background: #fff;
+  text-align: center;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+  justify-content: center;
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  width: 100%;
 }
+
 .foot_button_buy {
-	background: #e4010c;
-	color: #FFFFFF;
-	width: 400rpx;
-	height: 70rpx;
-	font-size: 28rpx;
-	line-height: 70rpx;
-	border-radius: 40rpx;
-}
-.foot_button_notbuy{
-	background: #999999;
-	color: #FFFFFF;
-	width: 400rpx;
-	height: 70rpx;
-	font-size: 28rpx;
-	line-height: 70rpx;
-	border-radius: 30rpx 30rpx 30rpx 30rpx;
+  background: #e4010c;
+  color: #fff;
+  width: 400rpx;
+  height: 70rpx;
+  font-size: 28rpx;
+  line-height: 70rpx;
+  border-radius: 40rpx;
+}
+
+.foot_button_notbuy {
+  background: #999;
+  color: #fff;
+  width: 400rpx;
+  height: 70rpx;
+  font-size: 28rpx;
+  line-height: 70rpx;
+  border-radius: 40rpx;
 }
+
 page {
   background-color: #fb6451;
 }
+
 button::after {
   border: none;
 }
+
 .foot_box_text ._img {
   width: 100%;
 }
+
 .foot_box_text .img {
   line-height: 0;
 }
-.image{
+
+.image {
   width: 400rpx;
   height: 200rpx;
 }
+
+.num {
+  color: #fb6451;
+}
+
+.lvip {
+  left: 30rpx;
+  bottom: -58rpx;
+  width: 20rpx;
+  height: 90rpx;
+  z-index: 5;
+}
+
+.rvip {
+  right: 30rpx;
+  bottom: -58rpx;
+  width: 20rpx;
+  height: 90rpx;
+  z-index: 5;
+}