﻿<!DOCTYPE html>
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<meta charset="utf-8">
<title>网页-404</title>
<script src="//img.lzdal.cn/jquery-1.12.0.min.js"></script>
<style type="text/css">
* { margin:0; padding:0; list-style:none; box-sizing:border-box; outline:none;}
html,body { width:100%; overflow:hidden;}
html { height:100%; background:#fff; font-size:10px; overflow-y:auto;}
body { max-width:192rem; margin:0 auto; font:1.2rem/2rem Helvetica,"microsoft yahei"; color:#595757;}
img { border:0; vertical-align:middle;}
a { color:#595757; text-decoration:none;}
a:hover { color:#f00;}

.container { width:42rem; height:35rem; position:fixed; top:0; right:0; bottom:0; left:0; margin:auto;}
.container .list { display:flex; flex-direction:column;}
.container .list li { line-height:1; text-align:center;}
.container .list .img img { width:100%;}
.container .list .title { font-size:2rem; color:#3a3a3a;}
.container .list .link { margin:2rem 0; font-size:1.4rem;}
.container .list .link a { margin:0 1rem;}
.container .list .info { margin:-0.4rem 0; line-height:2rem; color:#898989;}

@media (max-width:720px){
.container { width:29rem;}
}
</style>
</head>
<body>
<div class="container">
    <ul class="list">
        <li class="img"><img src="//img.lzdal.cn/404.gif"/></li>
        <li class="title">哎呀…您访问的页面不存在</li>
        <li class="link"><a href="javascript:history.back()">返回出错页</a><a href="/">返回首页</a><a href="javascript:window.close();">关闭本页</a></li>
        <li class="info">您可能输入了错误的网址，或者该网页已删除或移动，<span style="color:red;padding-right:5px;"></span>秒后跳转到首页</li>
    </ul>
</div>

<script>
var time = 5;

$(function(){
	$(document).bind("contextmenu",function(){
		return false;
	});
	$("span").text(time);
	setInterval("times()",1000);
});

function times(){
	if(time > 0){
		time--;
	}
	if(time < 1){
		location.href='/';
	}
	$("span").text(time);
};
</script>
</body>
</html>