loat: left;
        text-align: left;
        padding-left: 20px;
    }

    .wechat_top .wechat_right {
        width: 50px;
        font-size: 22px;
        float: right;
        text-align: center;
        cursor: pointer;
    }

    .wechat_com .wechat_tip {
        height: 70px;
        color: #f00;
        text-align: center;
        font-weight: 800;
    }

    .wechat_com .wechat_tip p {
        margin: 0px;
        padding: 0px;
        height: 70px;
        line-height: 80px;
        font-size: 18px;
    }

    .wechat_com .wechat_img {
        height: 250px;
        margin: 0px 75px;
    }

    .wechat_com .wechat_img img {
        width: 250px;
        height: 250px;
    }

    .wechat_com .wechat_btn {
        color: #fff;
        width: 300px;
        height: 40px;
        font-size: 16px;
        font-weight: 700;
        line-height: 40px;
        text-align: center;
        border-radius: 5px;
        margin: 20px 50px;
    }

    .wechat_com .wechat_btn input {
        display: block;
        height: 30px;
        margin: 3px 15px 3px 0px;
        width: 200px;
        float: left;
    }

    .wechat_com .wechat_btn a {
        padding: 8px;
        color: #fff;
        background-color: #f00;
        cursor: pointer;
    }
</style>
<div class="wechat_box">
    <div class="wechat_div">
        <div class="wechat_top">
            <div class="wechat_left">下载提示</div>
            <div class="wechat_right"
                 onclick="$('.wechat_box').hide();$('.wechat_btn').css('background-color', '#ccc');$('.wechat_btn a').removeAttr('href').removeAttr('target')">
                ×</div>
        </div>
        <div class="wechat_com">
            <div class="wechat_tip">
                <p>微信关注公众号，回复“高清图”获取密码</p>
            </div>
            <div class="wechat_img">
                <img src="" />
            </div>
            <div class="wechat_btn">
                <input id="check" type="text" />
                <a>验 证</a>
            </div>
        </div>
    </div>
</div>
<script>
    $(function () {
        let link = '';
        let pass = '8586';
        let ck_key = "zhuoku"+"_wechat_key";

        $('.get_qrcode').click(function () {
            if (getCookie(ck_key) != '') {
                window.open($(this).data('link'));
            } else {
                $('.wechat_box').show();

                link = $(this).data('link');

                /*setTimeout(function(){
                    $('.wechat_btn').addClass('wechat_key').css('background-color', '#f00');
                    $('.wechat_btn a').attr('href', link).attr('target', '_blank');

                    let date = new Date();
                    date.setTime(date.getTime()+(60*60*1000));
                    let expires = "expires="+date.toGMTString();
                    document.cookie = ck_key+"=wechat_value; "+expires;
                } ,parseInt(Math.random() * (15 - 10 + 1) + 10) * 1000);*/
            }
        });

        $('.wechat_btn a').click(function () {
            let gain = $('#check').val();

            if (gain === pass) {
                let date = new Date();
                date.setTime(date.getTime() + (60 * 60 * 1000));
                let expires = "expires=" + date.toGMTString();
                document.cookie = ck_key+"=wechat_value; " + expires;

                window.open(link);
            } else {
                layer.msg('密码错误');
            }
        });

        function getCookie(cname) {
            var name = cname + "=";
            var ca = document.cookie.split(';');
            for (var i = 0; i < ca.length; i++) {
                var c = ca[i].trim();
                if (c.indexOf(name) == 0) { return c.substring(name.length, c.length); }
            }
            return "";
        }
    })

</script>

</body>

</html>