<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>小米首页</title>
<link rel="stylesheet" type="text/css" href="css/base.css">
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="stylesheet" type="text/css" href="css/media_index.css">
<link rel="stylesheet" type="text/css" href="css/mod.css">
</head>
<body>
<section>
<!--顶部菜单开始-->
<nav id="nav" class="site-topbar">
<div class="wraper">
<ul class="nav-left">
<li><a href="#">小米商城</a></li>
<li><a href="#">MUI</a></li>
<li><a href="#">米聊</a></li>
<li><a href="#">游戏</a></li>
<li><a href="#">多看阅读</a></li>
<li><a href="#">云服务</a></li>
<li><a href="#">小米移动版</a></li>
<li><a href="#">问题反馈</a></li>
<li><a href="#">Select Region</a></li>
</ul>
<ul class="nav-right">
<li><a href="#">登录</a></li>
<li><a href="登录">注册</a></li>
<li class="buyCar">
<a class="i_car" href="登录">购物车(0)</a>
<div class="content"></div>
</li>
</ul>
</div>
</nav>
<!--顶部菜单结束-->
<!--头部开始-->
<header id="header" class="site-header">
<div class="wraper">
<hgroup class="header-left">
<h1>小米</h1>
<h2></h2>
</hgroup>
<ul class="header-middle header-menu">
<li>
<a href="#">小米手机</a>
<div class="content">
<ul class="goods-list">
<li class="item">
<div class="prod-img">
<img src="./images/index_drop_prod1.jpg">
</div>
<p class="name">小米Max</p>
<span class="price">1299元起</span>
</li>
<li class="item">
<div class="prod-img">
<img src="./images/index_drop_prod1.jpg">
</div>
<p class="name">小米Max</p>
<span class="price">1299元起</span>
</li>
<li class="item">
<div class="prod-img">
<img src="./images/index_drop_prod1.jpg">
</div>
<p class="name">小米Max</p>
<span class="price">1299元起</span>
</li>
<li class="item">
<div class="prod-img">
<img src="./images/index_drop_prod1.jpg">
</div>
<p class="name">小米Max</p>
<span class="price">1299元起</span>
</li>
</ul>
</div>
</li>
<li>
<a href="#">红米</a>
<div class="content">
<ul class="goods-list">
<li class="item">
<div class="prod-img">
<img src="./images/index_drop_red1.jpg">
</div>
<p class="name">红米Note 3</p>
<span class="price">899元起</span>
</li>
<li class="item">
<div class="prod-img">
<img src="./images/index_drop_red1.jpg">
</div>
<p class="name">红米Note 3</p>
<span class="price">899元起</span>
</li>
<li class="item">
<div class="prod-img">
<img src="./images/index_drop_red1.jpg">
</div>
<p class="name">红米Note 3</p>
<span class="price">899元起</span>
</li>
<li class="item">
<div class="prod-img">
<img src="./images/index_drop_red1.jpg">
</div>
<p class="name">红米Note 3</p>
<span class="price">899元起</span>
</li>
<li class="item">
<div class="prod-img">
<img src="./images/index_drop_red1.jpg">
</div>
<p class="name">红米Note 3</p>
<span class="price">899元起</span>
</li>
</ul>
</div>
</li>
<li>
<a href="#">平板 笔记本</a>
<div class="content">
<ul class="goods-list">
<li class="item">
<div class="prod-img">
<img src="./images/index_drop_pad1.jpg">
</div>
<p class="name">小米平板2 64GB</p>
<span class="price">1299元</span>
</li>
<li class="item">
<div class="prod-img">
<img src="./images/index_drop_pad1.jpg">
</div>
<p class="name">小米平板2 64GB</p>
<span class="price">1299元</span>
</li>
<li class="item">
<div class="prod-img">
<img src="./images/index_drop_pad1.jpg">
</div>
<p class="name">小米平板2 64GB</p>
<span class="price">1299元</span>
</li>
<li class="item">
<div class="prod-img">
<img src="./images/index_drop_pad1.jpg">
</div>
<p class="name">小米平板2 64GB</p>
<span class="price">1299元</span>
</li>
<li class="item">
<div class="prod-img">
<img src="./images/index_drop_pad1.jpg">
</div>
<p class="name">小米平板2 64GB</p>
<span class="price">1299元</span>
</li>
</ul>
</div>
</li>
<li>
<a href="#">电视</a>
<div class="content">
<ul class="goods-list">
<li class="item">
<div class="prod-img">
<img src="./images/index_drop_tv1.jpg">
</div>
<p class="name">小米电视3S 48英寸</p>
<span class="price">1999元</span>
</li>
<li class="item">
<div class="prod-img">
<img src="./images/index_drop_tv1.jpg">
</div>
<p class="name">小米电视3S 48英寸</p>
<span class="price">1999元</span>
</li>
<li class="item">
<div class="prod-img">
<img src="./images/index_drop_tv1.jpg">
</div>
<p class="name">小米电视3S 48英寸</p>
<span class="price">1999元</span>
</li>
<li class="item">
<div class="prod-img">
<img src="./images/index_drop_tv1.jpg">
</div>
<p class="name">小米电视3S 48英寸</p>
<span class="price">1999元</span>
</li>
<li class="item">
<div class="prod-img">
<img src="./images/index_drop_tv1.jpg">
</div>
<p class="name">小米电视3S 48英寸</p>
<span class="price">1999元</span>
</li>
</ul>
</div>
</li>
<li>
<a href="#">盒子 影音</a>
<div class="content">
<ul class="goods-list">
<li class="item">
<div class="prod-img">
<img src="./images/index_drop_box1.jpg">
</div>
<p class="name">小米盒子3</p>
<span class="price">249元</span>
</li>
<li class="item">
<div class="prod-img">
<img src="./images/index_drop_box1.jpg">
</div>
<p class="name">小米盒子3</p>
<span class="price">249元</span>
</li>
<li class="item">
<div class="prod-img">
<img src="./images/index_drop_box1.jpg">
</div>
<p class="name">小米盒子3</p>
<span class="price">249元</span>
</li>
<li class="item">
<div class="prod-img">
<img src="./images/index_drop_box1.jpg">
</div>
<p class="name">小米盒子3</p>
<span class="price">249元</span>
</li>
<li class="item">
<div class="prod-img">
<img src="./images/index_drop_box1.jpg">
</div>
<p class="name">小米盒子3</p>
<span class="price">249元</span>
</li>
</ul>
</div>
</li>
<li>
<a href="#">路由器</a>
<div class="content">
<ul class="goods-list">
<li class="item">
<div class="prod-img">
<img src="./images/index_drop_router1.jpg">
</div>
<p class="name">小米路由器 3</p>
<span class="price">149元</span>
</li>
<li class="item">
<div class="prod-img">
<img src="./images/index_drop_router1.jp