.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>