/*导航*/
.navBox{height:35px; background-color:#1369C0; color:#FFF;}
.shopClass{width:190px; position:relative;}
.shopClass h3{text-align:center; line-height:35px;}
.shopClass i{width:11px; height:7px; overflow:hidden; background:url(../images/icon/down.jpg) left center no-repeat; display:inline-block; margin-left:11px;}
.shopClass{ font-family:"MicosoftYaHei","微软雅黑";}
.nav{ font-family:"MicosoftYaHei","微软雅黑";}
.nav{ line-height:35px;}
.nav li{ float:left;}
.nav a{ height:35px; display:inline-block; padding:0 35px; color:#FFF;}
.nav .active{ background-color:#4593FD;}
/*商品弹出列表*/
.shopClass_show{ background-color:#4593FD; position:absolute;}
.shopClass_item{ padding:14px 10px; border-bottom:#3487F2 solid 1px; border-top:#5AA1FE solid 1px;}
.shopClass_item dt{ height:22px; background:url(../images/icon/cesj.jpg) right center no-repeat;}
.shopClass_item .b{ font:14px/1 "MicosoftYaHei","微软雅黑";}
.shopClass_item a{ color:#FFF;}
.shopClass_item .aLink{ width:48px; height:21px; background:url(../images/icon/seban.png) left center no-repeat; display:inline-block; text-align:center; line-height:20px; text-decoration:underline;}
<div class="navBox">
<div class="comWidth">
<div class="shopClass fl">
<h3>全部商品分类 <i></i></h3>
<div class="shopClass_show">
<dl class="shopClass_item">
<dt><a href="#" class="b">手机</a><a href="#" class="b">数码</a><a href="#" class="aLink">合约机</a></dt>
<dd><a href="#">荣耀3X</a><a href="#">单反</a><a href="#">智能设备</a></dd>
</dl>
<dl class="shopClass_item">
<dt><a href="#" class="b">手机</a><a href="#" class="b">数码</a><a href="#" class="aLink">合约机</a></dt>
<dd><a href="#">荣耀3X</a><a href="#">单反</a><a href="#">智能设备</a></dd>
</dl>
<dl class="shopClass_item">
<dt><a href="#" class="b">手机</a><a href="#" class="b">数码</a><a href="#" class="aLink">合约机</a></dt>
<dd><a href="#">荣耀3X</a><a href="#">单反</a><a href="#">智能设备</a></dd>
</dl>
<dl class="shopClass_item">
<dt><a href="#" class="b">手机</a><a href="#" class="b">数码</a><a href="#" class="aLink">合约机</a></dt>
<dd><a href="#">荣耀3X</a><a href="#">单反</a><a href="#">智能设备</a></dd>
</dl>
<dl class="shopClass_item">
<dt><a href="#" class="b">手机</a><a href="#" class="b">数码</a><a href="#" class="aLink">合约机</a></dt>
<dd><a href="#">荣耀3X</a><a href="#">单反</a><a href="#">智能设备</a></dd>
</dl>
</div>
</div>
<ul class="nav fl">
<li><a href="#" class="active">数码城</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>
</ul>
</div>
</div>
会飞的死鱼