lichunlei
/
cyb_configserver_com


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129
							<!DOCTYPE html>
<html class="h100p">
  <head>
    <meta charset="utf-8">
    <title>App全屏弹层</title>
    <meta name="keywords" content="App全屏弹层">
    <meta name="description" content="App全屏弹层">
    <meta content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,shrink-to-fit=no,user-scalable=no" name="viewport" viewport="cover">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
    <meta content="telephone=no" name="format-detection">
    <meta content="email=no" name="format-detection">
    <meta name="apple-mobile-web-app-title" content="App全屏弹层">
    <meta http-equiv="Cache-Control" content="no-siteapp">
    <link rel="stylesheet" href="./static/css/pop.css">
    <style>
      html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;background:transparent}body{line-height:1;font-family:"Helvetica Neue", "Luxi Sans", "DejaVu Sans", Tahoma, "Hiragino Sans GB", STHeiti, "Microsoft YaHei";font-size:12px/1.5;word-break:break-all;word-wrap:break-word}ol,ul{list-style:none}nav ul{list-style:none}h1,h2,h3{font-weight:normal}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}a{text-decoration:none;margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0}button,input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;vertical-align:baseline;*vertical-align:middle;outline:none}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none;height:0}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button[disabled],input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type="search"]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;box-sizing:content-box}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}img{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}.auto{margin-left:auto;margin-right:auto}.vm{vertical-align:middle}.vt{vertical-align:top}.vb{vertical-align:bottom}.dn{display:none}.di{display:inline}.db{display:block}.df{display:-webkit-box;display:-ms-flexbox;display:flex}.dib{display:inline-block;*zoom:1;*display:inline}.h100p{height:100% !important}.w100p{width:100% !important}.hauto{height:auto !important}.ovauto{overflow:auto !important}.p8{padding:8px}.p10{padding:10px}.p18{padding:18px}.p20{padding:20px}.p30{padding:30px}.pl10{padding-left:10px}.pt10{padding-top:10px}.pr10{padding-right:10px}.pb10{padding-bottom:10px}.pl20{padding-left:20px}.pt20{padding-top:20px}.pr20{padding-right:20px}.pb20{padding-bottom:20px}.pl30{padding-left:30px}.pt30{padding-top:30px}.pr30{padding-right:30px}.pb30{padding-bottom:30px}.ml10{margin-left:10px}.mr10{margin-right:10px}.mt10{margin-top:10px}.mb10{margin-bottom:10px}.ml20{margin-left:20px}.mr20{margin-right:20px}.mt20{margin-top:20px}.mb20{margin-bottom:20px}.ml30{margin-left:30px}.mr30{margin-right:30px}.mt30{margin-top:30px}.mb30{margin-bottom:30px}.fl{float:left;display:inline}.fr{float:right;display:inline}.rel{position:relative}.abs{position:absolute}.fixed{position:fixed}.rel-important{position:relative !important}.abs-important{position:absolute !important}.fixed-important{position:fixed !important}.b0{bottom:0}.t0{top:0}.l0{left:0}.r0{right:0}.cf{*zoom:1}.cf:after{display:table;content:'';clear:both}.tc{text-align:center}.tr{text-align:right}.tl{text-align:left}.n{font-weight:normal;font-style:normal}.b{font-weight:bold}.tno,.tno a{text-decoration:none}.ovh{overflow:hidden !important}.bgn{background:none !important}.f12{font-size:12px}.f14{font-size:14px}.f16{font-size:16px}.f18{font-size:18px}.f20{font-size:20px}.f24{font-size:24px}.f28{font-size:28px}.f36{font-size:36px}.bgfff{background:#fff}.bg000{background:#000}.bgeee{background:#eee}.cfff{color:#fff}.ceee{color:#eee}.cddd{color:#ddd}.cccc{color:#ccc}.c999{color:#999}.c666{color:#666}.c333{color:#333}.c000{color:#000}.wordwrap{word-wrap:break-word}button{-webkit-transition:all .4s 0 ease-in-out;transition:all .4s 0 ease-in-out}.zindex100{z-index:100}.zindex200{z-index:200}.zindex300{z-index:300}.zindex400{z-index:400}.zindex500{z-index:500}.line1{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}.line2{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.line3{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.blur{width:100%;height:100%;left:0;right:0;top:0;bottom:0;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.lh14{line-height:1.4}.lh16{line-height:1.6}.lh18{line-height:1.8}.flex1{-webkit-box-flex:1;-ms-flex:1;flex:1}@media only screen and (min-device-width: 375px) and (min-device-height: 812px){.container{padding-top:constant(safe-area-inset-top);padding-top:env(safe-area-inset-top)}.iphonex-bottom{padding-bottom:24px}}
      .public-pop-mask{background-color:rgba(0,0,0,.8)}
      .public-pop{width:70vw; height:50vh; top:50%; margin-top:-25vh;}
      .public-pop-c{padding:8px 16px 10px 16px;line-break: auto; height:calc(100% - 86px); overflow-y:auto; overflow-x:hidden;}
      .public-pop-c a{color:#A62F2F}
      .public-pop-btn{height:40px; line-height:40px;}
    </style>
  </head>
  <body class="h100p">
    <div class="w100p h100p rel" id="app">
      <div class="public-pop-mask fixed t0 l0 r0 b0"></div>
      <div class="public-pop abs l0 r0 bgfff auto">
        <div class="f16 c333 tc lh18">服务协议与隐私政策</div>
        <div class="public-pop-c f12 c333 lh16">
          <p>请您务必审核阅读、充分理解“服务协议”和“隐私政策”，我们将向你说明：</p>
          <p>1、为帮助你浏览推荐、发布信息、互动交流、注册认证，我们会收集部分必要信息；</p>
          <p>2、为提供上述服务，我们可能会收集联络方式、位置、通信录等部分敏感信息，你有权拒绝或撤回授权；</p>
          <p>3、为收集数据，分析产品使用情况，我们以及我们集成的部分三方SDK需要收集你的设备Mac地址、唯一设备识别码等；</p>
          <p>4、未经你同意，我们不会从第三方获取、共享或提供你的信息；</p>
          <p>5、你可以访问、更正、删除你的个人信息，我们也将提供注销、投诉的方式；</p>
          <p>前往查看完整版<a class="user-servce-agreement">《服务协议》</a>和<a class="user-maker-policy">《隐私政策》</a></p>
        </div>
        <div class="public-pop-btn df f16">
          <div class="flex1 tc">
            <div class="c333 reduce">拒绝</div>
          </div>
          <div class="flex1 tc agreen">
            <div class="cAD1C20 c999"> 同意(6)</div>
          </div>
        </div>
      </div>
    </div>
  </body>
  <script>
    var u = navigator.userAgent;
    var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Linux') > -1;
    var isIOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/);
    const agreement = document.querySelector('.user-servce-agreement');
    const policy = document.querySelector('.user-maker-policy');
    const agreen = document.querySelector('.agreen');
    const reduce = document.querySelector('.reduce');
    const cAD1C20 = document.querySelector('.cAD1C20');
    function Goto(op){
      const pageId = op.Url;
      const Jump = op.Jump || 1;
      if (isAndroid) {
          Func.GotoUrl(pageId, Jump);
        } else if (isIOS) {
          var row = '{';
          row += '"Url":"' + pageId + '",';
          row += '"Jump":"' + Jump + '"';
          row += '}';
          window.webkit.messageHandlers.GotoUrl.postMessage(JSON.parse(row));
        }
    }
    function putCookieInfo(option,val){
      let Key,Value,Type,Conf;
      if(!option.Key){
        Key = option;
        Value = val;
      }else{
        Key = option.Key;
        Value = option.Value;
        Type = option.Type;
        Conf = option.Conf;
      };
      if (isAndroid) {
      Func.putCookieInfo(Key, JSON.parse(Value));
        } else if (isIOS) {
          var row = '{';
          row += '"Key":"' + Key + '",';
          row += '"Value":"' + encodeURIComponent(Value) + '"';
          row += '}';
          window.webkit.messageHandlers.putCookieInfo.postMessage(JSON.parse(row));
        }
    }
    let int = 6;
    const timer = setInterval(()=>{
      int--;
      cAD1C20.innerHTML = `同意(${int})`;
      if(int < 0){
        clearTimeout(timer);
        cAD1C20.innerHTML = '同意';
        cAD1C20.className = 'cAD1C20 c333';
        agreen.addEventListener('click',function(){
          console.log('点击同意');
          putCookieInfo('IsLookProtocal', '1');
          if (isAndroid) {
            Func.ClosePop();
          } else if (isIOS) {
            var row = {};
            window.webkit.messageHandlers.ClosePop.postMessage(row);
          }
        });
      }
    },1000);
    agreement.addEventListener('click',function(){
      Goto({Url:'user-maker-agreement'});
    });
    policy.addEventListener('click',function(){
      Goto({Url:'user-maker-policy'});
      
    });
    reduce.addEventListener('click',function(){
      if (isAndroid) {
        Func.ExitApp();
      } else if (isIOS) {
        var row = {};
        window.webkit.messageHandlers.ExitApp.postMessage(row);
      }
    });
  </script>
</html>