有没有哪位大神帮我看看哪里有错，检查了好久
<!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>
<style type="text/css">
body{
padding: 0;
font-size: 10pt;
behavior: url(css/csshover.htc);
}
.topm{
display: block;
width: 220px;
border: 2px solid #e0281f;
margin: 0;
padding: 0;
}
.toptitle{
height: 40px;
line-height: 40px;
text-align: left;
font-size: 14px;
font-weight: bold;
color:white;
background: #e0281f;
padding-left: 20px;
}
.topm li{
height: 30px;
line-height: 30px;
font-size: 14px;
list-style-type: none;
text-align: left;
padding-left: 10px;
z-index: 3;
background-image: url(1.png);
background-repeat: no-repeat;
background-position: right;
}
.topm li a{
text-decoration: none;
color: #313131;
}
.topm li a:hover{
text-decoration: underline;
font-weight: bold;
color: #e0281f;
}
.topm.lihover{
border: 2px solid #DDD;
border-right: 0;
box-shadow: 0 0 10px #DDD;
-moz-box-shadow:0 0 10px #DDD;
-webkit-box-shadow:0 0 10px #DDD;
background-image: none;
}
.topm.lihover.twom{
display: block;
}
.topm.lihover span{
background: white;
display: inline-block;
width: 10px;
float: right;
position: relative;
height: 30px;
z-index: 10;
}
.twom{
display: none;
width: 850px;
left: 225px;
top: 50px;
background: white;
position:absolute;
border: 2px solid #DDD;
box-shadow: 0 0 10px #DDD;
-moz-box-shadow:0 0 10px #DDD;
-webkit-box-shadow:0 0 10px #DDD;
z-index: 4;
}
.leftdiv{
float: left;
width: 500px;
margin: 5px;
}
.rightdiv{
float: left;
width: 200px;
margin:0 30px;
}
.leftdiv dl{
display: block;
border-bottom: 1px solid #9d9d9d;
padding-bottom: 3px;
overflow: hidden;
}
.leftdiv dl dt{
display: block;
width: 60px;
float: left;
text-align: right;
height: 30px;
line-height: 30px;
padding-right: 10px;
}
.leftdiv dl dt a{
color: #e0281f;
font-weight: bold;
text-decoration: underline;
font-size: 13px;
}
.leftdiv dl dd{
display: block;
overflow: hidden;
}
.leftdiv dl dd a{
display: block;
float: left;
border-left: 1px solid #9d9d9d;
color: #9d9d9d;
font-size: 12px;
padding:0 5px;
height: 20px;
line-height: 20px;
margin:5px 0;
}
.leftdiv dl dd a:hover{
font-weight: normal;
}
.rightdiv dl dt{
color: #e0281f;
font-weight: bold;
font-size: 13px;
}
.rightdiv dl dd a{
font-size: 12px;
color: #9d9d9d;
height: 20px;
line-height: 20px;
}
.rightdiv dl dd a:hover{
color: #9d9d9d;
font-weight:normal;
}
</style>
</head>
<body>
<script type="text/javascript">
window.onload=function(){
var Lis=document.getElementsByTagName("li");
for(i=0;i<Lis.length;i++){
Lis[i].onmouseover=function(){
this.className="lihover";
}
Lis[i].onmouseout=function(){
this.className="";
}
}
}
</script>
<ul class="topm">
<div class="toptitle">全部商品分类</div>
<li><a href="#">家用电器</a><span></span>
<div class="twom">
<div class="leftdiv">
<dl>
<dt><a href="#">电视</a></dt>
<dd><a href="#">超薄电视</a> <a href="#">全面屏电视</a>
<a href="#">智能电视</a> <a href="#">OLED电视</a>
<a href="#">4K超清电视</a></dd>
</dl>
<dl>
<dt><a href="#">空调</a></dt>
<dd><a href="#">空调挂机</a> <a href="#">空调柜机</a>
<a href="#">中央空调</a> <a href="#">变频空调</a>
<a href="#">一级能效空调</a></dd>
</dl>
<dl>
<dt><a href="#">洗衣机</a></dt>
<dd><a href="#">滚筒洗衣机</a> <a href="#">洗烘一体机</a>
<a href="#">波轮洗衣机</a> <a href="#">迷你洗衣机</a>
<a href="#">洗衣机配件</a></dd>
</dl>
<dl>
<dt><a href="#">冰箱</a></dt>
<dd><a href="#">多门</a> <a href="#">多开门</a>
<a href="#">三门</a> <a href="#">双门</a>
<a href="#">冷柜</a></dd>
</dl>
<dl>
<dt><a href="#">厨具</a></dt>
<dd><a href="#">油烟机</a> <a href="#">燃气灶</a>
<a href="#">消毒柜</a> <a href="#">洗碗机</a>
<a href="#">集成灶</a></dd>
</dl>
</div>
<div class="rightdiv">
<dl>
<dd><a href="https://pro.jd.com/mall/active/3Fv5vcMoGn61RiS3yroNnvK1uggJ/index.html" target="_blank">
<img src="2.png" width="150" height="50"></a></dd>
<dd><a href="https://pro.jd.com/mall/active/27ZsJ9PUuxEmFoyqZZwMBgY7H1sx/index.html" target="_blank">
<img src="3.png" width="150" height="50"></a></dd>
</dl>
<dl>
<dt>推荐品牌</dt>
<dd><a href="#">美的官方旗舰店</a></dd>
<dd><a href="#">海尔官方旗舰店</a></dd>
<dd><a href="#">乐视官方旗舰店</a></dd>
<dd><a href="#">格力官方旗舰店</a></dd>
</dl>
</div>
</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="#">护肤、化妆品</a></li>
<li><a href="#">护肤、化妆品</a> </li>
<li><a href="#">护肤、化妆品</a></li>
</ul>
</body>
</html>
