{layout name="layout" /}
{php}
use app\model\Category;
$childrenMenu = Category::getChildrenByParentId($topCategoryId);
{/php}

{include file="public/about_second" /}

<!-- 活动详情 -->
<div class="pull-section pull-content-bg content-bg-white">
  <div class="activities-detail w1360 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
    <div class="detail-top detail-top-cloumn">
      <!-- 轮播 -->
      <div class="detail-swiper swiper">
        <div class="swiper-wrapper">
          {if !empty($images)}
          {foreach $images as $img}
          <div class="swiper-slide">
            <a href="{$img['link'] ?: 'javascript:;'}">
              <img src="{$img.src ?? ''}" alt="{$img.alt}">
            </a>
          </div>
          {/foreach}
          {/if}
        </div>
        <!-- 切换按钮 -->
        <div class="swiper-button-prev"></div>
        <div class="swiper-button-next"></div>
        <!-- 分页器 -->
        <div class="swiper-pagination"></div>
      </div>
      <!-- 标题 -->
      <div class="detai-title detai-title-cloumn">
        <h1 class="color-blue wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">{$item.title}</h1>
        <div class="sub-bid wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">{$item.sub_title}</div>
      </div>
    </div>
    <!-- 详情 -->
    <div class="activities-detail-txt flex wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
      <div class="rich-txt color-66 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
        {$item.content|raw}
      </div>
    </div>
    <!-- 上下篇 -->
    <div class="part-list flex">
      {if !empty($prev)}
      <div class="item flex"><strong class="color-blue">上一篇：</strong><a class="clips1" href="/service/{$prev.id}.html">{$prev['title']}</a></div>
      {/if}
      <em></em>
      {if !empty($next)}
      <div class="item flex"><strong class="color-blue">下一篇：</strong><a class="clips1" href="/service/{$next.id}.html">{$next['title']}</a></div>
      {/if}
    </div>
  </div>
</div>