{"version":3,"sources":["webpack:///./src/assets/img/topfans/scene_3.png","webpack:///./src/assets/img/topfans/brightpoint_icon_active_1.png","webpack:///./src/assets/img/topfans/brightpoint_3.png","webpack:///./src/assets/img/topfans/neirongjiare.gif","webpack:///./src/assets/img/topfans/neirongjiare_active.png","webpack:///./src/assets/img/topfans/case_slide_1.png","webpack:///./src/views/topfans/components/TopfansXingTai.vue?2d87","webpack:///src/views/topfans/components/TopfansXingTai.vue","webpack:///./src/views/topfans/components/TopfansXingTai.vue?cec5","webpack:///./src/views/topfans/components/TopfansXingTai.vue?38a5","webpack:///./src/views/topfans/components/TopfansScene.vue?fb8f","webpack:///src/views/topfans/components/TopfansScene.vue","webpack:///./src/views/topfans/components/TopfansScene.vue?f3fa","webpack:///./src/views/topfans/components/TopfansScene.vue?f06b","webpack:///./src/assets/img/topfans/bangshangtoutiao.gif","webpack:///./src/assets/img/topfans/brightpoint_icon_1.png","webpack:///./src/assets/img/topfans sync ^\\.\\/brightpoint_icon_.*\\.png$","webpack:///./src/views/topfans/components/TopfansXingTai.vue?1c84","webpack:///./src/assets/img/topfans/case_slide_2.png","webpack:///./src/assets/img/topfans/yingxiaotuiguang.gif","webpack:///./src/views/topfans/components/TopfansBrightpoint.vue?5240","webpack:///./src/assets/img/topfans/brightpoint_icon_active_3.png","webpack:///./src/assets/img/topfans/bangshangtoutiao_active.png","webpack:///./src/assets/img/topfans/brightpoint_icon_active_2.png","webpack:///./src/views/topfans/components/TopfansCase.vue?823e","webpack:///src/views/topfans/components/TopfansCase.vue","webpack:///./src/views/topfans/components/TopfansCase.vue?e2d5","webpack:///./src/views/topfans/components/TopfansCase.vue?93b9","webpack:///./src/assets/img/topfans/scene_2.png","webpack:///./src/views/topfans/components/TopfansCase.vue?4dea","webpack:///./src/views/topfans/components/TopfansToufang.vue?42d6","webpack:///src/views/topfans/components/TopfansToufang.vue","webpack:///./src/views/topfans/components/TopfansToufang.vue?20b2","webpack:///./src/views/topfans/components/TopfansToufang.vue?ee4c","webpack:///./src/assets/img/topfans/brightpoint_1.png","webpack:///./src/assets/img/topfans/yingxiaotuiguang.png","webpack:///./src/assets/img/topfans/brightpoint_2.png","webpack:///./src/views/topfans/components/TopfansContact.vue?085d","webpack:///src/views/topfans/components/TopfansContact.vue","webpack:///./src/views/topfans/components/TopfansContact.vue?7d2d","webpack:///./src/views/topfans/components/TopfansContact.vue?4729","webpack:///./src/views/topfans/components/TopfansScene.vue?0c26","webpack:///./src/assets/img/topfans/scene_1.png","webpack:///./src/views/topfans/TopFansPage.vue?a175","webpack:///./src/assets/img/topfans/bangshangtoutiao.png","webpack:///./src/views/topfans/components/TopfansContact.vue?292a","webpack:///./src/assets/img/topfans sync ^\\.\\/brightpoint_icon_active_.*\\.png$","webpack:///./src/views/topfans/TopFansPage.vue?5f09","webpack:///./src/views/topfans/components/TopfansBrightpoint.vue?e973","webpack:///src/views/topfans/components/TopfansBrightpoint.vue","webpack:///./src/views/topfans/components/TopfansBrightpoint.vue?423e","webpack:///./src/views/topfans/components/TopfansBrightpoint.vue?8fc5","webpack:///./src/assets/img/topfans/neirongjiare.png","webpack:///./src/assets/img/topfans/weibo_avatar.png","webpack:///./src/assets/img/topfans/kefu_avatar.png","webpack:///./src/assets/img/topfans/brightpoint_icon_3.png","webpack:///./src/assets/img/topfans sync ^\\.\\/brightpoint_.*\\.png$","webpack:///./src/assets/img/topfans/brightpoint_icon_2.png","webpack:///./src/views/topfans/components/TopfansToufang.vue?36ce","webpack:///./src/assets/img/topfans/yingxiaotuiguang_active.png","webpack:///./src/views/topfans/TopFansPage.vue?b793","webpack:///src/views/topfans/TopFansPage.vue","webpack:///./src/views/topfans/TopFansPage.vue?d233","webpack:///./src/views/topfans/TopFansPage.vue?78f2"],"names":["module","exports","render","_vm","this","_h","$createElement","_self","_c","_m","staticRenderFns","staticClass","_v","attrs","name","component","map","webpackContext","req","id","webpackContextResolve","__webpack_require__","o","e","Error","code","keys","Object","resolve","swiperOptions","slot","components","swiper","swiperSlide","data","spaceBetween","freeMode","navigation","nextEl","prevEl","scrollbar","el","_l","item","index","key","class","active","activeIndex","on","$event","changeTab","_s","title","desc","img","_e","tabs","methods","tab","changeSlide","ref","onSlideChange","computed","$refs","tabSwiper","slideTo","register","TopfansXingTai","TopfansScene","TopfansToufang","TopfansBrightpoint","TopfansCase","TopfansContact","document","documentElement","scrollTop","contactInfo","offsetTop"],"mappings":"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","file":"js/v-topfans-TopFansPage.d6d8cb66.js","sourcesContent":["module.exports = __webpack_public_path__ + \"img/scene_3.03356610.png\";","module.exports = __webpack_public_path__ + \"img/brightpoint_icon_active_1.699482cd.png\";","module.exports = __webpack_public_path__ + \"img/brightpoint_3.60c3ebd2.png\";","module.exports = __webpack_public_path__ + \"img/neirongjiare.0c4cc69e.gif\";","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHQAAABkCAMAAABgkuSOAAAAn1BMVEVzqf8AAAD6/P/5/v/6//+fxP+Wv//s9f/1/P+00v/4/f/2+//q8//S5f/M4f+/2P/w+f/w+P/b6/95rv/4+//x9//v9f/n8//k8f/X6f/4+/+w0P/k7v9+sP/////0/P/z+//h8P+51f+awv+Ftf/3/f/f7f+rzf+myf+MuP/x+f/U5//O5P/D3P+TvP/Y6P/////t9//6/f/2+v/6//9EUR/WAAAAMnRSTlNZAKb3+nFq0+6C9ObOo5mL39qxW/fXzsjBq4h9el4B6uW8hWxh8bZ4dWXipp6PaCEG1pz1umEAAALmSURBVGje7ZrZbuIwFEBvJs4GWaEUQghLAqW0hba3/P+3DXYgLtQ8VLpxpJmcB0tVJQ723aJgMIz5bPSAmngYzeaGAcb7I2rl8d2AuS6ntM5hhtqZwei0+jZowvYRcQQ8h2zQhs2zCfAE6EP4OumFTtqWdBc6lmapvWK41LvTfGAi4kqrtIyRk+qUFj0UvGmUegwrXvVJt9U+tcZ07eIFR5t0hTVsp0nq4TdCTdIYv7EcapFmeEWqRTrGK1imQbpmeI2ZNS8t8BbTa1w6wB+wqGmpgwpeG5a+oIrEalTqopJF2aSU4R2r1aC0h3dwLb0xlVZ66W4os1fFS96A9IlLJ3ifJ3qpxQ6nNUA1fb48k0t98ZkWqhnwWvKppdb52S9GJX4htkosfTpvJEUlS/g8rSta6XCDyHhRlAxV9KDg65BUmuGJiXLOCI4AS0TMSKUBciI+xjeowBQBwJRUOq4OkWdKqOxHABEijkml8Tl03p0G4QDseFcilS7qtrOGoaOo02oCbUilpszTlVfGl/TBC141axm5VHL5K0lkSAH6iCbx8arwt1gRnL/YglSaoIrJedS5fKrlfOvEJaMihH0dUbDIS2agbEMHsOUjaMiTmFTqqU8XwKwnms+3TNvwe4rWV4oMW+XAyU3ihq8O6l7USQgVryKktNIIb2CVzYKKNT+KiE4qi2YRy6nt/cy0BKilBZ5I9w4T/T28iV7EO2JBLq36QAG5lVk53GCZYtLQS0s+vTcZKNi6/F8lsVTWKgsUSWZWbYlcKp9Zxju44jA5Vj2/GSkE4uPNgQ01Viq2eQyAXioPUig+0+j5YGf7NEaBGUFzUtjGqCDeNvyaLnTxBjfU8Oo1SI7SeEyCtZ7X6fbbxFma5tKZvNn/w49BnbSTSmkrP8S3cuWglcsVrVwjaeXCTEtXg37JHwXGr+iknbSTfqOTdlLj35d+TPtfWuhPP2rp9Esb01ra/9JGvy2p/uNtLZH+Av2RgpuZOdLWAAAAAElFTkSuQmCC\"","module.exports = __webpack_public_path__ + \"img/case_slide_1.8b6236e1.png\";","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _vm._m(0)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"topfans-xingtai topfans-section app-basic-layout-wrapper\"},[_c('div',{staticClass:\"body\"},[_c('div',{staticClass:\"text-wrapper\"},[_c('h3',{staticClass:\"title font-30\"},[_vm._v(\"三大形态，助力博文效果提升\")]),_c('p',{staticClass:\"font-color-desc\"},[_vm._v(\" 依托于微博的广大社交网络平台，利用微博大数据中心，以粉丝关系为核心，助力博文及品牌营销，帮你实现口碑传播和高效互动，为你匹配出最有价值的用户，积累高粘性粉丝，提高粉丝转化变现效率。 \")])]),_c('div',{staticClass:\"card-wrapper\"},[_c('div',{staticClass:\"card\"},[_c('div',{staticClass:\"icon-image\"},[_c('img',{attrs:{\"src\":require(\"@/assets/img/topfans/yingxiaotuiguang.png\"),\"alt\":\"\"}})]),_c('div',{staticClass:\"icon-image active\"},[_c('img',{attrs:{\"src\":require(\"@/assets/img/topfans/yingxiaotuiguang_active.png\"),\"alt\":\"\"}})]),_c('h3',[_vm._v(\"营销推广\")]),_c('p',{staticClass:\"font-13\"},[_vm._v(\" 博文含营销内容，希望提升粉丝数、商品销量，转化的一款工具 \")]),_c('button',{staticClass:\"put-btn font-13\"},[_vm._v(\"投放自己的博文\")])]),_c('div',{staticClass:\"card\"},[_c('div',{staticClass:\"icon-image\"},[_c('img',{attrs:{\"src\":require(\"@/assets/img/topfans/neirongjiare.png\"),\"alt\":\"\"}})]),_c('div',{staticClass:\"icon-image active\"},[_c('img',{attrs:{\"src\":require(\"@/assets/img/topfans/neirongjiare_active.png\"),\"alt\":\"\"}})]),_c('h3',[_vm._v(\"内容加热\")]),_c('p',{staticClass:\"font-13\"},[_vm._v(\" 博文不含营销内容，希望提升曝光，增加互动和粉丝的一款工具 \")]),_c('button',{staticClass:\"put-btn font-13\"},[_vm._v(\"投放自己的博文\")])]),_c('div',{staticClass:\"card\"},[_c('div',{staticClass:\"icon-image\"},[_c('img',{attrs:{\"src\":require(\"@/assets/img/topfans/bangshangtoutiao.png\"),\"alt\":\"\"}})]),_c('div',{staticClass:\"icon-image active\"},[_c('img',{attrs:{\"src\":require(\"@/assets/img/topfans/bangshangtoutiao_active.png\"),\"alt\":\"\"}})]),_c('h3',[_vm._v(\"帮上头条\")]),_c('p',{staticClass:\"font-13\"},[_vm._v(\" 为他人博文进行流量加热的一款工具，借助明星、大V影响力宣传，提升曝光量 \")]),_c('button',{staticClass:\"put-btn font-13\"},[_vm._v(\"帮别人投博文\")])])])])])}]\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"topfans-xingtai topfans-section app-basic-layout-wrapper\">\n    <div class=\"body\">\n      <div class=\"text-wrapper\">\n        <h3 class=\"title font-30\">三大形态，助力博文效果提升</h3>\n        <p class=\"font-color-desc\">\n          依托于微博的广大社交网络平台，利用微博大数据中心，以粉丝关系为核心，助力博文及品牌营销，帮你实现口碑传播和高效互动，为你匹配出最有价值的用户，积累高粘性粉丝，提高粉丝转化变现效率。\n        </p>\n      </div>\n      <div class=\"card-wrapper\">\n        <div class=\"card\">\n          <div class=\"icon-image\">\n            <img src=\"@/assets/img/topfans/yingxiaotuiguang.png\" alt=\"\" />\n          </div>\n          <div class=\"icon-image active\">\n            <img\n              src=\"@/assets/img/topfans/yingxiaotuiguang_active.png\"\n              alt=\"\"\n            />\n          </div>\n          <h3>营销推广</h3>\n          <p class=\"font-13\">\n            博文含营销内容，希望提升粉丝数、商品销量，转化的一款工具\n          </p>\n          <button class=\"put-btn font-13\">投放自己的博文</button>\n        </div>\n        <div class=\"card\">\n          <div class=\"icon-image\">\n            <img src=\"@/assets/img/topfans/neirongjiare.png\" alt=\"\" />\n          </div>\n          <div class=\"icon-image active\">\n            <img src=\"@/assets/img/topfans/neirongjiare_active.png\" alt=\"\" />\n          </div>\n          <h3>内容加热</h3>\n          <p class=\"font-13\">\n            博文不含营销内容，希望提升曝光，增加互动和粉丝的一款工具\n          </p>\n          <button class=\"put-btn font-13\">投放自己的博文</button>\n        </div>\n        <div class=\"card\">\n          <div class=\"icon-image\">\n            <img src=\"@/assets/img/topfans/bangshangtoutiao.png\" alt=\"\" />\n          </div>\n          <div class=\"icon-image active\">\n            <img\n              src=\"@/assets/img/topfans/bangshangtoutiao_active.png\"\n              alt=\"\"\n            />\n          </div>\n          <h3>帮上头条</h3>\n          <p class=\"font-13\">\n            为他人博文进行流量加热的一款工具，借助明星、大V影响力宣传，提升曝光量\n          </p>\n          <button class=\"put-btn font-13\">帮别人投博文</button>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: 'topfans-xingtai'\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.topfans-xingtai {\n  &.topfans-section {\n    padding: 68px 0 0;\n  }\n  .body {\n    display: flex;\n  }\n  .text-wrapper {\n    padding-top: 76px;\n    .title {\n      text-align: left;\n      &:after {\n        left: 0;\n        transform: none;\n      }\n    }\n  }\n  .card-wrapper {\n    display: flex;\n    align-items: center;\n    margin-left: 127px;\n    height: 426px;\n    position: relative;\n    top: 40px;\n  }\n  .card {\n    width: 202px;\n    height: 346px;\n    border: 1px solid #efeff3;\n    transition: all 0.2s;\n    cursor: default;\n    position: relative;\n    box-sizing: border-box;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    padding: 0 28px;\n    h3 {\n      font-size: 20px;\n      margin: 0;\n    }\n    p {\n      display: none;\n      margin-top: 16px;\n      color: #ffffff;\n    }\n    .put-btn {\n      background-color: transparent;\n      color: #ffffff;\n      position: absolute;\n      bottom: 48px;\n      height: 32px;\n      padding: 0 16px;\n      border: 1px solid #ffffff;\n      display: none;\n    }\n    .icon-image {\n      width: 60px;\n      height: 60px;\n      margin-bottom: 94px;\n      img {\n        max-width: 100%;\n        max-height: 100%;\n        object-fit: cover;\n      }\n      &.active {\n        display: none;\n      }\n    }\n    &:first-child {\n      border-right: none;\n    }\n    &:last-child {\n      border-left: none;\n    }\n    &:hover {\n      height: 100%;\n      background-color: $primary-color;\n      border-color: $primary-color;\n      box-shadow: 0 4px 12px rgba(51, 82, 254, 0.5);\n      justify-content: flex-start;\n      padding: 77px 28px 48px;\n      .icon-image {\n        display: none;\n        &.active {\n          display: block;\n        }\n        margin-bottom: 64px;\n      }\n      h3 {\n        color: #ffffff;\n      }\n      p {\n        display: block;\n      }\n      .put-btn {\n        display: block;\n      }\n    }\n  }\n}\n</style>\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TopfansXingTai.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TopfansXingTai.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TopfansXingTai.vue?vue&type=template&id=0e409935&scoped=true&\"\nimport script from \"./TopfansXingTai.vue?vue&type=script&lang=js&\"\nexport * from \"./TopfansXingTai.vue?vue&type=script&lang=js&\"\nimport style0 from \"./TopfansXingTai.vue?vue&type=style&index=0&id=0e409935&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"0e409935\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _vm._m(0)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"topfans-scene topfans-section\"},[_c('h3',{staticClass:\"title font-30\"},[_vm._v(\"推广场景\")]),_c('p',{staticClass:\"subtitle\"},[_vm._v(\" 懂粉丝，更懂粉丝经济 让世界听到你的声音，同时利用微博强大的社交属性 ，从粉丝资产积累到变现 \")]),_c('div',{staticClass:\"body app-basic-layout-wrapper\"},[_c('div',{staticClass:\"card-wrapper app-flex-row-space-between\"},[_c('div',{staticClass:\"card\"},[_c('div',{staticClass:\"icon-image\"},[_c('img',{attrs:{\"src\":require(\"@/assets/img/topfans/scene_1.png\"),\"alt\":\"\"}})]),_c('h3',[_vm._v(\"更多曝光\")]),_c('p',[_vm._v(\"提升内容热度，让更多的目标客户看到你的博文，提升曝光量\")])]),_c('div',{staticClass:\"card\"},[_c('div',{staticClass:\"icon-image\"},[_c('img',{attrs:{\"src\":require(\"@/assets/img/topfans/scene_2.png\"),\"alt\":\"\"}})]),_c('h3',[_vm._v(\"更多粉丝\")]),_c('p',[_vm._v(\" 推荐博文给感兴趣的目标用户，增加你的粉丝数量，实现账户冷启动和用户增长 \")])]),_c('div',{staticClass:\"card\"},[_c('div',{staticClass:\"icon-image\"},[_c('img',{attrs:{\"src\":require(\"@/assets/img/topfans/scene_3.png\"),\"alt\":\"\"}})]),_c('h3',[_vm._v(\"更多互动\")]),_c('p',[_vm._v(\" 获得更多感兴趣用户的点赞、留言评论等互动，提升粉丝粘性和用户转化效果 \")])])])]),_c('div',{staticClass:\"footer\"},[_c('a',{staticClass:\"zixun-btn\",attrs:{\"href\":\"https://weibo.com/u/3587960280\",\"target\":\"_blank\"}},[_vm._v(\" 免费咨询，开始使用 \")])])])}]\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"topfans-scene topfans-section\">\n    <h3 class=\"title font-30\">推广场景</h3>\n    <p class=\"subtitle\">\n      懂粉丝，更懂粉丝经济 让世界听到你的声音，同时利用微博强大的社交属性\n      ，从粉丝资产积累到变现\n    </p>\n    <div class=\"body app-basic-layout-wrapper\">\n      <div class=\"card-wrapper app-flex-row-space-between\">\n        <div class=\"card\">\n          <div class=\"icon-image\">\n            <img src=\"@/assets/img/topfans/scene_1.png\" alt=\"\" />\n          </div>\n          <h3>更多曝光</h3>\n          <p>提升内容热度，让更多的目标客户看到你的博文，提升曝光量</p>\n        </div>\n        <div class=\"card\">\n          <div class=\"icon-image\">\n            <img src=\"@/assets/img/topfans/scene_2.png\" alt=\"\" />\n          </div>\n          <h3>更多粉丝</h3>\n          <p>\n            推荐博文给感兴趣的目标用户，增加你的粉丝数量，实现账户冷启动和用户增长\n          </p>\n        </div>\n        <div class=\"card\">\n          <div class=\"icon-image\">\n            <img src=\"@/assets/img/topfans/scene_3.png\" alt=\"\" />\n          </div>\n          <h3>更多互动</h3>\n          <p>\n            获得更多感兴趣用户的点赞、留言评论等互动，提升粉丝粘性和用户转化效果\n          </p>\n        </div>\n      </div>\n    </div>\n    <div class=\"footer\">\n      <a\n        href=\"https://weibo.com/u/3587960280\"\n        target=\"_blank\"\n        class=\"zixun-btn\"\n      >\n        免费咨询，开始使用\n      </a>\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: 'topfans-scene'\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.topfans-scene {\n  background-color: #f4f5f7;\n  &.topfans-section {\n    padding-top: 88px;\n  }\n  .subtitle {\n    margin-bottom: 60px;\n  }\n  .card-wrapper {\n    padding: 0 60px;\n    box-sizing: border-box;\n  }\n  .card {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    margin-right: 100px;\n    &:last-child {\n      margin-right: 0;\n    }\n    .icon-image {\n      width: 168px;\n      height: 168px;\n      overflow: hidden;\n      img {\n        max-width: 100%;\n        max-height: 100%;\n        float: left;\n        object-fit: cover;\n      }\n    }\n    h3 {\n      font-size: 24px;\n      margin: 16px 0;\n    }\n    p {\n      text-align: center;\n    }\n  }\n  .footer {\n    text-align: center;\n    margin-top: 48px;\n    .zixun-btn {\n      background-color: $danger-color;\n      color: #ffffff;\n      display: inline-block;\n      height: 48px;\n      line-height: 48px;\n      font-size: 16px;\n      border-radius: 24px;\n      padding: 0 32px;\n    }\n  }\n}\n</style>\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TopfansScene.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TopfansScene.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TopfansScene.vue?vue&type=template&id=16f14dd8&scoped=true&\"\nimport script from \"./TopfansScene.vue?vue&type=script&lang=js&\"\nexport * from \"./TopfansScene.vue?vue&type=script&lang=js&\"\nimport style0 from \"./TopfansScene.vue?vue&type=style&index=0&id=16f14dd8&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"16f14dd8\",\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/bangshangtoutiao.7095809e.gif\";","module.exports = \"data:image/png;base64,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\"","var map = {\n\t\"./brightpoint_icon_1.png\": \"32e8\",\n\t\"./brightpoint_icon_2.png\": \"ec33\",\n\t\"./brightpoint_icon_3.png\": \"e777\",\n\t\"./brightpoint_icon_active_1.png\": \"09dc\",\n\t\"./brightpoint_icon_active_2.png\": \"57fc\",\n\t\"./brightpoint_icon_active_3.png\": \"4a92\"\n};\n\n\nfunction webpackContext(req) {\n\tvar id = webpackContextResolve(req);\n\treturn __webpack_require__(id);\n}\nfunction webpackContextResolve(req) {\n\tif(!__webpack_require__.o(map, req)) {\n\t\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\t\te.code = 'MODULE_NOT_FOUND';\n\t\tthrow e;\n\t}\n\treturn map[req];\n}\nwebpackContext.keys = function webpackContextKeys() {\n\treturn Object.keys(map);\n};\nwebpackContext.resolve = webpackContextResolve;\nmodule.exports = webpackContext;\nwebpackContext.id = \"3a40\";","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TopfansXingTai.vue?vue&type=style&index=0&id=0e409935&lang=scss&scoped=true&\"","module.exports = __webpack_public_path__ + \"img/case_slide_2.89ad25f5.png\";","module.exports = __webpack_public_path__ + \"img/yingxiaotuiguang.952b5836.gif\";","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TopfansBrightpoint.vue?vue&type=style&index=0&id=784499df&lang=scss&scoped=true&\"","module.exports = __webpack_public_path__ + \"img/brightpoint_icon_active_3.0d1891da.png\";","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGwAAAB0CAMAAABXPScJAAAAYFBMVEVzqf8AAAD1/P/M4P/1+/+bw//b6//5/f/N4v/w+P9+sP/l8v+ixv+Wvv/H3P+z0f/z+P+Muf/r8//r8//b6P+/3//f7f+w0P/v9f/B2v/p9P+rzP/6///d7f/X6f/6/f+ORbC6AAAAH3RSTlNZAO6Z622x9p7cXcNyapKA4WWppDgIuH7Pjc14+rSq/iy4LAAAAatJREFUaN7t2+FugjAUBWAsClqEQYFN1O2+/1vuVnAOU0XwQgI55w9NSfjU0Fybtt6KU+RpSEIJ07xYPQhjpSHhmPIRVh5IPIfyAWZohBg3VhBnncSeUOJkTZzCieXWyjzBZFbLnVjKdxJPNAk/MnVi9p2PZbHYjgAnRhxPOMQBBgwYMGDvYInv+7qpTtysbOPk/6Xi+qf9u+ihmOLOTd3c2+LK16j1F6riOnKXTA7bUithNiZ2pHaqMbEdX763dWzb15fmj/2Wda+WxT6au5HF6uaGm6rpBubCqq9LkgmwW4D9i2vO9hyLPi+JBDAbU471NrrnbBNiZMbDXHO2CbDbnK0PFjY598Nuc7ZXsYjaOXVhrjnbq9j+3LKOXhfm6nNjO6VU3DyOmzu+no5rdU0a6OsHtncHYMMDDBgwYMBmjOlAUa+oQA/GAuqdYDCm+mNqHtiQn3EeL8hyxxkwYMBQz1DPUM+WMM6AAQOGeoZ6hnq2hHEGDBgwYMDkNsB2L7AKbu3tXjoW3LTcvSguuR27e7l/ZWiimHoL/SQ5lE8PB4gfGHh67EH6KMQvr7CV8zZwjIUAAAAASUVORK5CYII=\"","module.exports = __webpack_public_path__ + \"img/brightpoint_icon_active_2.22a9132c.png\";","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"topfans-page-case\"},[_c('div',{staticClass:\"topfans-section app-basic-layout-wrapper\"},[_c('h3',{staticClass:\"title font-30 font-color-white\"},[_vm._v(\"应用案例\")]),_c('p',{staticClass:\"subtitle font-color-white\"},[_vm._v(\" 查看其他商家如何通过粉丝头条取得成功 \")]),_c('div',{staticClass:\"body\"},[_c('swiper',{attrs:{\"options\":_vm.swiperOptions}},[_c('swiper-slide',[_c('img',{attrs:{\"src\":require(\"@/assets/img/topfans/case_slide_1.png\"),\"alt\":\"\"}})]),_c('swiper-slide',[_c('img',{attrs:{\"src\":require(\"@/assets/img/topfans/case_slide_2.png\"),\"alt\":\"\"}})]),_c('div',{staticClass:\"swiper-button-prev\",attrs:{\"slot\":\"button-prev\"},slot:\"button-prev\"},[_c('i',{staticClass:\"iconfont icon-zuocefanhuijiantou\"})]),_c('div',{staticClass:\"swiper-button-next\",attrs:{\"slot\":\"button-next\"},slot:\"button-next\"},[_c('i',{staticClass:\"iconfont icon-youcefanhuijiantou\"})]),_c('div',{staticClass:\"swiper-scrollbar\",attrs:{\"slot\":\"scrollbar\"},slot:\"scrollbar\"})],1)],1)])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"topfans-page-case\">\n    <div class=\"topfans-section app-basic-layout-wrapper\">\n      <h3 class=\"title font-30 font-color-white\">应用案例</h3>\n      <p class=\"subtitle font-color-white\">\n        查看其他商家如何通过粉丝头条取得成功\n      </p>\n      <div class=\"body\">\n        <swiper :options=\"swiperOptions\">\n          <swiper-slide>\n            <img src=\"@/assets/img/topfans/case_slide_1.png\" alt=\"\" />\n          </swiper-slide>\n          <swiper-slide>\n            <img src=\"@/assets/img/topfans/case_slide_2.png\" alt=\"\" />\n          </swiper-slide>\n          <div slot=\"button-prev\" class=\"swiper-button-prev\">\n            <i class=\"iconfont icon-zuocefanhuijiantou\"></i>\n          </div>\n          <div slot=\"button-next\" class=\"swiper-button-next\">\n            <i class=\"iconfont icon-youcefanhuijiantou\"></i>\n          </div>\n          <div class=\"swiper-scrollbar\" slot=\"scrollbar\"></div>\n        </swiper>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport { swiper, swiperSlide } from 'vue-awesome-swiper'\nimport 'swiper/dist/css/swiper.css'\n\nexport default {\n  components: {\n    swiper,\n    swiperSlide\n  },\n  name: 'topfans-page-case',\n  data() {\n    return {\n      swiperOptions: {\n        spaceBetween: 16,\n        freeMode: true,\n        navigation: {\n          nextEl: '.swiper-button-next',\n          prevEl: '.swiper-button-prev'\n        },\n        scrollbar: {\n          el: '.swiper-scrollbar'\n        }\n      }\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.topfans-page-case {\n  background: url('~@/assets/img/topfans/case_bg.png') repeat center/cover;\n  .topfans-section {\n    & > .title {\n      &:after {\n        background-color: #ffffff;\n      }\n    }\n    & > .subtitle {\n      margin-bottom: 60px;\n    }\n  }\n  .swiper-slide {\n    padding-bottom: 56px;\n    img {\n      width: 100%;\n    }\n  }\n  .swiper-scrollbar {\n    width: 432px;\n    height: 3px;\n    left: 50%;\n    bottom: 16px;\n    margin-left: -216px;\n    background-color: rgba(255, 255, 255, 0.1);\n    &::v-deep .swiper-scrollbar-drag {\n      background-color: #ffffff;\n    }\n  }\n  .swiper-button-next,\n  .swiper-button-prev {\n    background-color: rgba(255, 255, 255, 0.15);\n    width: 32px;\n    height: 32px;\n    line-height: 32px;\n    background-image: none;\n    border-radius: 50%;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    font-size: 16px;\n    color: #ffffff;\n    top: auto;\n    bottom: 0;\n    &:hover {\n      background-color: $danger-color;\n      color: #ffffff;\n    }\n    &.swiper-button-disabled {\n      opacity: 0.65;\n      background-color: rgba(255, 255, 255, 0.15);\n      color: rgba(255, 255, 255, 0.35);\n    }\n  }\n  .swiper-button-next {\n    right: 0;\n  }\n  .swiper-button-prev {\n    right: 44px;\n    left: auto;\n  }\n}\n</style>\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TopfansCase.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TopfansCase.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TopfansCase.vue?vue&type=template&id=1125911d&scoped=true&\"\nimport script from \"./TopfansCase.vue?vue&type=script&lang=js&\"\nexport * from \"./TopfansCase.vue?vue&type=script&lang=js&\"\nimport style0 from \"./TopfansCase.vue?vue&type=style&index=0&id=1125911d&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"1125911d\",\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/scene_2.dd9bdd4d.png\";","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TopfansCase.vue?vue&type=style&index=0&id=1125911d&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"topfans-toufang-component\"},[_c('div',{staticClass:\"topfans-section app-basic-layout-wrapper\"},[_c('h3',{staticClass:\"title font-30\"},[_vm._v(\"投放方式\")]),_c('p',{staticClass:\"subtitle font-color-desc\"},[_vm._v(\"互动营销新途径，激活潜在兴趣人群\")]),_c('div',{staticClass:\"body\"},[_c('ul',{staticClass:\"tabs\"},_vm._l((_vm.tabs),function(item,index){return _c('li',{key:item.id,class:{ active: _vm.activeIndex === index },on:{\"click\":function($event){return _vm.changeTab(index)}}},[_c('div',{staticClass:\"tab-item\"},[_vm._v(_vm._s(item.title))])])}),0),_vm._l((_vm.tabs),function(item,index){return [(_vm.activeIndex === index)?_c('div',{key:item.id,staticClass:\"tab-content\"},[_c('div',{staticClass:\"main-content\"},[_c('h3',{staticClass:\"content-title\"},[_vm._v(_vm._s(item.title))]),_c('p',{staticClass:\"desc\"},[_vm._v(_vm._s(item.desc))]),_c('a',{staticClass:\"button\",attrs:{\"href\":\"https://weibo.com/u/3587960280\",\"target\":\"_blank\"}},[_vm._v(\" 免费咨询，开始使用 \")])]),_c('div',{staticClass:\"image-wrapper\"},[_c('img',{attrs:{\"src\":item.img}})])]):_vm._e()]})],2)])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"topfans-toufang-component\">\n    <div class=\"topfans-section app-basic-layout-wrapper\">\n      <h3 class=\"title font-30\">投放方式</h3>\n      <p class=\"subtitle font-color-desc\">互动营销新途径，激活潜在兴趣人群</p>\n      <div class=\"body\">\n        <ul class=\"tabs\">\n          <li\n            v-for=\"(item, index) in tabs\"\n            :key=\"item.id\"\n            :class=\"{ active: activeIndex === index }\"\n            @click=\"changeTab(index)\"\n          >\n            <div class=\"tab-item\">{{ item.title }}</div>\n          </li>\n        </ul>\n        <template v-for=\"(item, index) in tabs\">\n          <div v-if=\"activeIndex === index\" :key=\"item.id\" class=\"tab-content\">\n            <div class=\"main-content\">\n              <h3 class=\"content-title\">{{ item.title }}</h3>\n              <p class=\"desc\">{{ item.desc }}</p>\n              <a\n                href=\"https://weibo.com/u/3587960280\"\n                class=\"button\"\n                target=\"_blank\"\n              >\n                免费咨询，开始使用\n              </a>\n            </div>\n            <div class=\"image-wrapper\">\n              <img :src=\"item.img\" />\n            </div>\n          </div>\n        </template>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport screen1 from '@/assets/img/topfans/yingxiaotuiguang.gif'\nimport screen2 from '@/assets/img/topfans/neirongjiare.gif'\nimport screen3 from '@/assets/img/topfans/bangshangtoutiao.gif'\n\nexport default {\n  data() {\n    return {\n      activeIndex: 0,\n      tabs: [\n        {\n          id: 1,\n          title: '营销推广',\n          desc: '转化变现一步到位，可投放营销性质博文如：店铺产品上新宣传、转发抽奖等，加速提升转化变现效率；',\n          img: screen1\n        },\n        {\n          id: 2,\n          title: '内容加热',\n          desc: '人人都有机会撬动百万流量上【热门】，博文内容要求：无营销性质博文，如观点表达、日常生活分享、专业领域知识分享等；',\n          img: screen2\n        },\n        {\n          id: 3,\n          title: '帮上头条',\n          desc: '快速提升关注，拥有海量粉丝，适用场景：明星大V背书及品牌宣传',\n          img: screen3\n        }\n      ]\n    }\n  },\n  methods: {\n    changeTab(index) {\n      this.activeIndex = index\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.body {\n  padding-top: 60px;\n  position: relative;\n  padding-left: 271px;\n  .tabs {\n    position: absolute;\n    left: 0;\n    top: 60px;\n    height: 177px;\n    border-left: 3px solid rgba(142, 144, 145, 0.25);\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    .tab-item {\n      padding-left: 19px;\n      cursor: pointer;\n      height: 30px;\n      line-height: 30px;\n      font-size: 16px;\n      position: relative;\n    }\n    li {\n      &.active {\n        color: $text-color-primary;\n        .tab-item {\n          &:after {\n            content: '';\n            background-color: $text-color-primary;\n            position: absolute;\n            width: 3px;\n            height: 100%;\n            left: -3px;\n            top: 0;\n          }\n        }\n      }\n    }\n  }\n  .tab-content {\n    padding-right: 458px;\n    position: relative;\n    min-height: 525px;\n    .image-wrapper {\n      position: absolute;\n      right: 0;\n      bottom: -88px;\n      width: 436px;\n      height: 655px;\n      overflow: hidden;\n      box-sizing: border-box;\n      background: url('~@/assets/img/topfans/phone_bg.png') no-repeat top\n        center/100% 100%;\n      padding: 120px 70.24px 0 76.97px;\n      img {\n        width: 100%;\n        height: 100%;\n        float: left;\n        object-fit: cover;\n        border-radius: 4.8px;\n        border: 1px solid #e3e5e9;\n      }\n    }\n    .content-title {\n      font-size: 26px;\n      line-height: 32px;\n      margin-bottom: 52px;\n    }\n    .desc {\n      font-size: 18px;\n      margin-bottom: 104px;\n      line-height: 36px;\n    }\n    .button {\n      width: 208px;\n      height: 48px;\n      line-height: 48px;\n      font-size: 16px;\n      text-align: center;\n      color: #ffffff;\n      border-radius: 24px;\n      background-color: $danger-color;\n      display: inline-block;\n      cursor: pointer;\n    }\n  }\n}\n</style>\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TopfansToufang.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TopfansToufang.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TopfansToufang.vue?vue&type=template&id=7736bcf1&scoped=true&\"\nimport script from \"./TopfansToufang.vue?vue&type=script&lang=js&\"\nexport * from \"./TopfansToufang.vue?vue&type=script&lang=js&\"\nimport style0 from \"./TopfansToufang.vue?vue&type=style&index=0&id=7736bcf1&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"7736bcf1\",\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/brightpoint_1.f47a267a.png\";","module.exports = \"data:image/png;base64,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\"","module.exports = __webpack_public_path__ + \"img/brightpoint_2.4e5bf5b8.png\";","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _vm._m(0)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"topfans-page-contact\"},[_c('div',{staticClass:\"topfans-section app-basic-layout-wrapper\"},[_c('h3',{staticClass:\"title font-30\"},[_vm._v(\"关注我们查看更多产品信息\")]),_c('p',{staticClass:\"subtitle\"},[_vm._v(\"关注官方微博账号，查看最新优惠政策信息\")]),_c('div',{staticClass:\"body\"},[_c('div',{staticClass:\"cards-wrapper\"},[_c('a',{staticClass:\"card\",attrs:{\"href\":\"https://weibo.com/u/3587960280\",\"target\":\"_blank\"}},[_c('div',{staticClass:\"avatar\"},[_c('img',{attrs:{\"src\":require(\"@/assets/img/topfans/weibo_avatar.png\"),\"alt\":\"\"}}),_c('div',{staticClass:\"vip-icon\"},[_c('i',{staticClass:\"iconfont icon-yonghushuxing\"})])]),_c('div',{staticClass:\"text-wrapper\"},[_c('h3',{staticClass:\"font-20\"},[_vm._v(\"粉丝头条官方微博\")]),_c('p',{staticClass:\"font-13\"},[_vm._v(\"关注获取更多营销信息和精彩内容\")])])]),_c('a',{staticClass:\"card\",attrs:{\"href\":\"https://weibo.com/u/2432996365\",\"target\":\"_blank\"}},[_c('div',{staticClass:\"avatar\"},[_c('img',{attrs:{\"src\":require(\"@/assets/img/topfans/kefu_avatar.png\"),\"alt\":\"\"}}),_c('div',{staticClass:\"vip-icon\"},[_c('i',{staticClass:\"iconfont icon-yonghushuxing\"})])]),_c('div',{staticClass:\"text-wrapper\"},[_c('h3',{staticClass:\"font-20\"},[_vm._v(\"微博企业商业客服\")]),_c('p',{staticClass:\"font-13\"},[_vm._v(\"更多使用咨询\")])])]),_c('div',{staticClass:\"tel-wrapper app-flex-column\"},[_c('span',{staticClass:\"label\"},[_vm._v(\"或者直接拨打\")]),_c('i',{staticClass:\"line\"}),_c('h3',{staticClass:\"tel font-42 font-color-danger\"},[_vm._v(\"4000-980-980\")]),_c('span',{staticClass:\"time font-14 font-color-desc\"},[_vm._v(\" 周一至周日 9:00-18:00 \")])])])])])])}]\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"topfans-page-contact\">\n    <div class=\"topfans-section app-basic-layout-wrapper\">\n      <h3 class=\"title font-30\">关注我们查看更多产品信息</h3>\n      <p class=\"subtitle\">关注官方微博账号，查看最新优惠政策信息</p>\n      <div class=\"body\">\n        <div class=\"cards-wrapper\">\n          <a href=\"https://weibo.com/u/3587960280\" target=\"_blank\" class=\"card\">\n            <div class=\"avatar\">\n              <img src=\"@/assets/img/topfans/weibo_avatar.png\" alt=\"\" />\n              <div class=\"vip-icon\">\n                <i class=\"iconfont icon-yonghushuxing\"></i>\n              </div>\n            </div>\n            <div class=\"text-wrapper\">\n              <h3 class=\"font-20\">粉丝头条官方微博</h3>\n              <p class=\"font-13\">关注获取更多营销信息和精彩内容</p>\n            </div>\n          </a>\n          <a href=\"https://weibo.com/u/2432996365\" target=\"_blank\" class=\"card\">\n            <div class=\"avatar\">\n              <img src=\"@/assets/img/topfans/kefu_avatar.png\" alt=\"\" />\n              <div class=\"vip-icon\">\n                <i class=\"iconfont icon-yonghushuxing\"></i>\n              </div>\n            </div>\n            <div class=\"text-wrapper\">\n              <h3 class=\"font-20\">微博企业商业客服</h3>\n              <p class=\"font-13\">更多使用咨询</p>\n            </div>\n          </a>\n          <div class=\"tel-wrapper app-flex-column\">\n            <span class=\"label\">或者直接拨打</span>\n            <i class=\"line\"></i>\n            <h3 class=\"tel font-42 font-color-danger\">4000-980-980</h3>\n            <span class=\"time font-14 font-color-desc\">\n              周一至周日 9:00-18:00\n            </span>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: 'topfans-page-contact'\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.topfans-page-contact {\n  .subtitle {\n    margin-bottom: 60px;\n  }\n  .cards-wrapper {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n  }\n  .card {\n    display: flex;\n    width: 376px;\n    height: 144px;\n    padding: 44px;\n    border-radius: 4px;\n    border: 1px solid #efeff3;\n    box-sizing: border-box;\n    color: $text-color-default;\n    align-items: center;\n    .avatar {\n      width: 56px;\n      height: 56px;\n      border: 2.8px solid #efeff3;\n      border-radius: 50%;\n      margin-right: 16px;\n      position: relative;\n      img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        float: left;\n      }\n    }\n    .text-wrapper {\n      display: flex;\n      height: 56px;\n      flex: 1;\n      flex-direction: column;\n      justify-content: space-around;\n      p {\n        color: $text-color-notice;\n      }\n    }\n    .vip-icon {\n      position: absolute;\n      width: 18px;\n      height: 18px;\n      text-align: center;\n      line-height: 18px;\n      border-radius: 50%;\n      background-color: #2fb0f7;\n      color: #ffffff;\n      bottom: -6px;\n      right: -6px;\n      border: 3px solid #ffffff;\n      i {\n        font-size: 18px;\n      }\n    }\n    &:hover {\n      border-color: transparent;\n      box-shadow: 0 8px 13px rgba(0, 0, 0, 0.1);\n    }\n  }\n  .tel-wrapper {\n    width: 303px;\n    margin-left: 69px;\n    .line {\n      width: 64px;\n      height: 4px;\n      background: $neutral-color-3;\n      border-radius: 2px;\n      margin-top: 12px;\n      margin-bottom: 16px;\n    }\n    .tel {\n      margin-bottom: 8px;\n    }\n  }\n}\n</style>\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TopfansContact.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TopfansContact.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TopfansContact.vue?vue&type=template&id=fe239574&scoped=true&\"\nimport script from \"./TopfansContact.vue?vue&type=script&lang=js&\"\nexport * from \"./TopfansContact.vue?vue&type=script&lang=js&\"\nimport style0 from \"./TopfansContact.vue?vue&type=style&index=0&id=fe239574&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"fe239574\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TopfansScene.vue?vue&type=style&index=0&id=16f14dd8&lang=scss&scoped=true&\"","module.exports = __webpack_public_path__ + \"img/scene_1.f67be2d4.png\";","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TopFansPage.vue?vue&type=style&index=1&lang=scss&\"","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGwAAAB0CAMAAABXPScJAAAAb1BMVEU7Tv82Uf8AAAD3ZUDrZE3LYXMzUv80Uf/3ZUHtY032ZEH0ZETMYmwzUv/5ZUDiZls0Uf8zU/8zUv9VVf/zZUboY1GMV6ozUv8yUf/dYl4zUf+2XIQ0Uf80Uv/1ZUPYY2IzTf/wZEj3ZEEzUv74ZT9RqVwLAAAAI3RSTlMNJgDnairnjuBxy6gxmfFGL/TYBpdaFpJhRMEfcTu3Ox6I0/HOMHIAAAG1SURBVGje7dvbcoIwEIDhIIgHDEWQQ/Hczfs/Y7PGtmChGLowpbP/DTt68Y0OTIYhiJkuyuMtELWN82jWksYSCcTJpA1LSiCvTFowCQMkm7EIdH7hCKKcwgdd1IjlaF0EYRfU8kYs1t8UgrQCAOJGDM95hxZz8ApoxEAniAMdY4wxxhhjv8FSz/MyM2Z6THE4e5+le/z8oawv5iql5mbc6HGpj4GqFKZirh7a02ErVSvcD4mdVL10SGytD7uVCWcvu41X/JXm04wWexGmADEz4u9zhYmxJix9vZWOgH3FWKXv92wy+hkLdrcCAgyTyVBnY1NlMiIGcjjMqXQ8mHu2ETAsQk3aYOE9ZYlhB7xnexYLVL2zJXbEK+BZbBPWrJOwwTDQNWNr13Xv2FyPa308n5buR2/XTFS/tcf6xxhjjDHG2JSxhQ9W+Yv+2AKsW/TGfHvMnwbW52+cxgnyj68zxhhjjNezaSwxvJ7xesYYY4wBr2e8nv3hv5HXM8YYY4wxxigwwg2w3Q9YCbf2dj86Jty03P1QnHI7dvfj/pmEkZJmC/0olUnHywHELwyQv/aAtW2reQchldMnrkVx4QAAAABJRU5ErkJggg==\"","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TopfansContact.vue?vue&type=style&index=0&id=fe239574&lang=scss&scoped=true&\"","var map = {\n\t\"./brightpoint_icon_active_1.png\": \"09dc\",\n\t\"./brightpoint_icon_active_2.png\": \"57fc\",\n\t\"./brightpoint_icon_active_3.png\": \"4a92\"\n};\n\n\nfunction webpackContext(req) {\n\tvar id = webpackContextResolve(req);\n\treturn __webpack_require__(id);\n}\nfunction webpackContextResolve(req) {\n\tif(!__webpack_require__.o(map, req)) {\n\t\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\t\te.code = 'MODULE_NOT_FOUND';\n\t\tthrow e;\n\t}\n\treturn map[req];\n}\nwebpackContext.keys = function webpackContextKeys() {\n\treturn Object.keys(map);\n};\nwebpackContext.resolve = webpackContextResolve;\nmodule.exports = webpackContext;\nwebpackContext.id = \"b60e\";","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TopFansPage.vue?vue&type=style&index=0&id=6179991a&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"topfans-page-brightpoint\"},[_c('div',{staticClass:\"topfans-section app-basic-layout-wrapper\"},[_c('h3',{staticClass:\"title font-30\"},[_vm._v(\"产品亮点\")]),_c('div',{staticClass:\"body\"},[_c('div',{staticClass:\"icon-tabs\"},[_vm._l((_vm.tabs),function(tab,index){return [_c('div',{key:tab.id,staticClass:\"tab\",class:{ active: _vm.activeIndex === index },on:{\"click\":function($event){return _vm.changeSlide(index)}}},[_c('div',{staticClass:\"icon-image\"},[_c('img',{staticClass:\"active-img\",attrs:{\"src\":require((\"@/assets/img/topfans/brightpoint_icon_active_\" + (tab.id) + \".png\")),\"alt\":\"\"}}),_c('img',{staticClass:\"default-img\",attrs:{\"src\":require((\"@/assets/img/topfans/brightpoint_icon_\" + (tab.id) + \".png\")),\"alt\":\"\"}})]),_c('h3',{staticClass:\"font-20\",class:{ 'font-color-notice': _vm.activeIndex !== index }},[_vm._v(\" \"+_vm._s(tab.name)+\" \")])]),(index < 2)?_c('div',{key:'line' + tab.id,staticClass:\"t-line\"}):_vm._e()]})],2),_c('div',{staticClass:\"tab-content\"},[_c('swiper',{ref:\"tabSwiper\",attrs:{\"options\":_vm.swiperOptions},on:{\"slideChange\":_vm.onSlideChange}},[_vm._l((_vm.tabs),function(item){return _c('swiper-slide',{key:item.id},[_c('img',{attrs:{\"src\":require((\"@/assets/img/topfans/brightpoint_\" + (item.id) + \".png\")),\"alt\":\"\"}})])}),_c('div',{staticClass:\"swiper-button-prev\",attrs:{\"slot\":\"button-prev\"},slot:\"button-prev\"},[_c('i',{staticClass:\"iconfont icon-zuocefanhuijiantou\"})]),_c('div',{staticClass:\"swiper-button-next\",attrs:{\"slot\":\"button-next\"},slot:\"button-next\"},[_c('i',{staticClass:\"iconfont icon-youcefanhuijiantou\"})])],2)],1)]),_vm._m(0)])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"footer\"},[_c('a',{staticClass:\"zixun-btn\",attrs:{\"href\":\"https://weibo.com/u/3587960280\",\"target\":\"_blank\"}},[_vm._v(\" 免费咨询，开始使用 \")])])}]\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"topfans-page-brightpoint\">\n    <div class=\"topfans-section app-basic-layout-wrapper\">\n      <h3 class=\"title font-30\">产品亮点</h3>\n      <div class=\"body\">\n        <div class=\"icon-tabs\">\n          <template v-for=\"(tab, index) in tabs\">\n            <div\n              class=\"tab\"\n              :class=\"{ active: activeIndex === index }\"\n              :key=\"tab.id\"\n              @click=\"changeSlide(index)\"\n            >\n              <div class=\"icon-image\">\n                <img\n                  class=\"active-img\"\n                  :src=\"\n                    require(`@/assets/img/topfans/brightpoint_icon_active_${tab.id}.png`)\n                  \"\n                  alt=\"\"\n                />\n                <img\n                  class=\"default-img\"\n                  :src=\"\n                    require(`@/assets/img/topfans/brightpoint_icon_${tab.id}.png`)\n                  \"\n                  alt=\"\"\n                />\n              </div>\n              <h3\n                class=\"font-20\"\n                :class=\"{ 'font-color-notice': activeIndex !== index }\"\n              >\n                {{ tab.name }}\n              </h3>\n            </div>\n            <div v-if=\"index < 2\" class=\"t-line\" :key=\"'line' + tab.id\"></div>\n          </template>\n        </div>\n        <div class=\"tab-content\">\n          <swiper\n            ref=\"tabSwiper\"\n            :options=\"swiperOptions\"\n            @slideChange=\"onSlideChange\"\n          >\n            <swiper-slide v-for=\"item in tabs\" :key=\"item.id\">\n              <img\n                :src=\"\n                  require(`@/assets/img/topfans/brightpoint_${item.id}.png`)\n                \"\n                alt=\"\"\n              />\n            </swiper-slide>\n            <div slot=\"button-prev\" class=\"swiper-button-prev\">\n              <i class=\"iconfont icon-zuocefanhuijiantou\"></i>\n            </div>\n            <div slot=\"button-next\" class=\"swiper-button-next\">\n              <i class=\"iconfont icon-youcefanhuijiantou\"></i>\n            </div>\n          </swiper>\n        </div>\n      </div>\n      <div class=\"footer\">\n        <a\n          href=\"https://weibo.com/u/3587960280\"\n          class=\"zixun-btn\"\n          target=\"_blank\"\n        >\n          免费咨询，开始使用\n        </a>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport { swiper, swiperSlide } from 'vue-awesome-swiper'\nimport 'swiper/dist/css/swiper.css'\n\nexport default {\n  components: {\n    swiper,\n    swiperSlide\n  },\n  name: 'topfans-page-brightpoint',\n  data() {\n    return {\n      activeIndex: 0,\n      tabs: [\n        {\n          id: 1,\n          name: '内容加热'\n        },\n        {\n          id: 2,\n          name: '营销推广'\n        },\n        {\n          id: 3,\n          name: '帮上头条'\n        }\n      ],\n      swiperOptions: {\n        navigation: {\n          nextEl: '.swiper-button-next',\n          prevEl: '.swiper-button-prev'\n        }\n      }\n    }\n  },\n  computed: {\n    swiper() {\n      return this.$refs.tabSwiper.swiper\n    }\n  },\n  methods: {\n    changeSlide(index) {\n      this.swiper.slideTo(index)\n    },\n    onSlideChange() {\n      this.activeIndex = this.swiper.activeIndex\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.topfans-page-brightpoint {\n  background-color: #f4f5f7;\n  .topfans-section {\n    & > .title {\n      &:after {\n        display: none;\n      }\n    }\n  }\n  .icon-tabs {\n    display: flex;\n    width: 630px;\n    margin: 0 auto 20px;\n    justify-content: space-between;\n    .icon-image {\n      width: 64px;\n      height: 64px;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      img {\n        max-width: 100%;\n        max-height: 100%;\n        object-fit: cover;\n      }\n    }\n    .tab {\n      cursor: pointer;\n      text-align: center;\n      h3 {\n        margin-top: 9px;\n      }\n      .active-img {\n        display: none;\n      }\n      &:hover,\n      &.active {\n        .active-img {\n          display: inline;\n        }\n        .default-img {\n          display: none;\n        }\n      }\n    }\n    .t-line {\n      height: 1px;\n      width: 153px;\n      margin-top: 32px;\n      background-color: rgba(142, 144, 145, 0.1);\n    }\n  }\n  .swiper-slide {\n    img {\n      width: 100%;\n    }\n  }\n  .swiper-button-next,\n  .swiper-button-prev {\n    background-color: #ffffff;\n    width: 32px;\n    height: 32px;\n    line-height: 32px;\n    background-image: none;\n    border-radius: 50%;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    font-size: 16px;\n    color: $text-color-notice;\n    &:hover {\n      background-color: $danger-color;\n      color: #ffffff;\n    }\n    &.swiper-button-disabled {\n      opacity: 0.65;\n      background-color: #ffffff;\n      color: rgba(142, 144, 145, 0.45);\n    }\n  }\n  .swiper-button-next {\n    right: 0;\n  }\n  .swiper-button-prev {\n    left: 0;\n  }\n  .footer {\n    text-align: center;\n    margin-top: 48px;\n    .zixun-btn {\n      background-color: $danger-color;\n      color: #ffffff;\n      display: inline-block;\n      height: 48px;\n      line-height: 48px;\n      font-size: 16px;\n      border-radius: 24px;\n      padding: 0 32px;\n    }\n  }\n}\n</style>\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TopfansBrightpoint.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TopfansBrightpoint.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TopfansBrightpoint.vue?vue&type=template&id=784499df&scoped=true&\"\nimport script from \"./TopfansBrightpoint.vue?vue&type=script&lang=js&\"\nexport * from \"./TopfansBrightpoint.vue?vue&type=script&lang=js&\"\nimport style0 from \"./TopfansBrightpoint.vue?vue&type=style&index=0&id=784499df&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"784499df\",\n  null\n  \n)\n\nexport default component.exports","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHQAAABkCAMAAABgkuSOAAAAgVBMVEU7Tv8AAAA0U//5ZT/5ZT/4ZUB0U8HkYlj1ZUPtZEvQYmrwZEnyY0fDXnr3ZUD4ZUH3ZUHtZUz2ZEHLX3EzU/8zUv8yUv8zUf/1ZUM1U/82U//dY100Vf/0ZUTzZEXmYlPYYmOyXYmaV57zZEblYVb0ZETpY08zU/8xWP8zUv74ZT9q5+0VAAAAKXRSTlMNAFn58eIRScB3MYOOJurZ0mzJLPPmyr+2iGhDJ66hVzkfGZlRpl+5GjKQePUAAALLSURBVGje7drJduowDAZg5dqZBxJSKJCWGVr0/g94sUNqIGbRc2Rl0fwLNu3pV9uyBSbged5q/nZhytt8dQXB+36/sOb9+4pymUb1YHVhzwrm19evD2DKx9eVm4OqISZTq6qaQI0X+KK9Ee0yokOhuyqqmdF8LXDCO9IgE4i4ZkXrElVSTjSUqBMzoqFA5B7pVuItBzZ072OXiA1d40/EjgkN8S4VE1reo5OABW3wISkL+vmIioYB3Qt8jGzco0d8jgydoxn2Ijau0QgtauoYnaAt08QpWqA1fu0SFfhKdYhKfKUmfGtqUiQu0F1gqteWMnCAZuqPnvB1DvRooptnjPaoxi4ScnSB2+trjfZkSl1Qo8mtY5d2dKEP5YQYzW4DSe3oRJfYgRYNCkRRq/kVVlTq/iMDUrTBa9btkK1pt3BDiHZVu1FtvLCZAuCAiCkp+okqUhVwZUN9gA0ifpKipXmbYD0gIoCdqidS1O+m8bCHILLs07YDFaSoNHV6CPOyh4btPyZIUfFASGwznZoldYD69nNoi23i22z4pOjUiq5vrc4P1Pmhhk68ZWyp4KyrK9SnM/mWyaxoDrn5QFOpIiZFQ5t5ahdy0fU+xJAUDWTflLWusHXQ/oYgPvDti3oGhZ6hTaqXlBY9PpOiApWub+/VVBzpULNp/NJ07bBfaVOgRkNdp+dIqFFG1dPqbfRZSI5C1O7IIGmSXr0kUncaejRX3btowJKtr36UE6Pmdk7E0MtGtpNAjpr3LIvd88WvOfOpUaPK7G4i61Qa0wkKG4E6UXpMdnlzTktz7+AMhW2JlpRbx9d0VfFMFhXD1Wv80NGn8Z7nOj2PT9FEykl0ivO/8GXQiI6oQQf5In6QRw4GebhiiMdIhnlgZqBHg36Zf5Z4v8mIjuiIencZ0RH1/gC6nF1YMlsadHlhy/IHnV3YMhsK5Z/ewQrpP/boEFjNeCEtAAAAAElFTkSuQmCC\"","module.exports = __webpack_public_path__ + \"img/weibo_avatar.7cba5ee1.png\";","module.exports = __webpack_public_path__ + \"img/kefu_avatar.b5c311fb.png\";","module.exports = __webpack_public_path__ + \"img/brightpoint_icon_3.0d1a6cf1.png\";","var map = {\n\t\"./brightpoint_1.png\": \"735c\",\n\t\"./brightpoint_2.png\": \"8bae\",\n\t\"./brightpoint_3.png\": \"0c20\",\n\t\"./brightpoint_icon_1.png\": \"32e8\",\n\t\"./brightpoint_icon_2.png\": \"ec33\",\n\t\"./brightpoint_icon_3.png\": \"e777\",\n\t\"./brightpoint_icon_active_1.png\": \"09dc\",\n\t\"./brightpoint_icon_active_2.png\": \"57fc\",\n\t\"./brightpoint_icon_active_3.png\": \"4a92\"\n};\n\n\nfunction webpackContext(req) {\n\tvar id = webpackContextResolve(req);\n\treturn __webpack_require__(id);\n}\nfunction webpackContextResolve(req) {\n\tif(!__webpack_require__.o(map, req)) {\n\t\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\t\te.code = 'MODULE_NOT_FOUND';\n\t\tthrow e;\n\t}\n\treturn map[req];\n}\nwebpackContext.keys = function webpackContextKeys() {\n\treturn Object.keys(map);\n};\nwebpackContext.resolve = webpackContextResolve;\nmodule.exports = webpackContext;\nwebpackContext.id = \"e846\";","module.exports = \"data:image/png;base64,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\"","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TopfansToufang.vue?vue&type=style&index=0&id=7736bcf1&lang=scss&scoped=true&\"","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHYAAAB4CAMAAAAQc/ZTAAABPlBMVEUAAABxqf/7/v/3+v/7/f/C2f/6///7///b6f/g7f/7///7/v/7///////7/f/6///////7///7///5/v/////////6///7///5/P/7///8///7///////////h7v/7/v/7/v/8///8///7///////////////6/v/7///7/v/6/v/8///8/v/8///////////////7/v/7///7///7///8///////7///s8//7/v/7/v/6///4/P+Es/94rf/6/v/7///x9//m8P/7///6//+bwv+Ouv/8///8///////////2+v/0+v/u9v/3+v/p8v/X5//I3v/G3P++1/+oy/+Vvv+Asv/6///6///////j7v/g7P/N4f/7//+10/+szv/7///7///6//+fxf/6//+x0f+uzv/6/P/6///2+v8L5hZLAAAAZ3RSTlMAc+/2e6g1RsbP+fz2BP3SDevn4yEC14v6hWA+FAnPx3JYUToYEQbdzb2klVRMJh8c8rKwd1su5eHDrJuCe3ZrQuvXuJ+JgWRJMSnz8Ofg28CvraSThXpnNwvTzrW0nZaPf6eMNpqY6lL3OQAABT1JREFUaN7tl+la2kAUhs8glRbCXgELlKUCIogLoCIquK+tda/WrWvi/d9AM1kmyRACwSfYp837AyUE3knynXMS+H8Yy8HQye81Q3EYLoHM9zmOC8MwmbjadHOYcRgalVqKk6nAcPg5HuEUUjAEvK7SIqehBVYTKE85OAp3AiwlsTvPcJ1UwULephseTpcsWIiT64IjD1bS6qItgbW80z/JH8Biym4dawEsx6UT5G9gPXEHR/MWhsB+kLI2YBjM+CntLgyBDyG6MebAet51RHkZLGdsnOtgGqwmUJVdDDnooBcsgw5TML4nex/BMugw+WcApiXvKFgFHablawDZGwHrIGEivZB4nWARdJiyIJPlvbNAYU2YwgsAKm8RKKwJUyMBarJ1oLAkTM0BizS7uWA6TFFZ6mmBSDttOo6e6LW5MM2THtGWI8x42tA/uU0xFVkzN6kkTH55mmc8LBvsP8ELBU5ifqbvMJGZXg2AyJWP5Un1e5UzDEdgal6TYSIPkjVWpGQmGIRI3Mx3mAxIjGOlB79koDeJIkezleg7TOF9kChh4dGPY/517gB6MRrmJBYVr2O3zzClJkDEO4Wt6xdo54j/Gwn0ukTyZXXX89/cijhlUMRxEqatPIjkq9j6cQchdI7P8zIY4S1xEiH81FBRnW9PNNArTJ40OelFbF1aRZgT/L9R15hoqKcz5l1QEYezxmFyuEjVp7Dp+BKJvMfRivfRxqvXJGBbnMLdW4MwRSpk9X5svVlDEpfr/NvQBOhzpak8QjyiKmKnt1uY7gJkWwFbv64hwnaM39DQrf98k/x2nfrEyVBFrBOm6BhIHISx9TVSc4Y3RaGT2UkSpi9AUylSRUyHyV1XPfdgxWek5TPeWAaaNln2pG7nrodURXxFwtS50vgcFtwiirUl3DUqoCXtIbd6SRBJaiOQa3JUEQfuyEqVXfcY/ud9p6iDnUP+A79mkCanOBIm5aQHy1TO/ZoiVsI0lVQ9weNaOUM6POBpNEWlkW7jo4t4p5y2l9QYVREH5RXUgDCNfzp2j3S5ZXlaSphI7w39JKtmWEzYRZXLJkczNw0KTv47Iw+oCzf8p0GQqXaGyeljRXylJDWJqUfWwgFQ2lPUjVW+eh0g4+gIkzA8YseCOEKVU6DkUVmLOaWYFkTtK9SVEbVWakIrpLUJDfXwHJ2NCHN6heouX5RoPY6RzvzIjprTZrRh2g8LI+sCh36DxUxS5eZNi9Fy76ru+FizWqj7Q99Jj88K5b4hDY/TGH7nBIqZeXE0yhxEWHNamppP29q2l0RtgopWeXFyRukRDvZZ2vyWEF/1N1+JWld416uNVpJa6uDaREMI0wPS0fKZLoMeeZz752gXCiRMOlqcrTbQ4Nw/TzsthmkV6WsFiqNAUJoou740sDbto6YzpZVY1lRTnRGX+n5ArbcptIZTZKzF+zRnladCVsr9m8G0CeEGc+Q3MtLevBYjy0Rz0t2b0ETxmBvsaA+EMK1vI0Pta3TxVRQ7nEk8L4WnjXOEBjxal1Dux6uolxahHxusQKi1FxTuwHcQGvBoWx4hTGuopxZzvsQS8F3poNqS0JlOEOqtFbn/KE/jW4QG1jpwmH6hfrRk45GQwHv0PG1sG5nSorWTQ5LAwbUjyJQWc3myioaupXlja22trbW1ttbW2lpba2ttra21tbbW1qq0vpGuxBRtrPtePqI13IvSGkG0hhCtIX+BtuDoRRqg7ejJPkC6504FsLH5l/A6Pz0NmU9OL6w8vQArEH56AcIvpH2hk/xSkfqv+AMV1hPW0rOoHgAAAABJRU5ErkJggg==\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"app-basic-min-width default-layout app-flex-column\"},[_c('div',{staticClass:\"main app-flex-column\"},[_c('div',{staticClass:\"brand-page topfans_page\"},[_c('div',{staticClass:\"banner\"},[_c('div',{staticClass:\"content\"},[_c('h3',{staticClass:\"title\"},[_vm._v(\"粉丝头条\")]),_c('p',{staticClass:\"desc\"},[_vm._v(\" 日均亿级流量，精准数据赋能，将创作者博文精准推送给目标用户 \")]),_c('a',{staticClass:\"register-btn\",attrs:{\"href\":\"https://weibo.com/u/3587960280\",\"target\":\"_blank\"},on:{\"click\":_vm.register}},[_vm._v(\" 免费咨询 \")])])]),_c('TopfansXingTai'),_c('TopfansScene'),_c('TopfansToufang'),_c('TopfansBrightpoint'),_c('TopfansCase'),_c('TopfansContact')],1)])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"app-basic-min-width default-layout app-flex-column\">\n    <div class=\"main app-flex-column\">\n      <div class=\"brand-page topfans_page\">\n        <div class=\"banner\">\n          <div class=\"content\">\n            <h3 class=\"title\">粉丝头条</h3>\n            <p class=\"desc\">\n              日均亿级流量，精准数据赋能，将创作者博文精准推送给目标用户\n            </p>\n            <a\n              href=\"https://weibo.com/u/3587960280\"\n              target=\"_blank\"\n              class=\"register-btn\"\n              @click=\"register\"\n            >\n              免费咨询\n            </a>\n          </div>\n        </div>\n        <TopfansXingTai></TopfansXingTai>\n        <TopfansScene></TopfansScene>\n        <TopfansToufang></TopfansToufang>\n        <TopfansBrightpoint></TopfansBrightpoint>\n        <TopfansCase></TopfansCase>\n        <TopfansContact></TopfansContact>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport TopfansXingTai from './components/TopfansXingTai'\nimport TopfansScene from './components/TopfansScene'\nimport TopfansToufang from './components/TopfansToufang'\nimport TopfansBrightpoint from './components/TopfansBrightpoint'\nimport TopfansCase from './components/TopfansCase'\nimport TopfansContact from './components/TopfansContact'\n\nexport default {\n  name: 'topfans_page',\n  components: {\n    TopfansXingTai,\n    TopfansScene,\n    TopfansToufang,\n    TopfansBrightpoint,\n    TopfansCase,\n    TopfansContact\n  },\n  methods: {\n    register() {\n      const { contactInfo } = this.$refs\n      document.documentElement.scrollTop = contactInfo.offsetTop - 40\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.topfans_page {\n  .default-layout {\n    min-height: 100vh;\n    .main {\n      flex: 1;\n    }\n  }\n  .banner {\n    background: url('~@/assets/img/topfans/banner-bg.png') no-repeat center /\n      cover;\n    height: 640px;\n    position: relative;\n    .content {\n      position: absolute;\n      top: 221px;\n      left: 172px;\n    }\n    .title {\n      color: $text-color-title;\n      font-size: 30px;\n      margin-bottom: 20px;\n      padding-bottom: 20px;\n      position: relative;\n      &:after {\n        content: '';\n        background-color: $white;\n        width: 24px;\n        height: 4px;\n        position: absolute;\n        bottom: 0;\n        left: 0;\n      }\n    }\n    .desc {\n      margin-bottom: 32px;\n      font-size: 16px;\n      color: rgba(255, 255, 255, 0.75);\n    }\n    .register-btn {\n      background-color: $danger-color;\n      cursor: pointer;\n      text-align: center;\n      width: 104px;\n      height: 34px;\n      line-height: 34px;\n      border-radius: 17px;\n      color: $white;\n      display: inline-block;\n      margin-right: 24px;\n      font-size: 14px;\n    }\n  }\n}\n.contact-info {\n  padding-top: 64px;\n  padding-bottom: 88px;\n  background-color: #f4f5f7;\n  .sub-title {\n    text-align: center;\n    margin-bottom: 60px;\n  }\n}\n</style>\n\n<style lang=\"scss\">\n.topfans_page {\n  .topfans-section {\n    padding: 64px 0 88px;\n    .title {\n      padding-bottom: 20px;\n      margin-bottom: 28px;\n      position: relative;\n      text-align: center;\n      &:after {\n        content: '';\n        position: absolute;\n        left: 50%;\n        bottom: 0;\n        transform: translateX(-50%);\n        width: 32px;\n        height: 5px;\n        background: $danger-color;\n        border-radius: 2px;\n      }\n    }\n    .subtitle {\n      margin-top: 12px;\n      text-align: center;\n      font-size: 16px;\n    }\n  }\n  .contact-info-component {\n    .left {\n      .submit-box {\n        .submit {\n          background-color: $danger-color;\n        }\n      }\n    }\n    .right {\n      .tel {\n        color: $danger-color;\n      }\n    }\n  }\n}\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TopFansPage.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TopFansPage.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TopFansPage.vue?vue&type=template&id=6179991a&scoped=true&\"\nimport script from \"./TopFansPage.vue?vue&type=script&lang=js&\"\nexport * from \"./TopFansPage.vue?vue&type=script&lang=js&\"\nimport style0 from \"./TopFansPage.vue?vue&type=style&index=0&id=6179991a&lang=scss&scoped=true&\"\nimport style1 from \"./TopFansPage.vue?vue&type=style&index=1&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"6179991a\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}