{extend name='public/base'}
{block name="title"}
<title>帮助中心</title>
<meta name="keywords" content=""/>
<meta name="description" content=""/>
{/block}
{block name="css"}
<link rel="stylesheet" href="__H5CSS__/user.css">
{/block}
{block name="header"}{/block}
{block name="style"}
<style>
    .back {
        background: rgb(245, 218, 98);
        height: 100px;
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
    }

    .ect-hide {
        display: none;
    }

    .column-default .right {
        width: 20%;
    }
</style>
{/block}
{block name="backHome"}{/block}
{block name="content"}
<div id="list">
    <div class="back"></div>
    <div class="ect-wrapper user-help">
        {notempty name="list"}
        {volist name="list" id="vo" key="key"}
        <div class="info">
            <div class="title column-default" onclick="showList($(this))">
                {if $vo.url}
                <a class="left" style="display: block;color: #333;" href="{$vo.url}">{$vo.title}</a>
                <a class="right" href="{$vo.url}" style="display: block"><img class="ect-look-more"
                                                                              src="__H5IMAGE__/user/ic_jinru_look@2x.png"></a>
                {else/}
                <div class="left">{$vo.title}</div>
                <div class="right"><img class="ect-look-more" src="__H5IMAGE__/user/ic_jinru_look@2x.png"></div>
                {/if}
            </div>
            {notempty name="vo.son"}
            {if $key == 1}
            <div>
                {else/}
                <div class="ect-hide">
                    {/if}
                    {volist name="vo.son" id="son"}
                    <div class="list block-list-fix-default" onclick="showInfo($(this))" data-id="{$son.id}">
                        <div class="row sign"><i></i></div>
                        <div class="row column-default">
                            {if $son.url}
                            <a class="left" style="display: block;color: #333;" href="{$son.url}">{$son.title}</a>
                            <a class="right" href="{$son.url}" style="display: block"><img class="ect-look-more"
                                                                                           src="__H5IMAGE__/user/ic_jinru_look@2x.png"></a>
                            {else/}
                            <div class="left">{$son.title}</div>
                            <div class="right"><img class="ect-look-more" src="__H5IMAGE__/user/ic_jinru_look@2x.png">
                            </div>
                            {/if}
                        </div>
                    </div>
                    {/volist}
                </div>
                {/notempty}
            </div>
            {/volist}
            {/notempty}
        </div>
    </div>
    {/block}
    {block name="footer"}{/block}
    {block name="script"}
    <script>

        /**
         * 显示列表
         * @param obj
         */
        function showList(obj) {
            obj.next().toggleClass('ect-hide');
        }

        /**
         * 显示
         */
        function showInfo(obj) {
            var id = obj.attr('data-id');
            location.href = 'helpDetails/' + id;
        }
    </script>
    {/block}
    {block name="share"}{/block}