{include file="common/header"}
<link rel="stylesheet" type="text/css"
      href="{$css}/static/css/aff.css?{$www.version}"/>
<section
        class="globalBanner {$banner['position']?'centered':'leftSide'} {$banner['theme']|default='white'}">
    <div class="comp_container comp_container_auto comp_container_100"
    >
        <div class="pagebanner-relative">
            <div class="pagebanner center-content">
                <div class="pagebanner-text ">
                    <h1 class="pagebanner-title ">{$banner['title']}</h1>
                    <p class="pagebanner-description">{$banner['describe']}</p>
                    <div class="pagebanner-button">
                        {if $banner.button}
                        {foreach $banner.button as $key => $vo}
                        {if $vo.name}
                        <a href="/addons?_plugin=239&_controller=index&_action=index"
                           target="_blank"
                           class="Button fancy-button bg-gradient"><span>{$vo.name}</span></a>
                        {/if}
                        {/foreach}
                        {/if}
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="et-container container_bg1">
    <div class="comp_container comp_container_auto overflow_tab">
        <div class="et-hero-tabs">
            <ul class="et-hero-tabs-container">
                {present name="pagecontent" value="页面内容"}
                {if $pagecontent.advantage.hidden}
                <li class="et-hero-tab active">
                    <a>{$pagecontent.advantage.name}</a>
                </li>
                {/if}
                <li class="et-hero-tab">
                    <a>推广流程</a>
                </li>
                {if $pagecontent.rule.hidden}
                <li class="et-hero-tab">
                    <a>{$pagecontent.rule.name}</a>
                </li>
                {/if}
                {if $pagecontent.mode.hidden}
                <li class="et-hero-tab">
                    <a>{$pagecontent.mode.name}</a>
                </li>
                {/if}
                {if $pagecontent.problem.hidden}
                <li class="et-hero-tab">
                    <a>{$pagecontent.problem.name}</a>
                </li>
                {/if}
                {/present}
                <span class="et-hero-tab-slider"></span>
            </ul>
        </div>
    </div>
</section>
{present name="pagecontent" value="页面内容"}
<main class="et-main">
    {if $pagecontent.advantage.hidden}
    <section class="et-slide">
        <div class="comp_container comp_container_auto overflow_tab">
            <div class="advantage">
                <div class="currency-title">
                    <h2 class="currency-title-a">
                        {$pagecontent.advantage.name}</h2>
                    <p class="currency-title-a-content">
                        {$pagecontent.advantage.desc}</p>
                </div>
                <div class="advantage-content">
                    <div class="advantage-row">
                        {foreach $pagecontent.advantage.row as $key => $vo}
                        <div class="advantage-content-item">
                            <div class="advantage-content-item-img">
                                <img src="{$vo.icon}"
                                     alt="{$vo.title}">
                            </div>
                            <div class="advantage-item-content">
                                <div class="advantage-content-item-title">
                                    <h3>{$vo.title}</h3>
                                </div>
                                <div class="advantage-content-item-content">
                                    <p>{$vo.desc}</p>
                                </div>
                            </div>
                        </div>
                        {/foreach}
                    </div>
                    <div class="advantage-prompt">
                        <div class="overallSituation-prompt-content">
                            <img src="{$imag}/static/picture/remoteL17066239084422.png"
                                 alt="">
                            <a class="overallSituation-prompt-title"
                               href="{$url.affdata}">
                                <h2 class="cutOneSHair">
                                    开始赚钱
                                </h2>
                            </a>
                            <p class="overallSituation-prompt-desc">
                                无需任何技术和经验、无最高佣金限制，上不封顶
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    {/if}
    <section class="et-slide comp_containerrelative flow_bg">
        <div class="blue-large ani-move-slow"></div>
        <div class="comp_container comp_container_auto">
            <div class="flow">
                <div class="currency-title">
                    <h2 class="currency-title-a">推广流程</h2>
                    <p class="currency-title-a-content">
                        描述</p>
                </div>
                <div class="flow-content">
                    <div class="flow-content-item">
                        <div class="flow-content-item-img">
                            <span>01</span>
                            <img src="https://saas.ecloud.10086.cn/si/_nuxt/img/p-1.671a419.png"
                                 alt="">
                        </div>
                        <div class="flow-item-content">
                            <div class="flow-content-item-title">
                                <h3>注册/登录会员</h3>
                            </div>
                            <div class="flow-content-item-content">
                                <p>注册账号并完成个人实名认证</p>
                            </div>
                        </div>
                    </div>
                    <div class="flow-content-item">
                        <div class="flow-content-item-img">
                            <span>02</span>
                            <img src="https://saas.ecloud.10086.cn/si/_nuxt/img/p-3.1368170.png"
                                 alt="">
                        </div>
                        <div class="flow-item-content">
                            <div class="flow-content-item-title">
                                <h3>获取专属推广链接</h3>
                            </div>
                            <div class="flow-content-item-content">
                                <p>开启推广资格，复制推广链接</p>
                            </div>
                        </div>
                    </div>
                    <div class="flow-content-item">
                        <div class="flow-content-item-img">
                            <span>03</span>
                            <img src="https://saas.ecloud.10086.cn/si/_nuxt/img/p-5.d6cf377.png"
                                 alt="">
                        </div>
                        <div class="flow-item-content">
                            <div class="flow-content-item-title">
                                <h3>分享推荐链接</h3>
                            </div>
                            <div class="flow-content-item-content">
                                <p>通过推广链接注册/登录建立关联</p>
                            </div>
                        </div>
                    </div>
                    <div class="flow-content-item">
                        <div class="flow-content-item-img">
                            <span>04</span>
                            <img src="https://saas.ecloud.10086.cn/si/_nuxt/img/p-6.d13eafc.png"
                                 alt="">
                        </div>
                        <div class="flow-item-content">
                            <div class="flow-content-item-title">
                                <h3>获取返利</h3>
                            </div>
                            <div class="flow-content-item-content">
                                <p>用户成功购买产品，获得推荐现金奖励</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    {if $pagecontent.rule.hidden}
    <section class="et-slide">
        <div class="comp_container comp_container_auto">
            <div class="rebate">
                <div class="currency-title">
                    <h2 class="currency-title-a">
                        {$pagecontent.rule.name}</h2>
                    <p class="currency-title-a-content">
                        {$pagecontent.rule.desc}</p>
                </div>
                <div class="rebate-content">
                    <div class="rebate-left">
                        <div class="refundNotice">
                            <img src="{$imag}/static/picture/remoteL17066295094209.png"
                                 alt="">
                            <p>返利规则</p>
                        </div>
                        <div class="refundNotice-content">
                            {$pagecontent.rule.policy|raw}
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </section>
    {/if}
    {if $pagecontent.mode.hidden}
    <section class="et-slide comp_containerrelative">
        <div class="red-small ani-move-slow"></div>
        <div class="comp_container comp_container_auto">
            <div class="mode">
                <div class="currency-title">
                    <h2 class="currency-title-a">
                        {$pagecontent.mode.name}</h2>
                    <p class="currency-title-a-content">
                        {$pagecontent.mode.desc}</p>
                </div>
                <div class="mode-content">
                    <div class="mode-content-left">
                        <div class="mode-content-item-bg">
                            <img src="https://vip.123pan.cn/1816030123/ymjew503t0l000dckjzn7scubj6hfdlfDIYPAqawDdevDvxvBIrwAa==.jpeg"
                                 alt="">
                            <a class="promotionButton">
                                无门槛轻松赚钱
                            </a>
                        </div>
                        <div class="mode-content-row">
                            {foreach $pagecontent.mode.row as $key => $vo}
                            <div class="mode-content-item">
                                <div class="mode-item-content">
                                    <div class="mode-content-item-title">
                                        <h3>{$vo.title}</h3>
                                    </div>
                                    <div class="mode-content-item-content">
                                        <p>{$vo.desc}</p>
                                    </div>
                                </div>
                            </div>
                            {/foreach}
                        </div>
                    </div>
                    <div class="mode-content-right">
                        <div class="overallSituation-prompt-content">
                            <img src="{$imag}/static/picture/remoteL17066239084422.png"
                                 alt="">
                            <a class="overallSituation-prompt-title"
                               href="{$url.affdata}">
                                <h2 class="cutOneSHair">
                                    推广数据
                                </h2>
                            </a>
                            <p class="overallSituation-prompt-desc">
                                无需任何技术和经验、无最高佣金限制，上不封顶，月入过万不是梦
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    {/if}
    {if $pagecontent.problem.hidden}
    <section class="et-slide problem_bg">
        <div class="comp_container comp_container_auto overflow_tab">
            <div class="problem">
                <div class="currency-title">
                    <h2 class="currency-title-a">
                        {$pagecontent.problem.name}</h2>
                    <p class="currency-title-a-content">
                        {$pagecontent.problem.desc}</p>
                </div>
                <div class="problem-content">
                    {foreach $pagecontent.problem.row as $key => $vo}
                    <div class="problem-content-item">
                        <div class="problem-content-item-title">
                            <h3>{$vo.qa}</h3>
                        </div>
                        <div class="problem-content-item-content">
                            <p>{$vo.answer|raw}</p>
                        </div>
                    </div>
                    {/foreach}
                </div>
            </div>
        </div>
    </section>
    {/if}
</main>
{/present}
{include file="common/footer"}