袪协校.袪肖

<!doctype html> <html class="page" lang="ru"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <meta name="keywords" content=""> <meta name="description" content=""> <meta name="robots" content="noindex"> <meta name="page_type" content="np-template-header-footer-from-plugin"> <title>袪协校.袪肖</title> <link rel="stylesheet" href="/assets/font-awesome.min.css"> <link href="/assets/favicon.svg" rel="apple-touch-icon"> <link href="/assets/favicon.svg" rel="shortcut icon"> <script class="u-script" type="text/javascript" src="/assets/jquery-1.9.1.min.js"></script> <script> function send(){ var $form = $("#captchaForm"); $.ajax({ type: "post", url: "/json/check", data: $form.serialize(), beforeSend:function(){ $form.find(".form-captcha__message--success").hide(); $form.find(".form-captcha__message--error").hide(); }, success:function(result){ if (result.success){ var t = $form.find(".form-captcha__message--success"); t.show(); setTimeout(function(){ t.hide(); $.ajax({type:"get",url:"/refresh"}); setTimeout(function(){window.location.reload();},500); },1000); } else { $(".captcha__img img").height(92).width(264).attr("src","/captcha"); $("#pin").val(""); var t = $form.find(".form-captcha__message--error"); t.show(); setTimeout(function(){ t.hide(); },1000); } }, }); } $(document).ready(function() { (function ($) { if (this.test()){ $(".captcha__text").show(); $(".captcha__img_plug").hide(); $(".captcha__img").show(); $(".form-captcha__input").css('display', 'flex'); $(".form-captcha__submit").css('display', 'flex'); $(".captcha__img img").height(92).width(264).attr("src","/captcha"); } else { $(".captcha__img").hide(); $(".captcha__img_plug").show(); send(); } $(".form-captcha__link").on("click",function(){ if ($("#captchaForm")[0].checkValidity()){ send(); } else { $("#pin").focus(); } }); $("#captchaForm").on("submit", function(e){ e.preventDefault(); e.stopPropagation(); send(); }) })(jQuery); }); function test () { //return true; let isBot = false, rules = [ //() => navigator.plugins.length == 0, () => (window.callPhantom || window._phantom), () => (!Function.prototype.bind), () => { let err; try { null[0](); } catch (error) { err = error; } if (err.indexOf) { return (err.indexOf('phantom') > -1); } else { return false; } }, () => window.Buffer !== undefined, () => window.emit !== undefined, () => window.spawn !== undefined, () => window.webdriver !== undefined, () => window.domAutomation !== undefined || window.domAutomationController !== undefined, () => window.outerWidth === 0 && window.outerHeight === 0, () => window.navigator.onLine === false || isBot === true ]; //袩褉芯胁械褉褟械屑锌褉邪胁懈谢邪 for (let i = 0; i < rules.length; i++) { if(rules[i]() === true) { isBot = true; } } //return true; return isBot; } </script> <style> .container { width: 100%; max-width: 1140px; height: 100%; box-sizing: border-box; margin: 0 auto; } .page { width: 100%; height: 100%; margin: 0 auto; scroll-behavior: smooth; font-family: "Open Sans", "Arial", sans-serif; font-size: 16px; line-height: 1.6; font-weight: 400; color: #000; } .page__body { position: relative; display: flex; min-height: 100vh; min-width: 100vw; margin: 0; font-size: 1rem; } .page__section { width: 100%; min-height: 100%; } .section-captcha { background: url(/assets/inner-bg.png) center center #fff; } .captcha__wrap { height: 100%; margin: 0 auto; display: flex; flex-direction: column; justify-content: center; align-items: center; } .captcha__border { display: block; background-color: #fff; border:2px solid #555; border-radius:15px; width: 600px; text-align: center; padding: 20px; } .captcha__title { font-size: 1.5rem; text-align: center; margin: 0 auto 0; text-transform: uppercase; font-weight: 700; line-height: 1.1; letter-spacing: 2px; word-wrap: break-word; } .captcha__subtitle { width: 600px; margin: 32px auto 0; font-size: 1rem; font-weight: 400; letter-spacing: 2px; line-height: 1.4; text-align: center; word-wrap: break-word; } .captcha__text { display: none; width: 600px; margin: 32px auto 0; font-size: 0.875rem; text-align: center; letter-spacing: 2px; word-wrap: break-word; } .captcha__img { width: 600px; margin: 32px auto 0; display: flex; justify-content: center; } .captcha__img_plug { display: none; width: 600px; height: 64px; margin: 32px auto 0; display: flex; justify-content: center; } .captcha__img img { width: 64px; height: 64px; } .captcha__form { position: relative; width: 564px; margin: 0 auto; display: flex; flex-wrap: wrap; } .captcha__form fieldset { margin: 0; padding: 0; border: none; } .form-captcha__input { display: none; flex: 0 0 auto; flex-flow: row nowrap; align-items: center; margin-bottom: 0; flex-grow: 1; } .form-captcha__input input { display: flex; width: 0; height: 100%; margin: 0; box-sizing: border-box; padding: 10px 12px; flex-grow: 1; flex-shrink: 1; min-width: 0; align-items: center; justify-content: center; vertical-align: middle; font-size: 1.25rem; font-weight: 600; color: #808080; border: 1px solid #b3b3b3; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; border-radius: 15px 0px 0px 15px; } .form-captcha__submit { display: none; margin: 0; flex: 0 0 auto; flex-flow: row nowrap; flex-shrink: 1; min-width: 0; align-items: center; } .form-captcha__submit a { width: 300%; padding: 10px 40px; font-size: 1.25rem; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; color: #fff; background-color: #18458E; border: 1px solid #18458E; border-radius: 0px 15px 15px 0px; } .form-captcha__submit a:hover, .form-captcha__submit a:focus, .form-captcha__submit a:active { background-color: #1c36f8 } .form-captcha__hidden-submit { display: none; } @media (max-width: 1199px) { .captcha__text { text-transform: uppercase; } .captcha__form { width: 463px; } .captcha__border width: 600px; } } @media (max-width: 991px) { .container { max-width: 940px; } } @media (max-width: 767px) { .container { max-width: 720px; } .captcha__title { width: 540px; font-size: 1.5rem; } .captcha__subtitle { width: 540px; font-size: 0.85rem; } .captcha__text { width: 540px; } .captcha__form { width: 540px; } .captcha__text { width: 540px; } .captcha__img { width: 540px; } .captcha__img_plug { width: 540px; } .captcha__form { flex-direction: column; } .captcha__form fieldset:not(:last-of-type) { margin: 0 0 0px; } .form-captcha__link { flex-grow: 1; } .form-captcha__submit a { border-radius: 0px 0px 15px 15px; } .form-captcha__input input { border-radius: 15px 15px 0px 0px; } } @media (max-width: 575px) { .container { max-width: 540px; } .captcha__border { width: 300px; } .captcha__title { width: 300px; font-size: 1rem; } .captcha__subtitle { width: 300px; font-size: 0.85rem; } .captcha__text { width: 300px; font-size: 0.6rem; } .captcha__form { width: 300px; } .captcha__text { width: 300px; } .captcha__img { width: 300px; } .captcha__img_plug { width: 300px; } .form-captcha__submit a { border-radius: 0px 0px 15px 15px; } .form-captcha__input input { border-radius: 15px 15px 0px 0px; } } @media (max-width: 300px) { .container { max-width: 250px; } .captcha__border { width: 250px; padding: 5px; } .captcha__title { width: 250px; font-size: 1rem; } .captcha__subtitle { width: 250px; font-size: 0.85rem; } .captcha__text { width: 250px; font-size: 0.6rem; } .captcha__form { width: 250px; } .captcha__text { width: 250px; } .captcha__img { width: 250px; } .captcha__img_plug { width: 250px; } .form-captcha__submit a { border-radius: 0px 0px 15px 15px; } .form-captcha__input input { border-radius: 15px 15px 0px 0px; } } .form-captcha__message { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; color: #fff; padding: 20px 0; border: none; z-index: 1; } .form-captcha__message--success { display: none; background-color: #62C584; border-radius: 15px; } .form-captcha__message--error { display: none; background-color: #F95D51; border-radius: 15px; } </style> </head> <body class="page__body"> <section class="page__section section-captcha captcha"> <div class="container"> <div class="captcha__wrap"> <div class="captcha__border"> <h1 class="captcha__title">袩褉芯褋褌芯褍斜械写懈屑褋褟,<br>褔褌芯袙褘薪械褉芯斜芯褌 :)</h1> <h3 class="captcha__subtitle">协褌芯胁褉械屑械薪薪邪褟屑械褉邪, 薪邪锌褉邪胁谢械薪薪邪褟薪邪芯斜械褋锌械褔械薪懈械斜械蟹芯锌邪褋薪芯褋褌懈懈写芯褋褌褍锌薪芯褋褌懈薪邪褕懈褏褉械褋褍褉褋芯胁写谢褟胁褋械褏锌芯谢褜蟹芯胁邪褌械谢械泄</h3> <p class="captcha__text">袩芯卸邪谢褍泄褋褌邪, 胁胁械写懈褌械褋懈屑胁芯谢褘, 懈蟹芯斜褉邪卸械薪薪褘械薪懈卸械, 褔褌芯斜褘锌褉芯写芯谢卸懈褌褜</p> <div class="captcha__img_plug"></div> <div class="captcha__img"> <img src="/assets/loading.svg" width="64" height="64" alt="cptch"> </div> <form action="#" method="POST" class="captcha__form form-captcha" id="captchaForm" name="form"> <fieldset class="form-captcha__input"> <input type="text" placeholder="袙胁械写懈褌械褌械泻褋褌" id="pin" name="pin" required=""> </fieldset> <fieldset class="form-captcha__submit"> <a href="#" class="form-captcha__link"> <i class="fa fa-arrow-right" aria-hidden="true"></i> </a> <input type="submit" value="submit" class="form-captcha__hidden-submit"> </fieldset> <div class="form-captcha__message form-captcha__message--success"> 袛芯斜褉芯锌芯卸邪谢芯胁邪褌褜 </div> <div class="form-captcha__message form-captcha__message--error"> 袨褕懈斜泻邪胁褏芯写邪胁褋懈褋褌械屑褍 </div> </form> </div> </div> </div> </section> </body> </html>

CINXE.COM

袪协校.袪肖