<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0"/>
    <meta name="apple-mobile-web-app-capable" content="no"/>
    <meta name="format-detection" content="telephone=no"/>
    <title>404</title>
    <style>
        body {
            background: #eeeff4;
            font-family: "微软雅黑";
        }

        * {
            margin: 0;
            padding: 0;
        }

        img {
            border: none;
        }

        a {
            text-decoration: none;
        }

        .siling {
            text-align: center;
            padding: 15% 3% 0;
        }

        .siling img {
            max-width: 100%;
        }

        .siling1 {
            position: relative;
        }

        .siling1 p {
            font-size: 14px;
            color: #6a6d73;
            position: absolute;
            left: 50%;
            margin-left: -80px;
            top: 50%;
        }

        .siling1 a {
            font-size: 14px;
            color: #f66163;
            position: absolute;
            left: 50%;
            margin-left: -90px;
            top: 63%;
        }
    </style>
</head>
<body>
<div class="siling">
    <img src="../images/ling_img1.png"/>
    <div class="siling1">
        <img src="../images/ling_img2.png"/>
        <p id="time">3秒后返回</p>
        <a id="aUrl" href="/">立即返回首页</a>
    </div>
</div>
<script type="text/javascript">
    var int = 3;
    var timer = setInterval(function () {
        int--;
        if (int <= 0) {
            clearInterval(timer);
            window.location.href = '/';
        }
        document.getElementById('time').textContent = int + '秒后返回';
    }, 1000)
</script>
</body>
</html>
