CINXE.COM
您要访问的页面不存在 - 欣欣旅游网
<html> <head> <meta charset="gbk" /> <title>您要访问的页面不存在 - 欣欣旅游网</title> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <style> /***** 全局设置 *****/ body,h1,h2,h3,h4,h5,h6,p,form,ul,ol,li,dt,dl,dd,th,td,label,bottom,input,textarea{ margin:0;padding:0;} body{font-family:"microsoft yahei", arial;font-size:12px;line-height:1.5;text-align:left;background:#FFF;color:#333;} h1,h2,h3,h4,h5,h6,button,input,select,textarea{ font-size:100%;} fieldset,img{border:0;} ul{margin:0;padding:0;list-style:none;} div,th,td{font-size:12px;} table{ border-collapse:collapse; border-spacing:0;} em,i{ font-style:normal;} sup{ vertical-align:text-top;} sub{ vertical-align:text-bottom;} input::-ms-clear{ display:none; } .fl{ float:left!important;} .fr{ float:right!important;} .noborder{ border:0 none!important;} .fn-clear:after{ content:"\20"; display:block; clear:both; height:0} .fn-clear:after{ *zoom:1} .clear{ clear:both;} a{ color:#555; cursor:pointer; text-decoration:none;} a:hover{ color:#f70;} .mg0{ margin:0px!important;} .mt10{ margin-top:10px!important;} .mt15{ margin-top:15px!important;} .mt20{ margin-top:20px!important;} .flipy{-moz-transform:scaleY(-1);-webkit-transform:scaleY(-1);-o-transform:scaleY(-1);transform:scaleY(-1);/*IE*/filter:FlipV;} .flipx{-moz-transform:scaleX(-1);-webkit-transform:scaleX(-1);-o-transform:scaleX(-1);transform:scaleX(-1);/*IE*/filter:FlipH;} .main{ width: 1000px; margin: 0 auto;} .page1{ position: relative; height:500px;} .page2{ position: absolute; top: 50%; left: 0; margin-top:-236px; width: 100%; height: 472px;} .txt{ padding: 20px 0 50px 0; text-align: center;} .txt strong{ display: block; line-height: 50px; font-size: 22px; color: #888; font-weight: normal;} .txt a{ display: inline-block; margin: 20px auto; padding: 0 30px; line-height: 36px; font-size: 16px; color: #f91; border: 1px solid #f91; border-radius: 2px;} .txt a i{ display: inline-block; width: ; height: ; background: ;} .pic{ position: relative; width: 100%; height: 194px;} .pic .bg{ position: absolute; width: 100%; height: 194px; background: url(https://s1.cncnimg.cn/img/404/com_404.png) no-repeat; z-index: 2;} .pic .z1{ position: absolute; left: 390px; top: 60px; width: 72px; height: 95px; background: url(https://s1.cncnimg.cn/img/404/ico_4_1.png) no-repeat; z-index: 3; animation: z1 1s ease-in-out ;transform-origin:top;} .pic .z2{ position: absolute; left: 470px; top: 80px; width: 68px; height: 97px; background: url(https://s1.cncnimg.cn/img/404/ico_0.png) no-repeat; z-index: 3; animation: z2 1s ease-in-out ;transform-origin:top;} .pic .z3{ position: absolute; left: 540px; top: 90px; width: 73px; height: 94px; background: url(https://s1.cncnimg.cn/img/404/ico_4_2.png) no-repeat; z-index: 3; animation: z3 1s ease-in-out ;transform-origin:top;} @keyframes z1 { 0% { transform: translate(0,-150px); opacity: 0; } 20% { transform: translate(0,0); opacity: 1; } 100% { transform: translate(0,0); opacity: 1; } } @keyframes z2 { 0% { transform: translate(0,-150px); opacity: 0; } 50% { transform: translate(0,-150px); opacity: 0; } 60% { transform: translate(0,0); opacity: 1; } 65% { transform: translate(0,-15px); opacity: 1; } 70% { transform: translate(0,0px); opacity: 1; } 72% { transform: translate(0,-5px); opacity: 1; } 75% { transform: translate(0,0); opacity: 1; } 100% { transform: translate(0,0); opacity: 1; } } @keyframes z3 { 0% { transform: translate(0,-150px); opacity: 0; } 20% { transform: translate(0,-150px); opacity: 0; } 30% { transform: translate(0,0); opacity: 1; } 100% { transform: translate(0,0); opacity: 1; } } .pic .car{ position: absolute; left: 220px; bottom: 20px; width: 128px; height: 48px; background: url(https://s1.cncnimg.cn/img/404/car.png) no-repeat; z-index: 3; animation: car 1s ease-in-out ;transform-origin:right;} .pic .car i{ position: absolute; left: -80px; bottom: 20px; width: 66px; height: 58px; background: url(https://s1.cncnimg.cn/img/404/maopao.png) no-repeat; z-index: 3; animation: car1 2s ease-in-out ;transform-origin:right bottom;} @keyframes car { 0% { transform: translate(-200px,0px); opacity: 0; } 50% { transform: translate(0,0); opacity: 1; } 55% { transform: translate(0,0); transform: scale(1.1); opacity: 1; } 60% { transform: translate(0,0); transform: scale(1); opacity: 1; } 65% { transform: translate(0,0); transform: scale(0.9); opacity: 1; } 70% { transform: translate(0,0); transform: scale(1); opacity: 1; } 100% { transform: translate(0,0); opacity: 1; } } @keyframes car1 { 0% { transform: scale(0); opacity: 0; } 80% { transform: scale(1); opacity: 1; } 81% { transform: scale(1); opacity: 1; } 100% { transform: scale(1); opacity: 1; } } .pic .ligth1{ position: absolute; top: 110px; left: 110px; width: 20px; height: 40px; background: url(https://s1.cncnimg.cn/img/404/icon_light.png) no-repeat; z-index: 3; animation: ligth 0.5s ease-in-out infinite;} .pic .ligth2{ position: absolute; top: 110px; left: 611px; width: 20px; height: 40px; background: url(https://s1.cncnimg.cn/img/404/icon_light.png) no-repeat; z-index: 3; animation: ligth 0.5s ease-in-out infinite;} .pic .ligth3{ position: absolute; top: 110px; left: 871px; width: 20px; height: 40px; background: url(https://s1.cncnimg.cn/img/404/icon_light.png) no-repeat; z-index: 3; animation: ligth 0.5s ease-in-out infinite;} @keyframes ligth { 0% { opacity: 0; } 50% { opacity: 1; } 51% { opacity: 1; } 100% { opacity: 1; } } .pic .count{ position: absolute; top: 110px; left: 871px; width: 30px; height: 16px; background: url(https://s1.cncnimg.cn/img/404/icon_count.png) no-repeat; z-index: 1; animation: count1 3s ease-in-out infinite; transform-origin:left;} .pic .count1{ top: 70px; left: 130px; animation: count2 3s ease-in-out infinite;} .pic .count2{ top: 30px; left: 260px; z-index: 1;} .pic .count3{ top: 80px; left: 360px; animation: count2 3s ease-in-out infinite;} .pic .count4{ top: 50px; left: 690px; z-index: 1;} .pic .count5{ top: 0px; left: 820px; animation: count2 3s ease-in-out infinite;} @keyframes count1 { 0% { transform: translate(0px,0); } 50% { transform: translate(10px,0); } 100% { transform: translate(0,0); } } @keyframes count2 { 0% { transform: translate(0px,0); } 50% { transform: translate(-10px,0); } 100% { transform: translate(0,0); } } .eggs_con{ position: relative; width: 1000px; height: 500px; text-align: center; background: #f8f8f8; cursor:url(https://s1.cncnimg.cn/img/404/icon_cursor.ico),auto;} .eggs_con:active{ cursor: url(https://s1.cncnimg.cn/img/404/icon_cursor2.ico),auto;} .eggs_con span.eggs1{ position: absolute; top: 60px; left: 400px; width: 239px; height: 365px; background: url(https://s1.cncnimg.cn/img/404/icon_eggs1.png) no-repeat 0 bottom;} .eggs_con span.eggs1 sub{ position: absolute; top: 40px; left: -120px; width: 173px; height: 108px; background: url(https://s1.cncnimg.cn/img/404/eggs_wz.png) no-repeat;} .eggs_con span.eggs2{ display: none; position: absolute; top: 70px; left: 279px; width: 475px; height: 363px; background: url(https://s1.cncnimg.cn/img/404/icon_eggs2.png) no-repeat;} .disabled{ cursor: default;} .disabled span.eggs1{ display: none;} .disabled span.eggs2{ display: block;} .eggs_con span.eggs2 a{ display: block; margin-top: 120px; padding-left: 20px; font-size: 22px; color: #fdd63b; font-weight: normal;} .other{ width: 80%; margin: 0 auto; text-align: center;} .other span{ color: #00bf4b;} .other span em{ color: #f91;} .other span.fr{ color: #999;} .other span.fr a{ color: #f91;} .down{ display: block; position: absolute; bottom: 30px; left: 50%; padding: 50px 0 0 0; margin-left: -150px; font-size: 24px; color: #f91; font-weight: normal;} .down a{ display: inline-block; position: relative; width: 30px; height: 30px; margin:-3px 0 0 15px; vertical-align: middle; border: 1px solid #f91; border-radius: 50%;} .down a:after{ content: ''; position: absolute; top: 0; left: 0; width: 30px; height: 30px; background: url(https://s1.cncnimg.cn/img/404/icon_arrow.png) no-repeat; animation: down 1s ease-in-out infinite; transform-origin:top;} @keyframes down { 0% { transform: translate(0,-3px); } 20% { transform: translate(0,-2px); } 50% { transform: translate(0,0);} 70% { transform: translate(0,2px); } 100% { transform: translate(0,0); } } </style> </head> <body> <div class="main"> <div class="page1"> <div class="page2"> <div class="txt"> <strong>你访问的页面不见啦~要不回首页看看吧</strong> <a href="https://www.cncn.com/">返回首页</a> </div> <div class="pic"> <span class="z1"></span> <span class="z2"></span> <span class="z3"></span> <div class="car"> <i></i> </div> <span class="ligth1"></span> <span class="ligth2"></span> <span class="ligth3"></span> <span class="count count1 flipx"></span> <span class="count count2 flipx"></span> <span class="count count3"></span> <span class="count count4 flipx"></span> <span class="count count5"></span> <div class="bg"></div> </div> <div class="other"> <span class="fl">美好旅程，<em>从欣欣开始</em></span> <span class="fr">如果您点击网站内的链接出现此页，请<a href="https://www.cncn.com/guestbook/">反馈给我们</a></span> </div> </div> <div class="down">哟，下面还有颗彩蛋<i><a href="#eggs_con"></a></i></div> </div> <div class="eggs_con" id="eggs_con"> <span class="eggs1"><sub></sub></span> <span class="eggs2"><a href="">马来西亚</a></span> </div> </div> <div style="display:none"> <script src="https://s6.cnzz.com/stat.php?id=1153458&web_id=1153458"></script> </div> <script src="https://s1.cncnimg.cn/js/jquery-1.10.2.min.js"></script> <script type="text/javascript"> $('.eggs1').click(function(){ $(this).parents('.eggs_con').addClass('disabled'); }); window.onload = function(){ var arr = ['<a href="https://beijing.cncn.com/">北京</a>','<a href="https://shanghai.cncn.com/">上海</a>','<a href="https://guangzhou.cncn.com/">广州</a>','<a href="https://shenzhen.cncn.com/">深圳</a>','<a href="https://chengdu.cncn.com/">成都</a>','<a href="https://xiamen.cncn.com/">厦门</a>','<a href="https://hangzhou.cncn.com/">杭州</a>','<a href="https://wuhan.cncn.com/">武汉</a>','<a href="https://xian.cncn.com/">西安</a>','<a href="https://chongqing.cncn.com/">重庆</a>','<a href="https://qingdao.cncn.com/">青岛</a>','<a href="https://changsha.cncn.com/">长沙</a>','<a href="https://nanjing.cncn.com/">南京</a>','<a href="https://kunming.cncn.com/">昆明</a>','<a href="https://dalian.cncn.com/">大连</a>','<a href="https://xianggang.cncn.com/">香港</a>','<a href="https://abroad.cncn.com/dongjing/">东京</a>','<a href="https://abroad.cncn.com/shouer/">首尔</a>','<a href="https://abroad.cncn.com/balidao/">巴厘岛</a>','<a href="https://abroad.cncn.com/maerdaifu/">马尔代夫</a>','<a href="https://abroad.cncn.com/malaixiya/">马来西亚</a>','<a href="https://abroad.cncn.com/xinjiapo/">新加坡</a>','<a href="https://abroad.cncn.com/maoliqiusi/">毛里求斯</a>','<a href="https://abroad.cncn.com/qingmai/">清迈</a>','<a href="https://abroad.cncn.com/bali/">巴黎</a>']; var index = Math.floor((Math.random()*arr.length)); $('.eggs2').html(arr[index]); } var h = document.body.clientHeight; console.log(h); $('.page1').height(h); </script> </body> </html>