CINXE.COM
404页
<!doctype html> <html lang="zh-cn"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0"> <title>404页</title> <style type="text/css"> html, body { width:100%; height:100%; padding:0; margin:0; overflow:hidden;} body { background:#fff url(//static.qyer.com/m/project/404/images/bg.jpg) no-repeat center center; background-size:cover;} .photoInfo { position:absolute; top:10px; right:10px;} .photoInfo a { display:block; padding:0 14px; border-radius:10px; background-color:rgba(0,0,0,0.2); font-size:10px; line-height:20px; color:#fff; text-decoration:none;} .subLogo { position:absolute; bottom:10px; left:50%; margin-left:-29px;} .content { position:relative; top:50%; margin-top:-90px; width:100%; height:100%; text-align:center; color:#fff;} .content .title { font:lighter 72px/1 sans-serif;} .content .text { font-size:24px; line-height:1.2; margin-top:5px;} .content .tool { font-size:18px; line-height:1.2; margin-top:5px;} .content .tool a { color:#fff;} </style> <script> function jumpindex(){ var indexurl = "//www.qyer.com"; var yuming = window.location.hostname; if(/iphone|ipod|android/i.test(navigator.userAgent.toLowerCase()) || yuming=="m.qyer.com" ){ indexurl = "//m.qyer.com"; }else{ indexurl = "//www.qyer.com"; } window.location = indexurl; } </script> </head> <body> 404 <div class="photoInfo"><a href="javascript:void(0);">图片：爱普罗菲尔</a></div> <div class="content"> <div class="title">404</div> <div class="text">没有找到你要的页面</div> <div class="tool"><a href="javascript:jumpindex();">回到首页</a> 或 <a href="javascript:void(0);" onclick="if(document.referrer != ''){window.location = document.referrer;}else{history.go(-1);}">回到上页</a></div> </div> <div class="subLogo"><a href="javascript:jumpindex();"><img src="//static.qyer.com/m/project/404/images/logo.png" width="58" height="26" alt="穷游"></a></div> </body> </html>