<template>
  <div class="i-platform">
    <div class="title">合作平台</div>
    <ul class="logos">
      <li><img src="./i-platform/bj.png"><span>百度百家</span></li>
      <li><img src="./i-platform/qe.png"><span>企鹅号</span></li>
      <li><img src="./i-platform/tt.png"><span>今日头条</span></li>
      <li><img src="./i-platform/sh.png"><span>搜狐公众平台</span></li>
      <li><img src="./i-platform/wy.png"><span>网易新闻</span></li>
      <li><img src="./i-platform/uc.png"><span>UC</span></li>
    </ul>
  </div>
</template>

<script>
</script>

<style scoped lang="stylus" rel="stylesheet/stylus">
.i-platform
  padding: 70px 0
  text-align: center
  background-image: url("./i-platform/bg.png")
  background-size: cover
  background-position: center
  .title
    color: #fff
    font-size: 28px
    margin-bottom: 30px
  .logos
    width: 1000px
    overflow: hidden
    margin: 0 auto
    li
      float: left
      color: #fff
      font-size: 18px
      width: 166px
      img
        width: 88px
        height: 88px
      span
        display: block
        margin-top: 10px
</style>
