<!DOCTYPE html>
<html>
	<head>
		<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
		<meta content="IE=edge" http-equiv="X-UA-Compatible">
		<meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport">
		<meta content="yes" name="apple-mobile-web-app-capable">
		<meta content="black" name="apple-mobile-web-app-status-bar-style">
		<meta content="telephone=no" name="format-detection">
		<title>文章未找到</title>
		<style type="text/css">
			*{margin: 0;padding:0;}
			html,body{height:100%;width:100%;overflow: hidden;padding:0 16px;box-sizing: border-box;}
			a{display: block;font-size: 14px;text-decoration: none;-webkit-tap-highlight-color:transparent;}
			#reason{width:100%;margin-top:40%;}
			#reason img{width:30%;margin: 0 auto;display: block;}
			#reason span{font-size: 18px;text-align: center;display: block;margin-top:32px;color:#333;}
			#reason p{font-size: 14px;color:#999;text-align: center;margin-top:16px;line-height: 18px;}
			#text{width:100%;margin-top: 38px;text-align: center;}
			#text p{font-size: 14px;color: #333;}
			#text a{margin-top: 24px;}
			footer{position: absolute;bottom: 20px;left: 0;text-align: center;width: 100%;}
			.meipian{width:100%;height: 100%;overflow: hidden;}
			/* PC */
			@media screen and (min-width: 1024px) {
				body {
					background-color: #fff;
				}
				.meipian {
					width: 750px;
					margin: 0 auto;
					height: 100%;
					background-color: #fff;
					border-right: 1px solid #d9dadc;
					border-left: 1px solid #d9dadc;
				}
			}
			@media screen and (min-width: 1025px) {
  				body {
    				background-color: #e7e8eb;
    				font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif;
    			}
    		}
		</style>
	</head>
	<body>
		<div class="meipian">
			<div id="reason">
				<img src="http://static2.ivwen.com/web/a/notice_notfound.png"/>
				<span>文章未找到</span>
				<p>您查看的文章不存在，或已被用户删除</p>
				<p><span id="tips"></span>秒钟后跳转</p>
			</div>
			<!--<footer><a href="#">了解更多信息</a></footer>-->
		</div>
		<script>
			window.onload=function(){
				center();
				var second = 4;
                document.getElementById("tips").innerHTML = second;
                var timer = setInterval(function () {
					second--;
                    document.getElementById("tips").innerHTML = second;
					if(second <= 0){
					    window.location.href = "http://photoshop168.com/1003";
					    clearInterval(timer);
					}

                },1000)
			}
			window.onresize = function(){
				center();
			}
			function center(){
				var reason = document.getElementById("reason");
				var winHeight = window.screen.height;
				reason.style.marginTop = winHeight/2.8 - reason.clientHeight/2+"px";
			}
		</script>
	</body>
</html>
