tangning
/
yangshixinwen


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108
							<!DOCTYPE html>
<html>

<head>
  <meta name=viewport content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no">
  <meta charset=UTF-8>
  <meta http-equiv=Cache-Control content="max-age=7200">
  <meta http-equiv=X-UA-Compatible content="IE=edge,chrome=1">
  <meta content="telephone=no" name=format-detection>
  <meta name=description content=灵影仙踪>
  <link rel="shortcut icon" href=//4dkk.4dage.com/FDKKIMG/icon/kankan_icon.ico>
  <link rel=icon type=image/png href=//4dkk.4dage.com/FDKKIMG/icon/kankan_icon192.png sizes=192x192>
  <link rel=apple-touch-icon sizes=180x180 href=//4dkk.4dage.com/FDKKIMG/icon/kankan_icon180.png>
  <title>灵影仙踪</title>
  <style>
    html,
    body {
      width: 100%;
      height: 100%;
      margin: 0;
      padding: 0;
      border: 0;
      position: relative;
      max-width: 596px;
      margin: 0 auto;
    }
    @media screen and (min-width: 900px){
      .app{
        max-width: 596px;
        margin: 0 auto;
      }
    }
    .app {
      text-align: center;
      width: 100%;
      height: 100%;
      overflow: hidden;
      background: url(./img/bg.jpg) no-repeat 100% 100%;
      background-size: 100% 100%;
      display: flex;
      align-items: center;
      justify-content: center;

    }

    .content {
      width: 100%;
    }

    .log {
      width: calc(100% - 70px);
      min-width: 312px;
      height: auto;
      /* border-radius: 30px; */
      margin-bottom: 35px;
    }

    .but {
      width: 213px;
      height: 60px;
      margin: 0 auto;
      background: url(./img/but.png) no-repeat center center;
      background-size: 213px 60px;
      font-family: Source Han Sans CN, Source Han Sans CN;
      font-weight: 400;
      font-size: 19px;
      color: #FFFFFF;
      line-height: 50px;
      text-align: center;
      font-style: normal;    position: relative;
      z-index: 3;
    }
    .tips{
      font-family: Source Han Sans CN, Source Han Sans CN;
      font-weight: 400;
      font-size: 12px;
      color: #FFFFFF;
      line-height: 19px;
      text-align: center;
      width: 100%;
      position: absolute;
      bottom: 40px;
    }
  </style>
  <script>
    function openUrl () {
        // What to do
        console.log('openUrl');
        window.location.href = "https://www.4dkankan.com/spg.html?m=SG-Yu3JBqaVsxP&lang=zh"
    } 
  </script>
</head>

<body>
  <div class="app">
    <div class="content">
      <img class="log" src="./img/logs.png" alt="">
      <div class="but" onclick="openUrl()">
        进入场景
      </div>
    </div>
  </div>
  <!-- <div class="tips">
    <img style="width: 85px;" src="./img/log4d.png" alt="">
  </div> -->
</body>

</html>