?︽??〉??/title> <style type="text/css"> body{ width: 100%; padding: 0; margin: 0; } #max{ width: 100%; padding: 0; margin: 0 auto; } #top{ width: 150px; margin: 0 auto; padding-top: 60px; } #warm{ margin: 20px 0 15px 0; font-size: 24px; color: #606266; text-align: center; } #tip{ width: 800px; margin: 0 auto; padding-top: 10px; padding-bottom: 20px; border: #DFDFDF solid 1px; border-radius: 6px; color: #808288; font-size: 16px; } p{ padding-left: 200px; } #example{ margin-left: 55px; } #bom{ width: 900px; margin: 0 auto; margin-top: 5px; font-size: 16px; } #left{ float: left; width: 30px; padding-left: 160px; margin-top: 10px; } #right{ float: left; margin-top: 10px; margin-left: 8px; color: #808288; } input{ width: 100px; height: 35px; border: #DFDFDF solid 1px; border-radius: 4px; margin-left: 5px; outline: none; } #detail{ background-color: #2ea1f8; color: #FFFFFF; } #feedback{ background-color: #FFFFFF; color: #808288; } footer{ width: 100%; position: absolute; bottom: 0px; padding: 25px 0 35px 0; margin: 0 auto; text-align: center; color: #808288; font-size: 14px; border-top: 1px solid #e4e7ed; } </style> </head> <body> <div id="max"> <div id="top"> <svg xmlns="http://www.w3.org/2000/svg" id="?惧?_1" style="" viewBox="0 0 93 60" x="0px" y="0px" xmlns:xml="http://www.w3.org/XML/1998/namespace" xml:space="preserve" version="1.1"> <style type="text/css"> .st0{fill:#27A1FD;} .st1{fill:#474755;} .st2{fill:#FFFFFF;} .st3{fill:#71C1FE;} </style> <g> <path class="st0" d="M 73 18 H 31 c -2.2 0 -4 -1.8 -4 -4 V 4 c 0 -2.2 1.8 -4 4 -4 h 42 c 2.2 0 4 1.8 4 4 v 10 C 77 16.2 75.2 18 73 18 Z" /> <path class="st1" d="M 21 18 H 4 c -2.2 0 -4 -1.8 -4 -4 V 4 c 0 -2.2 1.8 -4 4 -4 h 17 c 2.2 0 4 1.8 4 4 v 10 C 25 16.2 23.2 18 21 18 Z" /> <path class="st0" d="M 73 58 H 31 c -2.2 0 -4 -1.8 -4 -4 V 44 c 0 -2.2 1.8 -4 4 -4 h 42 c 2.2 0 4 1.8 4 4 v 10 C 77 56.2 75.2 58 73 58 Z" /> <path class="st1" d="M 21 58 H 4 c -2.2 0 -4 -1.8 -4 -4 V 44 c 0 -2.2 1.8 -4 4 -4 h 17 c 2.2 0 4 1.8 4 4 v 10 C 25 56.2 23.2 58 21 58 Z" /> <path class="st0" d="M 46 38 H 4 c -2.2 0 -4 -1.8 -4 -4 V 24 c 0 -2.2 1.8 -4 4 -4 h 42 c 2.2 0 4 1.8 4 4 v 10 C 50 36.2 48.2 38 46 38 Z" /> <path class="st1" d="M 73 38 H 56 c -2.2 0 -4 -1.8 -4 -4 V 24 c 0 -2.2 1.8 -4 4 -4 h 17 c 2.2 0 4 1.8 4 4 v 10 C 77 36.2 75.2 38 73 38 Z" /> <circle class="st2" cx="73" cy="40" r="20" /> <g> <path class="st3" d="M 73 22 c 9.9 0 18 8.1 18 18 s -8.1 18 -18 18 s -18 -8.1 -18 -18 S 63.1 22 73 22 M 73 20 c -11 0 -20 9 -20 20 s 9 20 20 20 s 20 -9 20 -20 S 84 20 73 20 L 73 20 Z" /> </g> <path class="st3" d="M 83 42 H 63 c -1.1 0 -2 -0.9 -2 -2 v 0 c 0 -1.1 0.9 -2 2 -2 h 20 c 1.1 0 2 0.9 2 2 v 0 C 85 41.1 84.1 42 83 42 Z" /> </g> </svg> </div> <div id="mid"> <div id="warm"> <span><b>?ㄧ??IP宸茶?缃?绔?绠＄????璁剧疆??绂?姝㈣????</b></span> </div> <div id="tip"> <p>???藉????锛??ㄧ??璁块??P琚?坊???扮?绔?瀹??ㄧ??IP榛?????涓?/p> <p>濡?浣?瑙ｅ?筹?</p> <div id="example"> <p>1锛?妫??ユ??浜ゅ??瀹癸?</p> <p>2锛?濡?缃?绔???绠★?璇疯??绯荤┖?存??渚???锛?</p> <p>3锛?????缃?绔?璁垮?锛?璇疯??绯荤?绔?绠＄????</p> </div> </div> </div> <div id="bom"> <div id="left"> <svg xmlns="http://www.w3.org/2000/svg" id="?惧?_1" style="" viewBox="0 0 30 30" x="0px" y="0px" xmlns:xml="http://www.w3.org/XML/1998/namespace" xml:space="preserve" version="1.1"> <style type="text/css"> .st4{fill:#DFDFDF;} .st5{fill:#0458B0;} .st6{fill:#EDE7E6;} .st7{fill:#F7EDEB;} .st8{fill:#3B455F;} </style> <g> <circle class="st4" cx="15" cy="15" r="15" /> <ellipse class="st5" cx="15" cy="23.5" rx="12.4" ry="6.5" /> <path class="st6" d="M 15 22 L 15 22 c -2.2 0 -4 -1.8 -4 -4 v -3 c 0 -2.2 1.8 -4 4 -4 h 0 c 2.2 0 4 1.8 4 4 v 3 C 19 20.2 17.2 22 15 22 Z" /> <ellipse class="st7" cx="15" cy="10.5" rx="5" ry="7.5" /> <polygon class="st8" points="11,6 13,8 19,8 20,11 21,11 21,5 18,2 12,2 9,5 9,11 10,11" /> <path class="st7" d="M 19.5 13 h -9 C 9.7 13 9 12.3 9 11.5 v 0 c 0 -0.8 0.7 -1.5 1.5 -1.5 h 9 c 0.8 0 1.5 0.7 1.5 1.5 v 0 C 21 12.3 20.3 13 19.5 13 Z" /> </g> </svg> </div> <div id="right"> <span>濡????ㄦ???绔?绠＄????锛?璇风?诲?瀹??ㄧ??</span> <a href="http://www.safedog.cn"><input type="button" name="detail" id="detail" value="?ョ??璇︽??"></a> <span>??</span> <a href="http://security.safedog.cn/index.html"><input type="button" name="feedback" id="feedback" value="??棣?璇???></a> </div> </div> <div id="footer"> <footer>Copyright©2013-2020 ?﹂?ㄦ??浜?淇℃???????????? ALL Rights Reserved | ??CP澶?14014139??1</footer> </div> </div> </body> </html>