CINXE.COM
404 Page Not Found
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta charset="utf-8"> <title>404 Page Not Found</title> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no"> <style type="text/css"> .container.main{ display:block; width:1200px; margin:0 auto; height: 100%; text-align:center; background:#fff; overflow:hidden;} .container .error404{ position: absolute; left: 50%; top: 50%; margin: -250px 0 0 -600px;} .container .error404 img{ float: left; margin-left: 100px; text-align: center;} .container .text_con{ display:block; width:500px; height:412px; padding:150px 0 0 600px; font-size:14px; text-align: left; background:url() no-repeat;} .container .text_con strong{ display:block; padding-bottom:20px; font-family:"微软雅黑"; font-size:20px;} .container .text_con ol{ padding:5px 0 20px 20px;} .container .text_con li{ list-style:disc; color:#555;} .container .text_con p{ color:#999;} .container .text_con p a{ color:#16b; padding-right:20px;} .container .text_con p a:hover{ color:#f60;} .mobile .error404{ text-align: center;} .mobile .error404 img{ width: 80%; margin: 0 auto;} .mobile .text_con{ display:block; width:80%; margin: 5em auto 0 auto; text-align: left; background:url() no-repeat;} .mobile .text_con strong{ display:block; padding-bottom:20px; font-family:"微软雅黑"; font-size:20px;} .mobile .text_con ol{ padding:5px 0 20px 20px;} .mobile .text_con li{ list-style:disc; color:#555;} .mobile .text_con p{ color:#999;} .mobile .text_con p a{ color:#16b; padding-right:20px;} .mobile .text_con p a:hover{ color:#f60;} </style> </head> <body> <div class="container main" id="container"> <div class="error404"> <div class="text_con"> <strong>很抱歉,您所访问的页面已被删除或者不存在!</strong> <span>可能的原因:</span> <ol> <li>在地址栏中输入了错误的内容。</li> <li>该链接已过期。</li> </ol> <p>您可以:<a href="/">返回首页</a> <a href="Javascript:window.history.go(-1)">返回上一页</a> </p> </div> </div> </div> <script type="text/javascript"> var ua = navigator.userAgent; var ipad = ua.match(/(iPad).*OS\s([\d_]+)/),isIphone =!ipad && ua.match(/(iPhone\sOS)\s([\d_]+)/),isAndroid = ua.match(/(Android)\s+([\d.]+)/),isMobile = isIphone || isAndroid; var errorbg_ele = document.createElement("img"); errorbg_ele.src = "https://w.cncnimg.cn/img/404_bg.jpg" if(isMobile){ document.getElementById("container").classList.remove("container") document.getElementById("container").classList.add("mobile") document.getElementsByClassName("error404")[0].appendChild(errorbg_ele); }else{ document.getElementById("container").classList.remove("mobile") document.getElementById("container").classList.add("container") document.getElementsByClassName("error404")[0].insertBefore(errorbg_ele, document.getElementsByClassName("text_con")[0]); } </script> </body> </html>