
<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="UTF-8">
<title>404错误页面</title>


<link rel="stylesheet" href="/public/static/errpage/css/style.css">

</head>
<body>

<div class="moon"></div>
<div class="moon__crater moon__crater1"></div>
<div class="moon__crater moon__crater2"></div>
<div class="moon__crater moon__crater3"></div>

<div class="star star1"></div>
<div class="star star2"></div>
<div class="star star3"></div>
<div class="star star4"></div>
<div class="star star5"></div>

<div class="error">
  <div class="error__title">404</div>
  <div class="error__subtitle">抱歉！页面无法访问...</div>
  <div class="error__description">您可能输入了错误的网址，或者该页面已经不存在了哦。</div>
  <button class="error__button error__button--active"><div class="uk-margin-small-top"><span id="num">5</span>秒后自动跳转到首页</div></button>
  <!-- <button class="error__button"><a href="/">马上跳转</a></button> -->
</div>

<div class="astronaut">
  <div class="astronaut__backpack"></div>
  <div class="astronaut__body"></div>
  <div class="astronaut__body__chest"></div>
  <div class="astronaut__arm-left1"></div>
  <div class="astronaut__arm-left2"></div>
  <div class="astronaut__arm-right1"></div>
  <div class="astronaut__arm-right2"></div>
  <div class="astronaut__arm-thumb-left"></div>
  <div class="astronaut__arm-thumb-right"></div>
  <div class="astronaut__leg-left"></div>
  <div class="astronaut__leg-right"></div>
  <div class="astronaut__foot-left"></div>
  <div class="astronaut__foot-right"></div>
  <div class="astronaut__wrist-left"></div>
  <div class="astronaut__wrist-right"></div>
  
  <div class="astronaut__cord">
    <canvas id="cord" height="500px" width="500px"></canvas>
  </div>
  
  <div class="astronaut__head">
    <canvas id="visor" width="60px" height="60px"></canvas>
    <div class="astronaut__head-visor-flare1"></div>
    <div class="astronaut__head-visor-flare2"></div>
  </div>
</div>

<script  src="/public/static/errpage/js/script.js"></script>
<!-- 404 -->
<script type="text/javascript">  
     var num = 5;  
    function redirect() {  
      num--;  
      document.getElementById("num").innerHTML=num;  
      if (num < 0) {  
        document.getElementById("num").innerHTML = 0;  
        location.href = "/";  
      }  
  }  
  setInterval("redirect()", 1000);  
</script> 
</body>
</html>




