<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body>
<div class="user-tp-header">
<div class="user-tp-header-top w990">
<h1><a href=""><img src="http://img10.360buyimg.com/imgzone/g12/M00/06/04/rBEQYVGTG0kIAAAAAAAo91d9sqkAABM0wPSEYIAACkP249.png" alt=""></a></h1>
<ul class="user-tp-ensure-icon">
<li class="ensure1">正品保证</li>
<li class="ensure2">7天退换</li>
<li class="ensure3">闪电发货</li>
</ul>
</div>
<div class="user-tp-header-nav-wr">
<div class="user-tp-header-nav w990">
<ul>
<li class="user-home">
<a href="http://mall.jd.com/index-15037.html" title="首页"><span></span>首页</a>
</li>
<li>
<a href="http://mall.jd.com/view_search-53194-56200-1-0-20-1.html" title="羽毛球拍">羽毛球拍</a>
</li>
<li>
<a href="http://mall.jd.com/view_search-53194-78161-1-0-20-1.html" title="运动鞋">运动鞋</a>
</li>
<li>
<a href="http://mall.jd.com/view_search-53194-78161-1-0-20-1.html" title="运动服">运动服</a>
</li>
<li>
<a href="http://mall.jd.com/view_search-53194-80672-1-0-20-1.html" title="网球拍">网球拍</a>
</li>
<li>
<a href="http://mall.jd.com/view_search-53194-99545-1-0-20-1.html" title="运动护具">运动护具</a>
</li>
<li>
<a href="http://mall.jd.com/view_search-53194-0-5-1-24-1.html" title="热卖推荐">热卖推荐</a>
</li>
<li>
<a href="http://mall.jd.com/view_search-53194-0-1-1-24-1.html" title="新品上市">新品上市</a>
</li>
</ul>
</div>
</div>
</div>
</body>
</html>
ul, li {
ul, li {
margin: 0;
padding: 0;
list-style: none;
}
.user-tp-header {
width: 100%;
height: 140px;
overflow: hidden;
background-color: #f7f7f9;
}
.w990 {
width: 990px;
margin: 0 auto;
}
.user-tp-header-top {
height: 100px;
overflow: hidden;
background-color: #f7f7f9;
}
.user-tp-header-top h1 {
float: left;
width: 388px;
height: 62px;
margin: 18px 0 0 15px;
}
.user-tp-ensure-icon {
float: right;
/* margin: 0 40px 0 0; */
}
.user-tp-ensure-icon li {
float: left;
width: 60px;
height: 60px;
margin: 18px 50px 0 0;
overflow: hidden;
background: url(http://img10.360buyimg.com/imgzone/g12/M00/06/04/rBEQYVGTG0kIAAAAAAAsV577lJUAABM0wPe-iYAACxv450.png) no-repeat 0 0;
text-indent: -999em;
}
.user-tp-ensure-icon .ensure2 {
background-position: -60px 0;
}
.user-tp-ensure-icon .ensure3 {
background-position: -120px 0;
}
.user-tp-header-nav-wr {
/* height: 40px; */
background-color: #1e1e21;
}
.user-tp-header-nav {
overflow: hidden;
/* heigt: 36px; */
background-color: #1e1e21;
}
.user-tp-header-nav li {
float: left;
/* width: 100px; */
/* line-height: 36px; */
/* padding: 16px 15px; */
}
.user-tp-header-nav .user-home span {
float: left;
display: block;
width: 16px;
height: 15px;
margin: 0 10px 0 0;
background: url(http://perfectum.ecommerce-any-themes.com/themes/perfectum/img/home-icon.png) no-repeat 0 0;
}
.user-tp-header-nav a {
display: block;
/* width: 100%; */
/* height: 36px; */
padding: 10px 30px;
border-top: 4px solid #1e1e21;
color: #fff;
font-size: 14px;
text-align: center;
text-decoration: none;
transition: all 0.4s ease;
transition: all 0.4s ease;
transition: all 0.4s ease;
transition: all 0.4s ease;
transition: all 0.4s ease;
}
.user-tp-header-nav a:hover {
color: #000;
border-top-color: #f2532f;
background-color: #fff;
}