<template>
  <div class="m-copyright">
    <div class="about">
      <a class="line">关于我们</a><a target="_blank" href="http://www.goyoo.com/">光音网络</a><a target="_blank" href="http://www.xiaoyun.com/">小云世界</a>
    </div>
    <div class="copyright">
      <span>Copyright © 2017 Goyoo. All rights Reserved. 北京光音网络发展股份有限公司 版权所有</span>
    </div>
  </div>
</template>

<script>
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="stylus" rel="stylesheet/stylus">
.m-copyright
  padding: 72px 0
  background-color: #000
  text-align: center
  font-size: 16px
  background-image: url("copyright@2x.png")
  background-size: cover
  background-position: center
  .about
    padding-bottom: 20px
    a
      color: #fff
      margin-right: 15px
      position: relative
      &.line
        padding-right: 15px
        border-right: 2px solid #fff
  .copyright
    color: #e6e6e6
</style>
