﻿<!DOCTYPE html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">.
    <style type="text/css">
        *{margin:0;padding: 0;border: 0;}
        body{font-family: "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;}
        body,a{font-size: 14px;}
        .error{padding-top:100px;color:#676a6c;transition: all 0.3s;}
        .error h1{font-size: 160px;text-align: center;font-weight: 100;}
        .error p{text-align: center;margin-bottom: 10px;}
        .error a{padding: 0 5px;}
    </style>
    <title>404</title>
</head>
<body style="background-color: #f3f3f4;">
<div class="error">
    <h1>404</h1>
    <p>页面未找到！</p>
    <p><span id="second">5</span>秒后返回<a href="javascript:;" onclick="window.history.go(-1)" id="second">上一页</a>！</p>
</div>
</body>
<script type="text/javascript">
var second = document.getElementById('second');
setInterval(function(){
    var old_se = parseInt(second.innerHTML);
    var new_se = old_se - 1;
    if (new_se == 0){
        window.history.go(-1);
    }else{
        second.innerHTML = new_se;
    }
},1000);
</script>
</html>