*{ margin:0px; padding:0px;}
body 
{
    line-height:1.5;
    font-family:微软雅黑;
}
a{ text-decoration:none;}
ul,li{ list-style:none; }
a {
    color: #666;
    text-decoration: none;
}

#firstpane { width:220px;  }
#firstpane .selected{color:#3477c8;font-weight:bold}
#firstpane li span{cursor:pointer;line-height:35px;height:35px;background:#eee;display:block;position:absolute;right:0px;top:2px;color:#3477c8;width:40px;text-align:center;font-size:20px;font-weight:bold}
#firstpane li span:hover{background:#3477c8;color:#fff}
#firstpane{margin:20px;padding:0px;width:220px;overflow:hidden; }
#firstpane > li{float:left;width:100%;position:relative;}
#firstpane > li:hover{}
#firstpane > li > a{display:block;text-indent:15px;width:100%;border-bottom: 1px solid #eee;overflow:hidden;background: url(li.png) no-repeat left 16px;    line-height: 40px;    font-size: 14px;}
#firstpane > li > a:hover{}
/*小类*/
#firstpane > li > ul{float:left;padding:0px;margin:0px;display:none;width:100%;}
#firstpane > li > ul > li{float:left;width:100%;position:relative;}
#firstpane > li > ul > li:hover{}
#firstpane > li > ul > li > a{display:block;text-indent:30px;border-bottom: 1px solid #eee;background: url(li.png) no-repeat 18px 16px; line-height: 40px;    font-size: 14px;}
#firstpane > li > ul > li > a:hover{}
/*小类*/
#firstpane > li > ul > li > ul{width:100%; display:none;}
#firstpane > li > ul > li > ul > li{float:left;width:100%;position:relative;}
#firstpane > li > ul > li > ul > li:hover{}
#firstpane > li > ul > li > ul > li > a{display:block;text-indent:50px;border-bottom: 1px solid #eee;background: url(li.png) no-repeat 38px 16px; line-height: 40px;    font-size: 14px;}
#firstpane > li > ul > li > ul > li > a:hover{}