|
|
@@ -0,0 +1,174 @@
|
|
|
+<!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">
|
|
|
+ <title>听邦</title>
|
|
|
+ <meta name="Keywords" content="听邦">
|
|
|
+ <meta name="Description" content="听邦">
|
|
|
+ <style>
|
|
|
+ * {
|
|
|
+ margin: 0;
|
|
|
+ padding: 0;
|
|
|
+ border: 0;
|
|
|
+ box-sizing: border-box;
|
|
|
+ font-family: PingFang SC, 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%;
|
|
|
+ }
|
|
|
+
|
|
|
+ a {
|
|
|
+ text-decoration: none;
|
|
|
+ -webkit-touch-callout: none;
|
|
|
+ }
|
|
|
+
|
|
|
+ input {
|
|
|
+ outline: none;
|
|
|
+ border: none;
|
|
|
+ -webkit-appearance: none;
|
|
|
+ }
|
|
|
+
|
|
|
+ button {
|
|
|
+ border: none;
|
|
|
+ outline: none;
|
|
|
+ background: transparent;
|
|
|
+ }
|
|
|
+
|
|
|
+ iframe {
|
|
|
+ position: absolute;
|
|
|
+ width: 0;
|
|
|
+ height: 0;
|
|
|
+ border: 0;
|
|
|
+ z-index: -9999;
|
|
|
+ }
|
|
|
+
|
|
|
+ html,
|
|
|
+ body {
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ overflow-y: scroll;
|
|
|
+ }
|
|
|
+
|
|
|
+ html {
|
|
|
+ -webkit-text-size-adjust: 100%
|
|
|
+ }
|
|
|
+
|
|
|
+ ul, li, ol {
|
|
|
+ list-style: none;
|
|
|
+ }
|
|
|
+
|
|
|
+ i {
|
|
|
+ font-style: normal;
|
|
|
+ }
|
|
|
+
|
|
|
+ input:-webkit-autofill,
|
|
|
+ input:-webkit-autofill:hover,
|
|
|
+ input:-webkit-autofill:focus,
|
|
|
+ input:-webkit-autofill:active {
|
|
|
+ -webkit-transition-delay: 99999s;
|
|
|
+ -webkit-transition: color 99999s ease-out, background-color 99999s ease-out;
|
|
|
+ }
|
|
|
+
|
|
|
+ .w {
|
|
|
+ width: 1190px;
|
|
|
+ margin-left: auto;
|
|
|
+ margin-right: auto;
|
|
|
+ }
|
|
|
+
|
|
|
+ .header {
|
|
|
+ position: relative;
|
|
|
+ left: 0;
|
|
|
+ top: 0;
|
|
|
+ width: 100%;
|
|
|
+ padding: 122px 0 202px;
|
|
|
+ background: linear-gradient(45deg, #000000 0%, #525050 100%);
|
|
|
+ }
|
|
|
+
|
|
|
+ .header .logo {
|
|
|
+ display: block;
|
|
|
+ width: 121px;
|
|
|
+ height: 138px;
|
|
|
+ margin: 0 auto;
|
|
|
+ }
|
|
|
+
|
|
|
+ .header a {
|
|
|
+ display: block;
|
|
|
+ width: 268px;
|
|
|
+ height: 44px;
|
|
|
+ background: #D32323;
|
|
|
+ border-radius: 25px;
|
|
|
+ margin: 51px auto 0;
|
|
|
+ font-size: 16px;
|
|
|
+ font-family: PingFangSC-Semibold, PingFang SC;
|
|
|
+ font-weight: 600;
|
|
|
+ color: #FFFFFF;
|
|
|
+ line-height: 44px;
|
|
|
+ letter-spacing: 1px;
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
+
|
|
|
+ .main {
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ width: 100%;
|
|
|
+ padding: 56px 0;
|
|
|
+ }
|
|
|
+
|
|
|
+ .main .album {
|
|
|
+ display: block;
|
|
|
+ width: 422px;
|
|
|
+ height: 347px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .main .explain {
|
|
|
+ padding-top: 27px;
|
|
|
+ margin-left: 44px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .main .explain .label {
|
|
|
+ font-size: 18px;
|
|
|
+ font-family: PingFangSC-Semibold, PingFang SC;
|
|
|
+ font-weight: 600;
|
|
|
+ color: #333333;
|
|
|
+ line-height: 30px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .main .explain .value {
|
|
|
+ font-size: 16px;
|
|
|
+ color: #909090;
|
|
|
+ line-height: 34px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .main .label::after {
|
|
|
+ content: '';
|
|
|
+ display: block;
|
|
|
+ width: 100%;
|
|
|
+ height: 2px;
|
|
|
+ border-bottom: 1px solid #979797;
|
|
|
+ }
|
|
|
+ </style>
|
|
|
+</head>
|
|
|
+<body>
|
|
|
+<div class="header">
|
|
|
+ <div class="w">
|
|
|
+ <img class="logo" src="./imgs/logo@2x.png" alt="">
|
|
|
+ <a href="javascript:;">APP下载</a>
|
|
|
+ </div>
|
|
|
+</div>
|
|
|
+<div class="main">
|
|
|
+ <img class="album" src="./imgs/about@2x.png" alt="">
|
|
|
+ <div class="explain">
|
|
|
+ <p class="label">去 AF house 听歌</p>
|
|
|
+ <p class="label">必须要下载的APP</p>
|
|
|
+ <p class="value">·查看演出计划</p>
|
|
|
+ <p class="value">·订座/点单</p>
|
|
|
+ <p class="value">·积分/优惠</p>
|
|
|
+ <p class="value">·现场互动</p>
|
|
|
+ </div>
|
|
|
+</div>
|
|
|
+</body>
|
|
|
+</html>
|
panyong
