{extend name="public/base" /}
{block name="style"}
<link rel="stylesheet" href="__CSS__/topic_laptop/header.css">
<link rel="stylesheet" href="__CSS__/topic_laptop/footer.css">
<link rel="stylesheet" href="__CSS__/topic_ssd/index.css">
<script type="text/javascript">
    (function (doc, win)
    {
        var docEl = doc.documentElement;
        var resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize';
        var designWidth = 2560;
        var designRemPx = 100;
        function setRootFontSize ()
        {
            var clientWidth = docEl.clientWidth;
            if (!clientWidth) return;
            var fontSize = (clientWidth / designWidth) * designRemPx;
            fontSize = Math.max(fontSize, 20);
            fontSize = Math.min(fontSize, designRemPx);
            docEl.style.fontSize = fontSize + 'px';
        }

        setRootFontSize();
        win.addEventListener(resizeEvt, setRootFontSize);
        doc.addEventListener('DOMContentLoaded', setRootFontSize);
    })(document, window);
</script>
{/block}
{block name="main"}
<div class="sc-main">
    {volist name="data.top_focus_images" id="item"}
    <a href="{$item.link}" target="_blank" class="sc-mt20">
        <img src="{$item.image}" alt="" class="sc-main-img">
    </a>
    {/volist}
    <div class="sc-main-imgs sc-mt20 sc-mb-78">
        {volist name="data.products" id="item"}
        <a href="{$item.link}" target="_blank" class="">
            <img src="{$item.image}" alt="" class="sc-main-img1">
        </a>
        {/volist}
    </div>
</div>
{/block}