.sleft dl dd a{
?? ??? ??? ?display:block;
?? ??? ??? ?float:left;
?? ??? ??? ?border-left:1px solid #ccc;
?? ??? ??? ?color:#737373;
?? ??? ??? ?font-size:12px;
?? ??? ??? ?padding:0 8px;
?? ??? ??? ?height:14px;
?? ??? ??? ?line-height:14px;
?? ??? ??? ?margin:4px 0;
?? ??? ?}
?? ??? ?.sright dl dd{
?? ??? ??? ?margin:3px 0;
?? ??? ?}
?? ??? ?.sright dl dd a{
?? ??? ??? ?color:#ccc;
?? ??? ??? ?font-size:9px;
?? ??? ??? ?height:16px;
?? ??? ??? ?line-height:16px;
?? ??? ?}
?? ??? ?.sright dl dd a img{
?? ??? ??? ?width:200px;
?? ??? ??? ?height:100px;
?? ??? ?}
?? ??? ?.sright dl dd a:hover{
?? ??? ??? ?color:#ccc;
?? ??? ??? ?font-weight:normal;
?? ??? ?}

<div class="sright">
?? ??? ??? ??? ??? ??? ?<dl>
?? ??? ??? ??? ??? ??? ??? ?<dd>
?? ??? ??? ??? ??? ??? ??? ??? ?<a href="#">
?? ??? ??? ??? ??? ??? ??? ??? ??? ?<img src="../img/DD.ico" width="200" height="200" title="點名"/>
?? ??? ??? ??? ??? ??? ??? ??? ?</a>
?? ??? ??? ??? ??? ??? ??? ?</dd>
?? ??? ??? ??? ??? ??? ??? ?<dd>
?? ??? ??? ??? ??? ??? ??? ??? ?<a href="#">
?? ??? ??? ??? ??? ??? ??? ??? ??? ?<img src="../img/GM.ico" width="200" height="200" title="國美"/>
?? ??? ??? ??? ??? ??? ??? ??? ?</a>
?? ??? ??? ??? ??? ??? ??? ?</dd>
?? ??? ??? ??? ??? ??? ?</dl>
?? ??? ??? ??? ??? ??? ?<dl>
?? ??? ??? ??? ??? ??? ??? ?<dt>推薦品牌</dt>
?? ??? ??? ??? ??? ??? ??? ?<dd>
?? ??? ??? ??? ??? ??? ??? ??? ?<a href="#">美的官方旗艦店</a>
?? ??? ??? ??? ??? ??? ??? ?</dd>
?? ??? ??? ??? ??? ??? ??? ?<dd>
?? ??? ??? ??? ??? ??? ??? ??? ?<a href="#">小熊官方旗艦店</a>
?? ??? ??? ??? ??? ??? ??? ?</dd>
?? ??? ??? ??? ??? ??? ??? ?<dd>
?? ??? ??? ??? ??? ??? ??? ??? ?<a href="#">本草官方旗艦店</a>
?? ??? ??? ??? ??? ??? ??? ?</dd>
?? ??? ??? ??? ??? ??? ?</dl>