<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no">
		<meta name="format-detection" content="telephones=no,email=no" />
		<meta name="author" content="lyann" />
		<meta name="msapplication-tap-highlight" content="no">
        <meta http-equiv="refresh" content="5;url= / ">

		<meta name="apple-mobiles-web-app-capable" content="yes" />
		<!--uc-->
		<meta name="screen-orientation" content="portrait">
		<meta name="full-screen" content="yes">
		<meta name="browsermode" content="application">
		<!--QQ-->
		<!--<meta name="x5-orientation" content="portrait">
		<meta name="x5-fullscreen" content="true">
		<meta name="x5-page-mode" content="app">
		 -->
		<meta name="HandheldFriendly" content="true">
		<meta name="mobilesOptimized" content="320">
		<style>
		body{color: #333333;}
			a{text-decoration: none;color: inherit;}
			*{padding: 0;}
			li{list-style: none;}

			img{max-width: 100%;}
		#ibodyC{ width:1000px; margin:0 auto; padding-top:140px;}
		body{ background:#f3faff; padding:0; margin:0;}
		#error{ padding-left:220px; height:352px; background:url(https://www.pbinfo.cn/images/404_01.png) no-repeat left 0px;
		 line-height:1.8; font-family:"宋体";
		}
		.blue{ color:#005bac;font-size: 2.5vw;}
		.btn-list li{display: inline-block;margin-right: 1.5em;}
		.btn-list a{display: inline-block;width: 9em;border: 1px solid #208bfe;padding: 0.5em 0;border-radius: 2em;text-align: center;}
		.btn-list li:last-child a{color:#fff;background: #047dff;}

			@media screen and (max-width: 640px){
				body{background: none;}
				.blue{text-align: center;font-size: 8vw;text-align: center;}
				#ibodyC{max-width: 100%;width: 100%;padding-top: 0;}
				#error{background-position: center 120px ;padding-left: 0;width: 100%;margin: 0 auto;box-sizing: border-box;padding: 280px 5% 3em 5%;height: auto;}
				#foot{padding-top: 20px;width: 90%;margin: 0 auto;}
				.btn-list {text-align: center;}
			}
		</style>
	</head>
	<body>
		<div id="ibodyC">
			<div id="error">
		    	<h2><span class="blue">404</span></h2>
		    	<h3>您访问的链接未找到相关页面，请返回首页或刷新页面。</h3>
		    	<h4 id="sdto"><span>6</span> 秒后自动跳转到首页</h4>
		    	<ul class="btn-list ">
					<li><a href="/">返回首页</a></li>
					<li><a href="javascript:void(0)" onclick="window.location.reload()">刷新页面</a></li>
				</ul>
		    </div>
		</div>
	</body>
    <script>
        var e0=document.querySelector("#sdto span:nth-of-type(1)");
        var i=5;
        setInterval(function(){
            e0.innerHTML = i;
            i--;
        },1000);

    </script>
</html>
