商城列表页

<!-- header -->
	<header>
		<div class="container" id="top">
			<div class="header-l">
				<ul>
					<li>小米商城</li>
					<span>丨</span>
					<li>MIUI</li>
					<span>丨</span>
					<li>IoT</li>
					<span>丨</span>
					<li>云服务</li>
					<span>丨</span>
					<li>金融</li>
					<span>丨</span>
					<li>有品</li>
					<span>丨</span>
					<li>小爱开放平台</li>
					<span>丨</span>
					<li>企业团购</li>
					<span>丨</span>
					<li>资质证照</li>
					<span>丨</span>
					<li>协议规则</li>
					<span>丨</span>
					<li class="li-app">
						下载app
						<div class="app">
							<div class="img">
								<img
									src="../images/APP.png"
									alt=""
									width="90"
								/>
							</div>
							小米商城APP
						</div>
					</li>
					<span>丨</span>
					<li>Select Location</li>
				</ul>
			</div>
			<div class="header-r">
				<a href="./cart.html">
					<div class="shop fr">
						购物车(0)
						<div class="shop-h">
							购物车中还没有商品，赶紧选购吧！
						</div>
					</div>
				</a>
				<ul>
					<li><a class="username-login" href="./cart.html"></a></li>
					<span>丨</span>
					<li><a class="quit-login" href="javascript:;">退出登录</a></li>
					<span>丨</span>
					<li><a href="./register.html">注册</a></li>
					<span>丨</span>
					<li>消息通知</li>
				</ul>
			</div>
		</div>
	</header>

	<!-- nav -->
	<nav>
		<div class="container">
			<a href="./index.html">
				<div class="logo fl"></div>
			</a>

			<!-- 顶部导航栏 -->
			<a href="./list.html">
				<ul class="fl nav-top-t-t">
				</ul></a>

			<div class="search fr">
				<input type="text" />
				<button style="border-left: 0;"></button>
			</div>
		</div>
		<!-- 顶部导航栏二级菜单 -->
		<div class="J_navMenu">
			<div class="container">
				<a href="./list.html">
					<ul>
					</ul>
				</a>
			</div>
		</div>
    </nav>

    <div class="breadcrumbs">
        <div class="container">
            <a href="./index.html">首页</a>
            <span class="sep">></span>
            <span>手机</span>
        </div>
    </div>

    <div class="container">
        <div class="filter-box">
        </div>
    </div>

    <div class="content">
        <div class="container">
            <div class="order-list-box clearfix">
                <ul>
                    <li><a class="price-default"href="javascript:;">推荐</a></li>
                    <li><a class="price-up" href="javascript:;">价格<i class="iconfont icon-jiantou"></i></a></li>
                    <li><a class="price-down" href="javascript:;">价格<i class="iconfont icon-jiantou"></i></a></li>
                </ul>
            </div>

            <!-- 列表手机由js渲染 -->
            <div class="goods-list-box clearfix">
            </div>

			<!-- 分页器 -->
			<div id="page" onselectstart="return false">
			</div>

        </div>
    </div>

    <footer>
		<div class="container">
			<div class="footer-top">
				<ul>
					<li>预约维修服务</li>
					<li>7天无理由退货</li>
					<li>5天免费换货</li>
					<li>满150元包邮</li>
					<li style="border-right: 0;">520余家售后网点</li>
				</ul>
			</div>
			<div class="footer-bottom">
				<dl>
					<dt>帮助中心</dt>
					<dd>账户管理</dd>
					<dd>购物指南</dd>
					<dd>订单操作</dd>
				</dl>
				<dl>
					<dt>服务支持</dt>
					<dd>售后政策</dd>
					<dd>自助服务</dd>
					<dd>相关下载</dd>
				</dl>
				<dl>
					<dt>线下门店</dt>
					<dd>小米之家</dd>
					<dd>服务网点</dd>
					<dd>授权体验店</dd>
				</dl>
				<dl>
					<dt>关于小米</dt>
					<dd>了解小米</dd>
					<dd>加入小米</dd>
					<dd>投资者关系</dd>
				</dl>
				<dl>
					<dt>关注我们</dt>
					<dd>新浪微博</dd>
					<dd>官方微信</dd>
					<dd>联系我们</dd>
				</dl>
				<dl>
					<dt>特色服务</dt>
					<dd>F 码通道</dd>
					<dd>礼物码</dd>
					<dd>防伪查询</dd>
				</dl>
				<div class="contace fr">
					<h3>400-100-5678</h3>
					<p>周一至周日 8:00-18:00<br />（仅收市话费）</p>
					<a href="javascript:;">人工客服</a>
				</div>
			</div>
		</div>
	</footer>

	<div class="bottom">
		<div class="container">
			<div class="bottom-t">
				<div class="bottom-logo fl">
					<img src="../images/logo_03.jpg" alt="" />
				</div>
				<div class="bottom-r fr">
					<h5>
						<a href="javascript:;">小米商城</a><span>|</span>
						<a href="javascript:;">MIUI</a><span>|</span>
						<a href="javascript:;">米家</a><span>|</span>
						<a href="javascript:;">米聊</a><span>|</span>
						<a href="javascript:;">多看</a><span>|</span>
						<a href="javascript:;">游戏</a><span>|</span>
						<a href="javascript:;">路由器</a><span>|</span>
						<a href="javascript:;">米粉卡</a><span>|</span>
						<a href="javascript:;">政企服务</a><span>|</span>
						<a href="javascript:;">小米天猫店</a><span>|</span>
						<a href="javascript:;">小米集团隐私政策</a><span>|</span>
						<a href="javascript:;">小米公司儿童信息保护规则</a
						><span>|</span> <a href="javascript:;">小米商城隐私政策</a
						><span>|</span> <a href="javascript:;">小米商城用户协议</a
						><span>|</span> <a href="javascript:;">问题反馈</a
						><span>|</span>
						<a href="javascript:;">Select Location</a>
					</h5>
					<p>
						© mi.com 京ICP证110507号 京ICP备10046444号
						京公网安备11010802020134号 京网文[2017]1530-131号<br />
						（京）网械平台备字（2018）第00005号
						互联网药品信息服务资格证 (京) -非经营性-2014-0090
						营业执照 医疗器械质量公告<br />
						增值电信业务许可证
						网络食品经营备案（京）【2018】WLSPJYBAHF-12
						食品经营许可证<br />
						违法和不良信息举报电话：185-0130-1238
						知识产权侵权投诉
						本网站所列数据，除特殊说明，所有数据均出自我司实验室测试
					</p>
				</div>
			</div>
			<div class="bottom-c">
				<img src="../images/v-logo-1.png" alt="" width="85" />
				<img src="../images/v-logo-3.png" alt="" />
				<img src="../images/v-logo-2.png" alt="" />
				<img src="../images/v-logo-4.png" alt="" />
				<img src="../images/v-logo-5.png" alt="" />
			</div>
			<div class="bottom-b"></div>
		</div>
	</div>