{extend name="public/nas_base" /}
{block name="style"}
<link rel="stylesheet" href="__CSS__/topic_nas_download.css" />
{/block}
{block name="main"}
<div class="orico_Page_index">
    <!-- 下载中心 -->
    <div class="narsDowloadPc">
        <!-- 顶部导航 -->
        <div class="narsDtabs">
            {egt name=":count($data)" value="2"}
            {notempty name="data.cyber"}
            <div class="narsDtabIt narsDtabIt_active">{:lang('topic_nas_download.cyber_tab_title')}</div>
            {/notempty}
            {notempty name="data.weline"}
            <div class="narsDtabIt">{:lang('topic_nas_download.weline_tab_title')}</div>
            {/notempty}
            {/egt}
        </div>
        <!-- 赛博云 -->
        {notempty name="data.cyber"}
        <div class="nDtopCtMian narssbshow {eq name='Request.cookie.think_lang' value='en-us'}narssben-us{/eq}">
            {notempty name="data.cyber.focus_image"}
            <div class="nDtopIt">
                <img src="{$data.cyber.focus_image.image}" class="tpimg" />
            </div>
            {/notempty}
            {notempty name="data.cyber.down_items"}
            <div class="nDtopIt2">
                {volist name="data.cyber.down_items" id="it"}
                <a {notempty name="it.link"}href="{$it.link}"{/notempty}>
                    <div class="nDitImg">
                        <img src="{$it.image}" />
                        {eq name=":cookie('think_lang')" value="en-us"}
                        <div class="yy_name" {:style(['color'=>$it.title_txt_color])}>{$it.title}</div>
                        <div class="dwbt">Download</div>
                        {/eq}
                    </div>
                </a>
                {/volist}
            </div>
            {/notempty}
        </div>
        {/notempty}
        <!-- 微链接 -->
        {notempty name="data.weline"}
        <div class="nDtopCtMian narswljshow">
            {notempty name="data.weline.focus_image"}
            <div class="nDtopIt">
                <img src="{$data.weline.focus_image.image}" class="tpimg" />
            </div>
            {/notempty}
            {notempty name="data.weline.down_items"}
            <div class="nDtopIt2">
                {volist name="data.weline.down_items" id="it"}
                <a {notempty name="it.link"}href="{$it.link}"{/notempty}>
                    <div class="nDitImg"><img src="{$it.image}" /></div>
                </a>
                {/volist}
            </div>
            {/notempty}
        </div>
        {/notempty}
    </div>
</div>
{/block}
{block name="script"}
<script type="text/javascript">
    $(document).ready(function () {
        //点击切换
        $('.narsDtabIt').click(function () {
            $('.narsDtabIt').removeClass('narsDtabIt_active');
            $(this).addClass('narsDtabIt_active');
            if ($(this).index() === 0) {
                $('.narssbshow').show();
                $('.narswljshow').hide();
            } else {
                $('.narssbshow').hide();
                $('.narswljshow').show();
            }
        });
    });
</script>
{/block}