63 lines
3.1 KiB
HTML
Executable File
63 lines
3.1 KiB
HTML
Executable File
<!DOCTYPE html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
|
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
|
|
<title>404</title>
|
|
<style type="text/css">
|
|
body{line-height: 1.6;background-color: #ecf0f5;}
|
|
.page-404{padding-top: 60px;padding-bottom: 95px;color: #919191}
|
|
.text-center{text-align: center;}
|
|
.ml-20{margin-left: 20px;}
|
|
.va-middle{vertical-align: middle !important;color: #f39c12 !important;}
|
|
.page-404 .error-title{font-size: 80px;}
|
|
.page-404 .error-description{font-size: 24px;}
|
|
.page-404 .error-info{font-size: 14px;}
|
|
.color-primary{color:#5a98de;}
|
|
.color-primary:hover{color:#5a98de;text-decoration: underline;}
|
|
.page-404 p{margin-bottom: 10px;}
|
|
.page-404 .jump{ padding-top: 10px; }
|
|
.page-404 .jump a,.copyright p a{outline: none;text-decoration: none;}
|
|
.copyright p{width:100%;color:#919191;text-align:center;font-size:10px}
|
|
@media (max-width:768px){.page-404{padding-top: 30px;}.ml-20{margin-left: 15px;}}
|
|
@media (max-width:480px){.page-404{padding-top: 20px;}.page-404 .error-description{font-size:16px;}}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="page-404 text-center">
|
|
<p class="error-title">
|
|
<span class="va-middle"> 404 </span>
|
|
</p>
|
|
<p class="error-description">不好意思，您访问的页面不存在~</p>
|
|
<p class="error-info">
|
|
<a href="javascript:void(0);" onclick="history.go(-1)" class="color-primary">< 返回上一页</a>
|
|
<span class="ml-20">|</span>
|
|
<a href="/" class="color-primary ml-20">去首页 ></a>
|
|
<span class="ml-20">|</span>
|
|
<a href="/index.html" target="_blank" class="color-primary ml-20">寻求帮助 ></a>
|
|
</p>
|
|
<p class="jump">
|
|
页面自动 <a id="href" href="/" class="color-primary">跳转首页</a> 等待时间： <b id="wait">30</b>
|
|
</p>
|
|
</div>
|
|
<div class="copyright">
|
|
<p>Copyright © 2018-2018 <a href="/" class="color-primary">COD</a>. All rights reserved. </p>
|
|
<p>Powered by <a href="/" class="color-primary">COD</a></p>
|
|
</div>
|
|
<script type="text/javascript">
|
|
(function() {
|
|
var wait = document.getElementById('wait'),
|
|
href = document.getElementById('href').href;
|
|
var interval = setInterval(function() {
|
|
var time = --wait.innerHTML;
|
|
if (time <= 0) {
|
|
location.href = href;
|
|
clearInterval(interval);
|
|
}
|
|
}, 1000);
|
|
})();
|
|
</script>
|
|
</body>
|
|
</html>
|