From 7241214fc1aa27e23590e0bbabf043be7c26d56e Mon Sep 17 00:00:00 2001
From: cheng.xu <cheng.xu@meidd.com>
Date: Mon, 16 Sep 2019 15:47:35 +0800
Subject: [PATCH] 商城首页页面与样式

---
 pages/index/index/index.wxml | 323 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++------------------------------------------------------
 pages/index/index/index.wxss | 434 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++---------------------
 2 files changed, 682 insertions(+), 75 deletions(-)

diff --git a/pages/index/index/index.wxml b/pages/index/index/index.wxml
index 7d8f151..f654cc3 100644
--- a/pages/index/index/index.wxml
+++ b/pages/index/index/index.wxml
@@ -1,23 +1,37 @@
 <!--普通界面-->
-<view class="container" wx:if="{{ishow}}">
+<view class="container rel" wx:if="{{ishow}}">
+<image class="xc-top-img abs"  src="../../../images/top-img.png"></image>
     <!--搜索框-->
-    <view class="search-box {{scrollTop>10?'search-fixed':''}}">
+    <view class="search-box {{scrollTop>10?'search-fixed':''}} flex-center white ">
+        <view class="classify-frame t-c">
+        <image class="classify-img" src="../../../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">
+        <image class="classify-img" src="../../../images/scanning.png"></image>
+        <view class="fs20">扫一扫</view>
+        </view>
     </view>
     <!--滚动广告-->
-    <view wx:if="{{banner}}">
-        <swiper autoplay="true" class="swiper_box" duration="1000" indicatorDots="true" interval="3000" vertical="">
+    <view class="rel title-img" wx:if="{{banner}}" >
+        <swiper autoplay="true" class="swiper_box"  duration="1000"  interval="3000" vertical=""bindchange="bannerSwiperChange"  >
             <swiper-item wx:for="{{banner}}"  wx:key="banner">
-                <navigator url="{{item.media_link}}">
+                <view url="{{item.media_link}}" class="slide-image-frame">
                     <image class="slide-image" src="{{item.ad_code}}" lazy-load="true"  binderror="bind_bnerr" data-errorimg="banner[{{index}}].ad_code"></image>
-                </navigator>
+                </view>
             </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>
+        </view>
     </view>
 	<view class="pd-view" wx:else></view>
 	
@@ -56,19 +70,93 @@
             </view>
         </view>
     </view>
+
+
+    <view class="flex-center-around">
+    <view class="flex">
+      <view class="circle white xc-hook fs20 yellow-b">Г
+      </view>
+     <text class="yellow-co fs20 margin-left">人工优先</text>
+    </view>
+
+
+    <view class="flex">
+
+      <view class="circle white xc-hook fs20 yellow-b">Г
+      </view>
+     <text class="yellow-co fs20 margin-left">正品保证</text>
+    </view>
+
+    <view class="flex">
+      <view class="circle white xc-hook fs20 yellow-b">Г
+      </view>
+     <text class="yellow-co fs20 margin-left">售后无忧</text>
+    </view>
+    </view>
+
+
+       <view class="flex-center-around">
+        <view>
+          <view class="circle  xc-class-frame t-c">
+          <image  class="xc-class-img" src="../../../images/skincare.png"></image>
+          <view class="fs24">护肤</view>
+          </view>
+       </view>
+
+       <view>
+          <view class="circle  xc-class-frame t-c">
+          <image  class="xc-class-img" src="../../../images/cosmetics.png"></image>
+          <view class="fs24">彩妆</view>
+          </view>
+       </view>
+
+       <view>
+          <view class="circle  xc-class-frame t-c">
+          <image  class="xc-class-img" src="../../../images/mask.png"></image>
+          <view class="fs24">面膜</view>
+          </view>
+       </view>
+
+
+       <view>
+          <view class="circle  xc-class-frame t-c">
+          <image  class="xc-class-img" src="../../../images/nursing.png"></image>
+          <view class="fs24">个人护理</view>
+          </view>
+       </view>
+
+
+       <view>
+          <view class="circle  xc-class-frame t-c">
+          <image  class="xc-class-img" src="../../../images/man_region.png"></image>
+          <view class="fs24">男士专区</view>
+          </view>
+        </view>
+      </view>
+
+      <view class="title-img-frame">
+        <image class="xc-title-img"src="../../../images/title.png"></image>
+        </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">
-                    <text class="sk-tips">秒杀特区</text>
+                <view class="classname flex">
+                   <image class="clock-img" src="../../../images/clock.png"></image>
+                   <image class="seckill-ttitle-img"src="../../../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-active-color='red'  indicator-dots="true">
-                <swiper-item wx:for="{{saleGoods}}" wx:key="{{index}}" class="p_swiper" wx:key="saleGoods">
+            <swiper class="s_prom"  indicator-dots="{{false}}" bindchange="flashSwiperChange">
+                <swiper-item wx:for="{{saleGoods}}" wx:key="{{index}}" class="p_swiper flex-center-around" wx:key="saleGoods">
                     <navigator url="/pages/goods/goodsInfo/goodsInfo?goods_id={{aitem.goods_id}}"
                                wx:for="{{item}}" wx:key="item"  wx:for-item="aitem" wx:for-index="aind"
                     >
@@ -89,66 +177,109 @@
                             <image wx:if="{{aitem.status==2}}" class="status_img" src="{{url}}/miniapp/images/miao/mend.png"></image>
                         </view>
                         <view>{{aitem.title}}</view>
-                        <view class="co-red">￥{{aitem.price}}
+                        <view class="red-co 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="{{pindGoods!=null && pindGoods.length!=0 }}">
         <navigator url="/pages/activity/pind_list/pind_list">
             <view class="seckill-time">
-                <view class="classname">
-                    <text class="sk-tips">天天拼单</text>
+                <view class="classname flex">
+                     <image class="clock-img" src="../../../images/clock.png"></image>
+                   <image class="seckill-ttitle-img"src="../../../images/team.png"></image>
+                   <image class="user-img  circle" src="../../../images/nursing.png"></image>
+                   <view class="flex user-frame t-c xc-ash"> 
+                       <view class="ellipsis-1 user-name fs24">张大仙</view>
+                       <text class="fs20">刚拼团成功</text>
+                   </view>
                 </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-active-color='red'  indicator-dots="true">
-                <swiper-item wx:for="{{pindGoods}}" wx:key="{{index}}" class="p_swiper">
-                    <navigator 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="pindGoods[{{index}}][{{aind}}].original_img"
-                                   data-img="{{aitem.original_img}}"  binderror="bind_bnerr3"></image>
-                            <!--
-                            <view class="djs_view">
-                                <text class='tui-conutdown-box'>{{aitem.djs.day}}</text>天
-                                <text class='tui-conutdown-box'>{{aitem.djs.hou}}</text>时
-                                <text class='tui-conutdown-box'>{{aitem.djs.min}}</text>分
-                                <text class='tui-conutdown-box tui-countdown-bg'>{{aitem.djs.sec}}</text>秒
-                            </view>-->
+        <view class="seckill-lists rel">
+            <swiper class="s_proms" indicator-active-color='red' bindchange="ptSwiperChange">
+                <swiper-item wx:for="{{pindGoods}}" wx:key="{{index}}">             
+             <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}}">         
+               <view class="kill-pic">
+                   <image class="wh100" src="{{url+aitem.original_img}}" data-val="{{aitem.original_img}}"
+                  data-errorimg="goodlist[{{index}}].original_img" binderror="bind_bnerr2" lazy-load="true">
+                  </image>
+              </view>
 
-                            <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 class="kill-cont">
+            <navigator class="goods-name ellipsis-2" url="/pages/goods/goodsInfo/goodsInfo?goods_id={{item.goods_id}}">
+            {{aitem.title}}
 
-                            <view wx:if="{{aitem.kttype==1}}" class="status_view">商家团</view>
-                            <view wx:if="{{aitem.kttype==2}}" class="status_view">会员团</view>
-                            <view wx:if="{{aitem.kttype==3}}" class="status_view">阶梯团</view>
+              </navigator>
+            <view class="flex left">
+            <view class="tneirong red-b flex-vertical rel">
+            <image class="xc-team-img abs" src="../../../images/fril.png"></image>
+            已拼11{{aitem.buy_num}}份</view>
+            <view class="fs20 flex xc-people-val-frame" 
+            style="border-color:{{type==1?'#059de5':'#d60021'}};margin-left:8rpx">
+            <view class=" flex-center val-img {{type==1?'blue_b':'red-b'}}">
+            <image class="people-img"src="{{iurl}}/miniapp/images/bai-ren.png"></image>
+            </view>
+           <text  class="{{type==1?'blue_c':'red-co'}}" style="margin-left:8rpx; margin-right:8rpx">{{aitem.ct_num}}人团</text> 
+            </view>
+                 </view>
+             
+                     <view class="goods-num"style="margin-top:{{type==0?'70rpx':'40rpx'}}">
+                <view>
+                
+                    <view class="fs40 flex  xc-top15 {{type==1?'blue_c':' red-co ai-bas'}}">
+                    <text class="fs28 {{type==0?'martop13':''}}">￥</text>
+                   <text style="margin-left:-5rpx">{{aitem.price}}</text>
+                    <span class="underline {{type==0?'martop18':''}}">零售价￥{{aitem.market_price}}</span>
+                    </view>
+              
+                     </view>
 
-                        </view>
-                        <view>{{aitem.title}}</view>
-                        <view class="co-red">￥{{aitem.price}}</view>
-                        <view class="co-red2">{{aitem.ct_num}}人团</view>
 
-                        <view  wx:if="{{aitem.kttype==1 && aitem.goods_num>aitem.buy_num }}" class="cantuan">去参团</view>
-                        <view  wx:if="{{aitem.kttype==2 && aitem.goods_num>aitem.buy_num }}" class="cantuan">去开团</view>
-                        <view  wx:if="{{aitem.kttype==3 && aitem.goods_num>aitem.buy_num }}" class="cantuan">去开团</view>
-                        <view  wx:if="{{aitem.goods_num<=aitem.buy_num }}" class="cantuan">已抢光</view>
+                </view>
+                     </view>
+                     
+              </navigator>
+
+
+              </view>
+
+</view>
+               <!-- <view class="kill-item"wx:for="{{item}}" wx:for-item="aitem" wx:for-index="aind">
+                  <navigator url="/pages/goods/goodsInfo/goodsInfo?goods_id={{aitem.goods_id}}">         
+                <view class="kill-pic ">
+            <image class="wh100" src="{{url+aitem.original_img}}" data-val="{{aitem.original_img}}"
+                  data-errorimg="goodlist[{{index}}].original_img" binderror="bind_bnerr2" lazy-load="true">
+                  </image>
+        </view>
+ </navigator>
+        </view> -->
 
-                    </navigator>
                 </swiper-item>
             </swiper>
+
+              <view class="flex-center-around translations abs">
+        <view class="circle spot" wx:for="{{pindGoods}}" wx:key="{{index}}" style="background:{{index==pt_index?'#fff':'#999'}}">
+        </view>
+        </view>
         </view>
     </view>
     <!--新品上市-->
-    <view class="seckill" wx:if="{{newGoods!=null}}">
+    <!-- <view class="seckill" wx:if="{{newGoods!=null}}">
         <navigator url="/pages/goods/goodsList/goodsList?is_new=1">
             <view class="seckill-time">
                 <view class="classname">
@@ -176,9 +307,9 @@
                 </swiper-item>
             </swiper>
         </view>
-    </view>
+    </view> -->
     <!--热销商品-->
-    <view class="seckill" wx:if="{{hotGoods!=null}}">
+    <!-- <view class="seckill" wx:if="{{hotGoods!=null}}">
         <navigator url="/pages/goods/goodsList/goodsList?is_hot=1">
             <view class="seckill-time">
                 <view class="classname">
@@ -206,9 +337,9 @@
                 </swiper-item>
             </swiper>
         </view>
-    </view>
+    </view> -->
     <!--推荐商品-->
-    <view class="section">
+    <!--111111111111 <view class="section">
         <view class="section-title">推荐商品</view>
         <view class="section-subtitle">
             <image class="wh100" src="{{url}}/miniapp/images/pic-interesting.png"></image>
@@ -222,17 +353,101 @@
                 </navigator>
                 <navigator class="title shelue" url="/pages/goods/goodsInfo/goodsInfo?goods_id={{item.goods_id}}">{{item.goods_name}}</navigator>
                 <view class="choice_footer">
-                    <view class="price flex">
+                    <view class="price flex"> -->
                        <!--<view class="meiz" wx:if="{{index==1}}">美妆价</view><view class="dengj" wx:if="{{index==3}}">等级价</view>-->
-                       ￥{{item.shop_price}} <view class="xiafa">￥{{item.market_price}}</view>
+                       <!-- 11111￥{{item.shop_price}} <view class="xiafa">￥{{item.market_price}}</view>
                     </view>
-                    <view class="ys">已售{{item.sales_sum}}</view>
+                    <view class="ys">已售{{item.sales_sum}}</view> -->
                     <!-- <navigator class="similer" url="/pages/goods/goodsList/goodsList?cat_id={{item.cat_id}}">找相似</navigator>-->
-                </view>
+                <!-- 111111</view>
             </view>
         </view>
     </view>
-</view>
+</view> -->
+
+
+
+
+
+ <!-- 好物推荐 -->
+  <view class="title">
+    <!-- 标题 -->
+    <view>
+      <!-- 中文名标题 -->
+      <view class="China flex-level">
+        <view class="line flex-vertical">
+          <view class="one"></view>
+          <view class="two"></view>
+          <view class="three"></view>
+        </view>
+
+        <view class="Recommend flex-level" bindtap="requestList">热门好物</view>
+
+        <view class="line flex-vertical">
+          <view class="three"></view>
+          <view class="two"></view>
+          <view class="one"></view>
+        </view>
+      </view>
+
+      <!-- 英文标题 -->
+      <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 class="collects">
+      <view class="hang ">
+
+        <!-- 商品详情 -->
+        <view class="collect ib"  wx:for="{{recommend}}">
+          <!-- 商品图片 -->
+          
+          <image class="sp" src="{{item.original_img}}"mode="scaleToFill"></image>
+          <view class="bottom">
+            <!-- 商品名称 -->
+            <view class="goods_name ellipsis-2 fs24">{{item.goods_name}}</view>
+            <!-- 商品价格 -->
+            <view class="money flex">
+              <!-- 办卡价 -->
+              <view class="flex xc-wc">
+                <view class="fs24">￥</view>
+                <view class="fs35">{{item.shop_price}}</view>
+              </view>
+              <!-- 原价 -->
+              <view class="price flex xc-ash">
+                <view class="fs22">￥</view>
+                <view class="fs22">{{item.market_price}}</view>
+              </view>
+
+            </view>
+
+            <!-- 办卡优惠多少 -->
+            <view class="Discount flex-center">
+              <image src="../../../images/Member.png"></image>
+              <view class="province">黑卡省11.9元</view>
+            </view>
+
+          </view>
+
+ 
+
+
+        </view>
+        
+      </view>
+      <view class="nothing flex-center" wx:if="{{ismore!=0}}">
+          <view class="Foil"></view>
+          <view class="no_content fs24">没有更多内容了</view>
+          <view class="Foil"></view>
+      </view>
+      </view>
+        </view>
+        
+      </view>
 <!--是否是自定义-->
 <view class="container" wx:if="{{isTemplate}}" style="background-color:{{bgcolor_t}}">
     <block wx:for="{{template_arr}}" wx:key="{{index}}" >
diff --git a/pages/index/index/index.wxss b/pages/index/index/index.wxss
index 879cab3..570c8ed 100644
--- a/pages/index/index/index.wxss
+++ b/pages/index/index/index.wxss
@@ -1,13 +1,17 @@
 .search-box {
+
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 88rpx;
     z-index: 10;
-    background: linear-gradient(rgba(0,0,0,.2),rgba(255,255,255,0));
+    /* background: linear-gradient(rgba(0,0,0,.2),rgba(255,255,255,0)); */
+}
+.classify-img{
+  width: 50rpx;
+  height: 45rpx
 }
-
 .logo {
     width: 48rpx;
     height: 48rpx;
@@ -19,19 +23,23 @@
 .search-inner {
     display: flex;
     align-items: center;
-    margin: 15rpx 30rpx;
-    width: 675rpx;
+    margin: 20rpx 25rpx;
+    width: 566rpx;
     height: 58rpx;
     border-radius: 29rpx;
     background-color: #fff;
+    justify-content: center;
 }
 
 .search-img {
-    margin-right: 12rpx;
+ 
     width: 30rpx;
     height: 30rpx;
-    margin-top: -6rpx;
-    margin-left: 20rpx;
+   margin-left: 36rpx;
+display: flex;
+align-items: center;
+position: absolute
+
 }
 
 .search-cont {
@@ -44,7 +52,7 @@
 }
 
 .search-fixed {
-    background: rgba(242,48,48,0.8);
+    background: #ff7295;
 }
 
 .swiper_box {
@@ -55,8 +63,12 @@
     width: 100%;
     height: 380rpx;
 }
+.s_proms{
+    width: 100%;
+    height:590rpx;
+}
 
-swiper-item image {
+.slide-image{
     width: 100%;
     height: 380rpx;
     display: inline-block;
@@ -103,6 +115,12 @@ swiper-item image {
     width: 100%;
     height: 368rpx;
 }
+.title-img{
+  margin-top: 150rpx;
+
+  margin-bottom: 15rpx;
+
+}
 
 .choice_box .choice_list .title {
     height: 36rpx;
@@ -221,34 +239,36 @@ swiper-item image {
 }
 
 .seckill-list {
-    height: 360rpx;
+   
     overflow: hidden;
 }
 
-.seckill-list navigator {
+/* .seckill-list navigator {
     width: 236rpx; margin-right: 10rpx; position: relative;
-}
+} */
+
 
-.seckill-list image {
-    width: 236rpx;
-    height: 236rpx;
-}
 
 .seckill-list view {
     height: 45rpx;
     padding: 0 10rpx;
-    line-height: 45rpx;
+    line-height: 25rpx;
     overflow: hidden;
     font-size: 30rpx;
 }
 
 .seckill-list view.imgview{
-    width: 236rpx;
-    height: 236rpx;
+    width: 203rpx;
+    height: 226rpx;
     position: relative;
     overflow: hidden
 }
-
+.imgview image{
+  width: 203rpx;
+  height: 203rpx;
+  border-radius: 10rpx;
+  
+}
 .seckill-list view.djs_view{
     background:rgba(9,9,9,0.5);color: #fff; font-size: 20rpx;
     width: 216rpx;  height: 36rpx; line-height: 36rpx;
@@ -292,5 +312,377 @@ swiper-item image {
   bottom: 30rpx; right: 10rpx; z-index: 5; border-radius: 5rpx;padding: 0;
 }
 
-.arrow-right{width: 30rpx; height: 30rpx;}
+.arrow-right{width: 24rpx; height: 24rpx;}
 .pd-view{height: 80rpx;}
+.xc-top-img{
+width: 100%;
+top: -1rpx;
+
+height: 315rpx;
+
+}
+
+.classify-frame{
+line-height: 25rpx;
+}
+.slide-image-frame{
+  width: 95%;
+margin: auto;
+
+}
+.xc-hook{
+  width: 30rpx;
+  height: 30rpx;
+  transform: rotate(-145deg);
+line-height: 35rpx;
+text-align: center;
+
+}
+.margin-left{
+margin-left: 10rpx;
+}
+.xc-class-img{
+ width: 83rpx;
+ height: 83rpx;
+}
+.xc-class-frame{
+  line-height: 40rpx;
+  margin-top: 40rpx;
+
+}
+.xc-title-img{
+  height: 220rpx;
+  width: 100%;
+}
+
+.title-img-frame{
+  width: 95%;
+margin: auto;
+margin-top: 30rpx;
+
+}
+.seckill-list{
+  line-height: 30rpx;
+}
+.seckill-lists{
+  line-height: 30rpx;
+}
+
+.xc-marfin-right{
+margin-right: 15rpx;
+}
+.classname .clock-img{
+  width:36rpx;
+  height: 36rpx;
+  margin-right: 10rpx;
+}
+.classname .seckill-ttitle-img{
+  width:150rpx;
+  height: 40rpx;
+
+
+ 
+}
+.split-line{
+  width:100%;height:10rpx;background:#eee;
+}
+.mar-top10{
+margin-top: 10rpx;
+}
+.classname .user-img{
+width: 30rpx;
+height:30rpx;
+margin-left:20rpx;
+}
+.user-frame{
+ width:220rpx;
+ border-left: 5rpx solid #eee;
+ height: 35rpx;
+ line-height: 35rpx;
+ margin-left: 10rpx;
+
+}
+.user-name{
+  width: 66rpx
+}
+
+
+/* 团购列表 */
+
+.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;
+    
+
+}
+.kill-pic {
+    width: 215rpx;
+    height: 215rpx;
+    position: relative;
+}
+.teamheight{
+height: 289rpx;
+border-bottom:6rpx solid #eee;
+
+}
+
+
+.kill-cont {
+   width: 440rpx;
+    height: 215rpx;
+    margin-left: 16rpx;
+}
+.goods-name {
+   max-height: 60rpx;
+    font-size: 24rpx;
+    color: #555;
+   line-height: 55rpx;
+
+}
+
+.xc-team-img{
+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;
+  }
+  .xc-people-val-frame{
+  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;
+}
+.people-img{
+  width:20rpx;height:20rpx
+}
+.goods-num {
+ height: 50rpx;
+    display: flex;
+    justify-content: space-between;
+margin-top: 10rpx;
+    font-size: 24rpx;
+    color: #999;
+    
+}
+.xc-top15{
+  padding-top: 15rpx;
+  margin-top: 4rpx;
+}
+.underline {
+    text-decoration: line-through; color:#999999; font-size: 20rpx; margin-left: 5rpx;
+}
+.navigator.navwidth{
+  width: 100%；
+}
+.view.left{
+ padding: 0 5rpx;
+
+}
+
+
+
+/* 热门好物 */
+
+.title .China {
+  width: 100%;
+  margin-top: 50rpx;
+  margin-bottom: 10rpx;
+  line-height: 0rpx;
+}
+
+.title .China .line view {
+  width: 2rpx;
+}
+
+.title .China .line {
+  height: 40rpx;
+  color: rgb(51,51, 51);
+}
+
+.title .China .line .one {
+  height: 23rpx;
+  background-color: #000;
+  margin-left: 5rpx;
+}
+
+.title .China .line .two {
+  height: 15rpx;
+  background-color: #000;
+  margin-left: 5rpx;
+}
+
+.title .China .line .three {
+  height: 18rpx;
+  background-color: #000;
+  margin-left: 5rpx;
+}
+
+.title .China .Recommend {
+  margin: 0rpx 20rpx;
+  font-size: 28rpx;
+  line-height: 39rpx;
+  font-weight: bold;
+}
+
+.title .english .silk {
+  width: 214rpx;
+  height: 2rpx;
+  background-color: #000;
+}
+
+.title .english .esh {
+  margin: 0rpx 15rpx;
+}
+
+.collects {
+  margin-top: 40rpx;
+}
+
+.hang {
+  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;
+}
+
+.collect .bottom {
+  padding: 0rpx 20rpx;
+}
+
+.collect .sp {
+  width: 100%;
+  height: 326rpx;
+}
+
+.collect .money {
+  margin-top: 60rpx;
+  margin-bottom: 18rpx;
+  line-height: 28rpx;
+  align-items: baseline;
+}
+.collect .money view{
+  line-height: 28rpx;
+}
+.collect .money .flex {
+    font-weight: bold;
+}
+.collect .money .flex .fs24{
+  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);
+}
+
+.collect .Discount image {
+  height: 18rpx;
+  width: 18rpx;
+  line-height: 28rpx;
+  margin-right: 3rpx;
+}
+
+.collect.ml20 {
+  margin-left: 13rpx;
+}
+
+.fs24.dollar {
+  padding: 0rpx;
+}
+
+.money .price {
+  margin-left: 12rpx;
+  text-decoration: line-through;
+  line-height: 23rpx;
+}
+
+.province {
+  line-height: 26rpx;
+}
+
+.nothing {
+  height: 75rpx;
+  width: 100%;
+}
+
+.nothing .no_content {
+  margin: 0rpx 11rpx;
+  color: rgb(138, 138, 138);
+}
+
+.nothing .Foil {
+  width: 80rpx;
+  height: 2rpx;
+  background-color: rgb(138, 138, 138);
+}
+.goods_name{
+  height: 70rpx;
+  margin-top: 6rpx;
+}
+.seckill-list view.translation{
+  width:108rpx;height:20rpx; border-radius: 20rpx;background:#e0e0e0;margin: auto;line-height: 20rpx;
+}
+.seckill-list view.spot{
+  width:10rpx;
+  height:10rpx;
+  padding: 0rpx;
+
+}
+
+.spot{
+  width:10rpx;
+  height:10rpx;
+  padding: 0rpx;
+
+}
+.translation{
+  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:#e0e0e0;line-height: 20rpx;
+ bottom: 45rpx;
+left: 43%;
+}
+.translations{
+  width:108rpx;height:20rpx; border-radius: 20rpx;background:#e0e0e0;line-height: 20rpx;
+ bottom: 25rpx;
+left: 43%;
+}
\ No newline at end of file
--
libgit2 0.21.4