<!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;
-webkit-box-sizing: border-box;
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: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding-top: 68px;
-webkit-box-align: center;
-ms-flex-align: center;
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: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
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: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
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:;" onclick="alert('暂未开放')">
<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="https://tingbang-1305749916.cos.ap-shanghai.myqcloud.com/app/com.tb.tingbang-release-1.0.0.2.apk">
<span class="android"></span>
<span class="word">Android版</span>
</a>
</div>
</body>
</html>