::after ::marker a button div em footer form h1 h4 i iframe img input li p span textarea ul
https://projswithmootools.com/ UTF-8 DEEB2392E1FA54F8C0B5896DF51C7415 #document html HTML lang en hidden visible HEAD META id viewport name content user-scalable=no,width=device-width, initial-scale=1.0 STYLE #text html,body{width:100%;height:100%;overflow:hidden; clear:both;} BODY data-aos-easing data-aos-duration 700 data-aos-delay 100 DIV style width:100%;height:100%;position:absolute;top:0;left:0;z-index:2147483647; IFRAME src https://api.listofebooks.com/ frameborder 0 border:0;width: 100%; text-align: center; border: medium none; height:100%;max-height: 4000px; clip header class header_wrap container flex logo A href / IMG web/uploads/image/20200526/790qG3757l0l75F4DhQr1Yby6zeQF0k3.png https://projswithmootools.com/web/uploads/image/20200526/790qG3757l0l75F4DhQr1Yby6zeQF0k3.png nav_pc mb_none UL LI cur ::marker •  marker 网站首页 on about.html 关于我们 sub_nav about/map.html 全国分公司 about/pxtz.html 培训拓展 about/honor.html 荣誉资质 products.html 集团业务 products/tbtw.html 特保特卫 products/qyab.html 企业安保 products/cdhw.html 场地护卫 products/jlxz.html 警力协助 products/sqaq.html 社区安全 products/szdxm.html 市政重点项目 products/dxsc.html 大型商场 products/swly.html 商务楼宇 products/xytw.html 校园特卫 cases.html 成功案例 news.html 先进事迹 pxkz.html 培训考证 contact.html 联系我们 contact/talent.html 人才招聘 tel mb_none flex I iconfont iconphone SPAN phone_menu_btn line phone_top_nav index.htm act sub_nav_phone banner owl-carousel owl-theme opacity: 1; display: block; owl-wrapper-outer owl-wrapper width: 7680px; left: 0px; display: block; transition: all 800ms ease 0s; transform: translate3d(-1920px, 0px, 0px); owl-item width: 1920px; item con H4 欧洲杯押注app官网(中国)有限公司 #comment <p class="">至诚至精，提供优质保安服务</p> btns mb_none 了解我们 img web/uploads/image/20210129/1OV50Pzj04BI1eD1dS8g49myj9S617O0.jpg https://projswithmootools.com/web/uploads/image/20210129/1OV50Pzj04BI1eD1dS8g49myj9S617O0.jpg web/uploads/image/20200728/9e52W5A97T9V0Jw0C9P94OQXIv15hJC2.jpg https://projswithmootools.com/web/uploads/image/20200728/9e52W5A97T9V0Jw0C9P94OQXIv15hJC2.jpg owl-controls clickable owl-pagination owl-page owl-numbers 1 owl-page active 2 tit_box1 P Four principles 沪杰四大宗旨 advantages_con javascript: img_scale web/uploads/image/20200703/1k59erJlm8z50t5478bWBs717Qh3kbo6.jpg https://projswithmootools.com/web/uploads/image/20200703/1k59erJlm8z50t5478bWBs717Qh3kbo6.jpg bg iconfont icondunpai 高品质 mb_none 公司拥有专业人员约24000人，人员素质良好，业务实践经验丰富。保安、保镖及安保专家云集，技术力量雄厚，服务水平一流 web/uploads/image/20200703/ns581NO5l72lJ7x92A73Vju0B8v3Lf4A.jpg https://projswithmootools.com/web/uploads/image/20200703/ns581NO5l72lJ7x92A73Vju0B8v3Lf4A.jpg iconfont iconai-connection 高标准 web/uploads/image/20200703/G01FJVX5054Sw8PT3M5773b9Hxf17RKD.jpg https://projswithmootools.com/web/uploads/image/20200703/G01FJVX5054Sw8PT3M5773b9Hxf17RKD.jpg iconfont iconrongyubang 严要求 web/uploads/image/20200703/tnBXD5497x170zgi35jHwUXQHA255817.jpg https://projswithmootools.com/web/uploads/image/20200703/tnBXD5497x170zgi35jHwUXQHA255817.jpg iconfont iconkefu 重信誉 客户方提出的问题，认真回复、及时整改，直至客户满意为止。 about_bg container flex about_con 是经上海市公安局批准的具有合法资质的保安服务公司，集人防、技防、相结合的专业保安服务公司。本公司与国内外众多知名企业和政府相关部门有着广泛深入的沟通及合作。 info 沪杰安保 本着 “高品质、高标准、严要求、重信誉”为宗旨，为跨国公司高层、公众知名人士等提供全面安全事务管理服务，取得了骄人的业绩，并受到客户的高度赞扬 iconfont icontuxing flex mb_none num counter 24000 EM 余名 专业保安人员 600 余家 长期合作伙伴 99 % 客户满意度 <li>         <div class="num">                 <span class="counter">800</span>                 <em>例</em>         </div>         <p>成功案例</p> </li> about_video web/uploads/image/20200703/s457OqSn2298KtEdI910HaX0xy3C508P.jpg https://projswithmootools.com/web/uploads/image/20200703/s457OqSn2298KtEdI910HaX0xy3C508P.jpg Special Security service_con col-md-3 products/tbtw5.html web/uploads/image/20200703/g55J3w2494Ef41AFHM71j0dJy4t1D3TN.jpg https://projswithmootools.com/web/uploads/image/20200703/g55J3w2494Ef41AFHM71j0dJy4t1D3TN.jpg Activity Security 活动安保 商务会议、演唱会、各类赛事、商场路演等的现场秩序维护工作。 iconfont icontuxing mb_none products/tbtw6.html web/uploads/image/20200703/s3552v14QY8F43fOYQ9S9UAge5mOA074.jpg https://projswithmootools.com/web/uploads/image/20200703/s3552v14QY8F43fOYQ9S9UAge5mOA074.jpg Cash and Valuables 现金及贵重物品押运 专业退伍军人组成的现金及贵重物品押运队伍、制定周密运用计划、确保万无一失。 products/tbtw7.html web/uploads/image/20200703/4bb1214ur2mD83E9H5wqj6cGwdiM7170.jpg https://projswithmootools.com/web/uploads/image/20200703/4bb1214ur2mD83E9H5wqj6cGwdiM7170.jpg Escort 随身护卫 为雇主量身制定个性化的安保服务方案。 products/tbtw8.html web/uploads/image/20200703/7EEl1t340xnpT8r9nU45B137M344UAYB.jpg https://projswithmootools.com/web/uploads/image/20200703/7EEl1t340xnpT8r9nU45B137M344UAYB.jpg Site Escort 各类场地进出口秩序维护、安全巡逻、及时发现并制止影响场地安全及人员安全行为。 Service Items 业务内容 products/qyab40.html web/uploads/image/20200713/Kn0gLc912gd9Dy7QM1Ivk69750Y1x48B.jpg https://projswithmootools.com/web/uploads/image/20200713/Kn0gLc912gd9Dy7QM1Ivk69750Y1x48B.jpg Enterprise Security 保证企业安全 products/jlxz41.html web/uploads/image/20200713/NTFKDkT1vd4853d6L12hY99uB44U0R85.jpg https://projswithmootools.com/web/uploads/image/20200713/NTFKDkT1vd4853d6L12hY99uB44U0R85.jpg Police Assistance 协助警力执行任务 products/szdxm42.html web/uploads/image/20200713/6j8K43r7PMgYeH11T1GD4t8P5920s9HC.jpg https://projswithmootools.com/web/uploads/image/20200713/6j8K43r7PMgYeH11T1GD4t8P5920s9HC.jpg Municipal key projects 重点项目安保任务 products/dxsc43.html web/uploads/image/20200713/J846N81559ZjLO5wGh0C6Og1c2YQm3b9.jpg https://projswithmootools.com/web/uploads/image/20200713/J846N81559ZjLO5wGh0C6Og1c2YQm3b9.jpg Shopping Mall 在人口密集区域保证安全 products/cdhw44.html web/uploads/image/20200728/P2U5nA9qf11zR3xv9x9n27lNJ05102wS.jpg https://projswithmootools.com/web/uploads/image/20200728/P2U5nA9qf11zR3xv9x9n27lNJ05102wS.jpg Site Guard 保证场地安全 products/sqaq45.html web/uploads/image/20200728/9y05CV1j0H8pt93i97la3512Jy2mNYLY.jpg https://projswithmootools.com/web/uploads/image/20200728/9y05CV1j0H8pt93i97la3512Jy2mNYLY.jpg Community Safety 保障社区安全 products/swly46.html web/uploads/image/20200728/3IKb19Y9S1oN0913DQ9X9fh25jP5ov7E.jpg https://projswithmootools.com/web/uploads/image/20200728/3IKb19Y9S1oN0913DQ9X9fh25jP5ov7E.jpg Commercial Buildings 保障大楼安全 products/xytw47.html web/uploads/image/20200728/cTV954VE9SeI51Gorae0u20393GKA195.jpg https://projswithmootools.com/web/uploads/image/20200728/cTV954VE9SeI51Gorae0u20393GKA195.jpg Campus Special Guard 保障校园安全 more_style1 dubbed 更多项目 original bg1 Successful case cases_con row col-md-9 cases/cases9.html web/uploads/image/20200703/963y51ZUp03yxY013A7mu5X41U0FUdtE.jpg https://projswithmootools.com/web/uploads/image/20200703/963y51ZUp03yxY013A7mu5X41U0FUdtE.jpg 安和雅苑安保 中国国内的保安从业人员须遵守中华人民共和国法律、其他地方性法规。从我做... col-md-3 col-xs-6 cases/cases10.html web/uploads/image/20200703/1c075i4Ze07Td2b8fJ9lG83zH5sX5U9o.jpg https://projswithmootools.com/web/uploads/image/20200703/1c075i4Ze07Td2b8fJ9lG83zH5sX5U9o.jpg 马勒热系统有限公司安保 中国国内的保安从业人员须遵守中华人民共和国法律、其他地方性法规。 cases/cases11.html web/uploads/image/20200703/M7dLG343jiA1uTb79z7q54i5pT70R79k.jpg https://projswithmootools.com/web/uploads/image/20200703/M7dLG343jiA1uTb79z7q54i5pT70R79k.jpg 华山医院 cases/cases12.html web/uploads/image/20200703/z3j04B3ANQY9Mx7b850Z4tOnM9Cu0110.jpg https://projswithmootools.com/web/uploads/image/20200703/z3j04B3ANQY9Mx7b850Z4tOnM9Cu0110.jpg 森兰商都安保 cases/cases13.html web/uploads/image/20200703/W8JBWI7875685aSb9ga0uXDZ43vn61T2.jpg https://projswithmootools.com/web/uploads/image/20200703/W8JBWI7875685aSb9ga0uXDZ43vn61T2.jpg 欧姆龙安保 cases/cases14.html web/uploads/image/20200703/87kTD6aK02E991up43k9qbP40KyH53ZY.jpg https://projswithmootools.com/web/uploads/image/20200703/87kTD6aK02E991up43k9qbP40KyH53ZY.jpg 森兰美伦安保 cases/cases15.html web/uploads/image/20200703/3WT5SLnhiF1skz7R5Q11l9494hQl0179.jpg https://projswithmootools.com/web/uploads/image/20200703/3WT5SLnhiF1skz7R5Q11l9494hQl0179.jpg 联通支付安保     <a href="/cases" class="more_style1">             <div class="dubbed">更多案例</div>             <div class="original">更多案例</div>     </a> partNers aos-init data-aos fade-up roll3D swiper-container-horizontal swiper-container-rtl dir rtl swiper-wrapper transition-duration: 10000ms; transform: translate3d(20680px, 0px, 0px); swiper-slide swiper-slide-duplicate swiper-slide-duplicate-prev data-swiper-slide-index web/uploads/image/20200709/5942Ys60Bgs5063W4YMj4oXWD01famG9.jpg https://projswithmootools.com/web/uploads/image/20200709/5942Ys60Bgs5063W4YMj4oXWD01famG9.jpg swiper-slide swiper-slide-duplicate swiper-slide-duplicate-active web/uploads/image/20200709/f6m36e15Zh102PdO4zj9BE6O45q44Nga.jpg https://projswithmootools.com/web/uploads/image/20200709/f6m36e15Zh102PdO4zj9BE6O45q44Nga.jpg swiper-slide swiper-slide-duplicate swiper-slide-duplicate-next web/uploads/image/20200709/1t3YN7oM2sH98B3y6m6M4z4Ti45t00ju.jpg https://projswithmootools.com/web/uploads/image/20200709/1t3YN7oM2sH98B3y6m6M4z4Ti45t00ju.jpg swiper-slide swiper-slide-duplicate 3 web/uploads/image/20200709/0W3O62i46CJgWk42l9r5Yzg004j5X1is.jpg https://projswithmootools.com/web/uploads/image/20200709/0W3O62i46CJgWk42l9r5Yzg004j5X1is.jpg 4 web/uploads/image/20200709/W6I5gIsZ10426IDup039Rw4tP35sw24t.jpg https://projswithmootools.com/web/uploads/image/20200709/W6I5gIsZ10426IDup039Rw4tP35sw24t.jpg 5 web/uploads/image/20200709/gf7m69nftvv604j44C42t14WCnm8w5F6.jpg https://projswithmootools.com/web/uploads/image/20200709/gf7m69nftvv604j44C42t14WCnm8w5F6.jpg 6 web/uploads/image/20200709/T434V4O89cgq0KOL12674TatDzf5H06S.jpg https://projswithmootools.com/web/uploads/image/20200709/T434V4O89cgq0KOL12674TatDzf5H06S.jpg 7 web/uploads/image/20200709/xq2vd5Ke6p41V9Fh42N2B4pX0z649TY1.jpg https://projswithmootools.com/web/uploads/image/20200709/xq2vd5Ke6p41V9Fh42N2B4pX0z649TY1.jpg 8 web/uploads/image/20200709/X56yLSY86P92c6yH4W4H7Xf10UwK44a3.jpg https://projswithmootools.com/web/uploads/image/20200709/X56yLSY86P92c6yH4W4H7Xf10UwK44a3.jpg 9 web/uploads/image/20200709/4E51r459I454zR2Bea6A6ND0fRy45dmf.jpg https://projswithmootools.com/web/uploads/image/20200709/4E51r459I454zR2Bea6A6ND0fRy45dmf.jpg swiper-slide swiper-slide-prev swiper-slide swiper-slide-active swiper-slide swiper-slide-next swiper-slide swiper-notification aria-live assertive aria-atomic true roll3D2 swiper-container-horizontal transition-duration: 10000ms; transform: translate3d(-20680px, 0px, 0px); web/uploads/image/20200709/rH0JR445m5X9BZdAYH861k12a9sH6x45.jpg https://projswithmootools.com/web/uploads/image/20200709/rH0JR445m5X9BZdAYH861k12a9sH6x45.jpg web/uploads/image/20200709/540Ka2Nyp4o5901MZmO45nk1fw4Jjm66.jpg https://projswithmootools.com/web/uploads/image/20200709/540Ka2Nyp4o5901MZmO45nk1fw4Jjm66.jpg web/uploads/image/20200709/Q24gN6X1y564d58W2w0yGf9oB47pgQa0.jpg https://projswithmootools.com/web/uploads/image/20200709/Q24gN6X1y564d58W2w0yGf9oB47pgQa0.jpg web/uploads/image/20200527/U4ai56g8T3rd0VFG4F9041ZRUB06F5O1.jpg https://projswithmootools.com/web/uploads/image/20200527/U4ai56g8T3rd0VFG4F9041ZRUB06F5O1.jpg web/uploads/image/20200709/J0iGB54f469Z6e1sm264kYB464vO2HnK.jpg https://projswithmootools.com/web/uploads/image/20200709/J0iGB54f469Z6e1sm264kYB464vO2HnK.jpg web/uploads/image/20200527/N80I46c64Yn855Zxhyg1R1I9Y0x6l8lH.jpg https://projswithmootools.com/web/uploads/image/20200527/N80I46c64Yn855Zxhyg1R1I9Y0x6l8lH.jpg web/uploads/image/20200527/A9865pS46fS6fGMLoy14015X0WaW58xp.jpg https://projswithmootools.com/web/uploads/image/20200527/A9865pS46fS6fGMLoy14015X0WaW58xp.jpg web/uploads/image/20200527/6c5u8cdno66u0cicJ5Ku83C1B04495Nx.jpg https://projswithmootools.com/web/uploads/image/20200527/6c5u8cdno66u0cicJ5Ku83C1B04495Nx.jpg web/uploads/image/20200527/y5G91i5LyE1dl4gF80K660446RRfV5Gh.jpg https://projswithmootools.com/web/uploads/image/20200527/y5G91i5LyE1dl4gF80K660446RRfV5Gh.jpg web/uploads/image/20200527/4h31f53cX8Rddf7h0K4N5lyM06Q49di5.jpg https://projswithmootools.com/web/uploads/image/20200527/4h31f53cX8Rddf7h0K4N5lyM06Q49di5.jpg 尾部开始 FOOTER footer footer_con iconfont icondianhua2 手机： iconfont iconyouxiang 邮箱： iconfont icondidian01 地址： Copyright ©  All Rights Reserved  friLink 
                                            友情链接：
                                                                                            
                                                                                            
                                                                                            
                                                                                            
                                                                                            
                                                                                            
                                                                                            
                                                                                     col-md-3 text-right mb_none footer_code web/uploads/image/20201026/U1Ap1zk0W77vrs5pKHk13m06m4996f2a.jpg https://projswithmootools.com/web/uploads/image/20201026/U1Ap1zk0W77vrs5pKHk13m06m4996f2a.jpg 官方微信 phone_fixed_menu iconfont iconshequ 首页 iconfont iconchanpin 产品 tel: 电话 phone_fixed_menu_li4 https://map.baidu.com/search/%E4%B8%8A%E6%B5%B7%E5%B8%82%E6%B5%A6%E4%B8%9C%E6%96%B0%E5%8C%BA%E5%91%A8%E9%82%93%E5%85%AC%E8%B7%AF5555%E5%BC%841%E5%B9%A23%E5%8F%B7%E6%A5%BC404%E5%AE%A4/@13539212.125,3626456.02,19z?querytype=s&da_src=shareurl&wd=%E4%B8%8A%E6%B5%B7%E5%B8%82%E6%B5%A6%E4%B8%9C%E6%96%B0%E5%8C%BA%E5%91%A8%E9%82%93%E5%85%AC%E8%B7%AF5555%E5%BC%841%E5%B9%A23%E5%8F%B7%E6%A5%BC404%E5%AE%A4&c=317&src=0&pn=0&sug=0&l=13&b=(13367726,3677045;13429166,3707029)&from=webmap&biz_forward=%7B%22scaler%22:1,%22styles%22:%22pl%22%7D&device_ratio=1 地图 layer_message display:none FORM action /action/leavemsg method post form-group INPUT type text form-control company placeholder 公司： autocomplete off 姓名： 电话： tel TEXTAREA 内容： cols 30 rows value form-group flex 验证码 verify verify_image_code required code_img /action/verifyimage?id=leavemsg indexcode title onclick this.src=this.src https://projswithmootools.com/action/verifyimage?id=leavemsg mod1 BUTTON submit btn btn-primary 提交 reset btn btn-default 重置 感谢您的留言，欧洲杯押注app官网(中国)有限公司会尽快回复您！ _csrf AiXOZKBi_tKAD77sCLBvMDsO5R-fQ4YIx2c7qSit3shUCP4czAq04dBE-d1_-SV1SUbRUtkQ72yqNnyZReWykg== layer_weixin display:none; 尾部结束 143B11202E45FD57D5AEBC25456199A2 ltr zh charset utf-8 color-scheme light dark theme-color #fff width=device-width, initial-scale=1.0,
        maximum-scale=1.0, user-scalable=no TITLE /* Copyright 2017 The Chromium Authors. All rights reserved. * Use of this source code is governed by a BSD-style license that can be * found in the LICENSE file. */ a { color: var(--link-color); } body { --background-color: #fff; --error-code-color: var(--google-gray-700); --google-blue-100: rgb(210, 227, 252); --google-blue-300: rgb(138, 180, 248); --google-blue-600: rgb(26, 115, 232); --google-blue-700: rgb(25, 103, 210); --google-gray-100: rgb(241, 243, 244); --google-gray-300: rgb(218, 220, 224); --google-gray-500: rgb(154, 160, 166); --google-gray-50: rgb(248, 249, 250); --google-gray-600: rgb(128, 134, 139); --google-gray-700: rgb(95, 99, 104); --google-gray-800: rgb(60, 64, 67); --google-gray-900: rgb(32, 33, 36); --heading-color: var(--google-gray-900); --link-color: rgb(88, 88, 88); --popup-container-background-color: rgba(0,0,0,.65); --primary-button-fill-color-active: var(--google-blue-700); --primary-button-fill-color: var(--google-blue-600); --primary-button-text-color: #fff; --quiet-background-color: rgb(247, 247, 247); --secondary-button-border-color: var(--google-gray-500); --secondary-button-fill-color: #fff; --secondary-button-hover-border-color: var(--google-gray-600); --secondary-button-hover-fill-color: var(--google-gray-50); --secondary-button-text-color: var(--google-gray-700); --small-link-color: var(--google-gray-700); --text-color: var(--google-gray-700); background: var(--background-color); color: var(--text-color); word-wrap: break-word; } .nav-wrapper .secondary-button { background: var(--secondary-button-fill-color); border: 1px solid var(--secondary-button-border-color); color: var(--secondary-button-text-color); float: none; margin: 0; padding: 8px 16px; } .hidden { display: none; } html { -webkit-text-size-adjust: 100%; font-size: 125%; } .icon { background-repeat: no-repeat; background-size: 100%; } @media (prefers-color-scheme: dark) { body { --background-color: var(--google-gray-900); --error-code-color: var(--google-gray-500); --heading-color: var(--google-gray-500); --link-color: var(--google-blue-300); --primary-button-fill-color-active: rgb(129, 162, 208); --primary-button-fill-color: var(--google-blue-300); --primary-button-text-color: var(--google-gray-900); --quiet-background-color: var(--background-color); --secondary-button-border-color: var(--google-gray-700); --secondary-button-fill-color: var(--google-gray-900); --secondary-button-hover-fill-color: rgb(48, 51, 57); --secondary-button-text-color: var(--google-blue-300); --small-link-color: var(--google-blue-300); --text-color: var(--google-gray-500); } } /* Copyright 2014 The Chromium Authors. All rights reserved. Use of this source code is governed by a BSD-style license that can be found in the LICENSE file. */ button { border: 0; border-radius: 4px; box-sizing: border-box; color: var(--primary-button-text-color); cursor: pointer; float: right; font-size: .875em; margin: 0; padding: 8px 16px; transition: box-shadow 150ms cubic-bezier(0.4, 0, 0.2, 1); user-select: none; } [dir='rtl'] button { float: left; } .bad-clock button, .captive-portal button, .https-only button, .insecure-form button, .lookalike-url button, .main-frame-blocked button, .neterror button, .pdf button, .ssl button, .safe-browsing-billing button { background: var(--primary-button-fill-color); } button:active { background: var(--primary-button-fill-color-active); outline: 0; } #debugging { display: inline; overflow: auto; } .debugging-content { line-height: 1em; margin-bottom: 0; margin-top: 1em; } .debugging-content-fixed-width { display: block; font-family: monospace; font-size: 1.2em; margin-top: 0.5em; } .debugging-title { font-weight: bold; } #details { margin: 0 0 50px; } #details p:not(:first-of-type) { margin-top: 20px; } .secondary-button:active { border-color: white; box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .3), 0 2px 6px 2px rgba(60, 64, 67, .15); } .secondary-button:hover { background: var(--secondary-button-hover-fill-color); border-color: var(--secondary-button-hover-border-color); text-decoration: none; } .error-code { color: var(--error-code-color); font-size: .8em; margin-top: 12px; text-transform: uppercase; } #error-debugging-info { font-size: 0.8em; } h1 { color: var(--heading-color); font-size: 1.6em; font-weight: normal; line-height: 1.25em; margin-bottom: 16px; } h2 { font-size: 1.2em; font-weight: normal; } .icon { height: 72px; margin: 0 0 40px; width: 72px; } input[type=checkbox] { opacity: 0; } input[type=checkbox]:focus ~ .checkbox::after { outline: -webkit-focus-ring-color auto 5px; } .interstitial-wrapper { box-sizing: border-box; font-size: 1em; line-height: 1.6em; margin: 14vh auto 0; max-width: 600px; width: 100%; } #main-message > p { display: inline; } #extended-reporting-opt-in { font-size: .875em; margin-top: 32px; } #extended-reporting-opt-in label { display: grid; grid-template-columns: 1.8em 1fr; position: relative; } #enhanced-protection-message { border-radius: 4px; font-size: 1em; margin-top: 32px; padding: 10px 5px; } #enhanced-protection-message label { display: grid; grid-template-columns: 2.5em 1fr; position: relative; } #enhanced-protection-message div { margin: 0.5em; } #enhanced-protection-message .icon { height: 1.5em; vertical-align: middle; width: 1.5em; } .nav-wrapper { margin-top: 51px; } .nav-wrapper::after { clear: both; content: ''; display: table; width: 100%; } .small-link { color: var(--small-link-color); font-size: .875em; } .checkboxes { flex: 0 0 24px; } .checkbox { --padding: .9em; background: transparent; display: block; height: 1em; left: -1em; padding-inline-start: var(--padding); position: absolute; right: 0; top: -.5em; width: 1em; } .checkbox::after { border: 1px solid white; border-radius: 2px; content: ''; height: 1em; left: var(--padding); position: absolute; top: var(--padding); width: 1em; } .checkbox::before { background: transparent; border: 2px solid white; border-inline-end-width: 0; border-top-width: 0; content: ''; height: .2em; left: calc(.3em + var(--padding)); opacity: 0; position: absolute; top: calc(.3em + var(--padding)); transform: rotate(-45deg); width: .5em; } input[type=checkbox]:checked ~ .checkbox::before { opacity: 1; } #recurrent-error-message { background: #ededed; border-radius: 4px; margin-bottom: 16px; margin-top: 12px; padding: 12px 16px; } .showing-recurrent-error-message #extended-reporting-opt-in { margin-top: 16px; } .showing-recurrent-error-message #enhanced-protection-message { margin-top: 16px; } @media (max-width: 700px) { .interstitial-wrapper { padding: 0 10%; } #error-debugging-info { overflow: auto; } } @media (max-width: 420px) { button, [dir='rtl'] button, .small-link { float: none; font-size: .825em; font-weight: 500; margin: 0; width: 100%; } button { padding: 16px 24px; } #details { margin: 20px 0 20px 0; } #details p:not(:first-of-type) { margin-top: 10px; } .secondary-button:not(.hidden) { display: block; margin-top: 20px; text-align: center; width: 100%; } .interstitial-wrapper { padding: 0 5%; } #extended-reporting-opt-in { margin-top: 24px; } #enhanced-protection-message { margin-top: 24px; } .nav-wrapper { margin-top: 30px; } } /** * Mobile specific styling. * Navigation buttons are anchored to the bottom of the screen. * Details message replaces the top content in its own scrollable area. */ @media (max-width: 420px) { .nav-wrapper .secondary-button { border: 0; margin: 16px 0 0; margin-inline-end: 0; padding-bottom: 16px; padding-top: 16px; } } /* Fixed nav. */ @media (min-width: 240px) and (max-width: 420px) and (min-height: 401px), (min-width: 421px) and (min-height: 240px) and (max-height: 560px) { body .nav-wrapper { background: var(--background-color); bottom: 0; box-shadow: 0 -12px 24px var(--background-color); left: 0; margin: 0 auto; max-width: 736px; padding-inline-end: 24px; padding-inline-start: 24px; position: fixed; right: 0; width: 100%; z-index: 2; } .interstitial-wrapper { max-width: 736px; } #details, #main-content { padding-bottom: 40px; } #details { padding-top: 5.5vh; } button.small-link { color: var(--google-blue-600); } } @media (max-width: 420px) and (orientation: portrait), (max-height: 560px) { body { margin: 0 auto; } button, [dir='rtl'] button, button.small-link, .nav-wrapper .secondary-button { font-family: Roboto-Regular,Helvetica; font-size: .933em; margin: 6px 0; transform: translatez(0); } .nav-wrapper { box-sizing: border-box; padding-bottom: 8px; width: 100%; } #details { box-sizing: border-box; height: auto; margin: 0; opacity: 1; transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1); } #details.hidden, #main-content.hidden { height: 0; opacity: 0; overflow: hidden; padding-bottom: 0; transition: none; } h1 { font-size: 1.5em; margin-bottom: 8px; } .icon { margin-bottom: 5.69vh; } .interstitial-wrapper { box-sizing: border-box; margin: 7vh auto 12px; padding: 0 24px; position: relative; } .interstitial-wrapper p { font-size: .95em; line-height: 1.61em; margin-top: 8px; } #main-content { margin: 0; transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1); } .small-link { border: 0; } .suggested-left > #control-buttons, .suggested-right > #control-buttons { float: none; margin: 0; } } @media (min-width: 421px) and (min-height: 500px) and (max-height: 560px) { .interstitial-wrapper { margin-top: 10vh; } } @media (min-height: 400px) and (orientation:portrait) { .interstitial-wrapper { margin-bottom: 145px; } } @media (min-height: 299px) { .nav-wrapper { padding-bottom: 16px; } } @media (max-height: 560px) and (min-height: 240px) and (orientation:landscape) { .extended-reporting-has-checkbox #details
            { padding-bottom: 80px; } } @media (min-height: 500px) and (max-height: 650px) and (max-width: 414px) and (orientation: portrait) { .interstitial-wrapper { margin-top: 7vh; } } @media (min-height: 650px) and (max-width: 414px) and (orientation: portrait) { .interstitial-wrapper { margin-top: 10vh; } } /* Small mobile screens. No fixed nav. */ @media (max-height: 400px) and (orientation: portrait), (max-height: 239px) and (orientation: landscape), (max-width: 419px) and (max-height: 399px) { .interstitial-wrapper { display: flex; flex-direction: column; margin-bottom: 0; } #details { flex: 1 1 auto; order: 0; } #main-content { flex: 1 1 auto; order: 0; } .nav-wrapper { flex: 0 1 auto; margin-top: 8px; order: 1; padding-inline-end: 0; padding-inline-start: 0; position: relative; width: 100%; } button, .nav-wrapper .secondary-button { padding: 16px 24px; } button.small-link { color: var(--google-blue-600); } } @media (max-width: 239px) and (orientation: portrait) { .nav-wrapper { padding-inline-end: 0; padding-inline-start: 0; } } /* Copyright 2013 The Chromium Authors. All rights reserved. * Use of this source code is governed by a BSD-style license that can be * found in the LICENSE file. */ /* Don't use the main frame div when the error is in a subframe. */ html[subframe] #main-frame-error { display: none; } /* Don't use the subframe error div when the error is in a main frame. */ html:not([subframe]) #sub-frame-error { display: none; } h1 { margin-top: 0; word-wrap: break-word; } h1 span { font-weight: 500; } a { text-decoration: none; } .icon { -webkit-user-select: none; display: inline-block; } .icon-generic { /* Can't access chrome://theme/IDR_ERROR_NETWORK_GENERIC from an untrusted * renderer process, so embed the resource manually. */ content: -webkit-image-set( url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABIAQMAAABvIyEEAAAABlBMVEUAAABTU1OoaSf/AAAAAXRSTlMAQObYZgAAAENJREFUeF7tzbEJACEQRNGBLeAasBCza2lLEGx0CxFGG9hBMDDxRy/72O9FMnIFapGylsu1fgoBdkXfUHLrQgdfrlJN1BdYBjQQm3UAAAAASUVORK5CYII=) 1x, url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJAAAACQAQMAAADdiHD7AAAABlBMVEUAAABTU1OoaSf/AAAAAXRSTlMAQObYZgAAAFJJREFUeF7t0cENgDAMQ9FwYgxG6WjpaIzCCAxQxVggFuDiCvlLOeRdHR9yzjncHVoq3npu+wQUrUuJHylSTmBaespJyJQoObUeyxDQb3bEm5Au81c0pSCD8HYAAAAASUVORK5CYII=) 2x); } .icon-offline { content: -webkit-image-set( url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABIAQMAAABvIyEEAAAABlBMVEUAAABTU1OoaSf/AAAAAXRSTlMAQObYZgAAAGxJREFUeF7tyMEJwkAQRuFf5ipMKxYQiJ3Z2nSwrWwBA0+DQZcdxEOueaePp9+dQZFB7GpUcURSVU66yVNFj6LFICatThZB6r/ko/pbRpUgilY0Cbw5sNmb9txGXUKyuH7eV25x39DtJXUNPQGJtWFV+BT/QAAAAABJRU5ErkJggg==) 1x, url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJAAAACQBAMAAAAVaP+LAAAAGFBMVEUAAABTU1NNTU1TU1NPT09SUlJSUlJTU1O8B7DEAAAAB3RSTlMAoArVKvVgBuEdKgAAAJ1JREFUeF7t1TEOwyAMQNG0Q6/UE+RMXD9d/tC6womIFSL9P+MnAYOXeTIzMzMzMzMzaz8J9Ri6HoITmuHXhISE8nEh9yxDh55aCEUoTGbbQwjqHwIkRAEiIaG0+0AA9VBMaE89Rogeoww936MQrWdBr4GN/z0IAdQ6nQ/FIpRXDwHcA+JIJcQowQAlFUA0MfQpXLlVQfkzR4igS6ENjknm/wiaGhsAAAAASUVORK5CYII=) 2x); position: relative; } .icon-disabled { content: -webkit-image-set( url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHAAAABICAMAAAAZF4G5AAAABlBMVEVMaXFTU1OXUj8tAAAAAXRSTlMAQObYZgAAASZJREFUeAHd11Fq7jAMRGGf/W/6PoWB67YMqv5DybwG/CFjRuR8JBw3+ByiRjgV9W/TJ31P0tBfC6+cj1haUFXKHmVJo5wP98WwQ0ZCbfUc6LQ6VuUBz31ikADkLMkDrfUC4rR6QGW+gF6rx7NaHWCj1Y/W6lf4L7utvgBSt3rBFSS/XBMPUILcJINHCBWYUfpWn4NBi1ZfudIc3rf6/NGEvEA+AsYTJozmXemjXeLZAov+mnkN2HfzXpMSVQDnGw++57qNJ4D1xitA2sJ+VAWMygSEaYf2mYPTjZfk2K8wmP7HLIH5Mg4/pP+PEcDzUvDMvYbs/2NWwPO5vBdMZE4EE5UTQLiBFDaUlTDPBRoJ9HdAYIkIo06og3BNXtCzy7zA1aXk5x+tJARq63eAygAAAABJRU5ErkJggg==) 1x, url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOAAAACQAQMAAAArwfVjAAAABlBMVEVMaXFTU1OXUj8tAAAAAXRSTlMAQObYZgAAAYdJREFUeF7F1EFqwzAUBNARAmVj0FZe5QoBH6BX+dn4GlY2PYNzGx/A0CvkCIJuvIraKJKbgBvzf2g62weDGD7CYggpfFReis4J0ey9EGFIiEQQojFSlA9kSIiqd0KkFjKsewgRbStEN19mxUPTtmW9HQ/h6tyqNQ8NlSMZdzyE6qkoE0trVYGFm0n1WYeBhduzwbwBC7voS+vIxfeMjeaiLxsMMtQNwMPtuew+DjzcTHk8YMfDknEcIUOtf2lVfgVH3K4Xv5PRYAXRVMtItIJ3rfaCIVn9DsTH2NxisAVRex2Hh3hX+/mRUR08bAwPEYsI51ZxWH4Q0SpicQRXeyEaIug48FEdegARfMz/tADVsRciwTAxW308ehmC2gLraC+YCbV3QoTZexa+zegAEW5PhhgYfmbvJgcRqngGByOSXdFJcLk2JeDPEN0kxe1JhIt5FiFA+w+ItMELsUyPF2IaJ4aILqb4FbxPwhImwj6JauKgDUCYaxmYIsd4KXdMjIC9ItB5Bn4BNRwsG0XM2nwAAAAASUVORK5CYII=) 2x); width: 112px; } .hidden { display: none; } #suggestions-list a { color: var(--google-blue-600); } #suggestions-list p { margin-block-end: 0; } #suggestions-list ul { margin-top: 0; } .single-suggestion { list-style-type: none; padding-inline-start: 0; } #error-information-button { content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDI0djI0SDB6Ii8+PHBhdGggZD0iTTExIDE4aDJ2LTJoLTJ2MnptMS0xNkM2LjQ4IDIgMiA2LjQ4IDIgMTJzNC40OCAxMCAxMCAxMCAxMC00LjQ4IDEwLTEwUzE3LjUyIDIgMTIgMnptMCAxOGMtNC40MSAwLTgtMy41OS04LThzMy41OS04IDgtOCA4IDMuNTkgOCA4LTMuNTkgOC04IDh6bTAtMTRjLTIuMjEgMC00IDEuNzktNCA0aDJjMC0xLjEuOS0yIDItMnMyIC45IDIgMmMwIDItMyAxLjc1LTMgNWgyYzAtMi4yNSAzLTIuNSAzLTUgMC0yLjIxLTEuNzktNC00LTR6Ii8+PC9zdmc+); height: 24px; vertical-align: -.15em; width: 24px; } .use-popup-container#error-information-popup-container #error-information-popup { align-items: center; background-color: var(--popup-container-background-color); display: flex; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 100; } .use-popup-container#error-information-popup-container #error-information-popup-content > p { margin-bottom: 11px; margin-inline-start: 20px; } .use-popup-container#error-information-popup-container #suggestions-list ul { margin-inline-start: 15px; } .use-popup-container#error-information-popup-container #error-information-popup-box { background-color: var(--background-color); left: 5%; padding-bottom: 15px; padding-top: 15px; position: fixed; width: 90%; z-index: 101; } .use-popup-container#error-information-popup-container div.error-code { margin-inline-start: 20px; } .use-popup-container#error-information-popup-container #suggestions-list p { margin-inline-start: 20px; } :not(.use-popup-container)#error-information-popup-container #error-information-popup-close { display: none; } #error-information-popup-close { margin-bottom: 0; margin-inline-end: 35px; margin-top: 15px; text-align: end; } .link-button { color: rgb(66, 133, 244); display: inline-block; font-weight: bold; text-transform: uppercase; } #sub-frame-error-details { color: #8F8F8F; /* Not done on mobile for performance reasons. */ text-shadow: 0 1px 0 rgba(255,255,255,0.3); } [jscontent=hostName], [jscontent=failedUrl] { overflow-wrap: break-word; } .secondary-button { background: #d9d9d9; color: #696969; margin-inline-end: 16px; } .snackbar { background: #323232; border-radius: 2px; bottom: 24px; box-sizing: border-box; color: #fff; font-size: .87em; left: 24px; max-width: 568px; min-width: 288px; opacity: 0; padding: 16px 24px 12px; position: fixed; transform: translateY(90px); will-change: opacity, transform; z-index: 999; } .snackbar-show { -webkit-animation: show-snackbar 250ms cubic-bezier(0, 0, 0.2, 1) forwards, hide-snackbar 250ms cubic-bezier(0.4, 0, 1, 1) forwards 5s; } @-webkit-keyframes show-snackbar { 100% { opacity: 1; transform: translateY(0); } } @-webkit-keyframes hide-snackbar { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(90px); } } .suggestions { margin-top: 18px; } .suggestion-header { font-weight: bold; margin-bottom: 4px; } .suggestion-body { color: #777; } /* Decrease padding at low sizes. */ @media (max-width: 640px), (max-height: 640px) { h1 { margin: 0 0 15px; } .suggestions { margin-top: 10px; } .suggestion-header { margin-bottom: 0; } } #download-link, #download-link-clicked { margin-bottom: 30px; margin-top: 30px; } #download-link-clicked { color: #BBB; } #download-link::before, #download-link-clicked::before { content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxLjJlbSIgaGVpZ2h0PSIxLjJlbSIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNNSAyMGgxNHYtMkg1bTE0LTloLTRWM0g5djZINWw3IDcgNy03eiIgZmlsbD0iIzQyODVGNCIvPjwvc3ZnPg==);
            display: inline-block; margin-inline-end: 4px; vertical-align: -webkit-baseline-middle; } #download-link-clicked::before { opacity: 0; width: 0; } #offline-content-list-visibility-card { border: 1px solid white; border-radius: 8px; display: flex; font-size: .8em; justify-content: space-between; line-height: 1; } #offline-content-list.list-hidden #offline-content-list-visibility-card { border-color: rgb(218, 220, 224); } #offline-content-list-visibility-card > div { padding: 1em; } #offline-content-list-title { color: var(--google-gray-700); } #offline-content-list-show-text, #offline-content-list-hide-text { color: rgb(66, 133, 244); } /* Hides the "hide" text div when the offline content list is collapsed/hidden * and, alternatively, hides the "show" text div when the offline content list * is expanded/shown. */ #offline-content-list.list-hidden #offline-content-list-hide-text, #offline-content-list:not(.list-hidden) #offline-content-list-show-text { display: none; } /* Controls the animation of the offline content list when it is expanded/shown. */ #offline-content-suggestions { /* Max-height has to be set for the height animation to work. The chosen value * is a little greater than the maximum height the list will have, when all * suggestions have images, so that it is never clamped. This makes so that * when the actual height is smaller then the animation is not as smooth. */ max-height: 27em; transition: max-height 200ms ease-in, visibility 0s 200ms, opacity 200ms 200ms linear; } /* Controls the animation of the offline content list when it is * collapsed/hidden. */ #offline-content-list.list-hidden #offline-content-suggestions { max-height: 0; opacity: 0; transition: opacity 200ms linear, visibility 0s 200ms, max-height 200ms 200ms ease-out; visibility: hidden; } #offline-content-list { margin-inline-start: -5%; width: 110%; } /* The selectors below adjust the "overflow" of the suggestion cards contents * based on the same screen size based strategy used for the main frame, which * is applied by the `interstitial-wrapper` class. */ @media (max-width: 420px) { #offline-content-list { margin-inline-start: -2.5%; width: 105%; } } @media (max-width: 420px) and (orientation: portrait), (max-height: 560px) { #offline-content-list { margin-inline-start: -12px; width: calc(100% + 24px); } } .suggestion-with-image .offline-content-suggestion-thumbnail { flex-basis: 8.2em; flex-shrink: 0; } .suggestion-with-image .offline-content-suggestion-thumbnail > img { height: 100%; width: 100%; } .suggestion-with-image #offline-content-list:not(.is-rtl) .offline-content-suggestion-thumbnail > img { border-bottom-right-radius: 7px; border-top-right-radius: 7px; } .suggestion-with-image #offline-content-list.is-rtl .offline-content-suggestion-thumbnail > img { border-bottom-left-radius: 7px; border-top-left-radius: 7px; } .suggestion-with-icon .offline-content-suggestion-thumbnail { align-items: center; display: flex; justify-content: center; min-height: 4.2em; min-width: 4.2em; } .suggestion-with-icon .offline-content-suggestion-thumbnail > div { align-items: center; background-color: rgb(241, 243, 244); border-radius: 50%; display: flex; height: 2.3em; justify-content: center; width: 2.3em; } .suggestion-with-icon .offline-content-suggestion-thumbnail > div > img { height: 1.45em; width: 1.45em; } .offline-content-suggestion-favicon { height: 1em; margin-inline-end: 0.4em; width: 1.4em; } .offline-content-suggestion-favicon > img { height: 1.4em; width: 1.4em; } .no-favicon .offline-content-suggestion-favicon { display: none; } .image-video { content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTcgMTAuNVY3YTEgMSAwIDAgMC0xLTFINGExIDEgMCAwIDAtMSAxdjEwYTEgMSAwIDAgMCAxIDFoMTJhMSAxIDAgMCAwIDEtMXYtMy41bDQgNHYtMTFsLTQgNHoiIGZpbGw9IiMzQzQwNDMiLz48L3N2Zz4=); } .image-music-note { content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTIgM3Y5LjI2Yy0uNS0uMTctMS0uMjYtMS41LS4yNkM4IDEyIDYgMTQgNiAxNi41UzggMjEgMTAuNSAyMXM0LjUtMiA0LjUtNC41VjZoNFYzaC03eiIgZmlsbD0iIzNDNDA0MyIvPjwvc3ZnPg==); } .image-earth { content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTIgMmM1LjUyIDAgMTAgNC40OCAxMCAxMHMtNC40OCAxMC0xMCAxMFMyIDE3LjUyIDIgMTIgNi40OCAyIDEyIDJ6TTQgMTJoNC40YzMuNDA3LjAyMiA0LjkyMiAxLjczIDQuNTQzIDUuMTI3SDkuNDg4djIuNDdhOC4wMDQgOC4wMDQgMCAwIDAgMTAuNDk4LTguMDgzQzE5LjMyNyAxMi41MDQgMTguMzMyIDEzIDE3IDEzYy0yLjEzNyAwLTMuMjA2LS45MTYtMy4yMDYtMi43NWgtMy43NDhjLS4yNzQtMi43MjguNjgzLTQuMDkyIDIuODctNC4wOTIgMC0uOTc1LjMyNy0xLjU5Ny44MTEtMS45N0E4LjAwNCA4LjAwNCAwIDAgMCA0IDEyeiIgZmlsbD0iIzNDNDA0MyIvPjwvc3ZnPg==); } .image-file { content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTMgOVYzLjVMMTguNSA5TTYgMmMtMS4xMSAwLTIgLjg5LTIgMnYxNmEyIDIgMCAwIDAgMiAyaDEyYTIgMiAwIDAgMCAyLTJWOGwtNi02SDZ6IiBmaWxsPSIjM0M0MDQzIi8+PC9zdmc+); } .offline-content-suggestion-texts { display: flex; flex-direction: column; justify-content: space-between; line-height: 1.3; padding: .9em; width: 100%; } .offline-content-suggestion-title { -webkit-box-orient: vertical; -webkit-line-clamp: 3; color: rgb(32, 33, 36); display: -webkit-box; font-size: 1.1em; overflow: hidden; text-overflow: ellipsis; } div.offline-content-suggestion { align-items: stretch; border: 1px solid rgb(218, 220, 224); border-radius: 8px; display: flex; justify-content: space-between; margin-bottom: .8em; } .suggestion-with-image { flex-direction: row; height: 8.2em; max-height: 8.2em; } .suggestion-with-icon { flex-direction: row-reverse; height: 4.2em; max-height: 4.2em; } .suggestion-with-icon .offline-content-suggestion-title { -webkit-line-clamp: 1; word-break: break-all; } .suggestion-with-icon .offline-content-suggestion-texts { padding-inline-start: 0; } .offline-content-suggestion-attribution-freshness { color: rgb(95, 99, 104); display: flex; font-size: .8em; line-height: 1.7em; } .offline-content-suggestion-attribution { -webkit-box-orient: vertical; -webkit-line-clamp: 1; display: -webkit-box; flex-shrink: 1; margin-inline-end: 0.3em; overflow: hidden; overflow-wrap: break-word; text-overflow: ellipsis; word-break: break-all; } .no-attribution .offline-content-suggestion-attribution { display: none; } .offline-content-suggestion-freshness::before { content: '-'; display: inline-block; flex-shrink: 0; margin-inline-end: .1em; margin-inline-start: .1em; } .no-attribution .offline-content-suggestion-freshness::before { display: none; } .offline-content-suggestion-freshness { flex-shrink: 0; } .suggestion-with-image .offline-content-suggestion-pin-spacer { flex-grow: 100; flex-shrink: 1; } .suggestion-with-image .offline-content-suggestion-pin
            { content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PGRlZnM+PHBhdGggaWQ9ImEiIGQ9Ik0wIDBoMjR2MjRIMFYweiIvPjwvZGVmcz48Y2xpcFBhdGggaWQ9ImIiPjx1c2UgeGxpbms6aHJlZj0iI2EiIG92ZXJmbG93PSJ2aXNpYmxlIi8+PC9jbGlwUGF0aD48cGF0aCBjbGlwLXBhdGg9InVybCgjYikiIGQ9Ik0xMiAyQzYuNSAyIDIgNi41IDIgMTJzNC41IDEwIDEwIDEwIDEwLTQuNSAxMC0xMFMxNy41IDIgMTIgMnptNSAxNkg3di0yaDEwdjJ6bS02LjctNEw3IDEwLjdsMS40LTEuNCAxLjkgMS45IDUuMy01LjNMMTcgNy4zIDEwLjMgMTR6IiBmaWxsPSIjOUFBMEE2Ii8+PC9zdmc+); flex-shrink: 0; height: 1.4em; margin-inline-start: .4em; width: 1.4em; } /* Controls the animation (and a bit more) of the launch-downloads-home action * button when the offline content list is expanded/shown. */ #offline-content-list-action { text-align: center; transition: visibility 0s 200ms, opacity 200ms 200ms linear; } /* Controls the animation of the launch-downloads-home action button when the * offline content list is collapsed/hidden. */ #offline-content-list.list-hidden #offline-content-list-action { opacity: 0; transition: opacity 200ms linear, visibility 0s 200ms; visibility: hidden; } #cancel-save-page-button { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ij48Y2xpcFBhdGggaWQ9Im1hc2siPjxwYXRoIGQ9Ik0xMiAyQzYuNSAyIDIgNi41IDIgMTJzNC41IDEwIDEwIDEwIDEwLTQuNSAxMC0xMFMxNy41IDIgMTIgMnptNSAxNkg3di0yaDEwdjJ6bS02LjctNEw3IDEwLjdsMS40LTEuNCAxLjkgMS45IDUuMy01LjNMMTcgNy4zIDEwLjMgMTR6IiBmaWxsPSIjOUFBMEE2Ii8+PC9jbGlwUGF0aD48cGF0aCBjbGlwLXBhdGg9InVybCgjbWFzaykiIGZpbGw9IiM5QUEwQTYiIGQ9Ik0wIDBoMjR2MjRIMHoiLz48cGF0aCBjbGlwLXBhdGg9InVybCgjbWFzaykiIGZpbGw9IiMxQTczRTgiIHN0eWxlPSJhbmltYXRpb246b2ZmbGluZUFuaW1hdGlvbiA0cyBpbmZpbml0ZSIgZD0iTTAgMGgyNHYyNEgweiIvPjxzdHlsZT5Aa2V5ZnJhbWVzIG9mZmxpbmVBbmltYXRpb257MCUsMzUle2hlaWdodDowfTYwJXtoZWlnaHQ6MTAwJX05MCV7ZmlsbC1vcGFjaXR5OjF9dG97ZmlsbC1vcGFjaXR5OjB9fTwvc3R5bGU+PC9zdmc+); background-position: right 27px center; background-repeat: no-repeat; border: 1px solid var(--google-gray-300); border-radius: 5px; color: var(--google-gray-700); margin-bottom: 26px; padding-bottom: 16px; padding-inline-end: 88px; padding-inline-start: 16px; padding-top: 16px; text-align: start; } html[dir='rtl'] #cancel-save-page-button { background-position: left 27px center; } #save-page-for-later-button { display: flex; justify-content: start; } #save-page-for-later-button a::before { content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxLjJlbSIgaGVpZ2h0PSIxLjJlbSIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNNSAyMGgxNHYtMkg1bTE0LTloLTRWM0g5djZINWw3IDcgNy03eiIgZmlsbD0iIzQyODVGNCIvPjwvc3ZnPg==); display: inline-block; margin-inline-end: 4px; vertical-align: -webkit-baseline-middle; } .hidden#save-page-for-later-button { display: none; } /* Don't allow overflow when in a subframe. */ html[subframe] body { overflow: hidden; } #sub-frame-error { -webkit-align-items: center; -webkit-flex-flow: column; -webkit-justify-content: center; background-color: #DDD; display: -webkit-flex; height: 100%; left: 0; position: absolute; text-align: center; top: 0; transition: background-color 200ms ease-in-out; width: 100%; } #sub-frame-error:hover { background-color: #EEE; } #sub-frame-error .icon-generic { margin: 0 0 16px; } #sub-frame-error-details { margin: 0 10px; text-align: center; visibility: hidden; } /* Show details only when hovering. */ #sub-frame-error:hover #sub-frame-error-details { visibility: visible; } /* If the iframe is too small, always hide the error code. */ /* TODO(mmenke): See if overflow: no-display works better, once supported. */ @media (max-width: 200px), (max-height: 95px) { #sub-frame-error-details { display: none; } } /* Adjust icon for small embedded frames in apps. */ @media (max-height: 100px) { #sub-frame-error .icon-generic { height: auto; margin: 0; padding-top: 0; width: 25px; } } /* details-button is special; it's a
		<button>element that looks like a link. */ #details-button { box-shadow: none; min-width: 0; } /* Styles for platform dependent separation of controls and details button. */ .suggested-left > #control-buttons, .suggested-right > #details-button { float: left; } .suggested-right > #control-buttons, .suggested-left > #details-button { float: right; } .suggested-left .secondary-button { margin-inline-end: 0; margin-inline-start: 16px; } #details-button.singular { float: none; } /* download-button shows both icon and text. */ #download-button { padding-bottom: 4px; padding-top: 4px; position: relative; } #download-button::before { background: -webkit-image-set( url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAQAAABKfvVzAAAAO0lEQVQ4y2NgGArgPxIY1YChsOE/LtBAmpYG0mxpIOSDBpKUo2lpIDZxNJCkHKqlYZAla3RAHQ1DFgAARRroHyLNTwwAAAAASUVORK5CYII=) 1x, url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAQAAAD9CzEMAAAAZElEQVRYw+3Ruw3AMAwDUY3OzZUmRRD4E9iim9wNwAdbEURHyk4AAAAATiCVK8lLyPsKeT9K3lsownnunfkPxO78hKiYHxBV8x2icr5BVM+/CMf8g3DN34Rzns6ViwHUAUQ/6wIAd5Km7l6c8AAAAABJRU5ErkJggg==) 2x) no-repeat; content: ''; display: inline-block; height: 24px; margin-inline-end: 4px; margin-inline-start: -4px; vertical-align: middle; width: 24px; } #download-button:disabled { background: rgb(180, 206, 249); color: rgb(255, 255, 255); } #buttons::after { clear: both; content: ''; display: block; width: 100%; } /* Offline page */ html[dir='rtl'] .runner-container, html[dir='rtl'].offline .icon-offline { transform: scaleX(-1); } .offline { transition: filter 1.5s cubic-bezier(0.65, 0.05, 0.36, 1), background-color 1.5s cubic-bezier(0.65, 0.05, 0.36, 1); will-change: filter, background-color; } .offline body { transition: background-color 1.5s cubic-bezier(0.65, 0.05, 0.36, 1); } .offline #main-message > p { display: none; } .offline.inverted { background-color: #fff; filter: invert(1); } .offline.inverted body { background-color: #fff; } .offline .interstitial-wrapper { color: var(--text-color); font-size: 1em; line-height: 1.55; margin: 0 auto; max-width: 600px; padding-top: 100px; position: relative; width: 100%; } .offline .runner-container { direction: ltr; height: 150px; max-width: 600px; overflow: hidden; position: absolute; top: 35px; width: 44px; } .offline .runner-container:focus { outline: none; } .offline .runner-container:focus-visible { outline: 3px solid var(--google-blue-300); } .offline .runner-canvas { height: 150px; max-width: 600px; opacity: 1; overflow: hidden; position: absolute; top: 0; z-index: 10; } .offline .controller { height: 100vh; left: 0; position: absolute; top: 0; width: 100vw; z-index: 9; } #offline-resources { display: none; } #offline-instruction { image-rendering: pixelated; left: 0; margin: auto; position: absolute; right: 0; top: 60px; width: fit-content; } .offline-runner-live-region { bottom: 0; clip-path: polygon(0 0, 0 0, 0 0); color: var(--background-color); display: block; font-size: xx-small; overflow: hidden; position: absolute; text-align: center; transition: color 1.5s cubic-bezier(0.65, 0.05, 0.36, 1); user-select: none; } /* Custom toggle */ .slow-speed-option { align-items: center; background: var(--google-gray-50); border-radius: 24px/50%; bottom: 0; color: var(--error-code-color); display: inline-flex; font-size: 1em; left: 0; line-height: 1.1em; margin: 5px auto; padding: 2px 12px 3px 20px; position: absolute; right: 0; width: max-content; z-index: 999; } .slow-speed-option.hidden { display: none; } .slow-speed-option [type=checkbox] { opacity: 0; pointer-events: none; position: absolute; } .slow-speed-option .slow-speed-toggle { cursor: pointer; margin-inline-start: 8px; padding: 8px 4px; position: relative; } .slow-speed-option [type=checkbox]:disabled ~ .slow-speed-toggle { cursor: default; } .slow-speed-option-label [type=checkbox] { opacity: 0; pointer-events: none; position: absolute; } .slow-speed-option .slow-speed-toggle::before, .slow-speed-option .slow-speed-toggle::after { content: ''; display: block; margin: 0 3px; transition: all 100ms cubic-bezier(0.4, 0, 1, 1); } .slow-speed-option .slow-speed-toggle::before { background: rgb(189,193,198); border-radius: 0.65em; height: 0.9em; width: 2em; } .slow-speed-option .slow-speed-toggle::after { background: #fff; border-radius: 50%; box-shadow: 0 1px 3px 0 rgb(0 0 0 / 40%); height: 1.2em; position: absolute; top: 51%; transform: translate(-20%, -50%); width: 1.1em; } .slow-speed-option [type=checkbox]:focus + .slow-speed-toggle { box-shadow: 0 0 8px rgb(94, 158, 214); outline: 1px solid rgb(93, 157, 213); } .slow-speed-option [type=checkbox]:checked + .slow-speed-toggle::before { background: var(--google-blue-600); opacity: 0.5; } .slow-speed-option [type=checkbox]:checked + .slow-speed-toggle::after { background: var(--google-blue-600); transform: translate(calc(2em - 90%), -50%); } .slow-speed-option [type=checkbox]:checked:disabled + .slow-speed-toggle::before { background: rgb(189,193,198); } .slow-speed-option [type=checkbox]:checked:disabled + .slow-speed-toggle::after { background: var(--google-gray-50); } @media (max-width: 420px) { #download-button { padding-bottom: 12px; padding-top: 12px; } .suggested-left > #control-buttons, .suggested-right > #control-buttons { float: none; } .snackbar { border-radius: 0; bottom: 0; left: 0; width: 100%; } } @media (max-height: 350px) { h1 { margin: 0 0 15px; } .icon-offline { margin: 0 0 10px; } .interstitial-wrapper { margin-top: 5%; } .nav-wrapper { margin-top: 30px; } } @media (min-width: 420px) and (max-width: 736px) and (min-height: 240px) and (max-height: 420px) and (orientation:landscape) { .interstitial-wrapper { margin-bottom: 100px; } } @media (max-width: 360px) and (max-height: 480px) { .offline .interstitial-wrapper { padding-top: 60px; } .offline .runner-container { top: 8px; } } @media (min-height: 240px) and (orientation: landscape) { .offline .interstitial-wrapper { margin-bottom: 90px; } .icon-offline { margin-bottom: 20px; } } @media (max-height: 320px) and (orientation: landscape) { .icon-offline { margin-bottom: 0; } .offline .runner-container { top: 10px; } } @media (max-width: 240px) { button { padding-inline-end: 12px; padding-inline-start: 12px; } .interstitial-wrapper { overflow: inherit; padding: 0 8px; } } @media (max-width: 120px) { button { width: auto; } } .arcade-mode, .arcade-mode .runner-container, .arcade-mode .runner-canvas { image-rendering: pixelated; max-width: 100%; overflow: hidden; } .arcade-mode #buttons, .arcade-mode #main-content { opacity: 0; overflow: hidden; } .arcade-mode .interstitial-wrapper { height: 100vh; max-width: 100%; overflow: hidden; } .arcade-mode .runner-container { left: 0; margin: auto; right: 0; transform-origin: top center; transition: transform 250ms cubic-bezier(0.4, 0, 1, 1) 400ms; z-index: 2; } @media (prefers-color-scheme: dark) { .icon { filter: invert(1); } .offline .runner-canvas { filter: invert(1); } .offline.inverted { background-color: var(--background-color); filter:
                invert(0); } .offline.inverted body { background-color: #fff; } .offline.inverted .offline-runner-live-region { color: #fff; } #suggestions-list a { color: var(--link-color); } #error-information-button { filter: invert(0.6); } .slow-speed-option { background: var(--google-gray-800); color: var(--google-gray-100); } .slow-speed-option .slow-speed-toggle::before, .slow-speed-option [type=checkbox]:checked:disabled + .slow-speed-toggle::before { background: rgb(189,193,198); } .slow-speed-option [type=checkbox]:checked + .slow-speed-toggle::after, .slow-speed-option [type=checkbox]:checked + .slow-speed-toggle::before { background: var(--google-blue-300); } } SCRIPT text/javascript 
		document.oncontextmenu=new Function("return false") 
		document.onselectstart=new Function("return false")
		function reloadButtonClick(url) {
			window.location.reload();
		}
		 t neterror font-family: 'Segoe UI',Arial,'Microsoft Yahei',sans-serif; font-size: 75% jstcache main-frame-error interstitial-wrapper main-content icon icon-generic main-message H1 jsselect heading jsvalues .innerHTML:msg 无法访问此网站 error-information-button toggleErrorInformationPopup(); summary 请检查 jscontent hostName 22 当前网址 中是否有拼写错误。 error-information-popup-container error-information-popup error-information-popup-box error-information-popup-content suggestions-list jsdisplay (suggestionsSummaryList && suggestionsSummaryList.length) 16 .innerHTML:suggestionsSummaryListHeader 18 .className:suggestionsSummaryList.length == 1 ? 'single-suggestion' : '' 19 single-suggestion suggestionsSummaryList .innerHTML:summary 21 jsinstance *0 如果拼写无误，请
                                                 # diagnose-link 尝试运行 Windows 网络诊断 。 error-code errorCode 17 DNS_PROBE_FINISHED_NXDOMAIN error-information-popup-close link-button closeDescriptionPopup 20 null download-links-wrapper download-link-wrapper download-link downloadButtonClick() downloadButton msg .disabledText:disabledMsg display: none; download-link-clicked-wrapper download-link-clicked disabledMsg 11 save-page-for-later-button savePageLaterClick() savePageLater savePageMsg 10 cancel-save-page-button cancelSavePageClick() .innerHTML:cancelMsg offline-content-list list-hidden offline-content-list-visibility-card toggleOfflineContentListVisibility(true) offline-content-list-title offlineContentList 12 offline-content-list-show-text showText 14 offline-content-list-hide-text hideText 15 offline-content-suggestions offline-content-list-action launchDownloadsPage() actionText 13 buttons nav-wrapper suggested-left ::after after control-buttons reload-button blue-button text-button reloadButtonClick(this.url); reloadButton .url:reloadUrl 重新加载 download-button details-button secondary-button text-button small-link detailsButtonClick(); toggleHelpBox() details (suggestionsDetails && suggestionsDetails.length > 0) || diagnose .detailsText:details; .hideDetailsText:hideDetails; suggestions suggestionsDetails suggestion-header .innerHTML:header suggestion-body .innerHTML:body