{"id":939,"date":"2025-10-15T10:30:23","date_gmt":"2025-10-15T10:30:23","guid":{"rendered":"https:\/\/lavenderblush-wolf-669394.hostingersite.com\/?page_id=939"},"modified":"2025-10-30T09:26:09","modified_gmt":"2025-10-30T09:26:09","slug":"%e9%98%b2%e5%81%bd%e7%a2%bc%e9%a9%97%e8%ad%89","status":"publish","type":"page","link":"https:\/\/tntclub.shop\/zh\/%e9%98%b2%e5%81%bd%e7%a2%bc%e9%a9%97%e8%ad%89\/","title":{"rendered":"\u9632\u507d\u78bc\u9a57\u8b49"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"939\" class=\"elementor elementor-939\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c127783 e-flex e-con-boxed e-con e-parent\" data-id=\"c127783\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c1e5742 elementor-widget elementor-widget-html\" data-id=\"c1e5742\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<meta name=\"viewport\"\r\n    content=\"width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no\" \/>\r\n<style>\r\n    #code {}\r\n\r\n\r\n    .submit_btn {\r\n        outline: none;\r\n        width: 100%;\r\n        height: 50px;\r\n        background: black;\r\n        color: white;\r\n        border: none;\r\n        line-height: 50px;\r\n        margin-top: 20px;\r\n        text-align: center;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        font-size: 18px;\r\n        cursor: pointer;\r\n        border-radius: 3px;\r\n    }\r\n\r\n    .fw-container {\r\n        max-width: 580px;\r\n        display: flex;\r\n        margin: 0 auto 0;\r\n        flex-direction: column;\r\n        padding: 0 10px;\r\n    }\r\n\r\n    .main-page-title {\r\n        display: none !important;\r\n    }\r\n\r\n    .query_btn_code {\r\n        display: flex;\r\n        margin-bottom: 3vw;\r\n        flex-direction: column;\r\n    }\r\n\r\n    .queryBar {\r\n        display: flex;\r\n        width: 100%;\r\n        margin: 0 auto;\r\n        position: relative;\r\n        height: 50px;\r\n        flex-direction: column;\r\n        border: 1px solid;\r\n        border-radius: 3px;\r\n        margin-bottom: 20px;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .result_content {\r\n        min-height: 80px;\r\n        background-color: #FAFAFA;\r\n        width: 100%;\r\n        margin-top: 20px;\r\n        padding: 10px 10px 10px 10px;\r\n        box-sizing: border-box;\r\n        font-size: 14px;\r\n        position: relative;\r\n        display: flex;\r\n    }\r\n\r\n    #code::placeholder {\r\n        font-size: 13px;\r\n    }\r\n\r\n    .tip {\r\n        position: absolute;\r\n        \/* transform: translateY(100%); *\/\r\n        transition: all 0.3s;\r\n        height: max-content;\r\n        padding-left: 12px;\r\n        font-size: 15px;\r\n        pointer-events: none;\r\n        color: #777;\r\n        max-height: max-content;\r\n        bottom: 0;\r\n        top: 0;\r\n        margin: auto;\r\n        line-height: initial;\r\n        \/* margin-bottom: 10px; *\/\r\n    }\r\n\r\n\r\n\r\n    body {\r\n        font-family: Arial, sans-serif;\r\n        user-select: none;\r\n    }\r\n\r\n    .entry-title {\r\n        text-align: center;\r\n        font-size: 30px;\r\n    }\r\n\r\n    @media screen and (max-width:768px) {\r\n        .queryBar {\r\n            \/* padding: 4px 0; *\/\r\n        }\r\n    }\r\n\r\n    @media screen and (min-width:960px) {\r\n        .box1 {\r\n            display: flex;\r\n        }\r\n\r\n        .submit_btn {\r\n            margin: 0;\r\n            width: 30%;\r\n            margin-left: 10px;\r\n        }\r\n\r\n    }\r\n\r\n\r\n    #error-icon,\r\n    #repeat-icon,\r\n    #success-icon {\r\n        width: 28px;\r\n        height: 28px;\r\n        border-radius: 50%;\r\n        display: none;\r\n        flex-shrink: 0;\r\n        margin-right: 15px;\r\n    }\r\n\r\n    #error-icon {\r\n        background-color: red;\r\n    }\r\n\r\n    #repeat-icon {\r\n        background-color: #FFAA00;\r\n    }\r\n\r\n    #success-icon {\r\n        background-color: #18B84B;\r\n    }\r\n\r\n    h1 {\r\n        text-align: center;\r\n        margin-top: 90px;\r\n    }\r\n\r\n    .loadding {\r\n        position: relative;\r\n        display: none;\r\n        justify-content: center;\r\n        width: 30px;\r\n        height: 30px;\r\n        animation: demo 0.8s linear infinite;\r\n    }\r\n\r\n    @keyframes demo {\r\n        to {\r\n            transform: rotateZ(360deg);\r\n        }\r\n    }\r\n\r\n    .loadding span {\r\n        width: 2px;\r\n        height: 9px;\r\n        transform-origin: 50% 15px;\r\n        position: absolute;\r\n        background-color: white;\r\n    }\r\n\r\n    .close-icon {\r\n        width: 16px;\r\n        height: 16px;\r\n        border-radius: 50%;\r\n        background: #8A8A8A;\r\n        position: absolute;\r\n        right: 0;\r\n        bottom: 0;\r\n        margin: 5px;\r\n        display: none;\r\n    }\r\n\r\n    .close-icon::before,\r\n    .close-icon::after {\r\n        content: '';\r\n        position: absolute;\r\n        width: 50%;\r\n        height: 2px;\r\n        background: white;\r\n        top: 0;\r\n        left: 0;\r\n        right: 0;\r\n        margin: auto;\r\n        bottom: 0;\r\n    }\r\n\r\n    .close-icon::after {\r\n        transform: rotate(45deg);\r\n    }\r\n\r\n    .close-icon::before {\r\n        transform: rotate(-45deg);\r\n    }\r\n\r\n    .box1 {\r\n        padding: 0 !important;\r\n    }\r\n<\/style>\r\n<div class=\"fw-container\">\r\n    <h1>Verify Product<\/h1>\r\n    <div style=\"font-size: 18px; text-align: center; margin-bottom: 42px; margin-top: 0;\">Locate the authentication\r\n        label\r\n        and scratch off its coating to obtain the security code.<br \/>Then enter your security code below.<\/div>\r\n    <div class=\"query_btn_code\">\r\n        <div class=\"box1\">\r\n            <div class=\"queryBar border-r\">\r\n                <div class=\"tip\">Enter your security code<\/div>\r\n                <input\r\n                    style=\"height: 27px; width: 80%; outline: none; border: none; box-sizing: border-box; font-size: 16px; margin-top: 5px; color: black; background: none !important; position: absolute; top: 41%; bottom: 0; margin: auto; box-shadow: none; padding: 0; padding-left: 12px;\"\r\n                    placeholder=\"\" autocomplete=\"off\" type=\"text\" id=\"code\" \/>\r\n                <div class=\"close-icon\"><\/div>\r\n            <\/div>\r\n\r\n            <div class=\"submit_btn border-r\" onclick=\"submit()\">\r\n                <span class=\"btn-text\" style=\"display: block;\">Verify<\/span>\r\n                <div class=\"loadding\" style=\"display: none;\">\r\n                    <span style=\"transform: rotateZ(0.125turn);\"><\/span>\r\n                    <span style=\"transform: rotateZ(0.25turn);\"><\/span> <span\r\n                        style=\"transform: rotateZ(0.375turn);\"><\/span>\r\n                    <span style=\"transform: rotateZ(0.5turn);\"><\/span> <span\r\n                        style=\"transform: rotateZ(0.625turn);\"><\/span>\r\n                    <span style=\"transform: rotateZ(0.75turn);\"><\/span> <span\r\n                        style=\"transform: rotateZ(0.875turn);\"><\/span>\r\n                    <span style=\"transform: rotateZ(1turn);\"><\/span>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n        <div class=\"result_content\">\r\n            <div id=\"error-icon\" style=\"display: none;\"><\/div>\r\n            <div id=\"repeat-icon\" style=\"display: none;\"><\/div>\r\n            <div id=\"success-icon\" style=\"display: none;\"><\/div>\r\n            <div class=\"result-des\" style=\"color: red;\"><\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n<p>\r\n    <script>\r\n        document.querySelector(\".queryBar\").addEventListener(\"click\", function () {\r\n            document.querySelector(\"#code\").focus()\r\n            document.querySelector(\".tip\").style.transform = \"translateY(-59%)\"\r\n        })\r\n\r\n        document.querySelector(\"#code\").addEventListener(\"blur\", function () {\r\n            if (this.value) return\r\n            document.querySelector(\".tip\").style.transform = \"translateY(-0%)\"\r\n        })\r\n\r\n\r\n        document.querySelector(\".close-icon\").addEventListener(\"click\", function (e) {\r\n            e.stopPropagation()\r\n            document.querySelector(\"#code\").value = \"\";\r\n            this.style.display = \"none\";\r\n            document.querySelector(\"#success-icon\").style.display = \"none\";\r\n            document.querySelector(\"#error-icon\").style.display = \"none\";\r\n            document.querySelector(\"#repeat-icon\").style.display = \"none\";\r\n            document.querySelector(\".result-des\").style.display = \"none\";\r\n            document.querySelector(\".tip\").style.transform = \"translateY(-0%)\";\r\n        })\r\n\r\n        document.querySelector(\"#code\").addEventListener(\"keyup\", function () {\r\n            document.querySelector(\".close-icon\").style.display = \"block\";\r\n            this.value ? '' : document.querySelector(\".close-icon\").style.display = \"none\";\r\n        })\r\n\r\n        var code = GetQueryString(\"code\");\r\n\r\n        if (\/^\\d+$\/.test(code)) {\r\n            document.querySelector(\"#code\").value = code;\r\n            document.querySelector(\".close-icon\").style.display = \"block\";\r\n            document.querySelector(\".tip\").style.transform = \"translateY(-59%)\";\r\n            submit()\r\n        }\r\n\r\n        function submit() {\r\n            let newCode = document.querySelector(\"#code\").value;\r\n            if (newCode == \"\" || newCode.substr(0, 4) != '4504') {\r\n                alert(\"Enter the correct security code\");\r\n                return\r\n            }\r\n            document.querySelector(\".result-des\").innerHTML = \"\"\r\n            document.querySelector(\"#error-icon\").style.display = \"none\"\r\n            document.querySelector(\"#repeat-icon\").style.display = \"none\"\r\n            document.querySelector(\"#success-icon\").style.display = \"none\";\r\n            document.querySelector(\".loadding\").style.display = \"flex\";\r\n            document.querySelector(\".submit_btn\").setAttribute(\"disabled\", \"disabled\")\r\n            document.querySelector(\".btn-text\").style.display = \"none\";\r\n\r\n            var xhr = new XMLHttpRequest();\r\n            xhr.open('get',\r\n                'https:\/\/ckglobal.fw-12365.com\/ashx\/SecurityQueryApi.ashx?Key=tc201805051108&FWCode=' + newCode + '&Lang=en-gb'\r\n            );\r\n            xhr.send();\r\n            xhr.onreadystatechange = function () {\r\n                if (xhr.readyState == 4 && xhr.status == 200) {\r\n                    const object = JSON.parse(xhr.responseText);\r\n                    \/\/ console.log(object)\r\n                    document.querySelector(\".loadding\").style.display = \"none\";\r\n                    document.querySelector(\".btn-text\").style.display = \"block\";\r\n                    document.querySelector(\".submit_btn\").removeAttribute(\"disabled\");\r\n                    document.querySelector(\".result-des\").style.display = \"block\";\r\n                    if (object.State == 1 || object.State == 3) {\r\n                        document.querySelector(\"#success-icon\").style.display = \"block\";\r\n                        document.querySelector(\"#error-icon\").style.display = \"none\";\r\n                        document.querySelector(\"#repeat-icon\").style.display = \"none\";\r\n                        document.querySelector(\".result-des\").style.color = \"#18B84B\";\r\n                        document.querySelector(\".result-des\").innerHTML = object.QueryContent;\r\n                    } else if (object.State == 2) {\r\n                        document.querySelector(\"#repeat-icon\").style.display = \"block\";\r\n                        document.querySelector(\"#success-icon\").style.display = \"none\";\r\n                        document.querySelector(\"#error-icon\").style.display = \"none\";\r\n                        document.querySelector(\".result-des\").innerHTML = object.QueryContent;\r\n                        document.querySelector(\".result-des\").style.color = \"#FFAA00\";\r\n                    } else {\r\n                        document.querySelector(\"#error-icon\").style.display = \"block\";\r\n                        document.querySelector(\"#repeat-icon\").style.display = \"none\";\r\n                        document.querySelector(\"#success-icon\").style.display = \"none\";\r\n                        document.querySelector(\"#success-icon\").style.display = \"none\";\r\n                        document.querySelector(\".result-des\").innerHTML = object.QueryContent;\r\n                        document.querySelector(\".result-des\").style.color = \"red\";\r\n                    }\r\n                }\r\n            }\r\n        }\r\n\r\n        function GetQueryString(name) {\r\n            var reg = new RegExp(\"(^|&)\" + name + \"=([^&]*)(&|$)\", \"i\");\r\n            var r = window.location.search.substr(1).match(reg);\r\n            if (r != null) return decodeURI(r[2]);\r\n            return null;\r\n        }\r\n    <\/script>\r\n<\/p>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Verify Product Locat [&hellip;]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-939","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/tntclub.shop\/zh\/wp-json\/wp\/v2\/pages\/939","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tntclub.shop\/zh\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tntclub.shop\/zh\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tntclub.shop\/zh\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tntclub.shop\/zh\/wp-json\/wp\/v2\/comments?post=939"}],"version-history":[{"count":7,"href":"https:\/\/tntclub.shop\/zh\/wp-json\/wp\/v2\/pages\/939\/revisions"}],"predecessor-version":[{"id":968,"href":"https:\/\/tntclub.shop\/zh\/wp-json\/wp\/v2\/pages\/939\/revisions\/968"}],"wp:attachment":[{"href":"https:\/\/tntclub.shop\/zh\/wp-json\/wp\/v2\/media?parent=939"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}