<!DOCTYPE html>
<html>

<head>
    <title>访问验证</title>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <style>
		html,body{width:100%;height:90%;}body{display:flex;justify-content:center;align-items:center;margin:0;padding:0;font-family:"微软雅黑",Arial,Helvetica,sans-serif;color:#666;}input{margin:0;padding:0;}.logo{width:160px;height:40px;}.card{height:320px;width:420px;flex-direction:column;word-wrap:break-word;background-clip:border-box;border:1px solid rgba(0,0,0,.125);border-radius:4px;box-shadow:0 0 10px rgba(0,0,0,0.125);}.card-header{padding:.75rem 1.25rem;padding-left:35px;margin-left:100;margin-bottom:0;background-color:rgba(0,0,0,.03);border-bottom:1px solid rgba(0,0,0,.125);}.card-header:first-child{border-radius:calc(.25rem - 1px) calc(.25rem - 1px) 0 0;}.card-body{flex:1 1 auto;padding:1.25rem;padding-left:35px;padding-right:35px;padding-top:30px;}.captcha-text{width:112px;height:34px;font-size:19px;color:#111111;line-height:26px;font-weight:600;}.captcha{width:100%;margin-top:60px;}.code-input{width:200px;height:32px;border:1px solid #ccc;border-left:none;border-right:none;border-top:none;font-size:14px;padding:0px 0px 0px 10px;outline:none;}.captcha-img{float:right;width:80px;margin-left:10px;line-height:50px;}.captcha-img img{width:80px;line-height:50px;}.captcha-refresh{float:right;margin-top:11px;margin-left:15px;width:30px;text-align:right;}.refreshIcon{width:30px;margin-right:10px;}.refreshIcon:before{display:block;content:' ';background-image:url('data:image/svg+xml;utf8,<svg width="1792" height="1792" fill="%23a9a9a9" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M1664 256v448q0 26-19 45t-45 19h-448q-42 0-59-40-17-39 14-69l138-138q-148-137-349-137-104 0-198.5 40.5t-163.5 109.5-109.5 163.5-40.5 198.5 40.5 198.5 109.5 163.5 163.5 109.5 198.5 40.5q119 0 225-52t179-147q7-10 23-12 15 0 25 9l137 138q9 8 9.5 20.5t-7.5 22.5q-109 132-264 204.5t-327 72.5q-156 0-298-61t-245-164-164-245-61-298 61-298 164-245 245-164 298-61q147 0 284.5 55.5t244.5 156.5l130-129q29-31 70-14 39 17 39 59z"/></svg>');background-size:20px 20px;height:20px;width:20px;}.refreshIcon:hover:before{display:block;content:' ';background-image:url('data:image/svg+xml;utf8,<svg width="1792" height="1792" fill="%23808080" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M1664 256v448q0 26-19 45t-45 19h-448q-42 0-59-40-17-39 14-69l138-138q-148-137-349-137-104 0-198.5 40.5t-163.5 109.5-109.5 163.5-40.5 198.5 40.5 198.5 109.5 163.5 163.5 109.5 198.5 40.5q119 0 225-52t179-147q7-10 23-12 15 0 25 9l137 138q9 8 9.5 20.5t-7.5 22.5q-109 132-264 204.5t-327 72.5q-156 0-298-61t-245-164-164-245-61-298 61-298 164-245 245-164 298-61q147 0 284.5 55.5t244.5 156.5l130-129q29-31 70-14 39 17 39 59z"/></svg>');background-size:20px 20px;height:20px;width:20px;}.warnbtn{margin:45px auto;text-align:center;}.code-btn{width:200px;height:40px;line-height:30px;background:#008CFF;color:#fff;font-size:12px;border-radius:20px;font-weight:bold;text-align:center;border:0;cursor:pointer}@media (max-width:445px){.logo{width:34vw;height:8vw;}.card{height:69vw;width:90vw;}.card-header{padding-left:7vw;}.card-body{flex:1 1 auto;padding:1.25rem;padding-left:7vw;padding-right:7vw;padding-top:5vw;}.captcha-text{width:24vw;height:7vw;font-size:17px;color:#111111;line-height:6vw;font-weight:0.5vw;}.captcha{width:100%;margin-top:14vw;}.code-input{width:42vw;height:7vw;font-size:13px;}.captcha-img{float:right;width:17vw;margin-left:2vw;line-height:10vw;}.captcha-img img{width:17vw;line-height:10vw;}.captcha-refresh{float:right;margin-top:2vw;margin-left:2vw;width:7vw;text-align:right;}.refreshIcon{width:7vw;margin-right:2vw;}.refreshIcon:before{background-size:4vw 4vw;height:4vw;width:4vw;}.refreshIcon:hover:before{background-size:4vw 4vw;height:4vw;width:4vw;}.warnbtn{margin:9vw auto;text-align:center;}}    </style>
    <script type="text/javascript">
        function changeImg() {
            document.getElementById("Image1").src = "/waf_text_captcha?" + Math.random();
        }
    </script>
</head>

<body>
    <div class="card">
        <div class="card-header">
            <span>请完成安全验证!&nbsp;&nbsp;IP:156.253.66.130</span>
        </div>
        <div class="card-body">
            <span class="captcha-text">验证码访问</span>
            <div class="form" style="margin-top:50px;">
                <form action="/waf_text_verify.html" method="GET">
                    <div class="captcha">
                        <input type="text" name="captcha" class="code-input" placeholder="输入验证码" />
                        <div class="captcha-refresh">
                            <a class="refreshIcon" href="javascript:changeImg();"></a>
                        </div>
                        <div class="captcha-img">
                            <span><img id="Image1" src="/waf_text_captcha"/></span>
                        </div>
                    </div>
                    <div class="warnbtn">
                        <input type="submit" value="确定" class="code-btn" />
                    </div>
                </form>
            </div>
        </div>
    </div>
</body>

</html>
