<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>中国安防大数据服务平台</title>
</head>

<body>
    <div class="page-box">
        <div data-v-279ea4b2="" class="pic-404">
            <img data-v-279ea4b2="" src="/static/themes/af-common/images/404.png" alt="404" class="pic-404__parent">
        </div>
        <div data-v-279ea4b2="" class="bullshit">
            <div data-v-279ea4b2="" class="bullshit__oops"> 404错误! </div>
            <div data-v-279ea4b2="" class="bullshit__headline"> 找不到网页！ </div>
            <div data-v-279ea4b2="" class="bullshit__info"> 对不起，您正在寻找的页面不存在。尝试检查URL的错误，然后按浏览器上的刷新按钮或尝试在我们的应用程序中找到其他内容。
            </div><a data-v-279ea4b2="" href="/" class="bullshit__return-home router-link-active"> 返回首页 </a>
        </div>
    </div>
</body>
<style>
    .pic-404 {
        position: relative;
        float: left;
        width: 600px;
        overflow: hidden;
    }

    .pic-404__parent {
        width: 100%;
    }

    .page-box {
        position: relative;
        width: 1200px;
        padding: 0 50px;
        overflow: hidden;
        transform: translate(-50%,-50%);
    position: absolute;
    top: 40%;
    left: 50%;
    }

    .bullshit {
        position: relative;
        float: left;
        width: 300px;
        padding: 30px 0;
        overflow: hidden;
    }

    .bullshit__oops {
        font-weight: 700;
        -webkit-animation-name: slideUp-data-v-279ea4b2;
        animation-name: slideUp-data-v-279ea4b2;
        -webkit-animation-duration: .5s;
        animation-duration: .5s;
        font-size: 32px;
        line-height: 40px;
        color: #1482f0;
        margin-bottom: 20px;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
    }

    .bullshit__headline {
        font-weight: 700;
        font-size: 20px;
        line-height: 24px;
        color: #222;
        margin-bottom: 10px;
        -webkit-animation-delay: .1s;
        animation-delay: .1s;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
    }

    .bullshit__info {
        font-size: 13px;
        line-height: 21px;
        color: grey;
        margin-bottom: 30px;
        -webkit-animation-delay: .2s;
        animation-delay: .2s;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
    }

    .bullshit__return-home {
        display: block;
        float: left;
        width: 110px;
        height: 36px;
        background: #1482f0;
        border-radius: 100px;
        text-align: center;
        color: #fff;
        font-size: 14px;
        line-height: 36px;
        cursor: pointer;
        -webkit-animation-delay: .3s;
        animation-delay: .3s;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
    }
</style>

</html>