|
|
@@ -0,0 +1,140 @@
|
|
|
+<!doctype html>
|
|
|
+<html lang="en">
|
|
|
+<head>
|
|
|
+ <meta charset="UTF-8">
|
|
|
+ <meta name="viewport"
|
|
|
+ content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
|
|
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
|
|
|
+ <meta name="apple-mobile-web-app-capable" content="yes">
|
|
|
+ <meta name="apple-mobile-web-app-status-bar-style" content="black">
|
|
|
+ <meta name="apple-touch-fullscreen" content="yes"/>
|
|
|
+ <meta name="format-detection" content="telephone=no">
|
|
|
+ <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate"/>
|
|
|
+ <meta name="Keywords" content="听邦">
|
|
|
+ <meta name="Description" content="听邦">
|
|
|
+ <title>听邦APP下载</title>
|
|
|
+ <style>
|
|
|
+ * {
|
|
|
+ margin: 0;
|
|
|
+ padding: 0;
|
|
|
+ border: 0;
|
|
|
+ box-sizing: border-box;
|
|
|
+ font-family: PingFangSC-Regular, HYQiHei-FES, "Helvetica Neue", Helvetica, STHeiTi, Arial, sans-serif;
|
|
|
+ line-height: 1.42857143;
|
|
|
+ font-weight: 400;
|
|
|
+ -webkit-tap-highlight-color: transparent;
|
|
|
+ -webkit-text-size-adjust: 100%;
|
|
|
+ }
|
|
|
+
|
|
|
+ html,
|
|
|
+ body {
|
|
|
+ width: 100%;
|
|
|
+ min-height: 100%;
|
|
|
+ }
|
|
|
+
|
|
|
+ html {
|
|
|
+ -webkit-text-size-adjust: 100%
|
|
|
+ }
|
|
|
+
|
|
|
+ body {
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ padding-top: 68px;
|
|
|
+ align-items: center;
|
|
|
+ background: url('./imgs/bg@2x.png') center top/100% 100% no-repeat;
|
|
|
+ }
|
|
|
+
|
|
|
+ a {
|
|
|
+ text-decoration: none;
|
|
|
+ -webkit-touch-callout: none;
|
|
|
+ }
|
|
|
+
|
|
|
+ .flex-col {
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ }
|
|
|
+
|
|
|
+ .section {
|
|
|
+ width: 266px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .logo {
|
|
|
+ display: block;
|
|
|
+ width: 121px;
|
|
|
+ height: 138px;
|
|
|
+ margin: 0 auto;
|
|
|
+ }
|
|
|
+
|
|
|
+ .title {
|
|
|
+ color: rgba(255, 255, 255, 1);
|
|
|
+ font-size: 16px;
|
|
|
+ line-height: 22px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .main {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ width: 266px;
|
|
|
+ height: 44px;
|
|
|
+ padding-left: 90px;
|
|
|
+ margin-top: 10px;
|
|
|
+ border-radius: 22px;
|
|
|
+ background-color: rgba(211, 35, 35, 1);
|
|
|
+ }
|
|
|
+
|
|
|
+ .main .word {
|
|
|
+ margin-left: 3px;
|
|
|
+ color: rgba(255, 255, 255, 1);
|
|
|
+ font-size: 16px;
|
|
|
+ letter-spacing: 1px;
|
|
|
+ line-height: 22px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .ios {
|
|
|
+ width: 32px;
|
|
|
+ height: 32px;
|
|
|
+ background: url('./imgs/icon_ios@2x.png') center center/100% 100% no-repeat;
|
|
|
+ }
|
|
|
+
|
|
|
+ .android {
|
|
|
+ width: 23px;
|
|
|
+ height: 27px;
|
|
|
+ background: url('./imgs/icon_android@2x.png') center center/100% 100% no-repeat;
|
|
|
+ }
|
|
|
+
|
|
|
+ .help {
|
|
|
+ color: rgba(255, 255, 255, 1);
|
|
|
+ font-size: 12px;
|
|
|
+ line-height: 17px;
|
|
|
+ margin-top: 5px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .margin-top-53 {
|
|
|
+ margin-top: 53px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .margin-top-73 {
|
|
|
+ margin-top: 74px;
|
|
|
+ }
|
|
|
+ </style>
|
|
|
+</head>
|
|
|
+<body>
|
|
|
+<div class="section flex-col">
|
|
|
+ <img class="logo"
|
|
|
+ referrerpolicy="no-referrer"
|
|
|
+ src="./imgs/logo@2x.png"
|
|
|
+ alt="">
|
|
|
+ <span class="title margin-top-73">IOS版下载</span>
|
|
|
+ <a class="main" href="javascript:;">
|
|
|
+ <span class="ios"></span>
|
|
|
+ <span class="word">ios版</span>
|
|
|
+ </a>
|
|
|
+ <span class="help">请允许安装描述文件</span>
|
|
|
+ <span class="title margin-top-53">安卓版下载</span>
|
|
|
+ <a class="main" href="javascript:;">
|
|
|
+ <span class="android"></span>
|
|
|
+ <span class="word">Android版</span>
|
|
|
+ </a>
|
|
|
+</div>
|
|
|
+</body>
|
|
|
+</html>
|
panyong
