<template>
  <div>
    <div class="footer">
      <div class="d-flex flex-nowrap inner">
        <div class="box">
          <img class="pic" src="~assets/logo_bottom.png" />
        </div>
        <div class="box flex-1 d-flex flex-column" style="padding-left: 13%;">
          <div class="title">发现</div>
          <span>创新挑战</span>
          <span>创新平台</span>
          <span>孵化平台</span>
          <span>产业平台</span>
          <span>在线社区</span>
        </div>
        <div class="box flex-1 d-flex flex-column">
          <div class="title">资讯</div>
          <span>行业资讯</span>
          <span>活动公告</span>
          <span>国家政策</span>
          <span>行业资讯</span>
          <span>省级政策</span>
        </div>
        <div class="box flex-1 d-flex flex-column">
          <div class="title">联系我们</div>
          <span>我要入驻</span>
          <span>人才招聘</span>
          <div>400-789-789</div>
        </div>
        <div class="box">
          <img class="pic" src="~assets/code.png" />
        </div>
      </div>
    </div>
    <div class="xian"></div>
    <div class="font-12 align-center text">
      Copyright © 2020 The Project by
      <span style="color:#2E54EA">CCSENS</span>. All Rights Reserved
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return { str: '头部导航栏' };
  },
};
</script>

<style lang="stylus" scoped>
.footer {
  color: #D7D7D7;
}

.pic {
  width: 130px;
}

.box {
  margin-top: 58px;

  .title {
    font-size: 18px;
    margin-bottom: 18px;
  }

  span {
    font-size: 12px;
    line-height: 24px;
  }
}

.xian {
  width: 100%;
  height: 1px;
  background: rgba(204, 204, 204, 0.35);
  margin-top: 100px;
}

.text {
  text-align: center;
  line-height: 90px;
}
</style>
