| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140 |
- <!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>
|
