<template>
</template>

<script>
export default {
  beforeMount () {
    const mCopyright = document.getElementById('mCopyright')
    mCopyright.style.display = 'block'
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style 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
  .qq
    color: #fff
    padding-bottom: 20px
    a
      color: #F96868
      margin-left: 5px
  .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>
