{extend name="public/base" /}
{block name="style"}
<link rel="stylesheet" href="__CSS__/topic_nas_download.css" />
{/block}
{block name="header"}
    {include file="public/nas_header" /}
{/block}
{block name="main"}
<div class="oricoEGapp">
    <div class="narsDowloadPc">
        {egt name=":count($data)" value="2"}
        <div class="narsDtabs">
            {notempty name="data.cyber"}
            <div class="narsDtabIt narsDtabIt_active">{:lang_i18n('CyberData赛博云空间')}</div>
            {/notempty}
            {notempty name="data.weline"}
            <div class="narsDtabIt">{:lang_i18n('Weline微链接')}</div>
            {/notempty}
        </div>
        {/egt}
        <!-- 赛博云 -->
        {notempty name="data.cyber"}
        <div class="nDtopCtMian narssbshow" style="display: block;">
            {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" length="4"}
                <a class="nDitImg" {notempty name="it.link"}href="{$it.link}"{/notempty}>
                    <div class="nDitImg"><img src="{$it.image}"></div>
                    {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}
                </a>
                {/volist}
            </div>
            {volist name="data.cyber.down_items" id="it" offset="4"}
            <a {notempty name="it.link"}href="{$it.link}"{/notempty}>
                <div class="nDitImg nrowimg" style="margin-bottom: 25px;">
                    <img src="{$it.image}">
                </div>
            </a>
            {/volist}
            {/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" style="margin-bottom: 25px;">
                {volist name="data.weline.down_items" id="it"}
                <a class="nDitImg" {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}