*{

? ? margin:0;

? ? padding:0;

}

.topList{

? ? width:300px;

? ? height:180px;

? ? border:1px solid #E8E8E8;

? ? margin:30px auto;

}

.topList ul{

? ? padding:5px;

}

.topList li{

? ? list-style-type:none;

? ? height:16px;

? ? line-height:16px;

? ? margin:10px 0;

}

.topList a:link,.topList a:visited{

? ? text-decoration:none;

? ? font-size:12px;

? ? color:#000;

}

.topList a:hover,.topList a:active{

? ? text-decoration:none;

? ? color:#C80;

}

.topList em{

? ? display:block;

? ? width:20px;

? ? height:16px;

? ? text-align:center;

? ? font-style:normal;

? ? color:#333;

? ? background:url(http://img1.sycdn.imooc.com//53cf0fa20001d3dc00200032.jpg) no-repeat bottom;

? ? float:left;

}

.top em{

? ? background:url(http://img1.sycdn.imooc.com//53cf0fa20001d3dc00200032.jpg) no-repeat top;

? ??

}