CINXE.COM
百度贴吧
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>百度贴吧</title> <meta content="text/html" http-equiv="Content-Type"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <link rel="shortcut icon" href="//tieba.baidu.com/tb/favicon.ico" > <link rel="stylesheet" type="text/css" href="//tieba.baidu.com/tb/static-common/style/tb_common.css"> <style> html, body { height: 100%; } .page404 { background: #fafafa; } .main-wraper { width: 1000px; text-align: center; margin: 17px auto; font-family: "Microsoft YaHei"; color: #666; } .search-input { width: 552px; font-size: 14px; color: #666; border-radius: 2px; border: 1px solid #949494; border-bottom: 1px solid #b6b6b6; border-right: 1px solid #b6b6b6; height: 16px; padding: 7px 4px; vertical-align: middle; -webkit-box-shadow: inset 3px 4px 5px -5px rgba(0, 0, 0, 0.45); -moz-box-shadow: inset 3px 4px 5px -5px rgba(0, 0, 0, 0.45); box-shadow: inset 3px 4px 5px -5px rgba(0, 0, 0, 0.45); -webkit-transition: border 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750); -moz-transition: border 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750); -o-transition: border 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750); transition: border 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750); } .search-input:focus, .search-input:hover { border: 1px solid #3e7eda; } .search-button { vertical-align: middle; width: 95px; height: 32px; line-height: 32px; margin-left: 6px; border: none; border-radius: 2px; color: #fff; background: #528ce9; outline: none; -webkit-transition: background 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750); -moz-transition: background 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750); -o-transition: background 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750); transition: background 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750); } .search-button:hover { background: #3e7eda; } .main-title { font-weight: 400; line-height: 30px; padding-bottom: 12px; color: #444; } .info-content { font-size: 18px; line-height: 26px; } .normal-info-content { font-size: 14px; line-height: 22px; color: #999; } .tb-logo { vertical-align: middle; margin-right: 10px; position: relative; top: -3px; } .search-form { width: 100%; height: 60px; background: #fff; line-height: 60px; } .search-form p { width: 1000px; margin: 0 auto; } .message-info a { text-decoration: none; } .footer404 { padding-top: 45px; background: transition; position: absolute; bottom: 20px; left: 0; width: 100%; } .footer404, .footer404 a { color: #999; text-decoration: none; } .footer404 span { margin: 0 2px; } .doodle-404 { width: 285px; } .animateOpacity { -webkit-animation: animateOpacity 1.5s; animation: animateOpacity 1.5s; } @-webkit-keyframes animateOpacity { from { opacity: 0; } to { opacity: 1; } } @keyframes animateOpacity { from { opacity: 0; } to { opacity: 1; } } .app-download-box { margin-top: 40px; } .app-download-icon { width: 80px; height: 80px; margin-right: 20px; display: inline-block; vertical-align: middle; } .app-download-info { line-height: 75px; font-size: 14px; font-weight: 600; height: 75px; color: #666; display: inline-block; } </style> </head> <body class="page404"> <form id="search-form" class="search-form"> <p> <img class="tb-logo" src="//tb2.bdstatic.com/tb/static-common/img/search_logo.png"> <label><input type="textbox" class="search-input"></label> <button class="search-button j-login-tb" type="button">进入贴吧</button> </p> </form> <div id="main-wraper" class="main-wraper"> <div class="message-info"> <p> <img width="285" class="doodle-404" src="//tb1.bdstatic.com/tb/zt/tengfei/404-error.png"> </p> <div id="errorText"> <p class="info-content">抱歉，您访问的用户已被屏蔽。</p> </div> <p class="normal-info-content">返回 <a href="//tieba.baidu.com/">贴吧首页</a></p> </div> <div class="app-download-box"> <img class="app-download-icon" src="//tb1.bdstatic.com/tb/cms/app_download.png"> <span class="app-download-info"> 独家好“料”，给你好瞧！ </span> </div> <p class="footer404"> <span id="copy-right">© 2018 Baidu</span><a pv_code="0" href="/tb/eula.html" target="_blank">贴吧协议</a><span>|</span><a pv_code="0" href="//tieba.baidu.com/tb/system.html" target="_blank">吧主制度</a><span>|</span><a class="ueg-feedback-link" data-site="feedbackLink" pv_code="0" href="//tieba.baidu.com/f?ie=utf-8&kw=%E6%84%8F%E8%A7%81%E5%8F%8D%E9%A6%88%E5%90%A7" target="_blank">意见反馈</a><span>|</span><a pv_code="0" href="/tb/zt/declare/" target="_blank">网络谣言警示</a> </p> </div> <script src="//tb1.bdstatic.com/tb/static-common/lib/tb_lib.js"></script> <script> $(function () { var center404 = { config: { loginTBUrl: '//tieba.baidu.com/f?ie=utf-8&kw=', homePage: '//tieba.baidu.com' }, jump: function (url) { $.tb.location.setHref(url); }, searchEvent: function () { var self = this; var $container = $('#search-form'); $container.on('click', '.j-login-tb', function (e) { e.preventDefault(); var param = $container.find('.search-input').val(); self.jump(self.config.loginTBUrl + param); }); $container.on('click', '.tb-logo', function () { self.jump(self.config.homePage); }); }, initCopy: function () { var year = new Date().getFullYear(); $('#copy-right').html('© ' + year + ' Baidu'); }, init: function () { this.initCopy(); this.searchEvent(); } }; $('#main-wraper').addClass('animateOpacity'); center404.init(); }); </script> </body> </html>