From 680ef874807f4a8b770027868f3fd943b576d8ba Mon Sep 17 00:00:00 2001
From: taiyuan <taiyuan@yolipai.com>
Date: Mon, 5 Jul 2021 16:31:46 +0800
Subject: [PATCH] 首页界面优化

---
 app.wxss                                          |    5 +++++
 components/diy_store_select/diy_store_select.wxss |  361 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++------------------------------------------------------------------------------------------------------------------------------------------------------------
 components/goods_list/goods_list.wxml             |   10 +++++-----
 components/goods_list/goods_list.wxss             |   16 ++++++++--------
 custom-tab-bar/index.wxss                         |   54 +++++++++++++++++++++++++++++++++++++++++++-----------
 pages/index/index/index.wxml                      |  200 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++----------------------------------------------------------------------------------------------
 pages/index/index/index.wxss                      | 1073 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
 7 files changed, 946 insertions(+), 773 deletions(-)

diff --git a/app.wxss b/app.wxss
index 51e5315..55922ef 100644
--- a/app.wxss
+++ b/app.wxss
@@ -84,6 +84,11 @@
 	padding-right: 40rpx;
 }
 
+.w20 {
+	width: 20%;
+	box-sizing: border-box;
+}
+
 .w25 {
 	width: 25%;
 	box-sizing: border-box;
diff --git a/components/diy_store_select/diy_store_select.wxss b/components/diy_store_select/diy_store_select.wxss
index 105ad22..9fc3390 100644
--- a/components/diy_store_select/diy_store_select.wxss
+++ b/components/diy_store_select/diy_store_select.wxss
@@ -1,163 +1,212 @@
-.store_sele{width: 100%;z-index: 8; height: 88rpx; padding: 0 15rpx;position: fixed; color: white;
-  top: 0; left: 0; background-color: #ff7295; font-size: 30rpx; }
-  
-  .store_sele1{ height: 100rpx; padding: 0 15rpx; color: #666;background-color: #fff; font-size: 32rpx;}
-  
-  
-.logo_box{ width: 64rpx; height:64rpx;margin-right: 15rpx; }
+.store_sele {
+	width: 100%;
+	z-index: 8;
+	height: 60rpx;
+	padding: 0 15rpx;
+	/* position: fixed; */
+	color: white;
+	/* top: 0;
+	left: 0; */
+	background-color: #ff7295;
+	font-size: 26rpx;
+	box-sizing: border-box;
+}
+
+.store_sele1 {
+	height: 100rpx;
+	padding: 0 15rpx;
+	color: #666;
+	background-color: #fff;
+	font-size: 32rpx;
+}
+
+
+.logo_box {
+	width: 48rpx;
+	height: 48rpx;
+	margin-right: 10rpx;
+}
+
 .pd-view {
-  height: 80rpx;
+	/* height: 80rpx; */
+}
+
+.circle {
+	border-radius: 50%;
 }
 
-.circle{ border-radius: 50%;}
 /*-- 门店选择 --*/
 /* 选择门店的弹窗 */
-.mongolia-layer{
-position: fixed;
-left: 0;
-top: 0;
-right: 0;
-bottom: 0;
-z-index: 11;
-background: rgba(0,0,0,0.4);
-width: 100%;
-height: 91.9%;
-
-}
-
-.popup-frame{
-position: fixed;
-bottom:110rpx;
-z-index: 20;
-background: white;
-width: 100%;
-border-radius: 20rpx 20rpx 0 0;
-height: 72%;
-
-}
-.popup-top{
-  border-bottom: 1rpx solid #eee;
-  height: 155rpx;
-  width: 95%;
-  margin: auto;
-  line-height: 155rpx;
-
-}
-.bg_rights{ 
-        border-top: 2rpx solid ;
-        border-right: 2rpx solid ;
-        transform: rotate(45deg);
-        display:inline-block;
-        width:15rpx;height:15rpx;
-        border-color:#da0b31;
+.mongolia-layer {
+	position: fixed;
+	left: 0;
+	top: 0;
+	right: 0;
+	bottom: 0;
+	z-index: 11;
+	background: rgba(0, 0, 0, 0.4);
+	width: 100%;
+	height: 91.9%;
+
+}
+
+.popup-frame {
+	position: fixed;
+	bottom: 110rpx;
+	z-index: 20;
+	background: white;
+	width: 100%;
+	border-radius: 20rpx 20rpx 0 0;
+	height: 72%;
+
+}
+
+.popup-top {
+	border-bottom: 1rpx solid #eee;
+	height: 155rpx;
+	width: 95%;
+	margin: auto;
+	line-height: 155rpx;
+
+}
+
+.bg_rights {
+	border-top: 2rpx solid;
+	border-right: 2rpx solid;
+	transform: rotate(45deg);
+	display: inline-block;
+	width: 15rpx;
+	height: 15rpx;
+	border-color: #da0b31;
 }
+
 .modal-closes {
-    position: absolute;
-    right: 30rpx;
-    top: -15rpx;
-    height: 25rpx;
-
-}
-.choose_more{
-  margin-top: 40rpx;
-  margin-right: 20rpx;
-
-}
-.choose_mores{
-  margin-top: 30rpx;
-  margin-right: 15rpx;
-
-}
-.store-list{
-  width: 95%;
-  height: 72%;
-  overflow-y: scroll;
-  margin: auto;
-}
-.store-list .store_choose{
-  width: 100%;
-  height: 120rpx;
-  line-height: 125rpx;
-  border-bottom: 1rpx solid #eee;
-
-}
-.store-list .store_choose .store{
-width: 100%;
-margin: auto;
-line-height: 37rpx;
-padding-left: 20rpx;
-
-}
-.xc-hook{
-  width: 35rpx;
-  height: 35rpx;
-  transform: rotate(-145deg);
-line-height: 37rpx;
-text-align: center;
-}
- .xc-hooks{
-   width: 30rpx;
-  height: 30rpx;
-  border: 1rpx solid #999; 
- }
- .address-frame{
-   width: 93%;
-margin-left: 7rpx;
-
- }
- .nearby_store{
-margin-left: 17rpx;
- }
- .address_name{
-   margin-right: 10rpx;
-
- }
- .address-val{
-   height: 38rpx;
-line-height: 38rpx;
-
- }
- .store-bottom{
-   width: 85%;
-   margin: auto;
-   height: 70rpx;
- }
- .determine{
-   width: 260rpx;
-  height: 55rpx;
-  border-radius: 50rpx;
-  line-height: 55rpx;
- }
- .default{
-   width: 260rpx;
-  height: 55rpx;
-  border:3rpx solid #c8c8c8;
-    border-radius: 50rpx;
-    line-height: 55rpx;
- }
- .store-bottom-frame{
-     width: 95%;
-     margin: auto;  
- }
- 
- 
-  /* 门店分类列表 */
- .sort_store_list{
-   height: 82%;
-   overflow: hidden;
-   overflow-y: scroll;
-   width: 95%;
-   margin: auto;
- }
- .sort_store_list .sort-store-frame{
-   width: 100%;
- height: 100rpx;
- line-height:100rpx;
- border-bottom: 1rpx solid #eee;
- 
- }
- .sort_store_list .sort-store-frame .sort-store{
-   width: 94.5%;
-   margin: auto;
- }
- .ai_center{ align-items: center;}
\ No newline at end of file
+	position: absolute;
+	right: 30rpx;
+	top: -15rpx;
+	height: 25rpx;
+
+}
+
+.choose_more {
+	margin-top: 40rpx;
+	margin-right: 20rpx;
+
+}
+
+.choose_mores {
+	margin-top: 30rpx;
+	margin-right: 15rpx;
+
+}
+
+.store-list {
+	width: 95%;
+	height: 72%;
+	overflow-y: scroll;
+	margin: auto;
+}
+
+.store-list .store_choose {
+	width: 100%;
+	height: 120rpx;
+	line-height: 125rpx;
+	border-bottom: 1rpx solid #eee;
+
+}
+
+.store-list .store_choose .store {
+	width: 100%;
+	margin: auto;
+	line-height: 37rpx;
+	padding-left: 20rpx;
+
+}
+
+.xc-hook {
+	width: 35rpx;
+	height: 35rpx;
+	transform: rotate(-145deg);
+	line-height: 37rpx;
+	text-align: center;
+}
+
+.xc-hooks {
+	width: 30rpx;
+	height: 30rpx;
+	border: 1rpx solid #999;
+}
+
+.address-frame {
+	width: 93%;
+	margin-left: 7rpx;
+
+}
+
+.nearby_store {
+	margin-left: 17rpx;
+}
+
+.address_name {
+	margin-right: 10rpx;
+
+}
+
+.address-val {
+	height: 38rpx;
+	line-height: 38rpx;
+
+}
+
+.store-bottom {
+	width: 85%;
+	margin: auto;
+	height: 70rpx;
+}
+
+.determine {
+	width: 260rpx;
+	height: 55rpx;
+	border-radius: 50rpx;
+	line-height: 55rpx;
+}
+
+.default {
+	width: 260rpx;
+	height: 55rpx;
+	border: 3rpx solid #c8c8c8;
+	border-radius: 50rpx;
+	line-height: 55rpx;
+}
+
+.store-bottom-frame {
+	width: 95%;
+	margin: auto;
+}
+
+
+/* 门店分类列表 */
+.sort_store_list {
+	height: 82%;
+	overflow: hidden;
+	overflow-y: scroll;
+	width: 95%;
+	margin: auto;
+}
+
+.sort_store_list .sort-store-frame {
+	width: 100%;
+	height: 100rpx;
+	line-height: 100rpx;
+	border-bottom: 1rpx solid #eee;
+
+}
+
+.sort_store_list .sort-store-frame .sort-store {
+	width: 94.5%;
+	margin: auto;
+}
+
+.ai_center {
+	align-items: center;
+}
diff --git a/components/goods_list/goods_list.wxml b/components/goods_list/goods_list.wxml
index 7352331..fb15a3b 100644
--- a/components/goods_list/goods_list.wxml
+++ b/components/goods_list/goods_list.wxml
@@ -5,9 +5,9 @@
   <view class="hang ">
     <!-- 商品详情 -->
     <view class="collect ib" wx:for="{{recommend}}" bindtap="go_url" data-url="/pages/goods/goodsInfo/goodsInfo?goods_id={{item.goods_id}}">
-      <navigator url="/pages/goods/goodsInfo/goodsInfo?goods_id={{item.goods_id}}">
+      <navigator url="/pages/goods/goodsInfo/goodsInfo?goods_id={{item.goods_id}}" hover-class="none">
         <!-- 商品图⽚ -->
-        <image class="sp" src="{{url+item.original_img}}" mode="scaleToFill" binderror="bind_bnerr_xc" data-url="{{url+item.original_img}}" data-errorimg="recommend[{{index}}].original_img"></image>
+        <image class="sp" src="{{url+item.original_img}}" mode="widthFix" binderror="bind_bnerr_xc" data-url="{{url+item.original_img}}" data-errorimg="recommend[{{index}}].original_img"></image>
         <view class="bottom">
           <!-- 商品名称 -->
           <view class="goods_name ellipsis-2 fs28">{{item.goods_name}}</view>
@@ -119,7 +119,7 @@
               </block>
             </block>
             <!-- 商品压根就没有等级价 -->
-            <block wx:else>
+            <view class="flex ai_c" wx:else>
               <view class="money flex">
                 <!-- 办卡价 -->
                 <view class="flex xc-wc">
@@ -127,14 +127,14 @@
                   <view class="fs35">{{filter.toFix(item.shop_price,2)}}</view>
                 </view>
               </view>
-              <view class="flex" style="line-height: 28rpx;">
+              <view class="flex" style="">
                 <!-- 原价 -->
                 <view class="price flex xc-ash line_th">
                   <view class="fs22">￥</view>
                   <view class="fs22">{{item.market_price}}</view>
                 </view>
               </view>
-            </block>
+            </view>
           </block>
         </view>
       </navigator>
diff --git a/components/goods_list/goods_list.wxss b/components/goods_list/goods_list.wxss
index 31d0361..3f427c8 100644
--- a/components/goods_list/goods_list.wxss
+++ b/components/goods_list/goods_list.wxss
@@ -1,6 +1,6 @@
 .collects {
-  margin-top: 40rpx;
-  margin-bottom: 40rpx;
+  /* margin-top: 40rpx; */
+  /* margin-bottom: 40rpx; */
 }
 
 .ai-center{
@@ -94,28 +94,28 @@
 
 .hang .collect {
   width: 347rpx;
-  height: 520rpx;
+  /* height: 520rpx; */
   border-radius: 25rpx;
-  border: 1rpx solid rgb(214, 214, 214);
+  border: 2rpx solid #ebedf0;
   overflow: hidden;
   margin-right: 14rpx;
   margin-bottom: 5rpx;
 }
 
 .collect .bottom {
-  padding: 0rpx 20rpx;
+  padding: 0rpx 20rpx 20rpx;
 }
 
 .collect .sp {
   width: 100%;
-  height: 326rpx;
+  height: 340rpx;
 }
 
 .collect .money {
-  margin-top: 28rpx;
+  /* margin-top: 28rpx;
   margin-bottom: 8rpx;
   line-height: 28rpx;
-  align-items: baseline;
+  align-items: baseline; */
 }
 
 .collect .money view {
diff --git a/custom-tab-bar/index.wxss b/custom-tab-bar/index.wxss
index 9d5b4b3..a48f6ac 100644
--- a/custom-tab-bar/index.wxss
+++ b/custom-tab-bar/index.wxss
@@ -1,14 +1,46 @@
-.main_bar{
-	width:100%; border-top: 1rpx solid #ebebeb; position: fixed; bottom: 0; left: 0; z-index: 10000;
-	display: flex; justify-content: space-around;
+.main_bar {
+	width: 100%;
+	border-top: 1rpx solid #ebebeb;
+	position: fixed;
+	bottom: 0;
+	left: 0;
+	z-index: 10000;
+	display: flex;
+	justify-content: space-around;
 }
-.tabbar_item{
-	position:relative;height:100%;float:left;text-align:center;padding:0px 0;
+
+.tabbar_item {
+	position: relative;
+	height: 100%;
+	float: left;
+	text-align: center;
+	padding: 0px 0;
 }
-.tab_img{display: flex; justify-content: center;align-items: center}
-.nav_imgage{
-	height: 58rpx; width: 58rpx;background-position: center;background-repeat: no-repeat;background-size: auto 92%;
+
+.tab_img {
+	display: flex;
+	justify-content: center;
+	align-items: center
+}
+
+.nav_imgage {
+	height: 52rpx;
+	width: 52rpx;
+	background-position: center;
+	background-repeat: no-repeat;
+	background-size: 100%;
+}
+
+.cart_num {
+	top: 0;
+	background-color: red;
+	color: #fff;
+	font-size: 20rpx;
+	border-radius: 50%;
+	width: 40rpx;
+	line-height: 40rpx;
+	height: 40rpx;
+	position: absolute;
+	z-index: 100;
+	right: 30rpx;
 }
-.cart_num{
-	top:0;background-color: red;color: #fff;font-size: 20rpx;border-radius: 50%;width: 40rpx;line-height:40rpx;height: 40rpx;position: absolute;z-index: 100;right:30rpx;
-}
\ No newline at end of file
diff --git a/pages/index/index/index.wxml b/pages/index/index/index.wxml
index d4e3957..cb4e6f5 100644
--- a/pages/index/index/index.wxml
+++ b/pages/index/index/index.wxml
@@ -13,34 +13,38 @@
   <block wx:if="{{banner}}">
     <image class="xc-top-img abs" src="{{url}}/miniapp/images/top-img.png"></image>
   </block>
-  <!-- 控制要不要显示顶部门店选择 -->
-  <block wx:if="{{is_topstore}}">
-     <store_select></store_select>
-  </block>
-
-  <!--搜索框-->
-  <view class="search-box {{scrollTop>10?'search-fixed':''}} flex-center white " style="top:{{is_topstore?88:0}}rpx">
-    <view class="classify-frame t-c" bindtap="go_cate">
-      <image class="classify-img" src="{{url}}/miniapp/images/classify.png"></image>
-      <view class="fs20">分
-        <text class="white fs22">类</text>
-      </view>
-    </view>
-    <view class="search-inner">
-      <view class="search-img">
-        <image class="wh100" src="{{url}}/miniapp/images/search.png"></image>
-      </view>
-      <input bindfocus="jumpSearch" class="search-cont" placeholder="请输入您所搜索的商品" type="text">
-      </input>
-    </view>
-    <view class="classify-frame t-c" bindtap="getScancode">
-      <image class="classify-img" src="{{url}}/miniapp/images/scanning.png"></image>
-      <view class="fs20">扫一扫</view>
-    </view>
-  </view>
+	<view class="top-bar">
+		<!-- 控制要不要显示顶部门店选择 -->
+		<block wx:if="{{is_topstore}}">
+		   <store_select style="z-index: 999;"></store_select>
+		</block>
+		
+		<!--搜索框-->
+		<!-- <view class="search-box {{scrollTop>10?'search-fixed':''}} flex-center white " style="top:{{is_topstore?88:0}}rpx"> -->
+		<view class="search-box flex-center white">
+		  <view class="classify-frame t-c" bindtap="go_cate">
+		    <image class="classify-img" src="{{url}}/miniapp/images/classify.png"></image>
+				<!-- <view class="fs20">分类</view> -->
+		    <!-- <view class="fs20">分类
+		      <text class="white fs22">类</text>
+		    </view> -->
+		  </view>
+		  <view class="search-inner">
+		    <view class="search-img">
+		      <image class="wh100" src="{{url}}/miniapp/images/search.png"></image>
+		    </view>
+		    <input bindfocus="jumpSearch" class="search-cont" placeholder="搜索商品" type="text"/>
+		  </view>
+		  <view class="classify-frame t-c" bindtap="getScancode">
+		    <image class="classify-img" src="{{url}}/miniapp/images/scanning.png"></image>
+		    <!-- <view class="fs20">扫一扫</view> -->
+		  </view>
+		</view>
+	</view>
+  
   <!--滚动广告-->
   <view class="rel title-img" wx:if="{{banner}}">
-    <swiper circular="true"  autoplay="true" class="swiper_box" duration="1000" interval="3000" vertical="" bindchange="bannerSwiperChange" style="height:{{max_sw_height}}rpx" circular="true">
+    <swiper circular="true" indicator-dots indicator-active-color="#fff" autoplay="true" class="swiper_box" duration="1000" interval="3000" vertical="" bindchange="bannerSwiperChange" style="height:{{max_sw_height}}rpx">
       <swiper-item wx:for="{{banner}}" wx:key="banner" class="swiperItem">
         <view class="slide-image-frame">
           <image bindtap='go_ad' data-url="{{item.ad_weapplink}}" class="slide-image" mode="widthFix" src="{{item.ad_code}}" bindload="imageLoad" data-index="{{index}}" lazy-load="true" binderror="bind_bnerr" data-errorimg="banner[{{index}}].ad_code"></image>
@@ -48,14 +52,14 @@
       </swiper-item>
     </swiper>
 
-    <view class="flex-center-around translation abs">
-      <view class="circle spot" wx:for="{{banner}}" wx:key="{{index}}" style="background:{{index==banner_index?'#fff':'#999'}}">
+    <!-- <view class="flex-center-around translation abs">
+      <view class="circle spot" wx:for="{{banner}}" wx:key="{{index}}" style="background-color:{{index==banner_index?'#fff':'rgba(255,255,255,.5)'}}">
       </view>
-    </view>
+    </view> -->
   </view>
-  <view class="pd-view" wx:else></view>
+  <!-- <view class="pd-view" wx:else></view> -->
 	
-	<view class="flex-center-around {{banner==null?'mar-top':'mar-tops'}}">
+	<!-- <view class="flex-center-around {{banner==null?'mar-top':'mar-tops'}}">
 	  <view class="flex-vertical">
 	    <image class="xc-hook" src="{{url}}/miniapp/images/index/youxuan.png">
 	    </image>
@@ -74,7 +78,7 @@
 	    </image>
 	    <text class="yellow-co fs26 margin-left">售后无忧</text>
 	  </view>
-	</view>
+	</view> -->
 
   <!---导航-->
   <view class="venues_box">
@@ -113,18 +117,19 @@
   </view>
 
   <!-- 大分类 -->
-  <view class="flex-center-around">
-    <view wx:for="{{gd_category}}" bindtap="go_cate2" data-cid="{{item.id}}" data-pid="0">
-      <view class="circle  xc-class-frame t-c">
+  <view class="flex ali-c">
+    <view class="w20" wx:for="{{gd_category}}" bindtap="go_cate2" data-cid="{{item.id}}" data-pid="0">
+      <view class="circle xc-class-frame t-c">
         <image class="xc-class-img" src="{{item.icoimg==null||item.icoimg==''?(item.image?url+item.image:url+'/miniapp/images/no_cate_def.png'):item.icoimg}}" 
 		   binderror="bind_bnerr_icon" data-err="gd_category[{{index}}].icon"></image>
-        <view class="fs24 gonju ellipsis-1">{{item.name}}</view>
+        <view class="fs26 gonju ellipsis-1"><text>{{item.name}}</text></view>
       </view>
     </view>
   </view>
   <!-- 轮播 -->
   <block wx:if="{{swiperimage.length>0}}">
-  <swiper class="swiper" autoplay="true" interval="5000" circular="{{true}}" indicator-dots="{{true}}" indicator-active-color="rgb(255,255,255)">
+	<!-- <swiper class="swiper" autoplay="true" interval="5000" circular="{{true}}" indicator-dots="{{true}}" indicator-active-color="rgb(255,255,255)" vertical> -->
+  <swiper class="swiper" autoplay="true" interval="5000" circular="{{true}}" easing-function="easeInOutCubic">
     <!-- 活动轮播 -->
     <block wx:for="{{swiperimage}}" wx:for-item="adver" wx:for-index="key">
       <swiper-item>
@@ -136,74 +141,78 @@
   </swiper>
   </block>
 
-  <view class="split-line"></view>
+  <!-- <view class="split-line"></view> -->
+
+
+	<!--秒杀-->
+	<view class="seckill" wx:if="{{saleGoods!=null && pindGoods.length!=0 }}">
+		<navigator url="/pages/activity/seckill_list/seckill_list">
+			<view class="seckill-time">
+				<view class="classname flex ai_c">
+					<image class="clock-img" src="{{url}}/miniapp/images/clock.png"></image>
+					<image class="seckill-ttitle-img height" src="{{url}}/miniapp/images/seckill-ttitle.png"></image>
+				</view>
+				<view class="flex ai_c seckill-list">
+					<text class="fs26 xc-marfin-right">查看全部</text>
+					<image class="arrow-right" src="{{url}}/miniapp/images/icon-arrowdown.png"></image>
+				</view>
+			</view>
+		</navigator>
+		<view class="seckill-list">
+			<swiper class="s_prom" indicator-dots="{{false}}" bindchange="flashSwiperChange" next-margin="90rpx">
+				<swiper-item wx:for="{{saleGoods}}" wx:key="{{index}}" class="p_swiper " wx:key="saleGoods">
+					<navigator class="mgl20" hover-class="none" url="/pages/goods/goodsInfo/goodsInfo?goods_id={{aitem.goods_id}}" wx:for="{{item}}" wx:key="item" wx:for-item="aitem" wx:for-index="aind">
+						<view class="imgview ">
+							<image src="{{url+aitem.original_img}}" lazy-load="true" data-errorimg="saleGoods[{{index}}][{{aind}}].original_img" binderror="bind_bnerr3" data-img="{{aitem.original_img}}"></image>
+	
+							<image wx:if="{{aitem.status==0}}" class="status_img" src="{{url}}/miniapp/images/miao/yure.png"></image>
+							<image wx:if="{{aitem.status==1}}" class="status_img" src="{{url}}/miniapp/images/miao/going.png"></image>
+							<image wx:if="{{aitem.status==2}}" class="status_img" src="{{url}}/miniapp/images/miao/mend.png"></image>
+						</view>
+						<view class="ellipsis-1 mar-top10">{{aitem.title}}</view>
+						<!-- <view class="red-co mar-top10 is_seckill_height"> -->
+						<view class="co-red mar-top10">
+							<text class="fs20">￥</text>{{aitem.price}}
+							<text class="un_line">￥{{aitem.market_price}}</text>
+						</view>
+					</navigator>
+				</swiper-item>
+			</swiper>
+			<!-- <view class="flex-center-around translation">
+				<view class="circle spot" wx:for="{{saleGoods}}" wx:key="{{index}}" style="background:{{index==flash_index?'#fff':'#999'}}">
+				</view>
+			</view> -->
+		</view>
+	</view>
 
-  <!--秒杀-->
-  <view class="seckill" wx:if="{{saleGoods!=null && pindGoods.length!=0 }}">
-    <navigator url="/pages/activity/seckill_list/seckill_list">
-      <view class="seckill-time">
-        <view class="classname flex">
-          <image class="clock-img" src="{{url}}/miniapp/images/clock.png"></image>
-          <image class="seckill-ttitle-img height" src="{{url}}/miniapp/images/seckill-ttitle.png"></image>
-        </view>
-        <view class="flex  seckill-list">
-          <text class="fs24 xc-marfin-right">查看全部</text>
-          <image class="arrow-right" src="{{url}}/miniapp/images/icon-arrowdown.png"></image>
-        </view>
-      </view>
-    </navigator>
-    <view class="seckill-list">
-      <swiper class="s_prom" indicator-dots="{{false}}" bindchange="flashSwiperChange">
-        <swiper-item wx:for="{{saleGoods}}" wx:key="{{index}}" class="p_swiper " wx:key="saleGoods">
-          <navigator class="ib m-left" url="/pages/goods/goodsInfo/goodsInfo?goods_id={{aitem.goods_id}}" wx:for="{{item}}" wx:key="item" wx:for-item="aitem" wx:for-index="aind">
-            <view class="imgview ">
-              <image src="{{url+aitem.original_img}}" lazy-load="true" data-errorimg="saleGoods[{{index}}][{{aind}}].original_img" binderror="bind_bnerr3" data-img="{{aitem.original_img}}"></image>
-
-              <image wx:if="{{aitem.status==0}}" class="status_img" src="{{url}}/miniapp/images/miao/yure.png"></image>
-              <image wx:if="{{aitem.status==1}}" class="status_img" src="{{url}}/miniapp/images/miao/going.png"></image>
-              <image wx:if="{{aitem.status==2}}" class="status_img" src="{{url}}/miniapp/images/miao/mend.png"></image>
-            </view>
-            <view class="ellipsis-2">{{aitem.title}}</view>
-            <view class="red-co mar-top10 is_seckill_height">
-              <text class="fs20">￥</text>{{aitem.price}}
-              <text class="un_line">￥{{aitem.market_price}}</text>
-            </view>
-          </navigator>
-        </swiper-item>
-      </swiper>
-      <view class="flex-center-around translation">
-        <view class="circle spot" wx:for="{{saleGoods}}" wx:key="{{index}}" style="background:{{index==flash_index?'#fff':'#999'}}">
-        </view>
-      </view>
-    </view>
-  </view>
+  
   <!----拼单---->
-  <view class="seckill assemble-top-border" wx:if="{{pindGoods!=null && pindGoods.length!=0 }}">
-    <navigator url="/pages/activity/pind_list/pind_list">
+  <view class="seckill" wx:if="{{pindGoods!=null && pindGoods.length!=0 }}">
+    <navigator url="/pages/activity/pind_list/pind_list" hover-class="none">
       <view class="seckill-time">
-        <view class="classname flex">
+        <view class="classname flex ai_c">
           <image class="clock-img" src="{{url}}/miniapp/images/clock.png"></image>
           <image class="seckill-ttitle-img" src="{{url}}/miniapp/images/team.png"></image>
           <block wx:if="{{pt_timer_item}}">
-            <view class="flex user-frame t-c xc-ash {{pt_timer_active==1?'pt_active':''}}">
+						<view class="flex user-frame ai_c xc-ash {{pt_timer_active==1?'pt_active':''}}">
               <image class="user-img  circle" src="{{pt_timer_item.head_pic}}"></image>
               <view class="ellipsis-1 user-name fs24">{{pt_timer_item.nickname}}</view>
-              <text class="fs20">刚拼团成功</text>
+              <text class="fs22" style="color:#ed6a0c;">刚拼团成功</text>
             </view>
           </block>
         </view>
-        <view class="flex  seckill-list">
-          <text class="fs24 xc-marfin-right">查看全部</text>
+        <view class="flex ai_c seckill-list">
+          <text class="fs26 xc-marfin-right">查看全部</text>
           <image class="arrow-right" src="{{url}}/miniapp/images/icon-arrowdown.png"></image>
         </view>
       </view>
     </navigator>
     <view class="seckill-lists rel">
-      <swiper class="s_proms" style="height:{{pindGoods[0].length>1?'590':'290'}}rpx" indicator-active-color='red' bindchange="ptSwiperChange">
+      <swiper class="s_proms" style="height:{{pindGoods[0].length>1?'580':'290'}}rpx" indicator-active-color='red' bindchange="ptSwiperChange">
         <swiper-item wx:for="{{pindGoods}}" wx:key="{{index}}" wx:for-index="pix">
           <view class="teamheight" style='display:block;' wx:for="{{item}}" wx:for-item="aitem" wx:for-index="aind">
             <view class="kill-item">
-              <navigator class="flex navwidth" url="/pages/goods/goodsInfo/goodsInfo?goods_id={{aitem.goods_id}}">
+              <navigator class="flex navwidth" url="/pages/goods/goodsInfo/goodsInfo?goods_id={{aitem.goods_id}}" hover-class="none">
                 <view class="kill-pic">
                   <image class="wh100" src="{{url+aitem.original_img}}" data-val="{{aitem.original_img}}" data-errorimg="pindGoods[{{pix}}][{{aind}}].original_img" binderror="bind_bnerr2" lazy-load="true">
                   </image>
@@ -262,7 +271,7 @@
   </view>
 
   <!-- 好物推荐 -->
-  <view class="title" style="margin-bottom:{{isIpx ? '48rpx' : '0'}};">
+  <view class="title bdt16" style="margin-bottom:{{isIpx ? '48rpx' : '0'}};">
     <!-- 标题 -->
     <view>
       <!-- 中文名标题 -->
@@ -283,11 +292,11 @@
       </view>
 
       <!-- 英文标题 -->
-      <view class="english flex-center">
+      <!-- <view class="english flex-center">
         <view class="silk"></view>
         <view class="esh five-level-word">GOOD HOT THING</view>
         <view class="silk"></view>
-      </view>
+      </view> -->
 
     </view>
     <!-- 商品列表组件 -->
@@ -404,14 +413,17 @@
   <view class="disgraceful">
     <!-- 新人礼领取图片 -->
     <view class="newreceive flex-center">
-      <view>
-        <navigator bindtap="new_nav">
-          <view class="flex-level" style="position: relative;">
+      <view class="t-c">
+        <navigator bindtap="new_nav" hover-class="none">
+          <view class="img-box" style="position: relative;">
              <image class="receive" src="{{url}}{{new_image==''?'/miniapp/images/newpeople/newreceive.png':new_image}}"></image>
-			 <image class="close" src="{{url}}/miniapp/images/plus/Close.png" catchtap="close_disgraceful" style="margin-top: -70rpx; right: -60rpx;"></image>
           </view>
+					<!-- <view> -->
+						
+					<!-- </view> -->
         </navigator>
-        <view class="flex-level"></view>
+				<image class="close" src="{{url}}/miniapp/images/plus/Close.png" catchtap="close_disgraceful" mode=""/>
+        <!-- <view class="flex-level"></view> -->
       </view>
     </view>
   </view>
diff --git a/pages/index/index/index.wxss b/pages/index/index/index.wxss
index 2ed7fee..18f3896 100644
--- a/pages/index/index/index.wxss
+++ b/pages/index/index/index.wxss
@@ -1,97 +1,110 @@
 .pink-b {
-  background: #ff7295;
+	background: #ff7295;
+}
+
+.top-bar {
+	position: fixed;
+	top: 0;
+	width: 100%;
+	z-index: 99;
 }
 
 
 .search-box {
-  position: fixed;
+	/* position: fixed;
   top: 0;
-  left: 0;
-  width: 100%;
-  height: 88rpx;
-  z-index: 10;
-  background-color: #ff7295;
+  left: 0; */
+	width: 100%;
+	/* height: 80rpx; */
+	z-index: 10;
+	background-color: #ff7295;
+	padding: 0 10rpx;
+	box-sizing: border-box;
 }
 
 .classify-img {
-  width: 50rpx;
-  height: 45rpx;
+	width: 50rpx;
+	height: 50rpx;
 }
 
 .logo {
-  width: 48rpx;
-  height: 48rpx;
-  margin: 0 18rpx;
-  border-radius: 50%;
-  overflow: hidden;
+	width: 48rpx;
+	height: 48rpx;
+	margin: 0 18rpx;
+	border-radius: 50%;
+	overflow: hidden;
 }
 
 .search-inner {
-  display: flex;
-  align-items: center;
-  margin: 20rpx 25rpx;
-  width: 566rpx;
-  height: 58rpx;
-  border-radius: 29rpx;
-  background-color: #fff;
-  justify-content: center;
+	display: flex;
+	align-items: center;
+	margin: 12rpx 20rpx;
+	/* margin: 20rpx 25rpx; */
+	/* width: 566rpx;
+  height: 58rpx; */
+	border-radius: 29rpx;
+	background-color: #fff;
+	justify-content: center;
+	position: relative;
 }
 
 .search-img {
-  width: 30rpx;
-  height: 30rpx;
-  margin-left: 36rpx;
-  display: flex;
-  align-items: center;
-  position: absolute;
-  left: 10%;
+	width: 30rpx;
+	height: 30rpx;
+	/* margin-left: 36rpx; */
+	display: flex;
+	align-items: center;
+	position: absolute;
+	left: 16rpx;
 }
 
 .search-cont {
-  height: 58rpx;
-  width: 530rpx;
-  padding-left: 12rpx;
-  line-height: 58rpx;
-  font-size: 24rpx;
-  color: #666;
-  margin-left: 56rpx;
+	height: 58rpx;
+	width: 530rpx;
+	/* padding-left: 12rpx; */
+	line-height: 58rpx;
+	font-size: 24rpx;
+	color: #666;
+	margin-left: 50rpx;
 }
 
 .search-fixed {
-  background: #ff7295;
+	background: #ff7295;
 }
 
 .swiper_box {
-  width: 100%;
-  height: auto;
+	width: 100%;
+	/* height: auto; */
+	border-radius: 16rpx;
+	overflow: hidden;
 }
 
 .swiperItem {
-  display: flex;
-  align-items: center;
+	display: flex;
+	align-items: center;
 }
 
 .s_prom {
-  width: 100%;
-  height: 340rpx;
+	width: 100%;
+	height: 326rpx;
 }
 
 .s_proms {
-  width: 100%;
-  height: 590rpx;
+	width: 100%;
+	height: 590rpx;
 }
 
 .slide-image {
-  width: 100%;
-  display: inline-block;
-  overflow: hidden;
-  border-radius: 14rpx;
-  height: auto;
+	width: 100%;
+	display: block;
+	/* overflow: hidden; */
+	/* border-radius: 14rpx;
+  height: auto; */
 }
 
 .venues_box {
-  background-color: #fff;
-  padding: 20rpx 10rpx 0;
+	/* background-color: #fff;
+  padding: 20rpx 10rpx 0; */
 }
 
 .venues_list {
@@ -100,167 +113,171 @@
 }
 
 .venues_item {
-  display: block;
-  float: left;
-  width: 20%;
-  text-align: center;
-  margin: 25rpx 0;
+	/* display: block;
+  float: left; */
+	flex: 1;
+	text-align: center;
+	margin: 20rpx 0;
 }
 
 .venues_item image {
-  vertical-align: middle;
-  width: 90rpx;
-  height: 90rpx;
-  border: 0;
+	vertical-align: middle;
+	width: 80rpx;
+	height: 80rpx;
+	border: 0;
 }
 
 .venues_item view {
-  font-size: 26rpx;
-  margin-top: 10rpx;
+	font-size: 26rpx;
+	margin-top: 10rpx;
+	color: #333;
 }
 
 .choice_box {
-  font-size: 14px;
+	font-size: 14px;
 }
 
 .choice_box .choice_list .choice_item {
-  width: 368rpx;
-  float: left;
-  margin: 2rpx;
-  background-color: #fff;
+	width: 368rpx;
+	float: left;
+	margin: 2rpx;
+	background-color: #fff;
 }
 
 .choice_box .choice_list image {
-  width: 100%;
-  height: auto;
+	width: 100%;
+	height: auto;
 }
 
 .title-img {
-  margin-top: 110rpx;
-  margin-bottom: 15rpx;
-  height: auto;
+	margin-top: 10rpx;
+	padding: 0 20rpx;
+	box-sizing: border-box;
+	/* margin-bottom: 15rpx;
+  height: auto; */
 }
 
 .choice_box .choice_list .title {
-  height: 36rpx;
-  line-height: 36rpx;
-  /* font-weight: bold; */
-  text-align: left;
-  color: #333;
-  margin-left: 20rpx;
-  font-size: 30rpx;
+	height: 36rpx;
+	line-height: 36rpx;
+	/* font-weight: bold; */
+	text-align: left;
+	color: #333;
+	margin-left: 20rpx;
+	font-size: 30rpx;
 }
 
 .choice_box .choice_list .choice_footer {
-  display: block;
-  margin-top: 20rpx;
-  margin-left: 15rpx;
-  position: relative;
-  height: 74rpx;
-  line-height: 17rpx;
+	display: block;
+	margin-top: 20rpx;
+	margin-left: 15rpx;
+	position: relative;
+	height: 74rpx;
+	line-height: 17rpx;
 }
 
 .choice_box .choice_list .choice_footer .price {
-  color: #f23030;
-  height: 10px;
+	color: #f23030;
+	height: 10px;
 }
 
 .choice_box .choice_list .choice_footer .similer {
-  position: absolute;
-  bottom: 0;
-  right: 0;
-  text-align: center;
-  color: #686868;
-  width: fit-content;
-  line-height: 30rpx;
-  border: 1rpx solid #bfbfbf;
-  padding: 1rpx 6rpx;
-  border-radius: 5rpx;
+	position: absolute;
+	bottom: 0;
+	right: 0;
+	text-align: center;
+	color: #686868;
+	width: fit-content;
+	line-height: 30rpx;
+	border: 1rpx solid #bfbfbf;
+	padding: 1rpx 6rpx;
+	border-radius: 5rpx;
 }
 
 .section {
-  margin-top: 20rpx;
-  background-color: #fff;
+	margin-top: 20rpx;
+	background-color: #fff;
 }
 
 .section-title {
-  padding-top: 30rpx;
-  height: 54rpx;
-  line-height: 54rpx;
-  font-size: 36rpx;
-  font-weight: 700;
-  color: #333;
-  text-align: center;
-  letter-spacing: 3rpx;
+	padding-top: 30rpx;
+	height: 54rpx;
+	line-height: 54rpx;
+	font-size: 36rpx;
+	font-weight: 700;
+	color: #333;
+	text-align: center;
+	letter-spacing: 3rpx;
 }
 
 .section-subtitle {
-  line-height: 0;
-  width: 340rpx;
-  height: 16rpx;
-  padding-bottom: 20rpx;
-  margin: 0 auto;
+	line-height: 0;
+	width: 340rpx;
+	height: 16rpx;
+	padding-bottom: 20rpx;
+	margin: 0 auto;
 }
 
 .seckill {
-  margin-top: 20rpx;
-  background-color: #fff;
-  padding-bottom: 30rpx;
+	/* margin-top: 20rpx; */
+	background-color: #fff;
+	border-top: 16rpx solid #f7f8fa;
+	/* padding-bottom: 30rpx; */
 }
 
 .seckill-time {
-  display: flex;
-  justify-content: space-between;
-  padding: 0 30rpx;
-  align-items: center;
-  height: 72rpx;
-  color: #333;
-  margin-bottom: 20rpx;
+	display: flex;
+	justify-content: space-between;
+	padding: 20rpx;
+	align-items: center;
+	/* height: 70rpx; */
+	color: #333;
+	/* margin-bottom: 10rpx; */
 }
 
 .sk-tips {
-  font-size: 36rpx;
-  font-weight: bold;
-  margin-right: 20rpx;
+	font-size: 36rpx;
+	font-weight: bold;
+	margin-right: 20rpx;
 }
 
 .sk-time {
-  position: relative;
-  display: inline-block;
-  font-size: 24rpx;
-  width: 36rpx;
-  line-height: 36rpx;
-  background-color: #333;
-  margin-right: 20rpx;
-  color: #fff;
-  text-align: center;
+	position: relative;
+	display: inline-block;
+	font-size: 24rpx;
+	width: 36rpx;
+	line-height: 36rpx;
+	background-color: #333;
+	margin-right: 20rpx;
+	color: #fff;
+	text-align: center;
 }
 
 .sk-time::before {
-  content: ':';
-  position: absolute;
-  right: -13rpx;
-  top: 0;
-  color: #333;
-  font-weight: bold;
+	content: ':';
+	position: absolute;
+	right: -13rpx;
+	top: 0;
+	color: #333;
+	font-weight: bold;
 }
 
 .sk-time:last-child::before {
-  content: '';
+	content: '';
 }
 
 .seckill-time>navigator {
-  font-size: 28rpx;
+	font-size: 28rpx;
 }
 
 .sk-pic {
-  width: 28rpx;
-  height: 28rpx;
-  vertical-align: top;
+	width: 28rpx;
+	height: 28rpx;
+	vertical-align: top;
 }
 
 .seckill-list {
-  overflow: hidden;
+	/* overflow: hidden; */
 }
 
 /* .seckill-list navigator {
@@ -268,665 +285,695 @@
 } */
 
 .seckill-list view {
-  height: 62rpx;
-  padding: 0 10rpx;
-  line-height: 33rpx;
-  overflow: hidden;
-  font-size: 28rpx;
-  width: 203rpx;
+	/* height: 62rpx; */
+	/* padding: 0 10rpx;
+	line-height: 33rpx; */
+	overflow: hidden;
+	font-size: 32rpx;
+	width: 200rpx;
 }
 
 .seckill-list view.imgview {
-  width: 203rpx;
-  height: 210rpx;
-  position: relative;
-  overflow: hidden;
+	width: 200rpx;
+	height: 210rpx;
+	border-radius: 10rpx;
+	position: relative;
+	overflow: hidden;
 }
 
 .imgview image {
-  width: 203rpx;
-  height: 203rpx;
-  border-radius: 10rpx;
+	display: block;
+	width: 100%;
+	height: 100%;
+	
 }
 
 .seckill-list view.djs_view {
-  background: rgba(9, 9, 9, 0.5);
-  color: #fff;
-  font-size: 20rpx;
-  width: 216rpx;
-  height: 36rpx;
-  line-height: 36rpx;
-  position: absolute;
-  bottom: 0;
-  left: 10rpx;
-  z-index: 5;
-  text-align-last: center;
+	background: rgba(9, 9, 9, 0.5);
+	color: #fff;
+	font-size: 20rpx;
+	width: 216rpx;
+	height: 36rpx;
+	line-height: 36rpx;
+	position: absolute;
+	bottom: 0;
+	left: 10rpx;
+	z-index: 5;
+	text-align-last: center;
 }
 
 .seckill-list image.status_img {
-  width: 100rpx;
-  height: 35rpx;
-  position: absolute;
-  top: 0rpx;
-  left: 10rpx;
-  z-index: 5;
+	width: 100rpx;
+	height: 35rpx;
+	position: absolute;
+	top: 0;
+	left: 0;
+	/* z-index: 5; */
 }
 
 .seckill-list view.status_view {
-  width: 60rpx;
-  height: 60rpx;
-  text-align: center;
-  line-height: 60rpx;
-  position: absolute;
-  background: #e9030d;
-  color: #fff;
-  font-size: 18rpx;
-  top: 5rpx;
-  right: 10rpx;
-  z-index: 5;
-  border-radius: 50%;
-  padding: 0;
+	width: 60rpx;
+	height: 60rpx;
+	text-align: center;
+	line-height: 60rpx;
+	position: absolute;
+	background: #e9030d;
+	color: #fff;
+	font-size: 18rpx;
+	top: 5rpx;
+	right: 10rpx;
+	z-index: 5;
+	border-radius: 50%;
+	padding: 0;
 }
 
 .xiafa {
-  text-decoration: line-through;
-  font-size: 10px;
-  color: #999;
-  margin-left: 10rpx;
+	text-decoration: line-through;
+	font-size: 10px;
+	color: #999;
+	margin-left: 10rpx;
 }
 
 .shelue {
-  /* text-overflow: -o-ellipsis-lastline;
+	/* text-overflow: -o-ellipsis-lastline;
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical; */
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  overflow: hidden;
+	white-space: nowrap;
+	text-overflow: ellipsis;
+	overflow: hidden;
 }
 
 .meiz {
-  padding: 0 10rpx;
-  background: #c4182e;
-  color: #fff;
-  height: 18px;
-  line-height: 18px;
-  margin-top: -10rpx;
-  border-radius: 10rpx;
+	padding: 0 10rpx;
+	background: #c4182e;
+	color: #fff;
+	height: 18px;
+	line-height: 18px;
+	margin-top: -10rpx;
+	border-radius: 10rpx;
 }
 
 .dengj {
-  padding: 0 10rpx;
-  background: #ffd700;
-  color: #fff;
-  height: 18px;
-  line-height: 18px;
-  margin-top: -10rpx;
-  border-radius: 10rpx;
+	padding: 0 10rpx;
+	background: #ffd700;
+	color: #fff;
+	height: 18px;
+	line-height: 18px;
+	margin-top: -10rpx;
+	border-radius: 10rpx;
 }
 
 .kongge {
-  width: 20rpx;
+	width: 20rpx;
 }
 
 .choice_footer .ys {
-  color: #999;
-  margin-top: 20rpx;
-  font-size: 11px;
-  margin-left: 5rpx;
+	color: #999;
+	margin-top: 20rpx;
+	font-size: 11px;
+	margin-left: 5rpx;
 }
 
 .p_swiper {
-  display: flex;
+	display: flex;
 }
 
 .p_swiper .un_line {
-  text-decoration: line-through;
-  font-size: 22rpx;
-  color: #b2a2c2;
+	text-decoration: line-through;
+	font-size: 22rpx;
+	color: #b2a2c2;
 }
 
 .seckill-list view.co-red2 {
-  font-size: 22rpx;
-  color: #c2aebb;
-  margin-top: -8rpx;
+	font-size: 22rpx;
+	color: #c2aebb;
+	margin-top: -8rpx;
 }
 
 .seckill-list view.cantuan {
-  width: 72rpx;
-  height: 36rpx;
-  text-align: center;
-  line-height: 36rpx;
-  position: absolute;
-  background: #e9030d;
-  color: #fff;
-  font-size: 18rpx;
-  bottom: 30rpx;
-  right: 10rpx;
-  z-index: 5;
-  border-radius: 5rpx;
-  padding: 0;
+	width: 72rpx;
+	height: 36rpx;
+	text-align: center;
+	line-height: 36rpx;
+	position: absolute;
+	background: #e9030d;
+	color: #fff;
+	font-size: 18rpx;
+	bottom: 30rpx;
+	right: 10rpx;
+	z-index: 5;
+	border-radius: 5rpx;
+	padding: 0;
 }
 
 .arrow-right {
-  width: 24rpx;
-  height: 24rpx;
+	width: 20rpx;
+	height: 20rpx;
 }
 
 .pd-view {
-  height: 80rpx;
+	/* height: 80rpx; */
 }
 
 .xc-grow-ups {
-  margin-left: 8rpx;
-  margin-top: 6rpx;
+	margin-left: 8rpx;
+	margin-top: 6rpx;
 }
 
 .xc-top-img {
-  width: 100%;
-  top: -1rpx;
-  height: 315rpx;
+	width: 100%;
+	/* margin-top: -30rpx; */
+	height: 420rpx;
+	top: 0;
+	background-color: white;
+	/* top: -1rpx;
+  height: 315rpx; */
 }
 
 .classify-frame {
-  line-height: 25rpx;
+	line-height: 25rpx;
 }
 
 .slide-image-frame {
-  width: 95%;
-  margin: auto;
-  border-radius: 10rpx;
+	width: 100%;
+	/* margin: auto; */
+	/* padding: 0 20rpx;
+	box-sizing: border-box; */
+	/* border-radius: 10rpx; */
 }
 
 .xc-hook {
-  width: 52rpx;
-  height: 52rpx;
+	width: 52rpx;
+	height: 52rpx;
 }
 
 .margin-left {
-  margin-left: 10rpx;
+	margin-left: 10rpx;
 }
 
 .xc-class-img {
-  width: 83rpx;
-  height: 83rpx;
+	width: 80rpx;
+	height: 80rpx;
 }
 
 .xc-class-frame {
-  line-height: 40rpx;
-  margin-top: 20rpx;
-  margin-bottom: 20rpx;
+	line-height: 40rpx;
+	/* margin-top: 20rpx; */
+	margin-bottom: 20rpx;
 }
 
 .xc-title-img {
-  height: 220rpx;
-  width: 100%;
-  border-radius: 15rpx;
+	height: 100%;
+	width: 100%;
+	border-radius: 15rpx;
 }
 
 .title-img-frame {
-  width: 94%;
-  margin: auto;
+	width: 100%;
+	height: 100%;
+	/* margin: auto;
   margin-top: 30rpx;
-  padding-bottom: 10rpx;
+  padding-bottom: 10rpx; */
 }
 
 .seckill-list {
-  line-height: 24rpx;
+	/* line-height: 24rpx; */
+	color: #333;
+	
 }
 
 .seckill-lists {
-  line-height: 30rpx;
+	/* line-height: 30rpx; */
 }
 
 .xc-marfin-right {
-  margin-right: 8rpx;
+	margin-right: 8rpx;
 }
 
 .classname .clock-img {
-  width: 36rpx;
-  height: 36rpx;
-  margin-right: 10rpx;
+	width: 28rpx;
+	height: 28rpx;
+	/* margin-right: 10rpx; */
 }
 
 .classname .seckill-ttitle-img {
-  width: 150rpx;
-  height: 40rpx;
+	width: 150rpx;
+	height: 40rpx;
 }
 
 .seckill-ttitle-img.height {
-  height: 35rpx;
+	height: 35rpx;
 }
 
 .split-line {
-  width: 100%;
-  height: 10rpx;
-  background: #eee;
+	width: 100%;
+	height: 10rpx;
+	background: #eee;
 }
 
 .mar-top10 {
-  margin-top: 10rpx;
+	margin-top: 10rpx;
 }
 
 .classname .user-img {
-  width: 30rpx;
-  height: 30rpx;
-  margin-left: 20rpx;
-  margin-right: 10rpx;
+	width: 40rpx;
+	height: 40rpx;
+	margin-left: 20rpx;
+	margin-right: 10rpx;
+	background-color: #f7f8fa;
 }
 
 .user-frame {
-  /* border-left: 5rpx solid #eee; */
-  height: 35rpx;
-  line-height: 35rpx;
-  margin-left: 10rpx;
+	/* border-left: 5rpx solid #eee; */
+	/* height: 35rpx;
+	line-height: 35rpx; */
+	margin-left: 10rpx;
 }
 
 .user-name {
-  width: 66rpx;
-  border-left: 5rpx solid #eee;
+	width: 140rpx;
+	padding-left: 10rpx;
+	border-left: 2rpx solid #ebedf0;
 }
 
 /* 团购列表 */
 
 .kill-item {
-  display: flex;
-  justify-content: space-between;
-  background-color: #fff;
-  padding: 10rpx 10rpx;
-  margin-bottom: 10rpx;
-  border-radius: 10rpx;
-  height: 249rpx;
-  align-items: center;
+	display: flex;
+	justify-content: space-between;
+	background-color: #fff;
+	padding: 20rpx;
+	/* margin-bottom: 10rpx; */
+	border-radius: 10rpx;
+	/* height: 249rpx; */
+	align-items: center;
 }
 
 .kill-pic {
-  width: 215rpx;
-  height: 215rpx;
-  position: relative;
+	width: 215rpx;
+	height: 215rpx;
+	position: relative;
 }
 
 .teamheight {
-  height: 289rpx;
-  border-bottom: 6rpx solid #eee;
+	/* height: 289rpx; */
+	border-bottom: 2rpx solid #ebedf0;
 }
 
 .kill-cont {
-  width: 440rpx;
-  height: 215rpx;
-  margin-left: 16rpx;
+	width: 440rpx;
+	height: 215rpx;
+	margin-left: 16rpx;
 }
 
 .goods-name {
-  max-height: 60rpx;
-  font-size: 24rpx;
-  color: #555;
-  line-height: 55rpx;
+	max-height: 60rpx;
+	font-size: 24rpx;
+	color: #555;
+	line-height: 55rpx;
 }
 
 .xc-team-img {
-  width: 38rpx;
-  height: 45rpx;
-  left: -1rpx;
-  top: -16rpx;
+	width: 38rpx;
+	height: 45rpx;
+	left: -1rpx;
+	top: -16rpx;
 }
 
 .tneirong {
-  color: #fff;
-  font-size: 20rpx;
-  border-radius: 20rpx;
-  padding-left: 32rpx;
-  padding-right: 15rpx;
-  padding-bottom: 2rpx;
-  height: 28rpx;
-  line-height: 28rpx;
-  white-space: nowrap;
+	color: #fff;
+	font-size: 20rpx;
+	border-radius: 20rpx;
+	padding-left: 32rpx;
+	padding-right: 15rpx;
+	padding-bottom: 2rpx;
+	height: 28rpx;
+	line-height: 28rpx;
+	white-space: nowrap;
 }
 
 .xc-people-val-frame {
-  border: 3rpx solid #d60021;
-  border-radius: 8rpx;
-  white-space: nowrap;
-  height: 28rpx;
+	border: 3rpx solid #d60021;
+	border-radius: 8rpx;
+	white-space: nowrap;
+	height: 28rpx;
 }
 
 .xc-people-val-frame .val-img {
-  width: 33rpx;
-  height: 28rpx;
-  border-radius: 8rpx;
-  margin-left: -2rpx;
+	width: 33rpx;
+	height: 28rpx;
+	border-radius: 8rpx;
+	margin-left: -2rpx;
 }
 
 .people-img {
-  width: 20rpx;
-  height: 20rpx;
+	width: 20rpx;
+	height: 20rpx;
 }
 
 .goods-num {
-  height: 50rpx;
-  display: flex;
-  justify-content: space-between;
-  margin-top: 10rpx;
-  font-size: 24rpx;
-  color: #999;
+	height: 50rpx;
+	display: flex;
+	justify-content: space-between;
+	margin-top: 10rpx;
+	font-size: 24rpx;
+	color: #999;
 }
 
 .xc-top15 {
-  padding-top: 15rpx;
-  margin-top: 25rpx;
+	padding-top: 15rpx;
+	margin-top: 25rpx;
 }
 
 .underline {
-  text-decoration: line-through;
-  color: #999;
-  font-size: 20rpx;
-  margin-left: 5rpx;
-  margin-top: 5rpx;
+	text-decoration: line-through;
+	color: #999;
+	font-size: 20rpx;
+	margin-left: 5rpx;
+	margin-top: 5rpx;
 }
 
 .navigator.navwidth {
-  width: 100%；;
+	width: 100%；;
 }
 
 .view.left {
-  padding: 0 5rpx;
+	padding: 0 5rpx;
 }
 
 /* 热门好物 */
 
 .title .China {
-  width: 100%;
-  margin-top: 10rpx;
-  margin-bottom: 10rpx;
-  line-height: 0rpx;
+	width: 100%;
+	padding: 20rpx 0;
+	/* line-height: 0rpx; */
 }
 
 .title .China .line view {
-  width: 2rpx;
+	width: 2rpx;
 }
 
 .title .China .line {
-  height: 40rpx;
-  color: rgb(51, 51, 51);
+	height: 40rpx;
+	color: rgb(51, 51, 51);
 }
 
 .title .China .line view {
-  border-left: 3rpx solid #000;
-  margin-left: 5rpx;
+	border-left: 3rpx solid #000;
+	margin-left: 5rpx;
 }
 
 .title .China .line .one {
-  height: 23rpx;
+	height: 23rpx;
 }
 
 .title .China .line .two {
-  height: 15rpx;
+	height: 15rpx;
 }
 
 .title .China .line .three {
-  height: 18rpx;
+	height: 18rpx;
 }
 
 .title .China .Recommend {
-  margin: 0rpx 20rpx;
-  font-size: 28rpx;
-  line-height: 39rpx;
-  font-weight: bold;
+	margin: 0rpx 20rpx;
+	font-size: 30rpx;
+	line-height: 39rpx;
+	font-weight: bold;
 }
 
 .title .english .silk {
-  width: 214rpx;
-  height: 2rpx;
-  background-color: #000;
+	width: 214rpx;
+	height: 2rpx;
+	background-color: #000;
 }
 
 .title .english .esh {
-  margin: 0rpx 15rpx;
+	margin: 0rpx 15rpx;
 }
 
 .collects {
-  margin-top: 40rpx;
+	margin-top: 40rpx;
 }
 
 .hang {
-  width: 100%;
-  margin: auto;
-  padding-left: 21rpx;
+	width: 100%;
+	margin: auto;
+	padding-left: 21rpx;
 }
 
 .hang .collect {
-  width: 347rpx;
-  height: 571rpx;
-  border-radius: 25rpx;
-  border: 1rpx solid rgb(214, 214, 214);
-  overflow: hidden;
-  margin-right: 14rpx;
-  margin-bottom: 5rpx;
+	width: 347rpx;
+	height: 571rpx;
+	border-radius: 25rpx;
+	border: 1rpx solid rgb(214, 214, 214);
+	overflow: hidden;
+	margin-right: 14rpx;
+	margin-bottom: 5rpx;
 }
 
 .collect .bottom {
-  padding: 0rpx 20rpx;
+	padding: 0rpx 20rpx;
 }
 
 .collect .sp {
-  width: 100%;
-  height: 326rpx;
+	width: 100%;
+	height: 326rpx;
 }
 
 .collect .money {
-  margin-top: 60rpx;
-  margin-bottom: 18rpx;
-  line-height: 28rpx;
-  align-items: baseline;
+	margin-top: 60rpx;
+	margin-bottom: 18rpx;
+	line-height: 28rpx;
+	align-items: baseline;
 }
 
 .collect .money view {
-  line-height: 28rpx;
+	line-height: 28rpx;
 }
 
 .collect .money .flex {
-  font-weight: bold;
+	font-weight: bold;
 }
 
 .collect .money .flex .fs24 {
-  padding-top: 5rpx;
+	padding-top: 5rpx;
 }
 
 .collect .Discount {
-  width: 156rpx;
-  height: 28rpx;
-  border-radius: 20rpx;
-  background-color: rgb(56, 56, 56);
-  font-size: 18rpx;
-  color: rgb(255, 255, 255);
+	width: 156rpx;
+	height: 28rpx;
+	border-radius: 20rpx;
+	background-color: rgb(56, 56, 56);
+	font-size: 18rpx;
+	color: rgb(255, 255, 255);
 }
 
 .collect .Discount image {
-  height: 18rpx;
-  width: 18rpx;
-  line-height: 28rpx;
-  margin-right: 3rpx;
+	height: 18rpx;
+	width: 18rpx;
+	line-height: 28rpx;
+	margin-right: 3rpx;
 }
 
 .collect.ml20 {
-  margin-left: 13rpx;
+	margin-left: 13rpx;
 }
 
 .fs24.dollar {
-  padding: 0rpx;
+	padding: 0rpx;
 }
 
 .money .price {
-  margin-left: 12rpx;
-  text-decoration: line-through;
-  line-height: 23rpx;
+	margin-left: 12rpx;
+	text-decoration: line-through;
+	line-height: 23rpx;
 }
 
 .province {
-  line-height: 26rpx;
+	line-height: 26rpx;
 }
 
 .nothing {
-  height: 75rpx;
-  width: 100%;
+	height: 75rpx;
+	width: 100%;
 }
 
 .nothing .no_content {
-  margin: 0rpx 11rpx;
-  color: rgb(138, 138, 138);
+	margin: 0rpx 11rpx;
+	color: rgb(138, 138, 138);
 }
 
 .nothing .Foil {
-  width: 80rpx;
-  height: 2rpx;
-  background-color: rgb(138, 138, 138);
+	width: 80rpx;
+	height: 2rpx;
+	background-color: rgb(138, 138, 138);
 }
 
 .goods_name {
-  height: 70rpx;
-  margin-top: 6rpx;
+	height: 70rpx;
+	margin-top: 6rpx;
 }
 
 .seckill-list view.translation {
-  width: 108rpx;
-  height: 20rpx;
-  border-radius: 20rpx;
-  background: #dfdfdf;
-  margin: auto;
-  line-height: 20rpx;
+	width: 108rpx;
+	height: 20rpx;
+	border-radius: 20rpx;
+	background: #dfdfdf;
+	margin: auto;
+	line-height: 20rpx;
 }
 
 .seckill-list view.spot {
-  width: 10rpx;
-  height: 10rpx;
-  padding: 0rpx;
+	width: 10rpx;
+	height: 10rpx;
+	padding: 0rpx;
 }
 
 .spot {
-  width: 10rpx;
-  height: 10rpx;
-  padding: 0rpx;
+	width: 10rpx;
+	height: 10rpx;
+	padding: 0rpx;
 }
 
 .translation {
-  width: 108rpx;
-  height: 20rpx;
-  border-radius: 20rpx;
-  background: #e0e0e0;
-  line-height: 20rpx;
-  bottom: 45rpx;
-  left: 43%;
+	width: 108rpx;
+	height: 20rpx;
+	border-radius: 20rpx;
+	/* background: #e0e0e0; */
+	line-height: 20rpx;
+	bottom: 45rpx;
+	left: 43%;
 }
 
 .translation {
-  width: 108rpx;
-  height: 20rpx;
-  border-radius: 20rpx;
-  background: #b8d1d6;
-  line-height: 20rpx;
-  bottom: 12rpx;
-  left: 43%;
+	width: 108rpx;
+	height: 20rpx;
+	border-radius: 20rpx;
+	/* background: #b8d1d6; */
+	line-height: 20rpx;
+	bottom: 12rpx;
+	left: 43%;
 }
 
 .translations {
-  width: 108rpx;
-  height: 20rpx;
-  border-radius: 20rpx;
-  background: #dfdfdf;
-  line-height: 20rpx;
-  bottom: 25rpx;
-  left: 43%;
+	width: 108rpx;
+	height: 20rpx;
+	border-radius: 20rpx;
+	background: #dfdfdf;
+	line-height: 20rpx;
+	bottom: 25rpx;
+	left: 43%;
 }
 
 .mar-top {
-  margin-top: 20rpx;
+	margin-top: 20rpx;
 }
 
 .mar-tops {
-  margin-top: 10rpx;
+	margin-top: 10rpx;
 }
 
 .pt_active {
-  animation: sport 0.5s;
+	animation: sport 0.5s;
 }
 
 @keyframes sport {
-  0% {
-    transform: translateY(80rpx);
-    opacity: 0;
-  }
+	0% {
+		transform: translateY(80rpx);
+		opacity: 0;
+	}
 
-  100% {
-    transform: translateY(0rpx);
-    opacity: 1;
-  }
+	100% {
+		transform: translateY(0rpx);
+		opacity: 1;
+	}
 }
 
 .m-left {
-  margin-left: 18rpx;
+	margin-left: 10rpx;
 }
 
 .martop4 {
-  margin-top: 4rpx;
+	margin-top: 4rpx;
 }
 
 .time-blue {
-  margin-left: 10rpx;
+	margin-left: 10rpx;
 }
 
 .is_seckill_height {
-  height: 40rpx;
-  line-height: 32rpx;
+	height: 40rpx;
+	line-height: 32rpx;
 }
 
 .assemble-top-border {
-  border-top: 10rpx solid #eee;
-  padding-top: 20rpx;
-  margin-top: 0rpx;
+	border-top: 10rpx solid #eee;
+	padding-top: 20rpx;
+	margin-top: 0rpx;
 }
 
 .gonju {
-  max-width: 120rpx;
+	/* max-width: 120rpx; */
+	padding: 0 20rpx;
+	color: #333;
+	box-sizing: border-box;
 }
 
 .disgraceful {
-  position: fixed;
-  width: 100%;
-  height: 100%;
-  left: 0rpx;
-  bottom: 0rpx;
-  background-color: rgba(182, 174, 174, 0.753);
-  z-index: 10;
+	position: fixed;
+	width: 100%;
+	height: 100%;
+	left: 0rpx;
+	bottom: 0rpx;
+	background-color: rgba(0, 0, 0, 0.5);
+	z-index: 998;
 }
 
 .newreceive {
-  position: fixed;
-  width: 100%;
-  height: 100%;
-  z-index: 11;
+	position: fixed;
+	width: 100%;
+	height: 100%;
+	z-index: 999;
 }
 
 .receive {
-  width: 570rpx;
-  height: 750rpx;
+	display: block;
+	width: 100%;
+	height: 100%;
 }
-.close{
-  width: 70rpx;
-  height: 70rpx;
-  margin-top: 30rpx;
+
+.close {
+	width: 60rpx;
+	height: 60rpx;
+	margin-top: 10rpx;
 }
-.swiper{
-  height: 250rpx;
-  padding-bottom:30rpx;
+
+.swiper {
+	height: 220rpx;
+	box-sizing: border-box;
+	padding: 10rpx 20rpx;
+	/* padding-bottom:30rpx; */
 }
 
 page {
-  overflow-x: hidden;
-  padding-bottom: 120rpx;
+	overflow-x: hidden;
+	padding-bottom: 120rpx;
+	/* background-color: #f7f8fa; */
 }
-.container{ overflow: hidden;}
+
+.container {
+	overflow: hidden;
+	padding-top: 140rpx;
+}
+
+/* page,
+.container {
+	height: 100%;
+} */
 
 
 .hongbao-container {
@@ -935,7 +982,7 @@ page {
 	height: 100%;
 	top: 0;
 	left: 0;
-	background-color: rgba(0,0,0,.5);
+	background-color: rgba(0, 0, 0, .5);
 	z-index: 999;
 }
 
@@ -952,9 +999,9 @@ page {
 }
 
 .close {
-	position: absolute;
+	/* position: absolute;
 	top: 0;
-	right: 0;
+	right: 0; */
 }
 
 .hongbao_sm-img {
@@ -966,20 +1013,48 @@ page {
 	/* transform: translateY(-50%); */
 	z-index: 10000;
 }
-.dis_top{position: fixed; top: 0; left: 0; width: 100%; z-index: 100000;}
-.full_screen{
-	position: fixed;left: 0;top: 0;
+
+.dis_top {
+	position: fixed;
+	top: 0;
+	left: 0;
+	width: 100%;
+	z-index: 100000;
+}
+
+.full_screen {
+	position: fixed;
+	left: 0;
+	top: 0;
 	z-index: 1000000000000;
-	background-color: rgba(0,0,0,0.4);
+	background-color: rgba(0, 0, 0, 0.4);
 	width: 100%;
 	height: 100%;
 	background-position: center;
 	background-size: 100% 100%;
 	background-repeat: no-repeat;
 }
-.skip_box{
-        float: right;  margin-top: 10rpx;  margin-right: 10rpx;
-        background-color: gainsboro;  width: 120rpx;
-        height: 48rpx;  font-size: 28rpx;  line-height: 48rpx;
-        text-align: center;  border-radius: 20rpx;
- }
+
+.skip_box {
+	float: right;
+	margin-top: 10rpx;
+	margin-right: 10rpx;
+	background-color: gainsboro;
+	width: 120rpx;
+	height: 48rpx;
+	font-size: 28rpx;
+	line-height: 48rpx;
+	text-align: center;
+	border-radius: 20rpx;
+}
+
+
+.bdt16 {
+	border-top: 16rpx solid #f7f8fa;
+}
+
+.img-box {
+	width: 560rpx;
+	height: 800rpx;
+}
+
--
libgit2 0.21.4