HTML样式
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<link rel="stylesheet" href="../css/iconfont.css">
<link rel="stylesheet" href="../css/common1.css">
<link rel="stylesheet" href="../css/index1.css">
</head>
<body>
<!-- <div id="banner">
<a href="#" style="cursor:pointer;">
<img src="../img/banner.jpg" alt="加载失败的说明" title="图片的解释说明">
</a></div> -->
<a href="#" id="banner1"></a>
<div id="menu">
<div class="wrap">
<div id="left">
<span>喵,欢迎来天猫 </span>
<a href="#">请登录</a>
<a href="#">免费注册</a>
</div>
<!-- <div id="right">adasddsa</div> -->
<ul id="right">
<li>
<a href="#">我的淘宝<div class="arrow-mark"></div></a>
<ul class="list-menu">
<li><a href="#">已买到的宝贝</a></li>
<li><a href="#">已卖出的宝贝</a></li>
</ul>
</li>
<li>
<a href="#"> <i class="iconfont icon-daohang"></i>购物车</a>
</li>
<li>
<a href="#"> 收藏夹<div class="arrow-mark"></div></a>
<ul class="list-menu">
<li><a href="#">收藏的宝贝</a></li>
<li><a href="#">收藏的店铺</a></li>
</ul>
</li>
<li class="list-img">
<a href="#"><i class="iconfont icon-shouji"></i>手机版</a>
<div class="sub-qr"> <img src="../img/二维码.png" class="qr"></div>
</li>
<li>
<a href="#">淘宝网</a>
</li>
<li>
<a href="#">商家支持<div class="arrow-mark"></div></a>
</li>
<li>
<a href="#">网站导航<div class="arrow-mark"></div></a>
</li>
</ul>
</div>
</div>
<div class="search">
<div class="logio"><img src="../img/2.gif"></div>
<div class="search-box">
<div class="clear-fix">
<input type="text" class="search-txt" placeholder="搜索 天猫 商品/品牌/店铺">
<button class="search-but">搜索</button>
</div>
<ul class="search-list">
<li><a href="#">针织衫</a></li>
<li class="red"><a href="#">连衣裙</a></li>
<li><a href="#">四件套</a></li>
<li class="red"><a href="#">摄像头</a></li>
<li><a href="#">客厅灯</a></li>
<li class="red"><a href="#">口红</a></li>
<li><a href="#">手机</a></li>
<li class="red"><a href="#">运动鞋</a></li>
<li><a href="#">牛奶</a></li>
</ul>
</div>
</div>
<div class="inner-cont">
<a href="#"><img src="../img/天猫超市.png" alt=""></a>
<a href="#"><img src="../img/天猫国际.png" alt=""></a>
<a href="#">
天猫会员
</a>
<a href="#">
电器城
</a>
<a href="#">
喵鲜生
</a>
<a href="#">
医药馆
</a>
<a href="#">
营业厅
</a>
<a href="#">
魅力惠
</a>
<a href="#">
飞猪旅行
</a>
<a href="#">
苏宁易购
</a>
</div>
<div class="