<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <meta name="description" content="">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
  <title>吻颜秘聊</title>
  <link rel="shortcut icon" href=""/>
  <style type="text/css">
html { font-size:62.5% }
@media only screen and (min-width: 350px) {
  html {font-size: 70%!important;}
}
@media only screen and (min-width: 420px) {
  html {font-size: 78%!important;}
}
@media only screen and (min-width: 440px) {
  html {font-size: 80%!important;}
}
@media only screen and (min-width: 481px) {
  html {font-size: 94%!important;}
}
@media only screen and (min-width: 561px) {
  html {font-size: 109%!important;}
}
@media only screen and (min-width: 640px) {
  html {font-size: 125%!important;}
}
@media only screen and (min-width: 700px) {
  html {font-size: 136.72%!important;}
}
@media only screen and (min-width: 750px) {
  html {font-size: 146.48%!important;}
}
body {background: #fff;font: 16px "微软雅黑", arial, sans-serif;color: #000;}
body,div,p,span,form,iframe,table,td,th,input,textarea,button,label,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6 {margin:0;padding:0;}
h1,h2,h3,h4,h5,h6 {font-size: 100%;border: none}
ul,ol,li,dl {list-style-type: none;}
em,i,dfn,cite,strong,small {font-style: normal;}
img {border: 0;}
fieldset,button,input,select,option {vertical-align: middle;font: 12px/18px "微软雅黑", arial, sans-serif;}
textarea {resize: none}
a {color: #787878;cursor: pointer;}
a:link,a:visited {text-decoration: none;}
a:hover {text-decoration: none;color: red}
a:active {color: #1d7400;}
input {outline: none;}
.clear {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
*html .clearfix {zoom: 1;}
.fl {float: left}
.fr {float: right}
.red {color: #D82744}
.black {height: 30px;clear: both}

h3 {font-size: 20px}

.header {position: relative;font-size:0;}
.header .banner{width:100%;}
.header .download {display:block;position: absolute;left: 5%;top: 20%;padding:0 1rem;line-height:2rem;font-size: 1.5rem;text-align: center;color: #fff;border-radius: 10rem;background-image: linear-gradient(to right, #f35b4a, #fb7d1e);}
.header .download:hover {color:#fff;}
.header .logo{position: absolute;left:5%;top:5%;width:10%}

.mid {font-size:0;}
.mid img {width:100%;}

.content {text-align: center;padding:40px 0;}
.content .w1000 {width: 1000px;margin: 0 auto;}

.content .w1000 p {line-height: 30px;text-align:left;}
.content .w1000 .text-center {text-align: center;}

.footer {padding: 20px 0;background-color: #8A15D3;font-size:12px;color: #fff}
.footer p {line-height: 25px;text-align: center;}
.footer p a {color: #fff}
.footer p a:hover {color: red}
.footer p .item{margin-left:15px;}
</style>
</head>

<body>
  <div class="header" id="header">
    <img class="banner" src="/upload/pic/9/4/0b961ef666fd4204a71965b7129ec152.png" />
    <a class="download" target="_blank" href="javascript:void(0);" style="display: none;" id="download">下载APP</a>
    <img class="logo" src="" style="display: none;" id="logo"/>
  </div>
  <div class="content" id="topContent1">
    <div class="w1000" id="topContent2">
      <p style="margin-left:30%">你会偶尔感觉到生活的无聊乏味吗？你会渴望找到一个不一样的Ta吗？ </p>
<p style="margin-left:30%">吻颜秘聊，一款融合语音聊天、交友约会的应用。</p>
<p style="margin-left:30%">在这里，你可以找到和自己兴趣相投的红颜知己；</p>
<p style="margin-left:30%">在这里，你可以畅所欲言开启一场单纯的交友之旅；</p>
<p style="margin-left:30%">真实温暖的交友平台，期待你的加入。</p>
    </div>
  </div>
  <div class="mid" id="mid">
  </div>
  <div class="content" id="content1">
    <div class="w1000" id="content2">
      
    </div>
  </div>
  <div class="footer" id="footer">
    <p>
      <span class="item">举报投诉电话：12345</span>
      <span class="item">&copy; 2022 杭州音羽科技有限公司 版权所有</span>
      <span class="item" style="display: none;" id="contact1"></span>
    </p>
    <p id="contact2" style="display: none;"></p>
    <p id="contactAddr" style="display: none;"></p>
    <p>
      <a class="item" href="http://beian.miit.gov.cn/" target="_blank" id="icpNo">浙ICP备2023036282号-1</a>
      <a class="item" href="javascript:void(0);" target="_blank" id="wwwCert" style="display: none;">文网文</a>
      <a class="item" href="javascript:void(0);" target="_blank" id="businessCert" style="display: none;">营业执照</a>
    </p>
  </div>
  
  <script>
    var logo = '';
    var logoCss = '';
    var downloadUrl = 'http://mlfile.hzyinyu.com/apk/268/wy_wy001_106.apk';
    var downloadIcon = '/upload/pic/9/4/eba475aee93846819a7d0c792012dcf7.png';
    var downloadCss = 'left:70%;top:70%;width:10%;';
    var mids = ['/upload/pic/9/4/425a38d272b5426da24a1d1c2f65253d.png', '', '', '', ''];
    var contactAddr = '';
    var contact = '';
    var businessCertUrl = '';
    var wwwCertNo = '';
    var wwwCertUrl = '';
    var footerBackColor = '';
    var footerTextColor = '';

    var $logo = document.getElementById('logo');
    var $download = document.getElementById('download');
    var $mid = document.getElementById('mid');
    var $footer = document.getElementById('footer');
    var $topContent1 = document.getElementById('topContent1');
    var $topContent2 = document.getElementById('topContent2');
    var $content1 = document.getElementById('content1');
    var $content2 = document.getElementById('content2');
    var $contactAddr = document.getElementById('contactAddr');
    var $contact1 = document.getElementById('contact1');
    var $contact2 = document.getElementById('contact2');
    var $icpNo = document.getElementById('icpNo');
    var $wwwCert = document.getElementById('wwwCert');
    var $businessCert = document.getElementById('businessCert');

    if (logo) {
        $logo.src = logo;
        $logo.style = logoCss;
    }

    if (downloadUrl) {
        $download.href = downloadUrl;
        if (downloadIcon) {
            $download.innerHTML = '<img src="' + downloadIcon + '" style="width:100%"/>';
            $download.style = "background:none;border-radius:0;" + downloadCss;
        } else {
            $download.style = downloadCss;
        }
    }

    var imgHtml = '';
    for(var i in mids) {
      var imgUrl = mids[i];
      if (imgUrl) {
        imgHtml += '<img src="' + imgUrl + '" />';
      }
    }
    if (imgHtml) {
      $mid.innerHTML = imgHtml;
    }

    var topContent = $topContent2.innerHTML.trim();
    if (!topContent) {
      $topContent1.style.display = 'none';
    }

    var content = $content2.innerHTML.trim();
    if (!content) {
      $content1.style.display = 'none';
    }

    var footerCss = '';
    if (footerBackColor) {
      footerCss += 'background-color:' + footerBackColor+';';
    }
    if (footerTextColor) {
      footerCss += 'color:' + footerTextColor + ';';
      $icpNo.style = 'color:' + footerTextColor;
    }
    if (footerCss) {
      $footer.style = footerCss;
    }

    if (contactAddr) {
      $contactAddr.style.display = '';
      $contactAddr.innerHTML = "联系地址：" + contactAddr;
    }
    if (contact) {
      if (contact.length > 20) {
        $contact2.style.display = '';
        $contact2.innerHTML = contact;
      } else {
        $contact1.style.display = '';
        $contact1.innerHTML = contact;
      }
    }
    if (businessCertUrl) {
      $businessCert.href = businessCertUrl;
      if (footerTextColor) {
        $businessCert.style = 'color:' + footerTextColor;
      } else {
        $businessCert.style.display = '';
      }
    }
    if (wwwCertNo) {
      if (footerTextColor) {
        $wwwCert.style = 'color:' + footerTextColor;
      } else {
        $wwwCert.style.display = '';
      }
      $wwwCert.innerHTML = wwwCertNo;
      if (wwwCertUrl) {
        $wwwCert.href = wwwCertUrl;
      }
    }
  </script>
</body>

</html>