<!-- 新手引导 三列 -->
<div class="v5-guide effect-fade cols-3">
  <h2 class="title-text text-1-cl">{{locale.home.custom_text1}}</h2>
  <div class="title-tip text-2-cl">{{locale.home.custom_text2}}</div>
  <div class="guide-content">
    <dl class="guide-item item-1">
      <dt>
        <img src="{{sourceMap.home_guide_1}}" alt="">
        <a href="javascript:void;" class="layout"></a>
      </dt>
      <dd class="text-1-cl">{{locale.home.custom_text3}}</dd>
    </dl>
    <dl class="guide-item item-2">
      <dt>
        <img src="{{sourceMap.home_guide_2}}" alt="">
        <a href="javascript:void;" class="layout"></a>
      </dt>
      <dd class="text-1-cl">{{locale.home.custom_text4}}</dd>
    </dl>
    <dl class="guide-item item-3">
      <dt>
        <img src="{{sourceMap.home_guide_3}}" alt="">
        <a href="javascript:void;" class="layout"></a>
      </dt>
      <dd class="text-1-cl">{{locale.home.custom_text5}}</dd>
    </dl>
  </div>
</div>
<!-- 新手引导 二列 -->
<div class="v5-guide effect-fade cols-2">
  <h2 class="title-text text-1-cl">{{locale.home.custom_text1}}</h2>
  <div class="title-tip text-2-cl">{{locale.home.custom_text2}}</div>
  <div class="guide-content">
    <dl class="guide-item item-1">
      <dt>
        <img src="{{sourceMap.home_guide_4}}" alt="">
        <a href="javascript:void;" class="layout"></a>
      </dt>
      <dd class="text-1-cl">{{locale.home.custom_text3}}</dd>
    </dl>
    <dl class="guide-item item-2">
      <dt>
        <img src="{{sourceMap.home_guide_5}}" alt="">
        <a href="javascript:void;" class="layout"></a>
      </dt>
      <dd class="text-1-cl">{{locale.home.custom_text4}}</dd>
    </dl>
  </div>
</div>
<!-- 服务支持 一排 -->
<div class="v5-service effect-fade rows-1">
  <h2 class="title-text text-1-cl">{{locale.home.custom_text14}}</h2>
  <div class="service-content">
    <dl class="service-item item-1">
      <dt><img src="{{sourceMap.home_service_1}}" alt=""></dt>
      <dd>
        <div class="text-1-cl">{{locale.home.custom_text15}}</div>
        <span class="text-2-cl">{{locale.home.custom_text16}}</span>
      </dd>
    </dl>
    <dl class="service-item item-2">
      <dt><img src="{{sourceMap.home_service_2}}" alt=""></dt>
      <dd>
        <div class="text-1-cl">{{locale.home.custom_text17}}</div>
        <span class="text-2-cl">{{locale.home.custom_text18}}</span>
      </dd>
    </dl>
    <dl class="service-item item-3">
      <dt><img src="{{sourceMap.home_service_3}}" alt=""></dt>
      <dd>
        <div class="text-1-cl">{{locale.home.custom_text19}}</div>
        <span class="text-2-cl">{{locale.home.custom_text20}}</span>
      </dd>
    </dl>
    <dl class="service-item item-4">
      <dt><img src="{{sourceMap.home_service_4}}" alt=""></dt>
      <dd>
        <div class="text-1-cl">{{locale.home.custom_text21}}</div>
        <span class="text-2-cl">{{locale.home.custom_text22}}</span>
      </dd>
    </dl>
  </div>
</div>
<!-- 服务支持 二排 -->
<div class="v5-service effect-fade rows-2">
  <h2 class="title-text text-1-cl">{{locale.home.custom_text14}}</h2>
  <div class="service-content">
    <dl class="service-item item-1">
      <dt><img src="{{sourceMap.home_service_1}}" alt=""></dt>
      <dd>
        <div class="text-1-cl">{{locale.home.custom_text15}}</div>
        <span class="text-2-cl">{{locale.home.custom_text16}}</span>
      </dd>
    </dl>
    <dl class="service-item item-3">
      <dt><img src="{{sourceMap.home_service_3}}" alt=""></dt>
      <dd>
        <div class="text-1-cl">{{locale.home.custom_text19}}</div>
        <span class="text-2-cl">{{locale.home.custom_text20}}</span>
      </dd>
    </dl>
    <dl class="service-item item-4">
      <dt><img src="{{sourceMap.home_service_4}}" alt=""></dt>
      <dd>
        <div class="text-1-cl">{{locale.home.custom_text21}}</div>
        <span class="text-2-cl">{{locale.home.custom_text22}}</span>
      </dd>
    </dl>
    <dl class="service-item item-2">
      <dt><img src="{{sourceMap.home_service_2}}" alt=""></dt>
      <dd>
        <div class="text-1-cl">{{locale.home.custom_text17}}</div>
        <span class="text-2-cl">{{locale.home.custom_text18}}</span>
      </dd>
    </dl>
  </div>
</div>
<!-- 邀请奖励 文字左侧 -->
<div class="v5-invite effect-fade text-left">
  <div class="invite-text">
    <h2 class="title-text text-1-cl">
      <div>{{locale.home.custom_text29}}</div>
      <div>{{locale.home.custom_text30}}</div>
    </h2>
    <div class="invite-text_subTitle text-2-cl">
      {{locale.home.custom_text31}}
    </div>
    <a class="invite-button main-1-bg text-4-cl" href="/register">
      {{locale.home.custom_text27}}
    </a>
  </div>
  <div class="invite-img">
    <img src="{{sourceMap.home_invite_1}}" alt="">
  </div>
</div>
<!-- 邀请奖励 文字右侧 -->
<div class="v5-invite effect-fade text-right">
  <div class="invite-img">
    <img src="{{sourceMap.home_invite_1}}" alt="">
  </div>
  <div class="invite-text">
    <h2 class="title-text text-1-cl">
      <div>{{locale.home.custom_text29}}</div>
      <div>{{locale.home.custom_text30}}</div>
    </h2>
    <div class="invite-text_subTitle text-2-cl">
      {{locale.home.custom_text31}}
    </div>
    <a class="invite-button main-1-bg text-4-cl" href="/register">
      {{locale.home.custom_text27}}
    </a>
  </div>
</div>
<!-- 功能支持 三列 -->
<div class="v5-features effect-fade cols-3">
  <h2 class="title-text text-1-cl">{{locale.home.custom_text32}}</h2>
  <ul class="features-list">
    <li class="features-item fill-3-bg">
      <div class="features-text">
        <div class="features-main_text text-1-cl">{{locale.home.custom_text33}}</div>
        <div class="features-sub_text text-2-cl">{{locale.home.custom_text34}}</div>
      </div>
      <div class="features-img">
        <img src="{{sourceMap.home_feature_1}}" alt="">
      </div>
      <div class="layout"></div>
    </li>
    <li class="features-item fill-3-bg">
      <div class="features-text">
        <div class="features-main_text text-1-cl">{{locale.home.custom_text35}}</div>
        <div class="features-sub_text text-2-cl">{{locale.home.custom_text36}}</div>
      </div>
      <div class="features-img">
        <img src="{{sourceMap.home_feature_2}}" alt="">
      </div>
      <div class="layout"></div>
    </li>
    <li class="features-item fill-3-bg">
      <div class="features-text">
        <div class="features-main_text text-1-cl">{{locale.home.custom_text37}}</div>
        <div class="features-sub_text text-2-cl">{{locale.home.custom_text38}}</div>
      </div>
      <div class="features-img">
        <img src="{{sourceMap.home_feature_3}}" alt="">
      </div>
      <div class="layout"></div>
    </li>
  </ul>
</div>
<!-- 功能支持 二列 -->
<div class="v5-features effect-fade cols-2">
  <h2 class="title-text text-1-cl">{{locale.home.custom_text32}}</h2>
  <ul class="features-list">
    <li class="features-item fill-3-bg">
      <div class="features-text">
        <div class="features-main_text text-1-cl">{{locale.home.custom_text33}}</div>
        <div class="features-sub_text text-2-cl">{{locale.home.custom_text34}}</div>
      </div>
      <div class="features-img">
        <img src="{{sourceMap.home_feature_4}}" alt="">
      </div>
      <div class="layout"></div>
    </li>
    <li class="features-item fill-3-bg">
      <div class="features-text">
        <div class="features-main_text text-1-cl">{{locale.home.custom_text35}}</div>
        <div class="features-sub_text text-2-cl">{{locale.home.custom_text36}}</div>
      </div>
      <div class="features-img">
        <img src="{{sourceMap.home_feature_5}}" alt="">
      </div>
      <div class="layout"></div>
    </li>
  </ul>
</div>
<!-- APP下载 图片右侧 -->
<div class="v5-appDownload effect-fade img-right">
  <div class="app-introduce">
    <h2 class="title-text text-1-cl">{{locale.home.custom_text6}}</h2>
    <div class="title-tip text-2-cl">{{locale.home.custom_text7}}</div>
    <ul class="intro-list">
      <li class="intro-item">
        <svg aria-hidden="true" class="icon icon-24">
          <use xlink:href="#icon-v5_6"></use>
        </svg>
        <div>
          <p class="text-1-cl">{{locale.home.custom_text8}}</p>
          <span class="text-2-cl">{{locale.home.custom_text9}}</span>
        </div>
      </li>
      <li class="intro-item">
        <svg aria-hidden="true" class="icon icon-24">
          <use xlink:href="#icon-v5_6"></use>
        </svg>
        <div>
          <p class="text-1-cl">{{locale.home.custom_text10}}</p>
          <span class="text-2-cl">{{locale.home.custom_text11}}</span>
        </div>
      </li>
      <li class="intro-item">
        <svg aria-hidden="true" class="icon icon-24">
          <use xlink:href="#icon-v5_6"></use>
        </svg>
        <div>
          <p class="text-1-cl">{{locale.home.custom_text12}}</p>
          <span class="text-2-cl">{{locale.home.custom_text13}}</span>
        </div>
      </li>
    </ul>
    <div class="download">
      <a href="/appDownload">
        <img class="download-store" src="{{sourceMap.home_download_1}}" alt="">
        <div class="hover-layout"></div>
        <div class="active-layout"></div>
      </a>
      <a href="/appDownload">
        <img class="download-store" src="{{sourceMap.home_download_2}}" alt="">
        <div class="hover-layout"></div>
        <div class="active-layout"></div>
      </a>
      <div class="qrcode">
        <div class="qrcode-icon">
          <img src="{{sourceMap.home_download_3}}" alt="">
          <div class="hover-layout"></div>
        </div>
        <aside class="qrcode-preview text-1-bg box-shadow">
          <img src="{{ appDownLoad.app_page_url }}" alt="">
        </aside>
      </div>
    </div>
  </div>
  <div class="app-preview">
    <img src="{{sourceMap.home_appview_1}}" alt="">
  </div>
</div>
<!-- APP下载 图片左侧 -->
<div class="v5-appDownload effect-fade img-left">
  <div class="app-preview">
    <img src="{{sourceMap.home_appview_3}}" alt="">
  </div>
  <div class="app-introduce">
    <h2 class="title-text text-1-cl">{{locale.home.custom_text6}}</h2>
    <div class="title-tip text-2-cl">{{locale.home.custom_text7}}</div>
    <div class="qrcode-img fill-5-bd">
      <img src="{{ appDownLoad.app_page_url }}" alt="">
    </div>
    <div class="download">
      <a href="/appDownload">
        <img class="download-store" src="{{sourceMap.home_download_1}}" alt="">
        <div class="hover-layout"></div>
        <div class="active-layout"></div>
      </a>
      <a href="/appDownload">
        <img class="download-store" src="{{sourceMap.home_download_2}}" alt="">
        <div class="hover-layout"></div>
        <div class="active-layout"></div>
      </a>
    </div>
  </div>
</div>
<!-- 注册引导 换色 -->
<div class="v5-register-guide transparentColor effect-fade">
  <div class="register-guide-content" style="background-image: url('{{sourceMap.home_register_1}}');">
    <h2 class="title-text text-1-cl">{{locale.home.custom_text25}}</h2>
    <div class="title-text-sub text-1-cl">{{locale.home.custom_text26}}</div>
    <a href="/register" class="main-1-bg link-href text-4-cl">
      <span class="link-href_text">{{locale.home.custom_text27}}</span>
      <span class="link-icon">→</span>
      <div class="hover-layout"></div>
      <div class="active-layout"></div>
    </a>
  </div>
</div>
<!-- 注册引导 主色 -->
<div class="v5-register-guide mainColor effect-fade">
  <div class="register-guide-content" style="background-image: url('{{sourceMap.home_register_2}}');">
    <h2 class="title-text text-4-cl">{{locale.home.custom_text25}}</h2>
    <div class="title-text-sub text-4-cl">{{locale.home.custom_text26}}</div>
    <a href="/register" class="text-4-bg link-href text-5-cl">
      <span class="link-href_text">{{locale.home.custom_text27}}</span>
      <span class="link-icon">→</span>
      <div class="hover-layout"></div>
      <div class="active-layout"></div>
    </a>
  </div>
</div>