﻿<html>
<script type="text/javascript">
    function show(id1, id2) {
        document.getElementById(id1).style.display = "block";
        document.getElementById(id2).value = "";
    }
</script>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta http-equiv="Server" content="HuaweiCloudWAF"/>
    <title>Access Verification</title>
    <style type="text/css">
        body {
            font-family: Tahoma, Verdana, Arial, sans-serif;
            text-align: center;
        }

        .btn {
            float: left;
            margin-left: 20px;
            margin-top: 5px;
            width: 70px;
            height: 30px;
            background: #56c458;
            font-family: "微软雅黑";
            font-size: 16px;
            color: #FFFFFF;
            border: 0;
        }

        .form {
            margin: 0 auto;
            width: 500px;
            height: 30px;
        }

        .inp {
            float: left;
            margin-top: 5px;
            width: 200px;
            height: 30px;
        }

        .pic {
            float: left;
            margin-top: 0px;
            margin-left: 15px;
            width: 150px;
            height: 40px;
        }

        .divm {
            margin: 0 auto;
            width: 800px;
            height: 500px;
        }

        .divl {
            float: left;
            margin-top: 15px;
            width: 400px;
            height: 50px;
        }

        .divr {
            float: right;
            margin-top: 10px;
            width: 400px;
            height: 50px;
        }
    </style>
    <div>
        <style type="text/css">    .select {
            float: right;
            margin: 10px 20px 0 0;
            height: 32px;
            line-height: 20px;
            font-size: 14px;
            width: 80px;
        }</style>
        <select class="select" name="language"
                onchange="changeLanguage(this.options[this.options.selectedIndex].value)">
            <option id="option-zh" onclick="changeLanguageZh()" value="zh">中文</option>
            <option id="option-en" onclick="changeLanguageEn()" value="en">English</option>
        </select>
        <div style="clear: both;"></div>
    </div>
</head>
<body id="">
<div style="text-align:center">
    <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="200px"
         height="350px" viewBox="0 0 48 48" enable-background="new 0 0 48 48" xml:space="preserve">
                <g id="图层_5">
                    <g><path fill="#040000" d="M41.686,10.862c-6.581-1.288-12.772-4.701-15.739-7.325c-0.512-0.454-1.281-0.522-1.693-0.522
                        c-0.355,0-1.245,0.055-1.821,0.56c-2.986,2.612-9.187,6.007-15.744,7.289c-0.998,0.195-1.718,2.015-1.588,3.001
                        c0.088,0.668,0.162,1.421,0.242,2.243c0.45,4.594,1.129,11.535,5.676,17.762c3.094,4.235,7.971,8.628,12.137,10.931
                        c0.258,0.143,0.63,0.215,1.106,0.215c0.553,0,0.813-0.108,0.96-0.189c4.224-2.326,9.104-6.731,12.143-10.963
                        c4.178-5.815,4.946-13.067,5.454-17.866c0.083-0.785,0.159-1.502,0.242-2.131C43.167,13.067,42.827,11.084,41.686,10.862z
                         M41.079,13.603c-0.085,0.645-0.163,1.379-0.249,2.183c-0.486,4.59-1.22,11.524-5.089,16.911
                        c-2.811,3.911-7.471,8.136-11.375,10.316c-0.12,0.006-0.262-0.003-0.329-0.011c-3.856-2.156-8.533-6.383-11.403-10.313
                        C8.41,26.904,7.788,20.552,7.333,15.913c-0.083-0.847-0.159-1.623-0.25-2.31c-0.017-0.172,0.139-0.595,0.279-0.835
                        c6.846-1.4,13.144-4.853,16.355-7.665c0.049-0.027,0.251-0.089,0.536-0.089c0.245,0,0.394,0.048,0.367,0.02
                        c3.211,2.841,9.467,6.298,16.309,7.716C41.021,13.001,41.107,13.393,41.079,13.603z M33.616,16.934
                        c-3.503-0.687-6.797-2.503-8.377-3.9c-0.264-0.233-0.664-0.269-0.878-0.269c-0.185,0-0.648,0.028-0.947,0.29
                        c-1.588,1.39-4.887,3.196-8.378,3.879c-0.505,0.099-0.885,1.058-0.819,1.56c0.047,0.355,0.086,0.756,0.129,1.193
                        c0.239,2.438,0.6,6.12,3.01,9.42c1.641,2.247,4.228,4.577,6.436,5.797c0.133,0.074,0.326,0.111,0.574,0.111
                        c0.285,0,0.417-0.054,0.495-0.097c2.241-1.234,4.829-3.571,6.44-5.814c2.214-3.083,2.622-6.931,2.892-9.477
                        c0.044-0.418,0.085-0.799,0.129-1.134C34.375,18.092,34.194,17.049,33.616,16.934z M15.208,18.362
                        c-0.012-0.096,0.081-0.343,0.16-0.475c1.968-0.401,3.84-1.125,5.424-1.939v3.566h-5.458
                        C15.293,19.096,15.254,18.707,15.208,18.362z M15.436,20.515h13.106V27.3H17.381C16.046,24.948,15.653,22.517,15.436,20.515z
                         M20.792,31.425c-0.984-0.912-1.904-1.916-2.628-2.908c-0.052-0.072-0.091-0.145-0.141-0.217h2.769V31.425z M30.489,28.52
                        c-1.508,2.101-4.021,4.372-6.028,5.49c-0.026,0.005-0.06,0.005-0.095,0.005c-0.069,0-0.121-0.005-0.101,0.009
                        c-0.795-0.441-1.643-1.036-2.474-1.719V28.3h8.835C30.578,28.372,30.54,28.449,30.489,28.52z M31.24,27.3h-1.698v-6.785h3.548
                        C32.856,22.52,32.44,25.054,31.24,27.3z M33.2,19.515H21.792v-4.079c0-0.01-0.006-0.019-0.007-0.029
                        c0.91-0.532,1.694-1.08,2.276-1.59c0.027-0.016,0.14-0.052,0.301-0.052c0.14,0,0.222,0.034,0.216,0.018
                        c1.706,1.51,5.032,3.347,8.667,4.096c0.052,0.137,0.104,0.363,0.087,0.484C33.286,18.702,33.245,19.091,33.2,19.515z"/>
                    </g>
                </g>
            </svg>
</div>
<div class="divm">
    <span style="font-size: 35px" id="title">人机验证</span>
    <div>
        <span style="font-size: 23px" id="a">您的请求过于频繁！</span>
    </div>
    <div class="divl">
        <span style="font-size: 23px;float:right" id="b">请输入正确的验证码:&nbsp;</span>
    </div>
    <div class="divr">
        <form class="form" action="/verifydwhzqcp-captcha" method="POST">
            <input class="inp" type="text" name="vcode" onClick=show('img1','input1') id='input1' value="点击获得验证码"
                   style="text-align:center"/>
            <input class="btn" type="submit" id='d' value="确认"/>
            <img class="pic" src="/getdwhzqcp-captcha.jpg" style='display:none' alt="验证码图像" id='img1'
                 align="middle">
        </form>
    </div>
</div>
</body>
<script>function changeLanguage(value) {
    if (value === 'zh') {
        changeLanguageZh();
    } else if (value === 'en') {
        changeLanguageEn();
    } else {
        changeLanguageZh();
    }
}

function changeLanguageZh() {
    document.getElementById("title").innerHTML = "人机验证";
    document.getElementById("a").innerHTML = "您的请求过于频繁!";
    document.getElementById("b").innerHTML = "请输入正确的验证码:";
    document.getElementById("input1").value = "点击获得验证码：";
    document.getElementById("d").value = "确认";
    document.getElementById("img1").alt = "验证码图像";
}

function changeLanguageEn() {
    document.getElementById("title").innerHTML = "Verification Required";
    document.getElementById("a").innerHTML = "Your requests are too frequent!";
    document.getElementById("b").innerHTML = "Please input the verification code:";
    document.getElementById("input1").value = "Click Here";
    document.getElementById("d").value = "OK";
    document.getElementById("img1").alt = "Captcha image";
}

var language = navigator.language || navigator.browserLanguage;
var re_zh = /^zh/;
if (language.match(re_zh)) {
    changeLanguageZh();
    document.getElementById("option-zh").setAttribute("selected", true);
} else {
    changeLanguageEn();
    document.getElementById("option-en").setAttribute("selected", true);
}</script>
</html>
