<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<link rel="shortcut icon" href="/common/images/favicon.ico" >
        <title>error</title>
        <style>
			body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, b{padding: 0;margin: 0;}
			html{overflow: -moz-scrollbars-vertical;overflow-x: hidden;} /*始终让 Firefox 显示滚动条*/
			*{word-wrap: break-word;margin: 0;padding: 0;}/*文字强制换行word-break:keep-all;(Ff)*/
			table{border-collapse: collapse;}/*细线表格*/
			fieldset, img{border: none;}/*清除描边,块显示*/
			ul, li{list-style-type: none;}/*无列表项目标记*/
			a{text-decoration: none;color:#333;}/* 链接无下划线,有为underline;链接去框 */
			body{
				margin: 0;
				padding: 0;
				background:#aed6fc;
				font-family: Georgia, Times, Verdana, Geneva, Arial, Helvetica, sans-serif;
			}
			.mianBox {
				width:100%;
				height:100%;
				margin:0 auto;
				position:relative;
				overflow:hidden;
			}
			
			.mianBox img {
				position: absolute
			}
			
			.yun0 {
				right: -140px;
				top: 30px;
				webkit-animation: cloudLarge 105s infinite;
				-moz-animation: cloudLarge 105s infinite;
				-o-animation: cloudLarge 105s infinite;
				animation: cloudLarge 105s infinite;
			}
			
			.yun1 {
				left: 5%;
				top: 48%;
				-webkit-animation: cloudSmall 105s infinite;
				-moz-animation: cloudSmall 105s infinite;
				-o-animation: cloudSmall 105s infinite;
				animation: cloudSmall 105s infinite;
			}
			
			.yun2 {
				left: 16%;
				top: 35%;
				-webkit-animation: cloudMedium 105s infinite;
				-moz-animation: cloudMedium 105s infinite;
				-o-animation: cloudMedium 105s infinite;
				animation: cloudMedium 105s infinite;
			}
			
			.san {
				left: 10%;
				top: 20%;
				-webkit-animation: dn400 3s 0s ease both;
				-moz-animation: dn400 3s 0s ease both;
				animation: dn400 3s 0s ease both;
			}
			
			.bird {
				left: 27%;
				top: 15%;
				-webkit-animation: flying 3s infinite;
				-moz-animation: flying 3s infinite;
				-o-animation: flying 3s infinite;
				animation: flying 3s infinite;
			}
			.tipInfo {
				position: absolute;
				z-index: 99;
				margin-left:50px;
				border:2px solid #fff;
				border-radius:6px;
				background:#fff;
				width:630px;
				box-shadow:0 6px 20px 0 rgb(62 104 250/30%);
			}
			.Pic404{
				width:260px;
				float:left;
				padding:20px 0 0 0;
				}
			.tipInfo .in {
				width:330px;
				float:left;
			}
			
			.tipInfo .in h2 {
				line-height: 50px;
				font-size: 30px;
				color:#e94c3c;
				border-bottom:2px dotted #cbe3f8;
				padding:25px 0 15px 0;
			}
			
			.tipInfo .in p{
				display:block;
				height:40px;
				padding:30px 0 40px 0;
				color:#289575;
			}
			.tipInfo .in p strong{ float:left; display:block;}
			.tipInfo .in p strong a{
				text-align:center;
				display:block;
				font-size:15px!important;
				border-radius:40px;
				width:140px;
				height:40px;
				color:#fff;
				line-height:40px;
				background: #17A1FF;
				box-shadow: 0 6px 20px 0 rgb(62 104 250/30%);
				transition: all 0.3s linear;
				-webkit-transition: all 0.3s linear;
			}
			.tipInfo .in p strong a:hover{
				background:#375fe9;
				box-shadow:0 6px 20px 0 rgb(62 104 250/20%);
			}
			
			.tipInfo .in p span {margin:0 20px; float:left; line-height:40px;}
			.tipInfo .in p span a {color: #e94c3c;margin:0 10px}
			
			@-webkit-keyframes cloudLarge {0% {right:-140px;}
			100% {right:118%;}
			}
			@-moz-keyframes cloudLarge {0% {right:-140px;}
			100% {right:118%;}
			}
			@-o-keyframes cloudLarge {0% {right:-140px;}
			100% {right:118%;}
			}
			@keyframes cloudLarge {0% {right:-140px;}
			100% {right:118%;}
			}
			@-webkit-keyframes cloudSmall {0% {left:5%;}
			100% {left:108%;}
			}
			@-moz-keyframes cloudSmall {0% {left:5%;}
			100% {left:105%;}
			}
			@-o-keyframes cloudSmall {0% {left:5%;}
			100% {left:105%;}
			}
			@keyframes cloudSmall {0% {left:5%;}
			100% {left:105%;}
			}
			@-webkit-keyframes cloudMedium {0% {left:16%;}
			100% {left:-18%;}
			}
			@-moz-keyframes cloudMedium {0% {left:16%;}
			100% {left:-18%;}
			}
			@-o-keyframes cloudMedium {0% {left:16%;}
			100% {left:-18%;}
			}
			@keyframes cloudMedium {0% {left:16%;}
			100% {left:-18%;}
			}
			@-webkit-keyframes light {0% {opacity:0;}
			100% {opacity:100;}
			}
			@-moz-keyframes light {0% {opacity:0;}
			100% {opacity:100;}
			}
			@-o-keyframes light {0% {opacity:0;}
			100% {opacity:100;}
			}
			@keyframes light {0% {opacity:0;}
			100% {opacity:100;}
			}
			@-webkit-keyframes hide {0% {opacity:100;}
			100% {opacity:0;}
			}
			@-moz-keyframes hide {0% {opacity:100;}
			100% {opacity:0;}
			}
			@-o-keyframes hide {0% {opacity:100;}
			100% {opacity:0;}
			}
			@keyframes hide {0% {opacity:100;}
			100% {opacity:0;}
			}
			@keyframes flying {0% {margin-top:0px;}
			50% {margin-top:6px;}
			100% {margin-top:0px;}
			}
			@-webkit-keyframes flying {0% {margin-top:0px;}
			50% {margin-top:6px;}
			100% {margin-top:0px;}
			}
			@-moz-keyframes flying {0% {margin-top:0px;}
			50% {margin-top:6px;}
			100% {margin-top:0px;}
			}
			@-o-keyframes flying {0% {margin-top:0px;}
			50% {margin-top:6px;}
			100% {margin-top:0px;}
			}
			@keyframes flying {0% {margin-top:0px;}
			50% {margin-top:6px;}
			100% {margin-top:0px;}
			}
			@-webkit-keyframes flying {0% {margin-top:0px;}
			50% {margin-top:6px;}
			100% {margin-top:0px;}
			}
			@-moz-keyframes flying {0% {margin-top:0px;}
			50% {margin-top:6px;}
			100% {margin-top:0px;}
			}
			@-o-keyframes flying {0% {margin-top:0px;}
			50% {margin-top:6px;}
			100% {margin-top:0px;}
			}
			@-webkit-keyframes down900 {0% {opacity:0;-webkit-transform:translate(0,0);}
			100% {opacity:1;-webkit-transform:translate(900,900);}
			}
			@-moz-keyframes down900 {0% {opacity:0;-moz-transform:translate(0,0);}
			100% {opacity:1;-moz-transform:translate(900,900);}
			}
			@-o-keyframes down900 {0% {opacity:0;-o-transform:translate(0,0);}
			100% {opacity:1;-o-transform:translate(900,900);}
			}
			@keyframes down900 {0% {opacity:0;transform:translate(0,0);}
			100% {opacity:1;transform:translate(900,900);}
			}
			@-webkit-keyframes dn400 {0% {opacity:0;-webkit-transform:translateY(-400px);}
			100% {opacity:1;-webkit-transform:translateY(0);}
			}
			@-moz-keyframes dn400 {0% {opacity:0;-moz-transform:translateY(-400px);}
			100% {opacity:1;-moz-transform:translateY(0);}
			}
			@-o-keyframes dn400 {0% {opacity:0;-o-transform:translateY(-400px);}
			100% {opacity:1;-o-transform:translateY(0);}
			}
			@keyframes dn400 {0% {opacity:0;transform:translateY(-400px);}
			100% {opacity:1;transform:translateY(0);}
			}
		</style>
        <script src="/common/plugIn/jquery/jquery.js"></script>
        <script type="text/javascript">
            $(function() {
                var h = $(window).height();
                $('body').height(h);
                $('.mianBox').height(h);
                centerWindow(".tipInfo");
            });

            //2.将盒子方法放入这个方，方便法统一调用
            function centerWindow(a) {
                center(a);
                //自适应窗口
                $(window).bind('scroll resize',
                        function() {
                            center(a);
                        });
            }

            //1.居中方法，传入需要剧中的标签
            function center(a) {
                var wWidth = $(window).width();
                var wHeight = $(window).height();
                var boxWidth = $(a).width();
                var boxHeight = $(a).height();
                var scrollTop = $(window).scrollTop();
                var scrollLeft = $(window).scrollLeft();
                var top = scrollTop + (wHeight - boxHeight) / 2;
                var left = scrollLeft + (wWidth - boxWidth) / 2;
                $(a).css({
                    "top": top,
                    "left": left
                });
            }
        </script>
    </head>
    <body>
        <div class="mianBox">
            <img src="/common/images/404/yun0.png" alt="" class="yun yun0" />
            <img src="/common/images/404/yun1.png" alt="" class="yun yun1" />
            <img src="/common/images/404/yun2.png" alt="" class="yun yun2" />
            <img src="/common/images/404/bird.png" alt="" class="bird" />
            <img src="/common/images/404/san.png" alt="" class="san" />
            <div class="tipInfo">
            	<div class="Pic404"><img src="/common/images/404/404.gif" /></div>
                <div class="in">
                    <div class="textThis">
                        <h2>Sorry...页面没有找到！</h2>
                        
                        <div style="line-height:32px; font-size:15px;padding:15px 0 0 0; color:#666;">
                            似乎你所寻找的网页已迁移或丢失了。<br />
                            或者也许你只是键入错误了一些东西。<br />
                            我们建议你返回站群首页进行浏览，谢谢！<br />
                        </div>
                        <p>
                        	<strong><a id="href" href="/">站群首页</a></strong>
                            <span><b id="wait">600</b>秒后返回上一页</span>
                        </p>
                        <script type="text/javascript">
							(function() {
                                var wait = document.getElementById('wait');
								var href = document.getElementById('href').href;
                                var interval = setInterval(function() {
                                    var time = --wait.innerHTML;
                                    if (time <= 0) {
                                        location.href = href;
										//window.history.back(-1);
                                        clearInterval(interval);
                                    };
                                }, 1000);
                            })();
                        </script>
                    </div>
                </div>
            </div>
        </div>
    </body>
</html>