<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>Page not found</title>
	<link href="/static/css/common.css" rel="stylesheet" />
	<link href="/static/css/templet1.css"  rel="stylesheet" />
</head>
<body>

<style>
	.error{position: relative;width: 100%;height: 100vh;}
	.error1{position: absolute;top: 0;left: 0;width: 100%;height: 100%;    object-fit: cover;}
	.cont{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);color: #fff;text-align: center;width: 100%;}
	.cont .tit{margin-top: 24%;}
	.explore{padding: 7px 13px;border-radius: 50px;background: #E30000;display: inline-block;margin-top: 32px; color: #fff !important;}
	.explore span{padding-right: 35px;}
	.m_error{display: none;}

	@media only screen and (max-width:1024px) {
		.pc_error{display: none;}
		.m_error{display: block;}
		.cont .tit {
			margin-top: 48%;
		}
	}
</style>
<div class="error">
	<img src="/static/images/404.jpg" alt="" class="pc_error error1">
	<img src="/static/images/m-404.png" alt="" class="m_error error1">
	<div class="cont">
		<div class="tit f-48 center">抱歉，您访问的网页出错了！</div>
		<a href="/" class="explore">
			<div class="exploreCon flex">
				<span class="f-16">返回首页</span>
				<img src="/static/images/explore.png" alt="">
			</div>
		</a>
	</div>

</div>
<script type="text/javascript">

</script>
</body>
</html>
