<template>
    <div class="container">
      <div class="footer">
        <footer>
          <p>Copyright © 2014-2018 luckytrip.cn All Rights Reserved. 去约旅行 版权所有 重庆周游科技有限公司 <a href="http://www.beian.miit.gov.cn" target="_blank">渝ICP备14008704号-9  渝公网安备 50019002500961号</a></p>
          <p>重庆市渝北区金开大道西段106号互联网产业园11栋腾讯众创空间 去约旅行客服：023-67094219</p>
          <p class="login_way float-r">
            <a href="https://weibo.com/341237932?refer_flag=1001030101_&is_all=1" target="_blank"><i class="iconfont icon-xinlang"></i></a>
            <a class="icon-wx">
              <i class="iconfont icon-gongzhonghao"></i>
              <img src="./wechat.jpg" alt="">
            </a>
          </p>
        </footer>
      </div>
    </div>
</template>
<script>
    export default {
        name: '',
        data () {
            return {}
        },
        methods: {}
    }
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang="stylus" scoped>
  .footer{
    padding 30px 20px 45px 20px
    border-top 1px solid #eeeeee
    text-align center
    footer{
      position relative
      width 1200px
      max-width 100%
      margin auto
      .login_way{
        position absolute
        right 0px
        top 1px
        i{
          margin-left 10px
          padding 6px
          border 1px solid #ddd
          border-radius 100%
          font-size 30px
          color #ccc
        }
      }
      .icon-wx{
        position relative
        display inline-block
        cursor pointer
        img{
          position absolute
          width 120px
          top -138px
          left -35px
          box-shadow 0 0 4px rgba(0, 0, 0, 0.22)
          display none
        }
        &:hover{
          img{
            display block
          }
        }
      }
    }
    p{
      line-height 20px
      font-size 12px
      color #bfc2c6
    }
  }
  @media (max-width: 768px){
    .footer{
      padding-bottom 20px
      footer{
        .login_way{
          float none
          position relative
          text-align center
          margin-top 20px
        }
      }
    }
  }
</style>
