
<style>
/* oe_demotips 2020.4.30 */
.oe_demotips{width: 600px; height: 440px; background: #fff; border-radius: 10px; padding:15px; top: 50%; left: 50%; position: absolute; margin-left: -300px; margin-top:-220px; box-sizing:border-box;}
.oe_demotips h3{color:#333; font-weight: bold; text-align: center; font-size: 24px; padding-top: 20px; line-height: 50px;}
.oe_demotips .bd{padding:0px 20px; font-size: 15px; padding-top: 20px; line-height: 28px;}
.oe_demotips .btn{text-align: center; padding-top: 20px;}
.oe_demotips .btn span{background:#ff9500; color:#fff; display: inline-block;  padding: 0px 50px; line-height: 50px; font-size: 16px; cursor: pointer; border-radius: 2px;}
.oe_demotips .btn span:hover{opacity: 0.8;}
</style>
<script type="text/javascript">
$(function() {
    var index = null;
    setTimeout(function () {
        var demo_dialog = null;
        var demo_time = localStorage.getItem('demo_time');
        if(demo_time) {
          var demo_ms = (Date.now()-parseInt(demo_time));
          if (demo_ms > 86400000) {
              localStorage.setItem('demo_time', Date.now());
              index = layer.open({
                type: 1,
                title: false,
                closeBtn: 0,
                shadeClose: true,
                skin: 'yourclass',
                content: '<div class="oe_shade" style="background:none;">\
                  <div class="oe_demotips">\
                    <h3>郑重提示</h3>\
                    <div class="bd">\
                      1、本网站(e.oephp.com)仅作为《OElove婚恋交友系统》产品演示，本网站非实际运营网站，所载全部信息内容均仅作为系统功能测试使用。<br>\
                      2、 功能机制、收费标准、内容等均可后台自定义配置，可联系客服获取后台测试账号。<br>\
                      3、系统支持根据需求自定义切换模板风格、色调元素、广告位等。<br>\
                      4、 具体功能以实际交付的版本为准。<br>\
                      5、后台演示、CRM管理系统、相亲小程序、定制开发、解决方案等联系专属客服咨询。\
                    </div>\
                    <div class="btn">\
                      <span f="close_demo_tip">我知道了</span>\
                    </div>\
                  </div>\
                </div>'
              });
          }
        } else {
            index = layer.open({
              type: 1,
              title: false,
              closeBtn: 0,
              shadeClose: true,
              skin: 'yourclass',
              content: '<div class="oe_shade" style="background:none;">\
                <div class="oe_demotips">\
                  <h3>郑重提示</h3>\
                  <div class="bd">\
                    1、本网站(e.oephp.com)仅作为《OElove婚恋交友系统》产品演示，本网站非实际运营网站，所载全部信息内容均仅作为系统功能测试使用。<br>\
                    2、 功能机制、收费标准、内容等均可后台自定义配置，可联系客服获取后台测试账号。<br>\
                    3、系统支持根据需求自定义切换模板风格、色调元素、广告位等。<br>\
                    4、 具体功能以实际交付的版本为准。<br>\
                    5、后台演示、CRM管理系统、相亲小程序、定制开发、解决方案等联系专属客服咨询。\
                  </div>\
                  <div class="btn">\
                    <span f="close_demo_tip">我知道了</span>\
                  </div>\
                </div>\
              </div>'
            });
            localStorage.setItem('demo_time', Date.now());
        }
    }, 500);
    $(document).on('click', '[f="close_demo_tip"]', function () {
        layer.close(index);
    });
})
</script>