<template>
    <div class="container">
        <div class="status-box">
          <div class="error-box">
            <img src="./img_ball.png" class="img_ball" alt="">
            <div class="status-right">
              <img src="./img_404.png" class="img_404">
              <p>抱歉，您访问的页面不存在...</p>

              <router-link to="/wx" class="default-btn">返回首页</router-link>
            </div>
          </div>
        </div>
    </div>
</template>
<script>
    export default {
        name: '',
        data () {
            return {
            }
        },
        methods: {

        },
        mounted(){
        }
    }
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang="stylus" scoped>
  .status-box{
    position absolute
    width 100%
    top 43%
    transform translate(0,-50%)
    text-align center
  }
  .error-box{
  }
  .status-right{
  }
  .img_ball{
    display inline-block
    width 90px
    margin 0 0 20px 50px
  }
  .img_404{
    display inline-block
    width 75px
    margin-bottom 10px
  }
  .status-box .status-right p{
    font-size 12px
    color #a4b1b7
  }
  .status-box .status-right .default-btn{
    display inline-block
    text-align center
    border-radius 15px
    width 100px
    height 30px
    line-height 30px
    margin-top 40px
    font-size 12px
    background #3095ef
    color #fff
  }
</style>
