<!DOCTYPE html>
<html lang="zh-cn">
<head>
	<meta charset="UTF-8" />
	<meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible" />
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,user-scalable=yes" />
	<meta name="format-detection" content="telephone=no" />
	<meta name="apple-mobile-web-app-capable" content="yes" />
	<meta name="renderer" content="webkit" />
	<meta http-equiv="description" content="" />
	<meta name="keywords" content="" />
	<meta name="description" content="" />
	<title>404错误</title>
	<style type="text/css">
		html,body,.app {
			height: 100%;
			overflow: hidden;
		}
		body {
			background: #f2f2f2;
			color: #333;
			text-align: center;
			font-family: '微软雅黑';
		}
		.app {
			box-sizing: border-box;
			padding-bottom: 40px;
			display: flex;
			flex-flow: column;
			justify-content: center;
			align-items: center;
		}
		.error-pic {
			box-sizing: border-box;
			width: 317px;
			height: 308px;
			margin: 0 auto;
			padding-top: 135px;
			background: url("/static/img/404.png") 0 0 no-repeat;
			font-family: 'Helvetica Neue',Arial,Helvetica,sans-serif;
			font-size: 32px;
			color: #444;
			transform-origin: center 15px;
			-webkit-transform-origin: center 15px;
			animation: error-swing infinite 2s ease-in-out alternate;
			-webkit-animation: error-swing infinite 2s ease-in-out alternate;
		}
		.error-pic p {
			margin: auto;
			font-size: 96px;
			line-height: 1;
		}
		h3 {
			margin: 20px 0 22px;
			font-size: 22px;
			font-weight: normal;
		}
		.ps {
			margin: 0;
			font-size: 14px;
			color: #717678;
		}
		a {
			color: #218fff;
		}
		@-webkit-keyframes error-swing {
			0% {
				-webkit-transform: rotate(1deg)
			}
			100% {
				-webkit-transform: rotate(-2deg)
			}
		}
		@keyframes error-swing {
			0% {
				transform: rotate(1deg)
			}
			100% {
				transform: rotate(-2deg)
			}
		}
	</style>
</head>
<body>
	<div class="app">
		<div class="error-pic">
			<span>error</span> 
			<p>
				404
			</p>
		</div>
		<h3>
			哎哟喂！页面让狗狗叼走了！
		</h3>
		<p class="ps">
			大家可以到狗狗没有叼过的地方看看！<a href="/">进入首页</a> 
		</p>
	</div>
</body>
</html>