@extends('layouts.home.layout')
@section('title','微博')
@section('css')
    <link rel="stylesheet" href="/assets/css/resource/-icon.css">
    <link rel="stylesheet" href="/assets/css/resource/weibo.css">
@endsection
@section('content')
    <section class="bgff">
        <div class="weibo-market-advantages">
            <div class="theme-title">微博营销的优势</div>
            <div class="theme-title-underline"></div>
            <div class="weibo-market-advantages-content clear">
                <div class="weibo-market-advantages-content-li">
                    <img src="/images/resource/weibo_youshi01.png" alt="">
                    <div class="weibo-youshi-h3">精准投放</div>
                    <div class="theme-title-underline"></div>
                    <div class="weibo-youshi-p">标签分类博主&nbsp;直达目标受众</div>
                </div>
                <div class="weibo-market-advantages-content-li">
                    <img src="/images/resource/weibo_youshi02.png" alt="">
                    <div class="weibo-youshi-h3">品牌互动</div>
                    <div class="theme-title-underline"></div>
                    <div class="weibo-youshi-p">直面受众&nbsp;坦诚沟通</div>
                </div>
                <div class="weibo-market-advantages-content-li">
                    <img src="/images/resource/weibo_youshi03.png" alt="">
                    <div class="weibo-youshi-h3">N次衍生传播</div>
                    <div class="theme-title-underline"></div>
                    <div class="weibo-youshi-p">话题传播与&nbsp;传播长尾</div>
                </div>
            </div>
        </div>
        <div class="weibo-market-scene">
            <div class="theme-title">微博营销的场景</div>
            <div class="theme-title-underline"></div>
            <div class="weibo-market-scene-content">
                <div class="swiper-container swiper-container-horizontal weibo-swiper-container">
                    <div class="swiper-wrapper" style="transform: translate3d(-646px, 0px, 0px); transition-duration: 0ms;"><div class="swiper-slide swiper-slide-duplicate swiper-slide-prev swiper-slide-duplicate-next" data-swiper-slide-index="1" style="width: 646px;">
                            <img src="/images/resource/weibo_market_scene01.jpg" alt="">
                        </div>
                        <div class="swiper-slide swiper-slide-active" data-swiper-slide-index="0" style="width: 646px;">
                            <img src="/images/resource/weibo_market_scene02.jpg" alt="">
                        </div>
                        <div class="swiper-slide swiper-slide-next swiper-slide-duplicate-prev" data-swiper-slide-index="1" style="width: 646px;">
                            <img src="/images/resource/weibo_market_scene01.jpg" alt="">
                        </div>
                    <div class="swiper-slide swiper-slide-duplicate swiper-slide-duplicate-active" data-swiper-slide-index="0" style="width: 646px;">
                            <img src="/images/resource/weibo_market_scene02.jpg" alt="">
                        </div></div>
                    <!-- 如果需要分页器 -->
                    <div class="swiper-pagination swiper-pagination-bullets"><span class="swiper-pagination-bullet swiper-pagination-bullet-active "></span><span class="swiper-pagination-bullet"></span></div>
                <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div>
            </div>
        </div>
        <div class="weibo-market-strategy">
            <div class="theme-title">微博营销投放策略</div>
            <div class="theme-title-underline"></div>
            <img class="weibo-market-strategy-content" src="/images/resource/weibo_market_strategy.png">
        </div>
        <div class="weibo-market-effect">
            <div class="theme-title">营销效果展示</div>
            <div class="theme-title-underline"></div>
            <div class="weibo-market-effect-content">
                <img class="img" src="/images/resource/weibo_market_effect.png" alt="">
                <a class="weibo-market-more" target="_blank" href="/register">查看更多</a>
            </div>
        </div>
        <div class="weibo-market-plan">
            <div class="theme-title">轻松获取你的营销方案</div>
            <div class="theme-title-underline"></div>
            <div class="weibo-market-plan-content clear">
                <div class="weibo-market-plan-content-li">
                    <p>注册登录</p>
                    <div class="weibo-market-mark">
                        <i class="iconfont icon-tubiao-"></i>
                    </div>
                </div>
                <div class="plan-arrow">
                    <i class="iconfont icon-jiantou"></i>
                </div>
                <div class="weibo-market-plan-content-li">
                    <p>填写需求，智能分析</p>
                    <div class="weibo-market-mark">
                        <i class="iconfont icon-tubiao-2"></i>
                    </div>
                </div>
                <div class="plan-arrow">
                    <i class="iconfont icon-jiantou"></i>
                </div>
                <div class="weibo-market-plan-content-li">
                    <p>私人定制，免费生成营销方案</p>
                    <div class="weibo-market-mark">
                        <i class="iconfont icon-tubiao-1"></i>
                    </div>
                </div>
            </div>
            <a class="get-free-plan" target="_blank" href="/register">免费获取解决方案</a>
        </div>
    </section>
@endsection