CINXE.COM
浏览器版本过低
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>浏览器版本过低</title> <style> .m-login-header { width: 100%; height: 100px; border-bottom: 1px solid rgba(0, 0, 0, .08); font-size: 0; } .m-login-header .m-header-content { height: 100px; border-collapse: collapse; width: 1190px; margin-left: auto; margin-right: auto; } .m-login-header .m-header-content .header-item { display: inline-block; vertical-align: top; } .m-login-header .m-header-content .header-item img { height: 51px; margin: 25px 23px 0; } .m-login-header .m-header-content .login-header-right { float: right; margin: 35px 0; } .m-login-header .m-header-content .login-header-right img { display: inline-block; vertical-align: top; width: 197px; height: 30px; margin-left: 40px; } .main-wrapper{ position: relative; min-height: 500px; margin: auto; max-width: 100%; } .main-wrapper .main { width: 1190px; margin: 0 auto; } .main-wrapper .main .warning { width: 686px; height: 54px; line-height: 52px; background-color: rgba(255, 37, 27, 0.05); border-radius: 30px; border: 1px solid #ff251b; margin: 80px auto 65px; padding: 0px 30px; text-align: center; font-size: 24px; font-weight: 400; color: #ff251b; } .main-wrapper .main .recommend { text-align: center; margin-bottom: 60px; } .main-wrapper .main .recommend .title { font-size: 24px; color: #222; line-height: 24px; font-weight: 400; margin-bottom: 60px; } .main-wrapper .main .recommend .divide { width: 50px; height: 6px; background: #ff251b; margin: 0 auto 30px; } .main-wrapper .main .recommend .browsers { overflow: hidden; font-size: 0; clear: both; margin: 0; padding: 0; } .main-wrapper .main .recommend .browsers li { width: 395px; text-align: center; display: inline-block; float: left; } .main-wrapper .main .recommend .browsers li img { width: 85px; height: 85px; margin-bottom: 12px; } .main-wrapper .main .recommend .browsers li .browser-name { height: 28px; font-size: 20px; font-weight: 400; color: #000000; line-height: 28px; margin-bottom: 24px; } .main-wrapper .main .recommend .browsers li a.download-btn { box-sizing: border-box; cursor: pointer; width: 120px; height: 36px; line-height: 36px; border-radius: 18px; font-size: 16px; text-align: center; display: inline-block; border: 1px solid #ff251b; color: #ff251b; background: rgba(255, 37, 27, 0.05); text-decoration: none; } .main-wrapper .main .recommend .browsers li a.download-btn:hover { background: #ff251b; color: white; } .main-wrapper .main .recommend.qrcode .browsers { margin-left: 200px; } .main-wrapper .main .recommend.qrcode .browsers li img { height: 140px; width: 140px; margin-bottom: 10px; } </style> </head> <body> <div class="m-login-header"> <div class="m-header-content g-wrapper"> <a href="/" class="header-item"> <img src="//storage.360buyimg.com/vipmro-pc/img/top/login_logo_1.png"> </a> <div class="login-header-right"> <img src="//storage.360buyimg.com/vipmro-pc/img/top/login_tel.png"> </div> </div> </div> <div class="main-wrapper"> <div class="main"> <div class="warning"> 您当前的浏览器版本过低，存在安全风险，建议升级浏览器 </div> <div class="recommend"> <div class="title">浏览器升级推荐</div> <ul class="browsers"> <li> <img src="https://img12.360buyimg.com/imagetools/jfs/t1/245807/9/14142/2146/668e2582F460fa143/001f3d3faf12afce.png" alt=""> <div class="browser-name">Chrome浏览器</div> <a class="download-btn" target="_blank" href="https://chrome.en.softonic.com/download">推荐下载</a> </li> <li> <img src="https://img13.360buyimg.com/imagetools/jfs/t1/236754/15/20784/8820/668e2582F4a19cb60/097c282e522d8a3d.png" alt=""> <div class="browser-name">火狐浏览器</div> <a class="download-btn" target="_blank" href="https://www.firefox.com.cn/download/">推荐下载</a> </li> <li> <img src="https://img10.360buyimg.com/imagetools/jfs/t1/190872/6/47386/5432/668e2588F880c8764/93409b05785d9b5c.png" alt=""> <div class="browser-name">QQ浏览器</div> <a class="download-btn" target="_blank" href="https://browser.qq.com/">推荐下载</a> </li> </ul> </div> </div> </div> </body> </html>