{{# banner}}
<div class="scrollPic-content">
    <a class="arrow arrow-left" href="javascript:;" onclick="YOHODCLICK('banner','web','bannerTopPrevNext')"></a>
    <a class="arrow arrow-right" href="javascript:;" onclick="YOHODCLICK('banner','web','bannerTopPrevNext')"></a>
    <div class="swiper-container-banner {{# bannerLength}}swiper-container{{/ bannerLength}}" style="cursor: -webkit-grab;">
        <div class="swiper-wrapper" style="width: 1080px; height: 507px;background-color: rgb(255, 255, 255);">
            {{# data}}
            <div class="swiper-slide" style="width: 992px; height: 504px; background: url(http://cdn.yoho.cn/yohogirls-frontend-web/assets/images/loading.gif) 50% 50% no-repeat;">
                <a href="{{link}}" target="_blank" title="{{alt}}" onclick="YOHODCLICK('banner','web','bannerTop')">
                    <img src="{{img}}" alt="{{alt}}">
                </a>
            </div>
            {{/ data}}
        </div>
    </div>
    <div class="pagination pagination-banner {{# channel}}pagination-big-banner-{{.}}{{/ channel}}">
        {{# data}}
        <span class=" swiper-pagination swiper-pagination-switch swiper-pagination {{# isChoosen}} swiper-visible-switch{{/isChoosen}}"></span>
        {{/ data}}
    </div>
</div>
{{/ banner}}