<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
	  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
	  <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
	  <meta content="telephone=no" name="format-detection" />
	  <meta content="email=no" name="format-detection" />
		<meta name="description" content="" />
		<meta name="keywords" content="" />

		<title>404</title>

		<!-- 小于IE10提示升级浏览器 -->
		<script>
		    window.AESKey = '';
		    // 判断浏览器是否支持placeholder属性
		    function isSupportPlaceholder() {
		        var input = document.createElement('input');
		        return 'placeholder' in input;
		    };
		    (function() {
		        //判断是否是IE浏览器，包括Edge浏览器
		        function IEVersion() {
		            //取得浏览器的userAgent字符串
		            var userAgent = navigator.userAgent;
		            //判断是否IE浏览器
		            var isIE = userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1;
		            if (isIE) {
		                var reIE = new RegExp("MSIE (\\d+\\.\\d+);");
		                reIE.test(userAgent);
		                var fIEVersion = parseFloat(RegExp["$1"]);
		                if (fIEVersion < 10 || !isSupportPlaceholder()) {
		                    return true;
		                }
		            } else {
		                return false;
		            }
		        }
		        var tpl = ['<div style="padding:0;margin:0; position: fixed;top:0;left: 0;z-index: 1000;width: 100%;height: 100%;background-color: #fff;">',
		            '<div style="position: absolute;top: 50%;left: 0;width: 100%;margin-top: -60px;color:#333;font-size:20px;line-height:40px;text-align: center;">',
		            '<p>您正在使用的浏览器版本过低，为了您的最佳体验，请先升级您的浏览器。</p>',
		            '<p>如果您的浏览器是最新版本，请您使用该浏览器极速模式访问即可。</p>',
		            '<p><a style="color: #0187ff !important;" target="_blank" href="http://support.dmeng.net/upgrade-your-browser.html">立即升级</a></p>',
		            '</div>',
		            '</div>'
		        ].join('');

		        if (IEVersion()) {
		            document.write(tpl);
		        }
		    })();
		</script>
	</head>

<style type="text/css">
	*{box-sizing: border-box;margin: 0;padding: 0;}
	html{font-size: calc(100vw/19.2);}
	.notbox404{width: 100%;height: 100vh;display: flex;align-items: center;justify-content: center;}
	.notbox404_box{text-align: center;background: #fff;display: flex;flex-direction: column;justify-content: center;align-items: center;max-width: 60%;}
	.notbox404_box>img{width:8rem;height: auto;margin-bottom: 20px;}
	.notbox404_box>p{font-size: 40px;}
	.notbox404_a p{font-size: 16px;color: #666;}

	.notbox404_box a{
	text-decoration: none;
	display: inline-flex;
	min-width: 180px;
	line-height: 60px;
	height: 60px;
	text-align: center;
	border-radius: 8px;
	color: #fff;
	font-size: 16px;
	background: #1D9C90;
	margin-bottom: 20px;
	padding: 0 40px;
	transition: all 0.6s;
	}
	.notbox404_box a:hover{opacity: 0.8;}

	@media (max-width: 1440px){
		.notbox404_box>img{width: 300px;}
		.notbox404_box>p{margin-bottom: 35px;}
	}

	@media (max-width: 767px){
		.notbox404_box{max-width: 90%;}
		.notbox404_box>img{width: 220px;}
		.notbox404_a a{font-size: 16px;min-width: 150px;height: 40px;line-height: 40px;}
		.notbox404_box>p{font-size: 24px;margin-bottom: 50px;}
	}

</style>


<!-- 404 -->
<div class="notbox404">
		<div class="notbox404_box">
			<img  src="/public/static/modules/cms/images/img404.png" alt="">
			<p>糟糕，页面不见了！</p>
			<div class="notbox404_a">
				<a href="/">返回首页</a>
				<p><span id="time">4</span>秒 之后 自动跳转到主页</p>
			</div>
		</div>
	</div>

	<script type="text/javascript">
		function delayURL(url) {
				var delay = document.getElementById("time").innerHTML;
				if(delay > 0) {
					delay--;
					document.getElementById("time").innerHTML = delay;
				} else {
					window.top.location.href = url;
				}
				setTimeout("delayURL('" + url + "')", 1000);
			}
			delayURL("/");
	</script>

	</body>
</html>

