<script>var $pageInfo = {publishmentSystemID : 1, channelID : 1, contentID : 0, siteUrl : "", homeUrl : "/home", currentUrl : "/404.html", rootUrl : "", apiUrl : "/api"};</script><meta charset="UTF-8">
<style>
    .container{
      filter: contrast(30);
    }
    .text{
      font-size: 220px;
     font-family: 'Lato', sans-serif;
      color: #0f80f0;
      filter: url(#displacement-text-filter);  
    }
  
    </style>
<div class="container">
      <div style="text-align: center;margin-top:10%;">
        <div class="text">404</div>
        <p style="font-size: 16px;">抱歉，您访问的页面不存在或者已经删除。请<a style="color:#0f80f0 !important;text-decoration: none;cursor:point;" href="http:www.caxa.com/">返回首页</a></p>
      </div>
      <svg width="0" height="0">
      <filter id="displacement-text-filter">
        <!--定义feTurbulence滤镜-->
        <feTurbulence baseFrequency="0.02" seed="0">
        
         <!--这是svg动画的定义方式，通过动画不断改变seed的值，形成抖动效果-->
          <animate attributeName="seed" dur="1s" keyTimes="0;0.5;1" values="1;2;3" repeatCount="indefinite"></animate>
        </feTurbulence>
        <feDisplacementMap in="SourceGraphic" scale="10"></feDisplacementMap> 
      </filter>
    </svg>
    </div>
<!-- T_404.html(单页模板) -->