lovecoding
/
VIP20


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156
							<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <link rel="stylesheet" href="css/reset.css">
  <link rel="stylesheet" href="css/index.css">
  <link rel="stylesheet" href="font/iconfont.css">
  <script src="rem.js"></script>
</head>
<body>
  <div id="header">
    <div class="position">
      <span class="iconfont icon-weizhi"></span>
      上海市
      <span class="iconfont icon-xiangxiajiantou"></span>
    </div>
    <div class="search">
      <input type="text" placeholder="搜索商家或者商家名称">
    </div>
  </div>
  <div class="slide">
    <img src="images/img01.png" alt="">
  </div>
  <div>
    <div class="cate-title">
      <span>千库网上海分店</span>
    </div>
    <ul class="list-box">
      <li class="list">
        <img src="images/icon01.png" alt="">
        <p>食品食材</p>
      </li>
      <li class="list">
        <img src="images/icon01.png" alt="">
        <p>食品食材</p>
      </li>
      <li class="list">
        <img src="images/icon01.png" alt="">
        <p>食品食材</p>
      </li>
      <li class="list">
        <img src="images/icon01.png" alt="">
        <p>食品食材</p>
      </li>
      <li class="list">
        <img src="images/icon01.png" alt="">
        <p>食品食材</p>
      </li>
      <li class="list">
        <img src="images/icon01.png" alt="">
        <p>食品食材</p>
      </li>
      <li class="list">
        <img src="images/icon01.png" alt="">
        <p>食品食材</p>
      </li>
      <li class="list">
        <img src="images/icon01.png" alt="">
        <p>食品食材</p>
      </li>
      <li class="list">
        <img src="images/icon01.png" alt="">
        <p>食品食材</p>
      </li>
      <li class="list">
        <img src="images/icon01.png" alt="">
        <p>食品食材</p>
      </li>
    </ul>
  </div>
  <div class="hot-wrapper">
    <div class="hot-title">全场都两折</div>
    <div class="hot-content">
      <ul class="hot-list-box">
        <li class="hot-list">
          <img src="images/img02.png" alt="">
          <div class="hot-info">
            手剥橙子生鲜薄皮
          </div>
          <div class="hot-bottom-box">
            <div class="price-box">
              <div>￥34</div>
              <div>￥88</div>
            </div>
            <div>车</div>
          </div>
        </li>
        <li class="hot-list">
          <img src="images/img02.png" alt="">
          <div class="hot-info">
            手剥橙子生鲜薄皮
          </div>
          <div class="hot-bottom-box">
            <div class="price-box">
              <div>￥34</div>
              <div>￥88</div>
            </div>
            <div>车</div>
          </div>
        </li>
        <li class="hot-list">
          <img src="images/img02.png" alt="">
          <div class="hot-info">
            手剥橙子生鲜薄皮
          </div>
          <div class="hot-bottom-box">
            <div class="price-box">
              <div>￥34</div>
              <div>￥88</div>
            </div>
            <div>车</div>
          </div>
        </li>

      </ul>
    </div>
  </div>
  <div class="pro-list">
    <ul>
      <li class="pro-wrapper">
        <img src="images/img03.jpg" alt="">
      </li>
      <li class="pro-wrapper">
        <img src="images/img03.jpg" alt="">
      </li>
      <li class="pro-wrapper">
        <img src="images/img03.jpg" alt="">
      </li>
    </ul>
    <ul>
      <li class="pro-wrapper">
        <img src="images/img04.jpg" alt="">
      </li>
      <li class="pro-wrapper">
        <img src="images/img04.jpg" alt="">
      </li>
      <li class="pro-wrapper">
        <img src="images/img04.jpg" alt="">
      </li>
      <li class="pro-wrapper">
        <img src="images/img04.jpg" alt="">
      </li>
    </ul>
  </div>
  <ul class="footer">
    <li>首页</li>
    <li>分类</li>
    <li>发现</li>
    <li>购物车</li>
    <li>我的</li>
  </ul>
</body>
</html>